/* Start:/bitrix/templates/dvsposuda/css/owl.carousel.min.css?17721787792936*/ /** * Owl Carousel v2.2.1 * Copyright 2013-2017 David Deutsch * Licensed under () */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.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)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/bitrix/templates/dvsposuda/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* End */ /* Start:/bitrix/templates/dvsposuda/css/owl.theme.default.min.css?1772178779936*/ /** * Owl Carousel v2.2.1 * Copyright 2013-2017 David Deutsch * Licensed under () */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} /* End */ /* Start:/bitrix/templates/dvsposuda/css/selectize.css?17721787798806*/ /** * selectize.css (v0.12.6) * Copyright (c) 2013–2015 Brian Reavis & contributors * * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this * file except in compliance with the License. You may obtain a copy of the License at: * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software distributed under * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF * ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. * * @author Brian Reavis */ .selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder { visibility: visible !important; background: #f2f2f2 !important; background: rgba(0, 0, 0, 0.06) !important; border: 0 none !important; -webkit-box-shadow: inset 0 0 12px 4px #fff; box-shadow: inset 0 0 12px 4px #fff; } .selectize-control.plugin-drag_drop .ui-sortable-placeholder::after { content: '!'; visibility: hidden; } .selectize-control.plugin-drag_drop .ui-sortable-helper { -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); } .selectize-dropdown-header { position: relative; padding: 5px 8px; border-bottom: 1px solid #d0d0d0; background: #f8f8f8; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .selectize-dropdown-header-close { position: absolute; right: 8px; top: 50%; color: #303030; opacity: 0.4; margin-top: -12px; line-height: 20px; font-size: 20px !important; } .selectize-dropdown-header-close:hover { color: #000000; } .selectize-dropdown.plugin-optgroup_columns .optgroup { border-right: 1px solid #f2f2f2; border-top: 0 none; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .selectize-dropdown.plugin-optgroup_columns .optgroup:last-child { border-right: 0 none; } .selectize-dropdown.plugin-optgroup_columns .optgroup:before { display: none; } .selectize-dropdown.plugin-optgroup_columns .optgroup-header { border-top: 0 none; } .selectize-control.plugin-remove_button [data-value] { position: relative; padding-right: 24px !important; } .selectize-control.plugin-remove_button [data-value] .remove { z-index: 1; /* fixes ie bug (see #392) */ position: absolute; top: 0; right: 0; bottom: 0; width: 17px; text-align: center; font-weight: bold; font-size: 12px; color: inherit; text-decoration: none; vertical-align: middle; display: inline-block; padding: 2px 0 0 0; border-left: 1px solid #d0d0d0; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .selectize-control.plugin-remove_button [data-value] .remove:hover { background: rgba(0, 0, 0, 0.05); } .selectize-control.plugin-remove_button [data-value].active .remove { border-left-color: #cacaca; } .selectize-control.plugin-remove_button .disabled [data-value] .remove:hover { background: none; } .selectize-control.plugin-remove_button .disabled [data-value] .remove { border-left-color: #ffffff; } .selectize-control.plugin-remove_button .remove-single { position: absolute; right: 0; top: 0; font-size: 23px; } .selectize-control { position: relative; } .selectize-dropdown, .selectize-input, .selectize-input input { color: #303030; font-family: inherit; font-size: 13px; line-height: 18px; -webkit-font-smoothing: inherit; } .selectize-input, .selectize-control.single .selectize-input.input-active { background: #fff; cursor: text; display: inline-block; } .selectize-input { border: 1px solid #d0d0d0; padding: 8px 8px; display: inline-block; width: 100%; overflow: hidden; position: relative; z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .selectize-control.multi .selectize-input.has-items { padding: 6px 8px 3px; } .selectize-input.full { background-color: #fff; } .selectize-input.disabled, .selectize-input.disabled * { cursor: default !important; } .selectize-input.focus { -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); } .selectize-input.dropdown-active { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .selectize-input > * { vertical-align: baseline; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } .selectize-control.multi .selectize-input > div { cursor: pointer; margin: 0 3px 3px 0; padding: 2px 6px; background: #f2f2f2; color: #303030; border: 0 solid #d0d0d0; } .selectize-control.multi .selectize-input > div.active { background: #e8e8e8; color: #303030; border: 0 solid #cacaca; } .selectize-control.multi .selectize-input.disabled > div, .selectize-control.multi .selectize-input.disabled > div.active { color: #7d7d7d; background: #ffffff; border: 0 solid #ffffff; } .selectize-input > input { display: inline-block !important; padding: 0 !important; min-height: 0 !important; max-height: none !important; max-width: 100% !important; margin: 0 2px 0 0 !important; text-indent: 0 !important; border: 0 none !important; background: none !important; line-height: inherit !important; -webkit-user-select: auto !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .selectize-input > input::-ms-clear { display: none; } .selectize-input > input:focus { outline: none !important; } .selectize-input::after { content: ' '; display: block; clear: left; } .selectize-input.dropdown-active::before { content: ' '; display: block; position: absolute; background: #f0f0f0; height: 1px; bottom: 0; left: 0; right: 0; } .selectize-dropdown { position: absolute; z-index: 100; /* Было: "10" */ border: 1px solid #d0d0d0; background: #fff; margin: -1px 0 0 0; border-top: 0 none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .selectize-dropdown [data-selectable] { cursor: pointer; overflow: hidden; } .selectize-dropdown [data-selectable] .highlight { background: rgba(125, 168, 208, 0.2); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .selectize-dropdown .option, .selectize-dropdown .optgroup-header { padding: 5px 8px; } .selectize-dropdown .option, .selectize-dropdown [data-disabled], .selectize-dropdown [data-disabled] [data-selectable].option { cursor: inherit; opacity: 0.5; } .selectize-dropdown [data-selectable].option { opacity: 1; } .selectize-dropdown .optgroup:first-child .optgroup-header { border-top: 0 none; } .selectize-dropdown .optgroup-header { color: #303030; background: #fff; cursor: default; } .selectize-dropdown .active { background-color: #f5fafd; color: #495c68; } .selectize-dropdown .active.create { color: #495c68; } .selectize-dropdown .create { color: rgba(48, 48, 48, 0.5); } .selectize-dropdown-content { overflow-y: auto; overflow-x: hidden; max-height: 200px; -webkit-overflow-scrolling: touch; } .selectize-control.single .selectize-input, .selectize-control.single .selectize-input input { cursor: pointer; } .selectize-control.single .selectize-input.input-active, .selectize-control.single .selectize-input.input-active input { cursor: text; } .selectize-control.single .selectize-input:after { content: ' '; display: block; position: absolute; top: 50%; right: 15px; margin-top: -3px; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #808080 transparent transparent transparent; } .selectize-control.single .selectize-input.dropdown-active:after { margin-top: -4px; border-width: 0 5px 5px 5px; border-color: transparent transparent #808080 transparent; } .selectize-control.rtl.single .selectize-input:after { left: 15px; right: auto; } .selectize-control.rtl .selectize-input > input { margin: 0 4px 0 -2px !important; } .selectize-control .selectize-input.disabled { opacity: 0.5; background-color: #fafafa; } /* End */ /* Start:/bitrix/templates/dvsposuda/css/megazupelx.css?177217877933962*/ /* Magic Zoom Plus v5.2.5 Copyright 2018 Magic Toolbox Buy a license: https://www.magictoolbox.com/magiczoomplus/ License agreement: https://www.magictoolbox.com/license/ */ /** * Core styles */ @font-face { font-family: "magictoolbox-thin"; font-weight: normal; font-style: normal; src: url("/bitrix/templates/dvsposuda/css/fonts/magictoolbox-thin.eot?#iefix") format("embedded-opentype"), url("data:font/opentype;base64,AAEAAAANAIAAAwBQRkZUTXJLSEgAAAdAAAAAHEdERUYAKQAPAAAHIAAAAB5PUy8yAlYL4QAAAVgAAABWY21hcEAYY70AAAHUAAABSmdhc3D//wADAAAHGAAAAAhnbHlmMMVOJwAAAzQAAAGIaGVhZAmWUYMAAADcAAAANmhoZWEP9QamAAABFAAAACRobXR4L0EAQAAAAbAAAAAkbG9jYQGGAgAAAAMgAAAAFG1heHAAUAAcAAABOAAAACBuYW1l6MPgdAAABLwAAAH1cG9zdLaTuyIAAAa0AAAAZAABAAAAAQAAEWdxz18PPPUACwgAAAAAANDtg/MAAAAA0O2D8wAA/gIInAaeAAAACAACAAAAAAAAAAEAAAae/gIAuAibAAD//wicAAEAAAAAAAAAAAAAAAAAAAAJAAEAAAAJABkABQAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQZeAZAABQAIBTMFmQAAAR4FMwWZAAAD1wBmAhIAAAAABQAAAAAAAAAAAAAAAAAAAAACAAAAAAAAUGZFZABAoAGgBgZm/mYAuAaeAf4AAAABAAAAAAAABAAAAAAAAAACqgAACJsAAAOlAAADpQAACJsAAAibAAAHfABAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAACgBv//AAAAAKAB//8AAGACAAEAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAqACoAKgBMAGAAdACIAJwAxAAFAAAAAAQABZoAAgAFAAgACwAPAAATEQkBIQE3AREJASEDESERZgFd/uECuP6kPQFd/mYBXP1IpAQABNf77AIK/ZkCC1z99gQU/lICCvrNBZr6ZgABAAD+AgicBp4ACwAACQEHCQEnCQE3CQEXBHEEKyP71fvVIwQr+9UjBCsEKyMCUPvVIwQr+9UjBCsEKyP71QQrIwAAAAEAAP4CA6YGngAFAAARARcJAQcDixv8iQN1GwJQBE4X+8n7yRcAAAABAAD+AgOmBp4ABQAACQEnCQE3A6b8dxsDd/yHGwJQ+7IXBDcENxcAAQAAADcInAPdAAUAACUBNwkBFwRO+7IXBDcENxc3A4oa/IkDeRoAAAEAAAA3CJwD3QAFAAAJAQcJAScETgROF/vJ+8kXA938dxsDd/yHGwACAEAAQAHAAcAADQAYAAAlBycGIyImNDYyFhUUDwEWMzI2NCYiBhUUAcAXcSk3P1lZflkh1yc5OFBQcFBXF3EhWX5ZWT82KQInUHBQUDg5AAAADACWAAEAAAAAAAEAEQAkAAEAAAAAAAIABABAAAEAAAAAAAMALQChAAEAAAAAAAQAEQDzAAEAAAAAAAUACwEdAAEAAAAAAAYAEQFNAAMAAQQJAAEAIgAAAAMAAQQJAAIACAA2AAMAAQQJAAMAWgBFAAMAAQQJAAQAIgDPAAMAAQQJAAUAFgEFAAMAAQQJAAYAIgEpAE0AYQBnAGkAYwBUAG8AbwBsAGIAbwB4AC0AVABoAGkAbgAATWFnaWNUb29sYm94LVRoaW4AAFQAaABpAG4AAFRoaW4AAEYAbwBuAHQARgBvAHIAZwBlACAAMgAuADAAIAA6ACAATQBhAGcAaQBjAFQAbwBvAGwAYgBvAHgALQBUAGgAaQBuACAAOgAgADIANwAtADEALQAyADAAMQA1AABGb250Rm9yZ2UgMi4wIDogTWFnaWNUb29sYm94LVRoaW4gOiAyNy0xLTIwMTUAAE0AYQBnAGkAYwBUAG8AbwBsAGIAbwB4AC0AVABoAGkAbgAATWFnaWNUb29sYm94LVRoaW4AAFYAZQByAHMAaQBvAG4AIAAxAC4AMAAAVmVyc2lvbiAxLjAAAE0AYQBnAGkAYwBUAG8AbwBsAGIAbwB4AC0AVABoAGkAbgAATWFnaWNUb29sYm94LVRoaW4AAAAAAAIAAAAAAAD/mgBmAAAAAAAAAAAAAAAAAAAAAAAAAAAACQAAAAEAAgECAQMBBAEFAQYBBwd1bmlBMDAxB3VuaUEwMDIHdW5pQTAwMwd1bmlBMDA0B3VuaUEwMDUHdW5pQTAwNgAAAAH//wACAAEAAAAMAAAAFgAAAAIAAQADAAgAAQAEAAAAAgAAAAAAAAABAAAAANBwQGEAAAAA0O2D8wAAAADQ7YPz"); } .MagicZoom, .mz-figure, .mz-lens, .mz-zoom-window, .mz-loading, .mz-hint, .mz-expand .mz-expand-stage, .mz-expand .mz-expand-stage .mz-image-stage, .mz-expand .mz-image-stage > figure .mz-caption, .mz-thumb img, .mz-expand-thumbnails, .mz-expand-controls, .mz-button { -webkit-box-sizing: border-box; box-sizing: border-box; } .MagicZoom, .mz-figure { display: inline-block; outline: 0 !important; font-size: 0 !important; line-height: 100% !important; direction: ltr !important; position: relative; z-index: 1; margin: 0 auto; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .MagicZoom { -webkit-transform: translate3d(0,0,0); -ms-touch-action: pan-y; touch-action: pan-y; } figure.mz-figure { overflow: hidden; margin: 0 !important; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .MagicZoom img, .mz-figure img { border: 0 !important; margin: 0 !important; outline: 0 !important; padding: 0 !important; } .MagicZoom > img, .mz-figure > img { width: 100%; height: auto; } .ie8-magic .MagicZoom > img, .ie8-magic .mz-figure > img { width: 100%; max-width: none !important; } .mz-figure.mz-no-zoom.mz-no-expand, .mz-expand .mz-figure.mz-no-zoom { cursor: default !important; } .mz-figure.mz-active, .mz-expand { -ms-touch-action: none; touch-action: none; } .mz-lens, .mz-zoom-window { position: absolute !important; overflow: hidden !important; pointer-events: none !important; } .mz-lens img, .mz-zoom-window img { position: absolute !important; max-width: none !important; max-height: none !important; } .mz-lens img { -webkit-transition: none !important; transition: none !important; } .mz-zoom-window { z-index: 2000000000; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .mz-zoom-window.mz-magnifier { -webkit-mask-image: -webkit-radial-gradient(circle, white, black); -webkit-mask-clip: content; cursor: none; } .mz-figure.mz-active .mz-zoom-window.mz-magnifier { pointer-events: auto !important; cursor: inherit !important; } .mz-zoom-window.mz-magnifier.mz-expanded { z-index: 2147483647; } .mz-zoom-window img { width: auto; height: auto; left: -1000%; right: -1000%; top: -1000%; bottom: -1000%; margin: auto !important; -webkit-transition: none !important; transition: none !important; -webkit-transform-origin: 50% 50% !important; -ms-transform-origin: 50% 50% !important; transform-origin: 50% 50% !important; } .mz-zoom-window.mz-preview img { top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; margin: 0 !important; width: 100% !important; height: auto !important; -webkit-transform: none !important; transform: none !important; } .lt-ie9-magic .mz-zoom-window img { margin: 0 !important; } .mz-expand-controls { z-index: 2147483647; } .mz-fade { -webkit-transition: opacity .25s; transition: opacity .25s; } .mz-hidden { opacity: 0; } .mz-visible { opacity: 1; } .mobile-magic .mz-expand .mz-expand-bg { -webkit-transform-style: flat !important; transform-style: flat !important; } .mobile-magic .mz-expand .mz-image-stage > figure .mz-caption { display: none !important; } .mobile-magic .mz-expand-controls.mz-fade { transition: none !important; } .mobile-magic .mz-expand > .mz-zoom-window { top: 0 !important; left: 0 !important; } .mz-expanded-view-open, .mz-expanded-view-open body { overflow: hidden !important; } .mz-expanded-view-open body { height: auto !important; } /** * Main figure */ .mz-figure.mz-active { background: #fff; } .mz-figure.mz-no-zoom, .mz-figure.mz-click-zoom, .mz-figure.mz-active { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mz-figure.mz-active.mz-no-expand { cursor: crosshair; } .mz-figure.mz-active.mz-click-zoom.mz-no-expand { cursor: crosshair; cursor: -webkit-zoom-out; cursor: -moz-zoom-out; cursor: zoom-out; } .mz-figure.mz-active.mz-magnifier-zoom.mz-hover-zoom.mz-no-expand { cursor: none; } .mz-figure.mz-magnifier-zoom.mz-active { overflow: visible !important; } .mz-figure.mz-active > img { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(80%) opacity(60%); filter: grayscale(80%) opacity(60%); } .no-cssfilters-magic .mz-figure.mz-active > img { opacity: 0.6; } .lt-ie10-magic .mz-figure.mz-active > img { opacity: 1; filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1,opacity=0.6); } .mz-figure.mz-active.mz-inner-zoom, .lt-ie11-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom, .lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom > img { opacity: 0; } .lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom, .lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom > .mz-zoom-window { opacity: 1; } .lt-ie10-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom, .lt-ie10-magic .mz-figure.mz-active.mz-inner-zoom > img { filter: alpha(opacity=0); } .ie9-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom { background: transparent; } /** * Zoom lens */ .mz-lens { border: 1px solid #aaa; border-color: rgba(170,170,170,0.7); box-shadow: 0 0 5px rgba(0,0,0,.3); cursor: none; z-index: 10; opacity: 0; } .mz-figure.mz-active .mz-lens { opacity: 1; -webkit-transition: opacity .3s cubic-bezier(0.25, 0.5, 0.5, 0.9) .1s; transition: opacity .3s cubic-bezier(0.25, 0.5, 0.5, 0.9) .1s; } .mz-figure.mz-active.mz-magnifier-zoom .mz-lens { border-radius: 50%; opacity: 0; cursor: none; } /** * Zoom window */ .mz-zoom-window { background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, .2); } .mz-zoom-window.mz-magnifier { border-radius: 100%; border: 0; background: rgba(255,255,255,.3); } .mz-zoom-window.mz-magnifier:before { content: ""; display: block; position: absolute; top: 0;bottom: 0; left: 0; right: 0; border-radius: 100%; border: 1px solid rgba(170,170,170,0.7); box-shadow: inset 0 0 20px 1px rgba(0,0,0,.3); background: transparent; z-index: 1; } .mz-zoom-window.mz-magnifier.mz-square, .mz-zoom-window.mz-magnifier.mz-square:before { border-radius: 0 !important; } .lt-ie9-magic .mz-zoom-window { border: 1px solid #e5e5e5; } .mz-zoom-window.mz-inner { border: none; box-shadow: none; } /* Caption in zoom window */ .mz-zoom-window .mz-caption { background: #777; color: #fff; font-size: 10pt; opacity: 0.8; position: absolute; top: 0; z-index: 150; padding: 3px; width: 100%; line-height: normal !important; text-align: center !important; } .lt-ie9-magic .mz-zoom-window .mz-caption { filter: alpha(opacity=80); } .mz-zoom-window.caption-bottom .mz-caption { top: auto; bottom: 0; } .mz-zoom-window.mz-expanded > .mz-caption { display: none; } /* Zoom window animations */ .mz-zoom-window.mz-deactivating, .mz-zoom-window.mz-activating { -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9), -webkit-transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9), transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); } .mz-zoom-window.mz-deactivating { -webkit-transition-duration: .25s, .25s, .25s; transition-duration: .25s, .25s, .25s; } .mz-zoom-window.mz-p-right, .mz-zoom-window.mz-p-left, .mz-zoom-window.mz-p-top, .mz-zoom-window.mz-p-bottom { opacity: 0; z-index: -100; } .mz-zoom-window.mz-p-right { -webkit-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); } .mz-zoom-window.mz-p-left { -webkit-transform: translate3d(20%, 0, 0); transform: translate3d(20%, 0, 0); } .mz-zoom-window.mz-p-top { -webkit-transform: translate3d(0, 20%, 0); transform: translate3d(0, 20%, 0); } .mz-zoom-window.mz-p-bottom { -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0); } /* Inner mode animation */ .mz-zoom-window > img { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .mz-zoom-window.mz-p-inner.mz-deactivating > img, .mz-zoom-window.mz-p-inner.mz-activating > img { -webkit-transition: -webkit-transform .22s cubic-bezier(0.25, 0.5, 0.5, 0.9) !important; transition: transform .22s cubic-bezier(0.25, 0.5, 0.5, 0.9) !important; } /* Magnifier mode animation */ .mz-zoom-window.mz-p-magnifier { -webkit-transform: scale(.1); transform: scale(.1); } /* Preview mode animation */ .mz-zoom-window.mz-preview.mz-deactivating, .mz-zoom-window.mz-preview.mz-activating, .mz-zoom-window.mz-custom.mz-deactivating, .mz-zoom-window.mz-custom.mz-activating { -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); } .mz-zoom-window.mz-preview.mz-deactivating, .mz-zoom-window.mz-custom.mz-deactivating { -webkit-transition-duration: .2s; transition-duration: .2s; } .mz-zoom-window.mz-p-preview, .mz-zoom-window.mz-p-custom { opacity: 0; } /** * Hint & Loading */ .mz-hint, .mz-loading { color: #eee; background: rgba(49,51,61,0.7); font: normal 12px/1.2em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, 'Helvetica Neue', Arial, Helvetica, sans-serif; text-decoration: none; text-align: center; direction: ltr; display: inline-block; margin: 0; position: absolute; z-index: 1000; pointer-events: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: opacity 0.25s ease; transition: opacity 0.25s ease; } .mz-hint { bottom: 8px; left: 0; right: 0; padding: 0 10%; background-color: transparent; -webkit-transition: opacity 0.25s ease, z-index 0.25s ease; transition: opacity 0.25s ease, z-index 0.25s ease; } .mz-hint-message { display: inline-block; background: rgba(49,51,61,0.7); border-radius: 2em; padding: .7em 1.1em; } .mz-hint-message:before { content: '\02295'; font-family: serif; font-size: 1.5em; speak: none; text-align: center; vertical-align: -2px; margin-right: 6px; -webkit-transition: opacity 0.25s ease; transition: opacity 0.25s ease; } .mobile-magic .mz-hint-message:before { display: none; } .mz-hint-hidden { opacity: 0; z-index: -1; -webkit-transition-delay: .6s; transition-delay: .6s; } /* Hint in the expanded view on mobile */ .mz-expand .mz-hint { font-size: 18px; line-height: 1.1em; top: 50%; bottom: auto; margin: 0; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); } .mz-expand .mz-hint-message { padding: 1.1em; } .mz-expand .mz-hint-message:before { display: none; } .mz-expand .mz-hint-hidden { -webkit-transition-delay: 1s; transition-delay: 1s; opacity: 0; } /* Loading indicator */ .mz-loading { font-size: 0; border-radius: 100%; opacity: 0; padding: 0; width: 36px; height: 36px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .mz-loading:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 24px; height: 24px; margin: auto; text-indent: -9999em; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 1); border-top-color: transparent; box-sizing: border-box; } .mz-loading.shown { opacity: 1; z-index: 1; -webkit-transition: opacity 0s; transition: opacity 0s; } .mz-loading.shown:after { -webkit-animation: spin-loading .9s infinite linear; animation: spin-loading .9s infinite linear; } @-webkit-keyframes spin-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .lt-ie10-magic .mz-loading { border-radius: 2em; font-size: 12px; padding: .7em 1.1em; width: auto; height: auto; } .lt-ie10-magic .mz-loading:after { content: 'Loading...'; text-indent: 0; border: none; position: relative; } .lt-ie9-magic .mz-loading { filter: alpha(opacity=0); right: 0; left: 0; width: 126px; margin: auto; } .lt-ie9-magic .mz-hint-message, .lt-ie9-magic .mz-loading.shown { background: transparent !important; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#7c31333D', EndColorStr='#7c31333D'); } .lt-ie9-magic .mz-hint-hidden { filter: alpha(opacity=0); } /** * Expanded view */ .mz-expand, .mz-expand .mz-expand-bg, .mz-expand .mz-expand-bg > img, .mz-expand .mz-expand-bg > svg, .mz-expand .mz-expand-stage, .mz-expand .mz-expand-stage .mz-image-stage { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .mz-expand .mz-expand-bg, .mz-expand .mz-expand-bg > img, .mz-expand .mz-expand-bg > svg { width: auto !important; height: auto !important; } .mz-expand .mz-expand-bg, .mz-expand .mz-expand-bg > svg { min-width: 100% !important; min-height: 100% !important; } .mz-expand { background-color: rgba(0, 0, 0, 1); text-align: center; vertical-align: middle; display: block; overflow: hidden; z-index: 2100000000; position: fixed; width: auto; height: auto; -webkit-perspective: 600px; perspective: 600px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; -ms-overflow-style: none; } /* Expanded view background */ .mz-expand .mz-expand-bg { display: inline-block; vertical-align: middle; margin: auto; z-index: -100; max-width: none !important; max-height: none !important; -webkit-transform: translate3d(0,0,0) scale(10) rotate(0.01deg); -ms-transform: translate(0,0) scale(10,10) rotate(0.01deg); transform: translate3d(0,0,0) scale(10) rotate(0.01deg); -webkit-perspective: 600px; perspective: 600px; background-repeat: no-repeat; background-size: cover; } .mz-expand .mz-expand-bg > img { margin: auto; filter: url("data:image/svg+xml;utf8,#blur"); -webkit-filter: blur(20px) brightness(60%); filter: blur(20px) brightness(60%); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .mz-expand .mz-expand-bg > svg { margin: auto; opacity: .6; } [data-magic-ua=edge] .mz-expand .mz-expand-bg, .lt-ie10-magic .mz-expand .mz-expand-bg { display: none !important; } .lt-ie9-magic .mz-expand { background: #1f1f1f; } [data-magic-ua=edge] .mz-expand { background-color: rgba(31, 31, 31, .96); } /** Plain backgrounds: dark-bg, white-bg **/ .mz-expand.plain-bg .mz-expand-bg, .mz-expand.dark-bg .mz-expand-bg, .mz-expand.white-bg .mz-expand-bg { display: none !important; } .mz-expand.dark-bg { background-color: #1f1f1f; background-color: rgba(31, 31, 31, .96); } .mz-expand.white-bg { background-color: #fff; } /* Expanded view stage */ .mz-expand .mz-expand-stage { z-index: 2100000000; padding: 0; } .mz-expand .mz-expand-stage .mz-image-stage { z-index: 50; left: 120px; right: 120px; padding: 20px 0 40px 0; margin: 0; text-align: center; vertical-align: middle; -webkit-perspective: 600px; perspective: 600px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .mz-expand .mz-expand-stage.with-thumbs .mz-image-stage { padding-bottom: 120px; } .mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage { padding: 0 !important; left: 0; right: 0; } .mz-expand .mz-image-stage > figure:before, .mz-expand .mz-image-stage:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; font-size: 0; line-height: 100%; width: 0; } .mz-expand .mz-image-stage > figure { width: 100%; max-width: 100%; max-height: 100%; padding: 0; margin: 0; display: inline-block; vertical-align: middle; font-size: 0; line-height: 100%; position: relative; } .mz-expand .mz-figure { overflow: visible; max-width: 100% !important; } .mz-expand .mz-figure > img { max-width: 100%; width: auto; height: auto; } .mz-expand .mz-zoom-in .mz-image-stage > figure, .mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-activating, .mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-active { width: 100%; height: 100%; } .mz-expand .mz-figure { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mz-expand .mz-figure.mz-active { cursor: crosshair; cursor: -webkit-zoom-out; cursor: -moz-zoom-out; cursor: zoom-out; } /* When inner zoom is always shown */ .mz-expand .mz-expand-stage.mz-zoom-in.mz-always-zoom .mz-image-stage > figure > figure > img { z-index: 1; position: absolute !important; top: -5000px !important; bottom: -5000px !important; left: -5000px !important; right: -5000px !important; margin: auto !important; } .lt-ie10-magic .mz-zoom-window.mz-expanded img { filter: alpha(opacity=100); } .lt-ie10-magic .mz-expand .mz-figure.mz-magnifier-zoom { overflow: hidden; filter: alpha(opacity=100); } /* Caption in expanded view */ .mz-expand .mz-caption { color: #fff; text-shadow: 0px 0px 46px #000; padding: 10px 4px; font: normal 10pt/1em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, 'Helvetica Neue', Arial, Helvetica, sans-serif; text-align: center; width: 100%; position: absolute; left: 0; opacity: 0; } .mz-expand .mz-caption.mz-show { -webkit-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; opacity: 1; } .mz-expand .mz-caption a { color: inherit; cursor: pointer; } .mz-expand.white-bg .mz-caption { color: #555; text-shadow: none; } .lt-ie9-magic .mz-expand .mz-caption { top: 100%; } .mz-expand .mz-zoom-window { box-shadow: none; background: transparent; } .lt-ie9-magic .mz-expand .mz-zoom-window { border: 0; } /* Expanded view on mobile */ .mobile-magic .mz-expand-stage .mz-expand-thumbnails, .mobile-magic .mz-expand-stage .mz-image-stage { left: 0px; right: 0px; } .mobile-magic .mz-expand .mz-expand-stage.with-thumbs { bottom: 0px; } .mobile-magic .mz-expand-stage .mz-image-stage { padding: 0; } .mobile-magic .mz-expand .mz-expand-stage.with-thumbs .mz-image-stage { padding: 5px 0 60px; } .mobile-magic .mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage { padding-top: 0; } .mobile-magic .mz-expand .mz-expand-thumbnails { padding: 0; height: 60px; } /** * Buttons & Arrows */ .mz-expand-controls, button.mz-button { margin: 0 !important; padding: 0 !important; outline: 0 !important; } button.mz-button { color: #b4b4b4 !important; font: 900 34px/1 'magictoolbox-thin' !important; cursor: pointer; z-index: 90 !important; background-color: transparent !important; border: 1px solid rgba(180, 180, 180, 0) !important; border-radius: 100% !important; box-shadow: none !important; position: absolute !important; text-transform: none !important; text-align: center; speak: none; -webkit-font-smoothing: antialiased; width: 60px !important; height: 60px !important; min-width: 0 !important; min-height: 0 !important; max-width: none !important; max-height: none !important; } button.mz-button:before { display: inline; position: static; color: inherit !important; font: inherit !important; -webkit-font-smoothing: inherit !important; } button.mz-button.mz-button-prev, button.mz-button.mz-button-next { margin: auto 10px !important; top: 0 !important; bottom: 0 !important; overflow: hidden !important; } button.mz-button.mz-button-prev { left: 0 !important; } button.mz-button.mz-button-next { right: 0 !important; } button.mz-button.mz-button-close { font-size: 26px !important; margin: 10px !important; top: 0 !important; right: 0 !important; z-index: 95 !important; } :root:not(.mobile-magic) button.mz-button { color: rgba(180, 180, 180, .75) !important; -webkit-transform: scale(.85) !important; transform: scale(.85) !important; -webkit-transition: color .25s, border-color .25s, -webkit-transform .25s !important; transition: color .25s, border-color .25s, transform .25s !important; } :root:not(.mobile-magic) button.mz-button:hover { color: rgba(180, 180, 180, 1) !important; border-color: rgba(180, 180, 180, .6) !important; -webkit-transform: scale(1) !important; transform: scale(1) !important; } .mobile-magic button.mz-button { -webkit-transition: -webkit-transform .1s !important; transition: transform .1s !important; } .mobile-magic button.mz-button:active { border-color: rgba(180, 180, 180, .6) !important; -webkit-transform: scale(.95) !important; transform: scale(.95) !important; } button.mz-button.mz-button-close:before { content: "\a001"; } button.mz-button.mz-button-prev:before { content: "\a002"; } button.mz-button.mz-button-next:before { content: "\a003"; } @media screen and (max-device-width: 767px) { button.mz-button-prev, button.mz-button-next { display: none !important; } .mobile-magic .mz-expand button.mz-button { width: 44px !important; height: 44px !important; font-size: 18px !important; color: rgba(255, 255, 255, 0.8) !important; background-color: rgba(49,51,61,0.3) !important; border-color: transparent !important; } } .lt-ie9-magic button.mz-button { border: 0; filter: alpha(opacity=75); } .lt-ie9-magic button.mz-button:hover { filter: alpha(opacity=100); } /** * Thumbnails */ /* Thumbnails on the page */ a[data-zoom-id], .mz-thumb, .mz-thumb:focus { display: inline-block; line-height: 0; outline: none; } a[data-zoom-id] img, .mz-thumb img { border: 0; box-shadow: 0 0 1px 0px rgba(0,0,0,0.3); box-sizing: border-box; } .mz-thumb:hover:not(.mz-thumb-selected) img { -webkit-filter: brightness(75%); filter: brightness(75%); } .mz-thumb-selected img { -webkit-filter: brightness(60%); filter: brightness(60%); } .no-cssfilters-magic .mz-thumb:hover, .no-cssfilters-magic .mz-thumb.mz-thumb-selected { background: #000; } .no-cssfilters-magic .mz-thumb:hover:not(.mz-thumb-selected) img { opacity: .75; filter: alpha(opacity=75); } .no-cssfilters-magic .mz-thumb-selected img { opacity: .6; filter: alpha(opacity=60); } .ie9-magic .mz-thumb img { box-shadow: 0 0 4px 0px rgba(0,0,0,0.3); } /* Thumbnails in expanded view */ .mz-expand-thumbnails { z-index: 50; position: absolute; bottom: 0; left: 65px; right: 65px; height: 80px; padding: 10px 0; box-sizing: border-box; } .mz-expand-thumbnails .magic-thumbs .magic-thumb { padding: 10px 2px; } .mz-expand-thumbnails .magic-thumb > img { cursor: pointer; height: 40px; box-shadow:0 0 5px 1px rgba(0,0,0,0.3); } .mz-expand-thumbnails .magic-thumb:not(.magic-thumb-selected) > img:hover { -webkit-filter: brightness(70%); filter: brightness(70%); } .mz-expand-thumbnails .magic-thumb-selected img { -webkit-filter: brightness(50%); filter: brightness(50%); } .mz-expand-thumbnails .magic-thumbs .magic-thumbs-button { box-shadow: none; } .mz-expand-thumbnails .magic-thumbs .magic-thumbs-button-disabled { opacity: 0; } .no-cssfilters-magic .mz-expand-thumbnails .magic-thumb:hover:not(.magic-thumb-selected) img { opacity: .7; filter: alpha(opacity=70); } .no-cssfilters-magic .mz-expand-thumbnails .magic-thumb-selected img { opacity: .5; filter: alpha(opacity=50); } /** Hide thumbnails in expanded view with .no-expand-thumbnails class **/ .mz-expand.no-expand-thumbnails .mz-expand-stage.with-thumbs .mz-image-stage { padding-bottom: 40px; } .mz-expand.no-expand-thumbnails .mz-expand-thumbnails { display: none; } .mobile-magic .mz-expand.no-expand-thumbnails .mz-expand-stage.with-thumbs .mz-image-stage { padding: 0; } .magic-thumbs, .magic-thumbs .magic-thumbs-wrapper, .magic-thumbs ul, .magic-thumbs li, .magic-thumbs li:before, .magic-thumbs li:after, .magic-thumbs li img, .magic-thumbs .magic-thumbs-button { margin: 0; padding: 0; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .magic-thumbs { direction: ltr; overflow: visible; z-index: 100; position: relative; left: 0; top: 0; padding: 0 30px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -ms-touch-action: none; touch-action: none; } .magic-thumbs { width: 100%; height: 100%; white-space: nowrap; } .magic-thumbs.no-buttons { padding: 0 !important; } .magic-thumbs-wrapper { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; text-align: center; } .magic-thumbs ul { list-style: none; font-size: 0; display: inline-block; vertical-align: middle; height: 100%; position: relative; white-space: nowrap; } .magic-thumbs.no-buttons ul { left: 0 !important; padding: 0 !important; -webkit-transition: none !important; transition: none !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .magic-thumbs ul li { margin: 0 4px; height: 100%; width: auto; vertical-align: top; line-height: 0; display: inline-block; } .magic-thumbs ul li:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; } .magic-thumbs ul li > img { width: auto; height: auto; max-width: none !important; max-height: 100% !important; vertical-align: middle; } .ie8-magic .magic-thumbs ul li > img { max-width: none !important; max-height: none !important; } /* vertical */ .magic-thumbs.magic-thumbs-vertical { height: 100%; } .magic-thumbs-vertical { padding: 30px 0; } .magic-thumbs-vertical ul { height: auto; width: 100%; white-space: normal; } .magic-thumbs-vertical ul li { width: 100%; height: auto; } .magic-thumbs-vertical ul li { margin: 4px 0; } .magic-thumbs-vertical ul li > img { max-width: 100% !important; max-height: none !important; } .ie8-magic .magic-thumbs-vertical ul li > img { width: 100%; } /** * Buttons */ .magic-thumbs button.magic-thumbs-button { color: #b4b4b4 !important; font: 900 24px/1 'magictoolbox-thin' !important; cursor: pointer; z-index: 90 !important; background-repeat: no-repeat; background-color: transparent !important; background-image: none; border: 0; border-radius: 0; box-shadow: none !important; overflow: hidden; position: absolute; text-transform: none !important; speak: none; text-align: center; -webkit-font-smoothing: antialiased; width: 30px; height: 100%; top: 0; bottom: 0; min-width: 0 !important; min-height: 0 !important; max-width: none !important; max-height: none !important; } .magic-thumbs button.magic-thumbs-button:before { display: inline; position: static; color: inherit !important; font: inherit !important; -webkit-font-smoothing: inherit !important; } .magic-thumbs .magic-thumbs-button-prev { left: 0; } .magic-thumbs .magic-thumbs-button-next { right: 0; } .magic-thumbs .magic-thumbs-button-prev:before { content: "\a002"; } .magic-thumbs .magic-thumbs-button-next:before { content: "\a003"; } :root:not(.mobile-magic) .magic-thumbs button.magic-thumbs-button { color: rgba(180, 180, 180, .75) !important; -webkit-transform: scale(.85) !important; transform: scale(.85) !important; -webkit-transition: color .25s, -webkit-transform .25s !important; transition: color .25s, transform .25s !important; } :root:not(.mobile-magic) .magic-thumbs button.magic-thumbs-button:hover { color: rgba(180, 180, 180, 1) !important; -webkit-transform: scale(1) !important; transform: scale(1) !important; } /* Vertical buttons */ .magic-thumbs-vertical .magic-thumbs-button { width: 100%; height: 30px; left: 0; right: 0; top: auto; bottom: auto; } .magic-thumbs-vertical .magic-thumbs-button-prev { top: 0; } .magic-thumbs-vertical .magic-thumbs-button-next { bottom: 0; } .magic-thumbs-vertical .magic-thumbs-button-prev:before { content: "\a005"; } .magic-thumbs-vertical .magic-thumbs-button-next:before { content: "\a004"; } .magic-thumbs.no-buttons .magic-thumbs-button { display: none !important; } .magic-thumbs-button-disabled { opacity: 0.2; filter: alpha(opacity = 20); } /* End */ /* Start:/bitrix/templates/dvsposuda/css/uniform.default.css?17721787799726*/ div.checker input, div.radio input, div.selector select, div.uploader input { opacity: 0; filter: alpha(opacity=0); border: none } div.button span, div.selector select, input.uniform-input, select.uniform-multiselect, textarea.uniform { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px } div.button, div.button span, div.checker span, div.radio span, div.selector, div.selector span, div.uploader, div.uploader span.action { background: url(/bitrix/templates/dvsposuda/css/../img/sprite.png) no-repeat; -webkit-font-smoothing: antialiased } div.button, div.checker, div.radio, div.selector, div.uploader { display: -moz-inline-box; display: inline-block; zoom: 1; vertical-align: middle } div.button:focus, div.checker:focus, div.radio:focus, div.selector:focus, div.uploader:focus { outline: 0 } div.button, div.button *, div.checker, div.checker *, div.radio, div.radio *, div.selector, div.selector *, div.uploader, div.uploader * { margin: 0; padding: 0 } .highContrastDetect { background: url(/bitrix/templates/dvsposuda/css/../img/bg-input.png) repeat-x; width: 0; height: 0 } div.selector, div.selector span { overflow: hidden; height: 26px; line-height: 26px } input.uniform-input, select.uniform-multiselect, textarea.uniform { padding: 3px; background: url(/bitrix/templates/dvsposuda/css/../img/bg-input.png) repeat-x; outline: 0 } input.uniform-input.active, select.uniform-multiselect.active, textarea.uniform.active { background: url(/bitrix/templates/dvsposuda/css/../img/bg-input-focus.png) repeat-x } div.checker input, input[type=search], input[type=search]:active { -webkit-appearance: none; -moz-appearance: none; appearance: none } div.selector { background-position: 0 -130px; padding: 0 0 0 10px; position: relative; font-size: 12px } div.selector span { text-overflow: ellipsis; display: block; white-space: nowrap; background-position: right 0; padding-right: 25px; cursor: pointer; width: 100% } div.selector.fixedWidth { width: 190px } div.selector.fixedWidth span { width: 155px } div.selector select { background: 0 0; position: absolute; height: 22px; top: 2px; left: 0; width: 100% } div.checker, div.radio, div.uploader { position: relative } div.selector.active { background-position: 0 -156px } div.selector.active span { background-position: right -26px } div.selector.focus, div.selector.hover { background-position: 0 -182px } div.selector.focus span, div.selector.hover span { background-position: right -52px } div.selector.focus.active, div.selector.hover.active { background-position: 0 -208px } div.selector.focus.active span, div.selector.hover.active span { background-position: right -78px } div.selector.disabled, div.selector.disabled.active { background-position: 0 -234px } div.selector.disabled span, div.selector.disabled.active span { background-position: right -104px } div.checker, div.checker input, div.checker span { width: 19px; height: 19px } div.checker span { display: -moz-inline-box; display: inline-block; zoom: 1; text-align: center; background-position: 0 -260px } div.checker span.checked { background-position: -76px -260px } div.checker input { background: 0 0; display: -moz-inline-box; display: inline-block; zoom: 1 } div.checker.active span { background-position: -19px -260px } div.checker.active span.checked { background-position: -95px -260px } div.checker.focus span, div.checker.hover span { background-position: -38px -260px } div.checker.focus span.checked, div.checker.hover span.checked { background-position: -114px -260px } div.checker.focus.active span, div.checker.hover.active span { background-position: -57px -260px } div.checker.focus.active span.checked, div.checker.hover.active span.checked { background-position: -133px -260px } div.checker.disabled span, div.checker.disabled.active span { background-position: -152px -260px } div.checker.disabled span.checked, div.checker.disabled.active span.checked { background-position: -171px -260px } div.radio, div.radio input, div.radio span { width: 18px; height: 18px } div.uploader, div.uploader span.action { height: 28px; cursor: pointer; overflow: hidden } div.radio span { display: -moz-inline-box; display: inline-block; zoom: 1; text-align: center; background-position: 0 -279px } div.radio span.checked { background-position: -72px -279px } div.radio input { background: 0 0; display: -moz-inline-box; display: inline-block; zoom: 1; text-align: center } div.radio.active span { background-position: -18px -279px } div.radio.active span.checked { background-position: -90px -279px } div.radio.focus span, div.radio.hover span { background-position: -36px -279px } div.radio.focus span.checked, div.radio.hover span.checked { background-position: -108px -279px } div.radio.focus.active span, div.radio.hover.active span { background-position: -54px -279px } div.radio.focus.active span.checked, div.radio.hover.active span.checked { background-position: -126px -279px } div.radio.disabled span, div.radio.disabled.active span { background-position: -144px -279px } div.radio.disabled span.checked, div.radio.disabled.active span.checked { background-position: -162px -279px } div.uploader { background-position: 0 -297px; width: 190px } div.uploader span.action { background-position: right -409px; line-height: 28px; width: 82px; text-align: center; float: left; display: inline } div.uploader span.filename { text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; float: left; cursor: default; height: 24px; margin: 2px 0 2px 2px; line-height: 24px; width: 85px; padding: 0 10px } div.uploader input { background: 0 0; position: absolute; top: 0; right: 0; float: right; cursor: default; width: 100%; height: 100% } div.uploader.active span.action { background-position: right -465px } div.uploader.focus, div.uploader.hover { background-position: 0 -353px } div.uploader.focus span.action, div.uploader.hover span.action { background-position: right -437px } div.uploader.focus.active span.action, div.uploader.hover.active span.action { background-position: right -493px } div.uploader.disabled, div.uploader.disabled.active { background-position: 0 -325px } div.uploader.disabled span.action, div.uploader.disabled.active span.action { background-position: right -381px } div.button { background-position: 0 -641px; height: 30px; cursor: pointer; position: relative } div.button a, div.button button, div.button input { opacity: .01; filter: alpha(opacity=1); display: block; top: 0; left: 0; right: 0; bottom: 0; position: absolute } div.button span { display: -moz-inline-box; display: inline-block; zoom: 1; line-height: 22px; text-align: center; background-position: right -521px; height: 22px; margin-left: 13px; padding: 8px 15px 0 2px } div.button.active { background-position: 0 -671px } div.button.active span { background-position: right -551px; cursor: default } div.button.focus, div.button.hover { background-position: 0 -701px } div.button.focus span, div.button.hover span { background-position: right -581px } div.button.disabled, div.button.disabled.active { background-position: 0 -731px } input.uniform-input, select.uniform-multiselect, textarea.uniform { font-weight: 400; color: #777; border: 1px solid #aaa; border-right-color: #ccc; border-bottom-color: #ccc; border-radius: 3px } input.uniform-input.focus, input.uniform-input.hover, select.uniform-multiselect.focus, select.uniform-multiselect.hover, textarea.uniform.focus, textarea.uniform.hover { box-shadow: 0 0 4px rgba(0, 0, 0, .3); border-color: #999 } div.button span { font-weight: 700; letter-spacing: 1px; text-transform: uppercase } div.button.focus span, div.button.hover span { color: #555 } div.button.disabled span, div.button.disabled.active span { background-position: right -611px; cursor: default; color: #bbb } div.selector span { color: #666; text-shadow: 0 1px 0 #fff } div.selector.disabled span, div.selector.disabled.active span { color: #bbb } div.checker { margin-right: 5px } div.radio { margin-right: 3px } div.uploader span.action { text-shadow: #fff 0 1px 0; background-color: #fff; font-size: 11px; font-weight: 700 } div.uploader span.filename { color: #777; border-right: solid 1px #bbb; font-size: 11px } div.uploader.disabled span.action, div.uploader.disabled.active span.action { color: #aaa } div.uploader.disabled span.filename, div.uploader.disabled.active span.filename { border-color: #ddd; color: #aaa } input.uniform-input, input.uniform-input:focus { background-color: #fff } .checkbox .bx-filter-param-text { text-align: center!important; } /* End */ /* Start:/bitrix/templates/dvsposuda/css/jquery.fancybox.min.css?177217877913735*/ @charset "UTF-8";body.fancybox-active{overflow:hidden}body.fancybox-iosfix{position:fixed;left:0;right:0}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99992;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:0;font-size:13px;padding:0 10px;height:44px;min-width:44px;line-height:44px;color:#ccc;text-align:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased;mix-blend-mode:exclusion}.fancybox-toolbar{top:0;right:0;margin:0;padding:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.fancybox-is-closing .fancybox-stage{overflow:visible}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-slide:before{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#e5e3df}.fancybox-slide--next{z-index:99995}.fancybox-slide>*{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide>base,.fancybox-slide>link,.fancybox-slide>meta,.fancybox-slide>script,.fancybox-slide>style,.fancybox-slide>title{display:none}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font-size:16px;line-height:20px}.fancybox-button{box-sizing:border-box;display:inline-block;vertical-align:top;width:44px;height:44px;margin:0;padding:10px;border:0;border-radius:0;background:rgba(30,30,30,.6);transition:color .3s ease;cursor:pointer;outline:none}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button[disabled]{color:#ccc;cursor:default;opacity:.6}.fancybox-button svg{display:block;position:relative;overflow:visible;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:currentColor;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--share svg path{stroke-width:1}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--zoom svg path{fill:transparent}.fancybox-navigation{display:none}.fancybox-show-nav .fancybox-navigation{display:block}.fancybox-navigation button{position:absolute;top:50%;margin:-50px 0 0;z-index:99997;background:transparent;width:60px;height:100px;padding:17px}.fancybox-navigation button:before{content:"";position:absolute;top:30px;right:10px;width:40px;height:40px;background:rgba(30,30,30,.6)}.fancybox-navigation .fancybox-button--arrow_left{left:0}.fancybox-navigation .fancybox-button--arrow_right{right:0}.fancybox-close-small{position:absolute;top:0;right:0;width:40px;height:40px;padding:0;margin:0;border:0;border-radius:0;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:22px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background-color:transparent;transition:background-color .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus{outline:none}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small{top:0;right:-40px}.fancybox-slide--iframe .fancybox-close-small:after,.fancybox-slide--image .fancybox-close-small:after{font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after,.fancybox-slide--image .fancybox-close-small:hover:after{color:#fff;background:transparent}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 2vw 0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all;position:relative}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-slide>.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{padding:30px;border-radius:3px;background:#f4f4f4;max-width:90%;text-align:center}.fancybox-share h1{color:#222;margin:0 0 20px;font-size:35px;font-weight:700}.fancybox-share p{margin:0;padding:0}p.fancybox-share__links{margin-right:-10px}.fancybox-share__button{display:inline-block;text-decoration:none;margin:0 10px 10px 0;padding:0 15px;min-width:130px;border:0;border-radius:3px;background:#fff;white-space:nowrap;font-size:14px;font-weight:700;line-height:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff;transition:all .2s}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{position:relative;top:-1px;width:25px;height:25px;margin-right:7px;vertical-align:middle}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{box-sizing:border-box;width:100%;margin:10px 0 0;padding:10px 15px;background:transparent;color:#5d5b5b;font-size:14px;outline:none;border:0;border-bottom:2px solid #d7d7d7}.fancybox-thumbs{display:none;position:absolute;top:0;bottom:0;right:0;width:212px;margin:0;padding:2px 2px 4px;background:#fff;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-thumbs-x{overflow-y:hidden;overflow-x:auto}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0;white-space:nowrap}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{float:left;overflow:hidden;padding:0;margin:2px;width:100px;height:75px;max-width:calc(50% - 4px);max-height:calc(100% - 8px);position:relative;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}} /* End */ /* Start:/bitrix/templates/dvsposuda/fancybox/jquery.fancybox.css?17721787794895*/ /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/bitrix/templates/dvsposuda/fancybox/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('/bitrix/templates/dvsposuda/fancybox/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('/bitrix/templates/dvsposuda/fancybox/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('/bitrix/templates/dvsposuda/fancybox/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/bitrix/templates/dvsposuda/fancybox/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('/bitrix/templates/dvsposuda/fancybox/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /* End */ /* Start:/bitrix/templates/dvsposuda/css/custom.css?177217877964*/ .error-field { border-color: red; background: #fff2f2; } /* End */ /* Start:/local/templates/.default/components/webcube/favorites/template1/style.css?177217876726575*/ @charset "UTF-8"; /*Миксины в SASS*/ @import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese"); /*Сброс отступов у body и html*/ html, body, p, h4 { margin: 0; padding: 0; } body { line-height: normal !important; font-size: initial !important; } .webcube-favorites * { line-height: inherit; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: inherit; box-sizing: content-box; font-family: 'Open Sans'; } [class*='icon-']:before { display: inline-block; font-family: 'Glyphter'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .webcube-none-favorites{ display: block; text-align: center; margin-top: 13%; color: #de0000; text-transform: uppercase; font-size: 24px; } /*класс для body*/ .body-favorites-hidden{ overflow: hidden; } /*класс ссылок в избранное*/ .webcube-favorites-link { display: block; text-decoration: none; text-transform: uppercase; font-weight: 600; font-size: 12px; color: #FFFFFF; padding: 10px; vertical-align: middle; background-color: #efa61b; text-align: center; margin: 10px auto; } .webcube-favorites-link:hover{ color: #FFFFFF; opacity: 0.7; text-decoration: none; } .webcube-favorites-link:focus{ color: #FFFFFF; text-decoration: none; } .webcube-favorites-link.favorite-added { color: #FFFFFF; opacity: 0.7; } /*Участвуют в изменении цвета*/ a.webcube-favorites-color-hov:hover > xml > svg.svg-korzina > path.color-svg { stroke: #efa61b; fill: #efa61b; } .webcube-favorites-color, .webcube-favorites-background-bef, a.webcube-favorites-color-hov:hover { color: #efa61b !important; } .webcube-favorites-background, .webcube-favorites-background-bef { background-color: #efa61b; } .webcube-favorites-border { border-color: #efa61b; } /*loader*/ .webcube-favorites-loader { display: none; text-align: center } .webcube-favorites-loader svg * { fill: #efa61b; } /*Конец участвуют в изменении цвета*/ a:hover { text-decoration: none; } .md-modal-webcube-favorites { position: fixed; top: 50%; left: 50%; width: 70%; height: auto; z-index: 1000; visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .md-modal-webcube-favorites .block-close { display: block; float: right; bottom: 57px; position: relative; } .md-modal-webcube-favorites .block-close .close-modal { display: block; text-align: center; font-size: 50px; color: #565656; } .md-modal-webcube-favorites .block-close .close-modal:hover { cursor: pointer; } .md-modal-webcube-favorites .md-content-webcube-favorites { color: #fff; background: #FFFFFF; position: relative; border-radius: 3px; margin: 0 auto; -webkit-box-shadow: 0px 0px 50px -10px #000000; -moz-box-shadow: 0px 0px 50px -10px #000000; -ms-box-shadow: 0px 0px 50px -10px #000000; -o-box-shadow: 0px 0px 50px -10px #000000; box-shadow: 0px 0px 50px -10px #000000; padding-bottom: 26px; z-index: 1000; min-height: 526px; /*Переключатель в модальном окне*/ } .md-modal-webcube-favorites .md-content-webcube-favorites .perekluch { text-align: center; font-family: 'Open Sans', sans-serif; } .md-modal-webcube-favorites .md-content-webcube-favorites .perekluch span.href-nalichie { display: inline-block; text-transform: uppercase; font-size: 10px; } .md-modal-webcube-favorites .md-content-webcube-favorites .perekluch .active-hr { cursor: no-drop; text-decoration: none; } .md-modal-webcube-favorites .md-content-webcube-favorites .perekluch .no-active-hr { color: #797979; text-decoration: underline; } .md-modal-webcube-favorites .md-content-webcube-favorites h3 { font-weight: 100; margin: 0; color: #575757; padding: 0.4em; text-align: center; font-size: 2.2em; line-height: 1; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari { margin: 0; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube { margin: 0; padding: 20px 20px 30px 20px; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy { border-top: 1px solid #b5b5b5; padding: 10px 0; min-height: 79px; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy a.img-href { display: inline-block; position: relative; width: 100px; padding-right: 10px; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy a.img-href img.images-tovar { /*Временные стили*/ max-width: 100%; padding: 5px; display: block; margin-left: auto; margin-right: auto; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .block-name-i-nal { display: inline-block; min-width: 60%; max-width: 60%; vertical-align: top; top: 12px; position: relative; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .block-name-i-nal a { display: block; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .block-name-i-nal a.href-name-tovar { text-decoration: underline; white-space: nowrap; overflow: hidden; font-weight: 500; font-size: 18px; color: #0565cc; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .block-name-i-nal a.href-name-tovar:hover { text-decoration: none; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .block-name-i-nal span.href-nalichie { text-decoration: none; font-weight: 100; font-size: 14px; display: inline-block; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .block-name-i-nal span.href-net-nalichie { text-decoration: none; color: #b5b5b5; font-weight: 100; font-size: 14px; cursor: no-drop; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .blokc-cena { display: inline-block; min-width: 10%; max-width: 10%; text-align: center; margin-top: 10px; vertical-align: top; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .blokc-cena p { display: block; margin: 0; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .blokc-cena p.cena { font-weight: 600; font-size: 18px; color: #565656; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .blokc-cena p.cena-star { font-weight: 100; font-size: 14px; color: #b5b5b5; text-decoration: line-through; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .block-v-korzunu { display: block; float: right; bottom: 10px; position: relative; margin: 10px; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .block-v-korzunu a { display: block; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .block-v-korzunu a.v-korzinu { text-decoration: none; text-transform: uppercase; font-weight: 600; font-size: 15px; color: #FFFFFF; padding: 10px; height: 22px; display: block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .block-v-korzunu a.v-korzinu::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #FFFFFF; border: 1px solid #5d5d5d; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .block-v-korzunu a.v-korzinu:hover::before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .block-v-korzunu a.v-korzinu svg.svg-korzina { position: absolute; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .block-v-korzunu a.v-korzinu span.v-kor-nad { padding-left: 37px; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .block-v-korzunu a.delete-tovar { display: block; position: relative; text-transform: uppercase; font-weight: 100; font-size: 12px; color: #5d5d5d; text-decoration: none; bottom: 12px; text-align: right; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .block-v-korzunu a.delete-tovar:hover { color: #DE0000; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .block-v-korzunu a.delete-tovar span.del-name { text-decoration: underline; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .block-v-korzunu a.delete-tovar i.icon-delete { position: relative; text-decoration: none; font-weight: 100; font-size: 25px; top: 5px; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy:last-child { border-bottom: 1px solid #b5b5b5; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari .dobav-vse-tovar-block a.dobav-vse-tovar { display: block; font-weight: 100; font-size: 18px; color: #FFFFFF; text-transform: uppercase; text-decoration: underline; padding: 10px; max-width: 30%; text-align: center; margin: 0 auto; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari .dobav-vse-tovar-block a.dobav-vse-tovar:hover { text-decoration: none; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari .dobav-vse-tovar-block .ochis-block { display: block; text-align: center; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari .dobav-vse-tovar-block .ochis-block span.ili, .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari .dobav-vse-tovar-block .ochis-block a.ochis-izbranoe { display: inline-block; font-size: 16px; font-weight: 100; color: #565656; padding-top: 14px; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari .dobav-vse-tovar-block .ochis-block a.ochis-izbranoe { text-decoration: underline; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari .dobav-vse-tovar-block .ochis-block a.ochis-izbranoe:hover { text-decoration: none; } .md-modal-webcube-favorites .md-content-webcube-favorites .onoffswitch { display: inline-block; top: 5px; position: relative; width: 30px; margin: 0 10px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; /*КОНЕЦ Переключатель в модальном окне*/ } .md-modal-webcube-favorites .md-content-webcube-favorites .onoffswitch .onoffswitch-checkbox { display: none; } .md-modal-webcube-favorites .md-content-webcube-favorites .onoffswitch .onoffswitch-label { display: block; overflow: hidden; cursor: pointer; -webkit-border-radius: 36px; -moz-border-radius: 36px; -ms-border-radius: 36px; -o-border-radius: 36px; border-radius: 36px; border-width: 2px; border-style: solid; margin-bottom: 0; } .md-modal-webcube-favorites .md-content-webcube-favorites .onoffswitch .onoffswitch-inner { display: block; width: 200%; margin-left: -100%; -webkit-transition: margin 0.3s ease-in 0s; -moz-transition: margin 0.3s ease-in 0s; -ms-transition: margin 0.3s ease-in 0s; -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s; } .md-modal-webcube-favorites .md-content-webcube-favorites .onoffswitch .onoffswitch-inner:before, .md-modal-webcube-favorites .md-content-webcube-favorites .onoffswitch .onoffswitch-inner:after { display: block; float: left; width: 50%; height: 14px; padding: 0; line-height: 14px; font-size: 13px; color: white; font-family: 'Open Sans', sans-serif; font-weight: bold; box-sizing: border-box; } .md-modal-webcube-favorites .md-content-webcube-favorites .onoffswitch .onoffswitch-inner:before { content: ""; padding-left: 13px; } .md-modal-webcube-favorites .md-content-webcube-favorites .onoffswitch .onoffswitch-inner:after { content: ""; padding-right: 13px; background-color: #FFFFFF; color: #666666; text-align: right; } .md-modal-webcube-favorites .md-content-webcube-favorites .onoffswitch .onoffswitch-switch { display: block; width: 8px; height: 8px; margin: 3px; position: absolute; top: 0; bottom: 0; right: 12px; border: 2px solid #FFFFFF; -webkit-border-radius: 36px; -moz-border-radius: 36px; -ms-border-radius: 36px; -o-border-radius: 36px; border-radius: 36px; -webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; -ms-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; } .md-modal-webcube-favorites .md-content-webcube-favorites .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; } .md-modal-webcube-favorites .md-content-webcube-favorites .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0px; } .md-show { visibility: visible; } .md-overlay { position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0; left: 0; z-index: 999; opacity: 0; background: rgba(227, 227, 227, 0.8); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .md-show ~ .md-overlay { opacity: 1; visibility: visible; } /* Effect 1: Fade in and scale up */ .md-effect-1 .md-content-webcube-favorites { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .md-show.md-effect-1 .md-content-webcube-favorites { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } /*Применяем цвет к SVG*/ .color-svg { stroke: #FFFFFF; fill: #FFFFFF; } .svg-korzina { position: absolute; } .icon-izbranoe { display: block; max-width: 65px; max-height: 65px; text-align: center; padding: 7px 9px; position: fixed; z-index: 9999; } .icon-izbranoe:hover { cursor: pointer; } /*Учавствует в изменении Расположение кнопки*/ .raspologenie-right { right: 0; top: 40%; } .raspologenie-left { left: 0; top: 40%; } .raspologenie-top-right { right: 0; top: 0; } .raspologenie-top-left { left: 0; top: 0; } /*Конец Расположение кнопок*/ .colichesto-izbranoe { font-family: 'Open Sans', sans-serif; width: 30.88px; height: 24px; top: 44px; right: 32px; position: absolute; padding: 7px 0 0 0; background-color: #FFFFFF; border-radius: 50%; border-width: 1px; border-style: solid; font-size: 11px; } .visabile-icons, .mob-knopka { display: none; } @media screen and (min-width: 769px) { .md-modal-webcube-favorites .md-content-webcube-favorites { max-height: 500px; } .md-modal-webcube-favorites .md-content-webcube-favorites .tovari { max-height: 420px; overflow: auto; } } @media screen and (max-width: 1500px) { .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .block-name-i-nal { min-width: 50%; max-width: 50%; } } @media screen and (max-width: 1455px) { .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari .dobav-vse-tovar-block a.dobav-vse-tovar { font-size: 15px; } } @media screen and (max-width: 1215px) { .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari .dobav-vse-tovar-block a.dobav-vse-tovar { font-size: 13px; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .block-name-i-nal a.href-name-tovar { font-size: 15px; } } @media screen and (max-width: 990px) { .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .block-name-i-nal { min-width: 30%; max-width: 30%; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .blokc-cena { min-width: 20%; max-width: 20%; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .block-name-i-nal span.href-nalichie { font-size: 12px; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .block-v-korzunu a.v-korzinu { font-size: 13px; } } /*Стили расположения кнопки для мобильный укранов <768px */ @media screen and (max-width: 768px) { .webcube-favorites-link{ font-size: 9px; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari .dobav-vse-tovar-block a.dobav-vse-tovar { max-width: 60%; font-size: 16px; } .md-modal-webcube-favorites .md-content-webcube-favorites h3 { font-size: 1.8em; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .block-name-i-nal { top: 22px; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .block-v-korzunu a.v-korzinu svg.svg-korzina { display: none; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .block-v-korzunu a.v-korzinu span.v-kor-nad { padding-left: 0; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .block-v-korzunu a.v-korzinu { height: auto; } .hiden-mob { display: none; } .md-modal-webcube-favorites .block-close { z-index: 99; right: 15px; bottom: 0; z-index: 2000; } .mob-knopka { display: block; } .mob-knopka .visabile-icons { display: block; padding: 7px; float: left; } .mob-knopka .izbran-href { display: block; position: relative; font-weight: bold; text-transform: uppercase; color: #FFFFFF; top: 11px; float: left; } .md-modal-webcube-favorites { width: 100%; min-width: 100%; height: 100%; overflow: auto; z-index: 1900; } /*Класс участвует в выборке мобильного расположения*/ .raspologenie-mob-top { top: 0 !important; } /*Класс участвует в выборке мобильного расположения*/ .raspologenie-mob-bottom { top: initial; bottom: 0 !important; } .icon-izbranoe { width: 100%; max-width: 100%; padding: 0px; } .colichesto-izbranoe { top: 6px; right: 20px; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .blokc-cena p.cena { font-size: 14px; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .blokc-cena p.cena-star { font-size: 10px; } .md-modal-webcube-favorites .md-content-webcube-favorites { height: 100%; padding-bottom: 90px; } .md-modal-webcube-favorites .md-content-webcube-favorites .tovari { height: 100%; overflow: auto; margin-bottom: 60px!important; } } @media screen and (max-width: 500px) { .webcube-none-favorites{ margin-top: 50%; font-size: 16px; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .block-v-korzunu{ margin: 0; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari .dobav-vse-tovar-block a.dobav-vse-tovar{ font-size: 12px; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .block-name-i-nal span.href-net-nalichie { font-size: 11px; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .block-name-i-nal span.href-nalichie { font-size: 11px; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .block-v-korzunu a.v-korzinu { font-size: 11px; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .block-name-i-nal a.href-name-tovar { font-size: 13px; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube { padding: 20px 10px 30px 10px; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy a.img-href{ width: 50px; padding-right: 10px; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy a.img-href img.images-tovar { padding-right: 10px; } } @media screen and (max-width: 360px) { .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .blokc-cena p.cena { font-size: 12px; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .blokc-cena p.cena-star { font-size: 8px; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .block-name-i-nal { min-width: 25%; max-width: 25%; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .blokc-cena { min-width: 15%; max-width: 15%; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .block-name-i-nal span.href-net-nalichie { font-size: 11px; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .block-name-i-nal span.href-nalichie { font-size: 11px; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .block-v-korzunu a.v-korzinu { font-size: 11px; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .block-name-i-nal a.href-name-tovar { font-size: 13px; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube { padding: 20px 10px 30px 10px; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy a.img-href img.images-tovar { padding-right: 10px; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari .dobav-vse-tovar-block a.dobav-vse-tovar { max-width: 75%; font-size: 13px; } .md-modal-webcube-favorites .md-content-webcube-favorites h3 { font-size: 1.8em; } } @media (min-width: 768px) and (max-width: 1052px) { .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari .dobav-vse-tovar-block a.dobav-vse-tovar { max-width: 45%; } .md-modal-webcube-favorites .md-content-webcube-favorites > div.tovari ul.container-webcube li.poziciy .block-v-korzunu{ margin: 0; } } /* End */ /* Start:/local/templates/.default/components/webcube/favorites/template1/css/component.css?177217876717045*/ /*Описание стилей эфектов модального окна*/ /* Effect 1: Fade in and scale up */ .md-effect-1 .md-content-webcube-favorites { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .md-show.md-effect-1 .md-content-webcube-favorites { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* Effect 2: Slide from the right */ .md-effect-2 .md-content-webcube-favorites { -webkit-transform: translateX(20%); -moz-transform: translateX(20%); -ms-transform: translateX(20%); transform: translateX(20%); opacity: 0; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); } .md-show.md-effect-2 .md-content-webcube-favorites { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; } /* Effect 3: Slide from the bottom */ .md-effect-3 .md-content-webcube-favorites { -webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%); transform: translateY(20%); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .md-show.md-effect-3 .md-content-webcube-favorites { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } /* Effect 4: Newspaper */ .md-effect-4 .md-content-webcube-favorites { -webkit-transform: scale(0) rotate(720deg); -moz-transform: scale(0) rotate(720deg); -ms-transform: scale(0) rotate(720deg); transform: scale(0) rotate(720deg); opacity: 0; } .md-show.md-effect-4 ~ .md-overlay, .md-effect-4 .md-content-webcube-favorites { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .md-show.md-effect-4 .md-content-webcube-favorites { -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); opacity: 1; } /* Effect 5: fall */ .md-effect-5.md-modal-webcube-favorites { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .md-effect-5 .md-content-webcube-favorites { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(600px) rotateX(20deg); -moz-transform: translateZ(600px) rotateX(20deg); -ms-transform: translateZ(600px) rotateX(20deg); transform: translateZ(600px) rotateX(20deg); opacity: 0; } .md-show.md-effect-5 .md-content-webcube-favorites { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -webkit-transform: translateZ(0px) rotateX(0deg); -moz-transform: translateZ(0px) rotateX(0deg); -ms-transform: translateZ(0px) rotateX(0deg); transform: translateZ(0px) rotateX(0deg); opacity: 1; } /* Effect 6: side fall */ .md-effect-6.md-modal-webcube-favorites { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .md-effect-6 .md-content-webcube-favorites { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translate(30%) translateZ(600px) rotate(10deg); -moz-transform: translate(30%) translateZ(600px) rotate(10deg); -ms-transform: translate(30%) translateZ(600px) rotate(10deg); transform: translate(30%) translateZ(600px) rotate(10deg); opacity: 0; } .md-show.md-effect-6 .md-content-webcube-favorites { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -webkit-transform: translate(0%) translateZ(0) rotate(0deg); -moz-transform: translate(0%) translateZ(0) rotate(0deg); -ms-transform: translate(0%) translateZ(0) rotate(0deg); transform: translate(0%) translateZ(0) rotate(0deg); opacity: 1; } /* Effect 7: slide and stick to top */ .md-effect-7{ top: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .md-effect-7 .md-content-webcube-favorites { -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%); -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; opacity: 0; } .md-show.md-effect-7 .md-content-webcube-favorites { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); border-radius: 0 0 3px 3px; opacity: 1; } /* Effect 8: 3D flip horizontal */ .md-effect-8.md-modal-webcube-favorites { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .md-effect-8 .md-content-webcube-favorites { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateY(-70deg); -moz-transform: rotateY(-70deg); -ms-transform: rotateY(-70deg); transform: rotateY(-70deg); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; opacity: 0; } .md-show.md-effect-8 .md-content-webcube-favorites { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } /* Effect 9: 3D flip vertical */ .md-effect-9.md-modal-webcube-favorites { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .md-effect-9 .md-content-webcube-favorites { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-70deg); -moz-transform: rotateX(-70deg); -ms-transform: rotateX(-70deg); transform: rotateX(-70deg); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; opacity: 0; } .md-show.md-effect-9 .md-content-webcube-favorites { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } /* Effect 10: 3D sign */ .md-effect-10.md-modal-webcube-favorites { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .md-effect-10 .md-content-webcube-favorites { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-60deg); -moz-transform: rotateX(-60deg); -ms-transform: rotateX(-60deg); transform: rotateX(-60deg); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .md-show.md-effect-10 .md-content-webcube-favorites { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } /* Effect 11: Super scaled */ .md-effect-11 .md-content-webcube-favorites { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); transform: scale(2); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .md-show.md-effect-11 .md-content-webcube-favorites { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* Effect 12: Just me */ .md-effect-12 .md-content-webcube-favorites { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .md-show.md-effect-12 ~ .md-overlay { background: rgba(227, 227, 227, 0.8); } .md-effect-12 .md-content-webcube-favorites h3, .md-effect-12 .md-content-webcube-favorites { background: transparent; } .md-show.md-effect-12 .md-content-webcube-favorites { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* Effect 13: 3D slit */ .md-effect-13.md-modal-webcube-favorites { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .md-effect-13 .md-content-webcube-favorites { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(-3000px) rotateY(90deg); -moz-transform: translateZ(-3000px) rotateY(90deg); -ms-transform: translateZ(-3000px) rotateY(90deg); transform: translateZ(-3000px) rotateY(90deg); opacity: 0; } .md-show.md-effect-13 .md-content-webcube-favorites { -webkit-animation: slit .7s forwards ease-out; -moz-animation: slit .7s forwards ease-out; animation: slit .7s forwards ease-out; } @-webkit-keyframes slit { 50% { -webkit-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -webkit-animation-timing-function: ease-out;} 100% { -webkit-transform: translateZ(0) rotateY(0deg); opacity: 1; } } @-moz-keyframes slit { 50% { -moz-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -moz-animation-timing-function: ease-out;} 100% { -moz-transform: translateZ(0) rotateY(0deg); opacity: 1; } } @keyframes slit { 50% { transform: translateZ(-250px) rotateY(89deg); opacity: 1; animation-timing-function: ease-in;} 100% { transform: translateZ(0) rotateY(0deg); opacity: 1; } } /* Effect 14: 3D Rotate from bottom */ .md-effect-14.md-modal-webcube-favorites { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .md-effect-14 .md-content-webcube-favorites { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateY(100%) rotateX(90deg); -moz-transform: translateY(100%) rotateX(90deg); -ms-transform: translateY(100%) rotateX(90deg); transform: translateY(100%) rotateX(90deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .md-show.md-effect-14 .md-content-webcube-favorites { -webkit-transform: translateY(0%) rotateX(0deg); -moz-transform: translateY(0%) rotateX(0deg); -ms-transform: translateY(0%) rotateX(0deg); transform: translateY(0%) rotateX(0deg); opacity: 1; } /* Effect 15: 3D Rotate in from left */ .md-effect-15.md-modal-webcube-favorites { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .md-effect-15 .md-content-webcube-favorites { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg); -moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg); -ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg); transform: translateZ(100px) translateX(-30%) rotateY(90deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .md-show.md-effect-15 .md-content-webcube-favorites { -webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg); -moz-transform: translateZ(0px) translateX(0%) rotateY(0deg); -ms-transform: translateZ(0px) translateX(0%) rotateY(0deg); transform: translateZ(0px) translateX(0%) rotateY(0deg); opacity: 1; } /* Effect 16: Blur */ .md-show.md-effect-16 ~ .md-overlay { background: rgba(227, 227, 227, 0.8); } .md-show.md-effect-16 ~ .container { -webkit-filter: blur(3px); -moz-filter: blur(3px); filter: blur(3px); } .md-effect-16 .md-content-webcube-favorites { -webkit-transform: translateY(-5%); -moz-transform: translateY(-5%); -ms-transform: translateY(-5%); transform: translateY(-5%); opacity: 0; } .md-show.md-effect-16 ~ .container, .md-effect-16 .md-content-webcube-favorites { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .md-show.md-effect-16 .md-content-webcube-favorites { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } /* Effect 17: Slide in from bottom with perspective on container */ .md-show.md-effect-17 ~ .container { height: 100%; overflow: hidden; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } .md-show.md-effect-17 ~ .container, .md-show.md-effect-17 ~ .md-overlay { -webkit-transform: rotateX(-2deg); -moz-transform: rotateX(-2deg); -ms-transform: rotateX(-2deg); transform: rotateX(-2deg); -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .md-effect-17 .md-content-webcube-favorites { opacity: 0; -webkit-transform: translateY(200%); -moz-transform: translateY(200%); -ms-transform: translateY(200%); transform: translateY(200%); } .md-show.md-effect-17 .md-content-webcube-favorites { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition: all 0.3s 0.2s; -moz-transition: all 0.3s 0.2s; transition: all 0.3s 0.2s; } /* Effect 18: Slide from right with perspective on container */ .md-show.md-effect-18 ~ .container { height: 100%; overflow: hidden; } .md-show.md-effect-18 ~ .md-overlay { background: rgba(227, 227, 227, 0.8); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .md-show.md-effect-18 ~ .container, .md-show.md-effect-18 ~ .md-overlay { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 0% 50%; -webkit-animation: rotateRightSideFirst 0.5s forwards ease-in; -moz-transform-style: preserve-3d; -moz-transform-origin: 0% 50%; -moz-animation: rotateRightSideFirst 0.5s forwards ease-in; transform-style: preserve-3d; transform-origin: 0% 50%; animation: rotateRightSideFirst 0.5s forwards ease-in; } @-webkit-keyframes rotateRightSideFirst { 50% { -webkit-transform: translateZ(-50px) rotateY(5deg); -webkit-animation-timing-function: ease-out; } 100% { -webkit-transform: translateZ(-200px); } } @-moz-keyframes rotateRightSideFirst { 50% { -moz-transform: translateZ(-50px) rotateY(5deg); -moz-animation-timing-function: ease-out; } 100% { -moz-transform: translateZ(-200px); } } @keyframes rotateRightSideFirst { 50% { transform: translateZ(-50px) rotateY(5deg); animation-timing-function: ease-out; } 100% { transform: translateZ(-200px); } } .md-effect-18 .md-content-webcube-favorites { -webkit-transform: translateX(200%); -moz-transform: translateX(200%); -ms-transform: translateX(200%); transform: translateX(200%); opacity: 0; } .md-show.md-effect-18 .md-content-webcube-favorites { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; -webkit-transition: all 0.5s 0.1s; -moz-transition: all 0.5s 0.1s; transition: all 0.5s 0.1s; } /* Effect 19: Slip in from the top with perspective on container */ .md-show.md-effect-19 ~ .container { height: 100%; overflow: hidden; } .md-show.md-effect-19 ~ .md-overlay { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .md-show.md-effect-19 ~ .container, .md-show.md-effect-19 ~ .md-overlay { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 50% 100%; -webkit-animation: OpenTop 0.5s forwards ease-in; -moz-transform-style: preserve-3d; -moz-transform-origin: 50% 100%; -moz-animation: OpenTop 0.5s forwards ease-in; transform-style: preserve-3d; transform-origin: 50% 100%; animation: OpenTop 0.5s forwards ease-in; } @-webkit-keyframes OpenTop { 50% { -webkit-transform: rotateX(10deg); -webkit-animation-timing-function: ease-out; } } @-moz-keyframes OpenTop { 50% { -moz-transform: rotateX(10deg); -moz-animation-timing-function: ease-out; } } @keyframes OpenTop { 50% { transform: rotateX(10deg); animation-timing-function: ease-out; } } .md-effect-19 .md-content-webcube-favorites { -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%); opacity: 0; } .md-show.md-effect-19 .md-content-webcube-favorites { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition: all 0.5s 0.1s; -moz-transition: all 0.5s 0.1s; transition: all 0.5s 0.1s; } @media screen and (max-width: 32em) { body { font-size: 75%; } } /* End */ /* Start:/bitrix/templates/dvsposuda/components/bitrix/catalog.compare.list/template1/style.css?17721787791265*/ .bx_catalog-compare-list{ font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size:12px; z-index:998; overflow:hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:270px; max-height:100%; padding:10px 8px 0; white-space:normal; color:#404040; border:1px solid #b7b7b7; border-radius:3px; background:#fff; box-shadow:0 2px 5px 0 rgba(0,0,0,.18); margin-bottom: 10px; } .bx_catalog-compare-list.fix{ position:fixed; } .bx_catalog-compare-list.top{ top:5px; } .bx_catalog-compare-list.right{ right:5px; } .bx_catalog-compare-list.bottom{ bottom:5px; } .bx_catalog-compare-list.left{ left:5px; } .bx_catalog-compare-list .bx_catalog_compare_form { } .bx_catalog-compare-list:hover .bx_catalog_compare_form { } .bx_catalog-compare-list a{ font-size:11px; color:#327ab7; } .bx_catalog-compare-list a:hover{ text-decoration:none; } .bx_catalog_compare_count p{ margin:0 0 10px 0; } .bx_catalog_compare_count p.compare-redirect{ text-align: center; font-weight: bold; } .bx_catalog-compare-list .compare-items td{ font-size:12px; font-weight:bold; padding-bottom:10px; vertical-align: top; } /* End */ /* Start:/local/templates/.default/components/bitrix/search.title/catalog/style.css?17721787672175*/ div.title-search-result { border:1px solid #c6c6c6; display:none; overflow:hidden; z-index:205; } table.title-search-result { border-collapse: collapse; border:none; width:10%; } table.title-search-result th { background-color:#F7F7F7; border-right:1px solid #e8e8e8; color:#949494; font-weight:normal; padding-top:2px; padding-bottom:2px; padding-left:14px; padding-right:12px; text-align:right; vertical-align:top; white-space:nowrap; width:1%; } table.title-search-result td { background-color:white; font-weight:normal; padding-top:2px; padding-bottom:2px; text-align:left; white-space:nowrap; } table.title-search-result td.title-search-item { padding-left:8px; padding-right:15px; } table.title-search-result td.title-search-item a { padding-left:4px; padding-right:15px; vertical-align:top; display:block; } table.title-search-result td.title-search-item img { vertical-align:top; } table.title-search-result td.title-search-item b { color:#cf0000; font-weight:normal; } table.title-search-result tr.title-search-selected td ,table.title-search-result tr.title-search-selected a ,table.title-search-result tr.title-search-selected td.title-search-more a { background-color:#fff2be; } table.title-search-result td.title-search-more { font-size:11px; font-weight:normal; padding-right:15px; padding-left:24px; padding-top:0px; } table.title-search-result td.title-search-more a { padding-left:12px; padding-right:15px; text-decoration:none; color:#999999; } table.title-search-result td.title-search-all { padding-left:24px; padding-right:15px; } table.title-search-result td.title-search-all a { padding-left:4px; text-decoration:none; color:#808080; } table.title-search-result td.title-search-separator , table.title-search-result th.title-search-separator { padding-top:0px; padding-bottom:0px; font-size:4px; } div.title-search-fader { display:none; background-image: url('/local/templates/.default/components/bitrix/search.title/catalog/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } p.title-search-preview { font-size:12px; } div.title-search-result td.title-search-price span { font-size: 26px; } /* End */ /* Start:/bitrix/templates/dvsposuda/styles.css?177217877996906*/ @media screen and (min-width: 971px) { html { font-size: 62.5%; } } @media screen and (min-width: 720px) and (max-width: 970px) { html { font-size: 57%; } } @media screen and (max-width: 719px) { html { font-size: 52%; } } a:hover, a:focus{ text-decoration: none; } body { margin: 0; padding: 0; /*font-family: 'PT Sans', sans-serif;*/ font-family: 'Open Sans', sans-serif; font-size: 16px; line-height:1.2; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; background: #fff; color: #1d282a; height: 100%; text-align: left; } p,h1,h2,h3,h4,input {margin-top:0px;} a img{border:0;} input[type='button'], input[type='submit'] {cursor: pointer;} article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, div { display: block; position: relative; }div.clear {clear: both;} input,textarea{outline:none;} html {height: 100%;} .clear {clear: both;} img {height: auto; vertical-align: middle;} h1 { font-size: 2.8rem; } h2 { font-size: 2.6rem; } h3 { font-size: 2.4rem; } h4 { font-size: 2.2rem; } h5 { font-size: 2rem; } h6 { font-size: 1.8rem; } p { margin-bottom: 0; margin-top: 1.5rem; line-height: 1.6; } p:first-of-type { margin-top: 0; } ul { margin-top: 1.6rem; margin-bottom: 1.6rem; padding-left: 4rem; } ol { margin-top: 1.6rem; margin-bottom: 1.6rem; padding-left: 4rem; } button { cursor: pointer; font-family: inherit; } img { max-width: 100%; display: block; } input { font-family: inherit; }/* .fas { font-family: Fontawesome; } .fa { font-family: Fontawesome; }*/ .open { display: block; } @font-face { font-family: 'OpenSans'; font-style: normal; font-weight: 400; src: local('OpenSans Regular'), local('OpenSans-Regular'), url('/bitrix/templates/dvsposuda/fonts/OpenSans-Regular.woff2') format('woff2'), url('/bitrix/templates/dvsposuda/fonts/OpenSans-Regular.woff') format('woff'); } @font-face { font-family: 'OpenSans'; font-style: normal; font-weight: bold; src: local('OpenSans Bold'), local('OpenSans-Bold'), url('/bitrix/templates/dvsposuda/fonts/OpenSans-Bold.woff2') format('woff2'), url('/bitrix/templates/dvsposuda/fonts/OpenSans-Bold.woff') format('woff'); } @font-face { font-family: 'Fontawesome'; font-style: normal; font-weight: 400; src: local('Fontawesome Regular'), local('Fontawesome-Regular'), url('/bitrix/templates/dvsposuda/fonts/fa-solid-900.woff2') format('woff2'), url('/bitrix/templates/dvsposuda/fonts/fa-solid-900.woff') format('woff'); } .page__content a{ color: #38a9e1; } .page__content a:hover{ color: #3ac94e; } .title { margin: 0; } .link { text-decoration: none; display: block; } .main-container { max-width: 1260px; margin: 0 auto; padding: 0 1rem; } .header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .header__top { background-color: #f2f2f2; } .header__top-con { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 1.4rem; padding-bottom: 1.4rem; } .header__phone { color: #171717; font-size: 2rem; font-weight: bold; margin-left: 20%; } .header__logo { position: absolute; width: 15rem; top: 0.3rem; } .header__img { max-width: 100%; padding: 0; } .header__info { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 1.4rem; font-weight: bold; text-transform: uppercase; font-size: 3.4rem; color: #fff; } .header__info:last-of-type { font-weight: bold; text-transform: uppercase; font-size: 2rem; color: #fff; top: 4.7rem; } .header__form { position: relative; width: 31%; } .header__input { -webkit-box-sizing: border-box; box-sizing: border-box; padding: .4rem 5rem .4rem 1rem; font-size: 1.4rem; border: 1px solid #ccc; border-radius: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); height: 3rem; line-height: 1.4; width: 100%; outline: none; } .header__button { position: absolute; right: 3%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: transparent; border: none; } .header__mid { background-color: #fff; } .header__content { padding: 1.4rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header__auto { cursor: pointer; } .car { display: -webkit-box; display: -ms-flexbox; display: flex; } .car__text { display: block; } .car__icon { color: #3ac94e; } .car__value { font-size: 1.4rem; color: #808080; } .car__value-icon { font-size: 1.2rem; color: #808080; } .car__content { margin-left: .6rem; } .header__menu { background-color: #f2f2f2; } .header__item { display: -webkit-box; display: -ms-flexbox; display: flex; } .header__item:first-of-type { margin-left: 20%; width: 30%; } .header__item:nth-child(2){ margin-left: 13%; width: 20%; } .header__item:nth-child(2) #bx_incl_area_4 .header__link { display: inline-block; vertical-align: bottom; } .header__item:nth-child(2) #bx_incl_area_4 .header__link:first-child{ max-width:140px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .header__item:nth-child(3) { margin-left: 1%; } .header__link { color: #000; font-size: 1.5rem; } .header__link:hover { color: #3ac94e; -webkit-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .header__menu .active:after { position: absolute; content: ''; width: 100%; height: 4px; background-color: #fff; bottom: 0; left: 0; } .header__auto-icon { display: none; color: #171717; } .header__auto-icon:hover { color: #3ac94e; -webkit-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .search__button { display: none; background-color: transparent; border: none; outline: none; } .search__icon { font-size: 3.2rem; } .search__text { display: block; } .header__old { color: #3ac94e; text-decoration: none; border-bottom: solid 1px transparent; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .header__old:hover { border-bottom: solid 1px #3ac94e; color: #3ac94e; } @media screen and (max-width: 900px) and (min-width: 731px) { .header__item:nth-child(2) { margin-left: 10%; width: 20%; } .header__logo { width: 15rem; } .header__item:first-of-type { margin-left: 17%; width: 33%; } } @media screen and (min-width: 731px) { .header__top-con { position: relative; } } @media screen and (max-width: 730px) { .header { position: relative; } .header__top { height: 0; } .car__content { display: none; } .fa-2x { font-size: 3em; } .header__text { display: none; color: #3e3e3e; } .header__auto-icon { display: block; } .search__button { cursor: pointer; display: block; position: absolute; top: 1.5rem; left: 7.5rem; } .header__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header__content > .header__item:first-of-type { display: block; width: 60%; } .header__phone { position: absolute; right: 1.5rem; top: 2rem; font-size: 1.6rem; } .header__form { position: absolute; width: 0%; left: 14.3rem; top: 1.3rem; overflow: hidden; -webkit-transition: width .3s ease; -o-transition: width .3s ease; transition: width .3s ease; } .header__form.active { width: 56%; -webkit-transition: width .3s ease; -o-transition: width .3s ease; transition: width .3s ease; } .header__input { padding: 2rem 5rem 2rem 2rem; font-size: 1.8rem; height: 5.3rem; width: 100%; } .header__button { position: absolute; right: 3%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: transparent; border: none; outline: none; } .header__logo { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: -3.2rem; width: 15rem; } .header__img { padding: 0; margin: 0 auto; } .header__info { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 1.4rem; font-weight: bold; text-transform: uppercase; font-size: 2.4rem; color: #fff; } .header__info:last-of-type { font-weight: bold; text-transform: uppercase; font-size: 1.6rem; color: #fff; top: 3.7rem; } .header__item:first-of-type { margin-left: 1rem; } .header__item:nth-child(2) { width: auto; } } @media screen and (max-width: 430px) { .header__item:nth-child(2) { margin-left: 10%; } } .menu__list { margin-top: 0; margin-bottom: 0; list-style-type: none; padding-left: 0; background: rgba(20, 20, 20, 0.75); position: relative; } .menu__list-item { display: table-cell; width: 1%; vertical-align: middle; text-align: center; position: relative; } .menu__list-item:hover { background-color: #fff; -webkit-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } .menu__item { padding: 1.5rem 0rem; display: block; text-decoration: none; font-size: 1.5rem; color: #fff; } .menu__item:hover { color: #3ac94e; -webkit-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .menu__items { display: none; position: absolute; z-index: 9999; background-color: #e3e3e3; width: 100%; } .menu__list-item:hover .menu__items { display: block; } .menu__burger { display: none; } .menu .open { display: block; } @media screen and (max-width: 730px) { .menu { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; padding: 1.2rem 0; } .menu__burger { cursor: pointer; display: inline-block; } .menu__list { display: none; top: 1.8rem; width: 100%; z-index: 2; left: 0; } .menu__list-item { display: block; width: 100%; } } .slide.owl-theme .owl-nav [class*=owl-] { background: rgba(241, 239, 235, 0.3); font-size: 4rem; position: absolute; top: 30%; -webkit-transform: scaleY(2); -ms-transform: scaleY(2); transform: scaleY(2); color: #000; } .slide.owl-theme .owl-nav [class*=owl-prev] { left: 5%; } .slide.owl-theme .owl-nav [class*=owl-next] { right: 5%; } .slide.owl-theme .owl-nav [class*=owl-]:hover { background: rgba(241, 239, 235, 0.6); -webkit-transition: background .3s ease; -o-transition: background .3s ease; transition: background .3s ease; color: #000; } .slide.owl-theme .owl-dots .owl-dot span { width: 1.5rem; height: 1.5rem; } .page__itembox.owl-carousel .owl-nav [class*=owl-] { font-size: 4rem; position: absolute; top: 35%; background: rgba(241, 239, 235, 0.3); -webkit-transform: scaleY(1.5); -ms-transform: scaleY(1.5); transform: scaleY(1.5); color: #000; padding: 2rem 1rem; } .page__itembox.owl-carousel .owl-nav [class*=owl-prev] { left: 0%; } .page__itembox.owl-carousel .owl-nav [class*=owl-next] { right: 0%; } .page__itembox.owl-carousel .owl-nav [class*=owl-]:hover { background-color: #dddddd; -webkit-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; color: #000; } @media screen and (min-width: 390px) and (max-width: 499px) { .slide.owl-theme .owl-nav [class*=owl-] { font-size: 2rem; } } @media screen and (max-width: 400px) { .page__itembox.owl-carousel .owl-nav [class*=owl-] { top: -5rem; } .slide.owl-theme .owl-nav [class*=owl-] { display: none; } } .slide__item { position: relative; } .slide__info { position: absolute; top: 50%; right: 46%; background: rgba(57, 181, 74, 0.6); font-size: 2rem; color: #fff; font-weight: bold; padding: .6rem 1rem; text-transform: uppercase; display: none; } .slide__img { padding: 0; } @media screen and (max-width: 730px) { .slide__info { -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); } } .page { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; } .content { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; background-color: #f2f2f2; } .page__main { background-color: #fff; padding-bottom: 3.2rem; min-height: 53vh; } .page__carousel { z-index: -9999; } .page__content { background-color: #fff; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; } .page__container_noflex .news:last-child { display: none; } .page__info { margin-bottom: 4rem; padding-left: 2.5rem; padding-right: 1.5rem; padding-bottom: 1.5rem; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .page__header { padding: 1.2rem 0; border-bottom: 1px solid #f2f2f2; border-top: 1px solid #f2f2f2; } body > div.main-page > div > div.content > div > div.page__container.main-container > div > div.page__header { display: none; } .page__headerbox { padding-left: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .page__news img { margin: 20px auto; padding: 0; width: 620px; } .page__title { padding-left: 2%; font-size: 3.2rem; font-weight: 400; } .page__title > a { color: #000; text-decoration: none; } .page__title > a:hover { color: #3ac94e; -webkit-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease; } .page__pic { margin-top: 1.2rem; background-position: center center; background-repeat: no-repeat; background-size: cover; } .page__container { display: -webkit-box; display: -ms-flexbox; display: flex; } .page__news { padding: 2rem 2.5rem; width: 720px; margin: auto; } .news__item:last-child{ margin-bottom: 0; } .page__text { margin: auto; margin-top: 1.2rem; font-size: 1.6rem; } .page__info > p > a { color: #39b54a; } .page__companys { margin-top: 2rem; margin-bottom: 2rem; } .page__company { display: block; font-size: 1.5rem; } .page__company:first-child { margin-bottom: .4rem; font-weight: bold; font-size: 1.6rem; } .page__categories { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 730px) { .page__container { display: block; } } .col1, .col2, .col3, .col4 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .col2 > .item { width: 50%; } .col2 > .item .item__pic { height: 40rem; } .col3 > .item { width: 23%; margin: 0 1% 20px; padding: 10px; } .col3 > .item .item__pic { height: 20rem; display: table; width: 100%; text-align: center; } .col3 > .item .item__pic > a.fb > .nadimg { display: table-cell; vertical-align: middle; height: 200px; } .col4 > .item { width: 25%; } .col4 > .item .item__pic { height: 20rem; } .col5 > .item { width: 20%; } .col5 > .item .item__pic { height: 16rem; } @media only screen and (-webkit-min-device-pixel-ratio: 1) { ::i-block-chrome, .page__grid > .item.is_comp { display: inline-block; width: 22.5%; } } .item { border: 1px solid #f2f2f2; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 3rem; position: relative; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .item:hover{ -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); box-shadow: 0 0 10px rgba(0,0,0,0.5); } .item__link { height: 6rem; line-height: 1.3; margin-top: 1rem; overflow: hidden; display: block; font-size: 1.6rem; color: #000; } .item__link:hover { color: #39b54a; -webkit-transition: color .4s ease; -o-transition: color .4s ease; transition: color .4s ease; } .item__link.link{ margin-bottom: 10px; } .item__info { font-size: 14px; color: #1d1b1b; margin: 17px 0; } .item__info > span { display: block; } .item__info > span > span { font-size: 1.4rem; font-weight: bold; } .item__box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .item__value { width: 100%; text-align: left; } .item__value:after{ clear: both; display: block; content: ''; } .item__value:hover { -webkit-transition: background .4s ease; -o-transition: background .4s ease; transition: background .4s ease; } .item__price strong, .dvs-price-total strong{ color: #000; font-weight: bold; font-size: 2rem; text-decoration: none; display: inline-block; float: right; } .dvs-price-total{ visibility: hidden; } .item__price, .dvs-price-total{ font-weight: 400; font-size: 1.3rem; display: block; color: #3f3f3f; white-space: normal; line-height: 20px; margin-bottom: 10px; height: 14px; } .item__bad { text-decoration: line-through; font-weight: 400; font-size: 1.6rem; color: #fc3535; } .item__old__price { text-decoration: none; font-weight: 400; font-size: 1.6rem; color: #fc3535; font-size: 2.6rem; } .item__pic { background-position: center center; background-repeat: no-repeat; background-size: contain; } .item__img { max-width: 100%; display: inline-block; padding: 0; max-height: 200px; text-align: center; margin: 0; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .item__img { max-width: 204px; } } .tumbling { width: 225px; /*height: 300px;*/ } .item__pic .tumbling { border-radius: 5px 5px 5px 5px; visibility: hidden; position: absolute; top: -205px; right: 205px; background: #fff; min-width: 350px!important; /*max-height: 500px!important;*/ -webkit-box-shadow: -2px 2px 10px -1px #333; box-shadow: -2px 2px 10px -1px #333; border-radius: 5px; z-index: 100; } .item__pic:hover .tumbling { visibility: hidden; } .item__one .item__pic { width: 30%; height: auto; padding-left: 5%; } .item__one .item__card { height: auto; width: 120px; margin: 0; padding: 2.5rem 0; } .item__one .item__price { font-size: 3.2rem; } .item__one .item__info { margin-top: 2rem; } .item__one .item__info > span { display: block; } .item__content { width: 40%; text-align: right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .item__text { margin-top: 1rem; font-size: 14px; color: #1d1b1b; } .page__itembox .item__quantity{ text-align: right; } .item__quantity { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 2rem; } .item__add { background-color: #f3f3f3; padding: 1rem 2rem; border: none; font-size: 2.2rem; outline: none; } .item__input { border: 2px solid #f3f3f3; text-align: center; font-size: 2.2rem; width: 20%; outline: none; } .custom_button { padding: 0.7rem 0 !important; border-radius: 7px !important; font-weight: normal !important; margin-top: -2px !important; } .item__card { background-color: #39b54a; border: none; /*width: auto!important;*/ position: relative; color: #fff; font-size: 1.8rem; font-weight: bold; } @media screen and (min-width: 280px) and (max-width: 491px) { .item__card { width: 25%!important; } } .col3 .item__card { width: 50%!important; } .item__icon { color: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1; font-size: 3rem; font-weight: 400; -webkit-transition: opacity .2s ease; -o-transition: opacity .2s ease; transition: opacity .2s ease; } .item__icon:nth-child(2) { opacity: 1; -webkit-transition: opacity .2s ease; -o-transition: opacity .2s ease; transition: opacity .2s ease; } .item__card:hover .item__icon:nth-child(2) { opacity: 1; -webkit-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .item__card:hover .item__icon:nth-child(1) { opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .item__card:hover { background-color: #3ac94e; -webkit-transition: background-color 0.5s ease-in-out; -o-transition: background-color 0.5s ease-in-out; transition: background-color 0.5s ease-in-out; } .item__card { display: block; height: 4.5rem; margin: 1rem auto 0; width: 100%; } .table .item { padding: 1.2rem; } .table .item:after { display: block; content: ""; clear: both; } .table .item__pic { float: left; } .table .item__unbox { float: right; width: 25%; } .table .item__header { float: left; } .table .item > .item__info { display: -webkit-box; display: -ms-flexbox; display: flex; width: 27%; float: left; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .table .item__header { width: 50%; margin-left: 5%; } .table .item__link { margin: 0; height: auto; } .table .item .item__pic { width: 12%; } .table .item__img { max-width: 100%; display: block; } .table .item__info { margin-top: 1rem; width: 50%; float: left; } .item__description { display: none; } .table .item__description { float: left; width: 50%; font-size: 1.3rem; margin-top: 1rem; display: block; } .item__amount { color: #a3a2a2; margin: 0 auto; padding: 2rem 4rem; text-align: center; display: none; } .table .item__amount { display: block; } .table .item__card { margin-top: 1rem; height: 4.5rem; width: 20%!important; } .product-item-detail-buy-button .item__card, .table .product-item-button-container .item__card { width: 100%!important; } @media screen and (min-width: 729px) and (max-width: 900px) { .col3 > .item { width: 50%; } } @media screen and (min-width: 500px) and (max-width: 730px) { .col4 > .item { width: 33.33%; } .col3 > .item { width: 50%; } } @media screen and (min-width: 390px) and (max-width: 491px) { .col4 > .item { width: 50%; } .col3 > .item { width: 50%; } } /*@media screen and (min-width: 491px) { .table .item__header > .item__info > span:not(:first-of-type) { display: none; } }*/ @media screen and (max-width: 1024px) { .item__box { display: block; } .table .item__header { width: 50%; } .item__one .item__pic { width: 52%; height: auto; padding-left: 0; padding-top: 0; margin: 0 auto; } .item__content { display: block; text-align: center; } .item__quantity { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .table .item__unbox { width: 44%; } .table .item > .item__info { display: none; } .table .item__card { height: 5rem; } .table .item .item__pic { /*display: none;*/ } } @media screen and (max-width: 389px) { .col4 > .item { width: 100%; } .col3 > .item { width: 100%; } } @media screen and (max-width: 730px) { .item__icon { font-size: 3.2rem; } } /*elips overflow: hidden; .item__name{ text-overflow: ellipsis; } .ellipsis { position: relative; overflow: hidden; height: 5rem; } .ellipsis:after { box-sizing: content-box; content: "\02026"; float: right; font-size: 1.8rem; position: relative; top: -7.3rem; left: 0; width: 17%; padding-right: .5rem; text-align: right; background-size: 100% 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white); }*/ .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 1.8rem; font-size: 1.8rem; padding-left: 1rem; padding-bottom: 1.8rem; } .pagination__item { font-size: 1.6rem; padding: .6rem 1rem; color: #39b54a; } .pagination__item:hover { color: #fff !important; background-color: #38a9e1; } .pagination .active { background-color: #38a9e1; color: #fff; -webkit-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .pagination__item:hover { background-color: #39b54a; color: #fff; -webkit-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .categories { margin-top: 4rem; } .categories__item { width: 32%; margin-left: 2%; position: relative; overflow: hidden; } @media screen and (min-width: 731px) { .categories__item:nth-child(3n+1) { margin-left: 0; } .categories__item:nth-child(n+4) { margin-top: 2.2rem; } } .categories__item:hover .categories__title { -webkit-transition: background .7s ease; -o-transition: background .7s ease; transition: background .7s ease; background: #f1efeb; } .categories__title { color: #000; position: absolute; text-transform: uppercase; font-weight: 400; background: rgba(241, 239, 235, 0.9); bottom: 10%; text-align: center; width: 100%; padding: 1.2rem 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 70px; z-index: 4; font-size: 2rem; } .categories__pic { background-image: url(/bitrix/templates/dvsposuda/img/tehnik.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; z-index: 3; -webkit-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; -webkit-box-sizing: border-box; box-sizing: border-box; } .categories__pic::after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.4); z-index: 2; } .categories__pic:hover{ -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .categories__img { padding: 0; max-width: 100%; display: block; } @media screen and (min-width: 390px) and (max-width: 730px) { .categories__item { width: 49%; margin-left: 2%; position: relative; } .categories__item:nth-child(2n+1) { margin-left: 0; } .categories__item:nth-child(n+3) { margin-top: 2.2rem; } } @media screen and (max-width: 389px) { .categories__img { max-width: 30%; } .categories__item { width: 100%; margin-left: 0; position: relative; } .categories__item:nth-child(n+2) { margin-top: 2.2rem; } } .breadcrumb__list { margin-top: 0; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: BNM wrap; flex-wrap: wrap; -webkit-box-sizing: border-box; box-sizing: border-box; } .breadcrumb__list-item { list-style-type: none; color: #98a4a6; font-size: 1.3rem; margin-right: 1rem; position: relative; padding-top: 0.8rem; padding-bottom: 0.8rem; } .breadcrumb__list-item:last-of-type { color: #98a4a6; margin-right: 0; } .breadcrumb__link { font-size: 1.3rem; padding-right: 2rem; color: inherit; font-weight: inherit; position: relative; } .breadcrumb__link:hover { color: #39b54a; -webkit-transition: color 0.3s ease, font-weight 0.3s ease; -o-transition: color 0.3s ease, font-weight 0.3s ease; transition: color 0.3s ease, font-weight 0.3s ease; } .breadcrumb__link:after { content: ">"; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%) scaleY(1.4); -ms-transform: translateY(-50%) scaleY(1.4); transform: translateY(-50%) scaleY(1.4); color: #98a4a6; } .aside { width: 25rem; background-color: #fff; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 2%; height: 100%; display: inline-block; } .aside ul { list-style-type: none; padding: 0; margin-bottom: 0; margin-top: 0; } .aside__catalog { margin-bottom: 0; margin-top: 0; border: 1px solid #dbdbdb } .aside__list { margin-top: 0; margin-bottom: 0; } ul.aside__catalog > li.aside__list-item > a.aside__item { background-color: #e2e3e1; } ul.aside__catalog > li.aside__list-item > a.aside__item.active { background-color: #38a9e1; } ul.aside__catalog > li.aside__list-item > a.aside__item:hover { background-color: #39b54a; } ul.aside__catalog.last { padding-left: 1rem; } ul.aside__catalog.last > li { display: block; } ul.aside__catalog.last > li.aside__list-item > a.aside__item { background-color: unset; } ul.aside__catalog.last > li.aside__list-item a.aside__item:hover, ul.aside__catalog.last > li.aside__list-item a.aside__link:hover { background-color: #e4eef9; color: #38a9e1; } ul.aside__catalog.last span.cnt-block { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: 700; line-height: 16px; color: #fff; background-color: #5cb85c; text-align: center; white-space: nowrap; vertical-align: top; border-radius: .25em; margin-left: 5px; } .aside__item { display: block; font-family: 'Tahoma', sans-serif; font-size: 1.4rem; /*padding: 0.8rem;*/ padding: 1rem; color: #000; text-decoration: none; position: relative; text-transform: uppercase; border-bottom: 1px solid #f1efed; padding-right: 2.2rem; font-weight: 800; } .aside__text { display: block; font-size: 1.3rem; padding: 0.8rem; color: #000; text-decoration: none; position: relative; text-transform: uppercase; border-bottom: 1px solid #f1efed; padding-right: 2.2rem; font-weight: 700; } .aside__item.active{ background-color: #38a9e1; color: #fff; } .aside__item.active:hover{ color: #fff; } .aside__item:hover { background-color: #39b54a; -webkit-transition: color 0.3s ease, background-color 0.3s ease; -o-transition: color 0.3s ease, background-color 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease; } .aside__last-list { display: none; } .aside__internal-list { margin-top: 0; margin-bottom: 0; display: none; padding: 0; list-style-type: none; } .aside__link { display: block; padding: 1rem 1rem 1rem 2.5rem; font-size: 1.4rem; color: #000; text-decoration: none; position: relative; border-bottom: 1px solid #dbdbdb; } .aside__link.active{ background-color: #38a9e1; } .aside__last-link { display: block; padding: 2rem 2rem 2rem 6rem; font-size: 1.4rem; color: #000; text-decoration: none; } .aside__link:hover, .aside__last-link:hover { background-color: #39b54a; -webkit-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease; } .aside__icon { width: 100%; position: absolute; right: .5rem; top: 50%; z-index: 100; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 1rem; } i.aside__icon2 { font-style: normal; cursor: pointer; } i.aside__icon2:after { position: absolute; top: 6px; right: 8px; content: '\f067'; font-family: FontAwesome; font-size: 1em; width: 26px; height: 26px; color: #000; text-align: center; line-height: 27px; } i.aside__icon2.open:after { content: '\f068'; } i.aside__icon2:hover:after { color: #82bad6; } .open { display: block; } .aside__list-item { position: relative; background-color: #fff; } ul.aside__catalog li.aside__list-item ul.aside__internal-list li.aside__list-item a.aside__item { padding: 1rem 2.5rem 1rem 2.5rem; font-weight: 400; } ul.aside__internal-list li.aside__list-item a.aside__item.active{ color: #000; } ul.aside__catalog li.aside__list-item ul.aside__internal-list li.aside__list-item ul.aside__internal-list li.aside__internal-item a.aside__link{ padding-left: 4.5rem; } ul.aside__catalog li.aside__list-item ul.aside__internal-list li.aside__internal-item a.aside__link.active{ color: #fff; font-weight: 400; } .aside__button { display: none; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; background-color: #39b54a; border: 4px solid #fff; color: #fff; font-size: 1.7rem; padding: 1.2rem; font-weight: bold; } .catalog-aside{ width: 28%; margin-right: 1%; margin-top: 1px; } .catalog-aside .title{ text-transform: uppercase; padding: 0.5rem; font-size: 2rem; background-color: #38a9e1; color: #fff; } .catalog-aside ul{ padding: 0; margin-top: .6rem; border:1px solid #38a9e1; } .catalog-aside ul li{ list-style-type: none; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; cursor: pointer; } .catalog-aside ul li:hover{ background-color: #38a9e1; } .catalog-aside ul li:hover a{ color: #fff; text-decoration:none; } .catalog-aside ul li a{ text-transform: uppercase; font-size: 1.6rem; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color: #4c4c4c; display: block; padding: 1rem; } .catalog-menu ul li.active{ background-color:#38a9e1; } .catalog-menu ul li.active a{ color: #fff; } .catalog-menu ul li a{ text-decoration: none; } .profile-link.profile-user-div-link a{ font-size: 1.5rem; color: #38a9e1; } .info-msg{ font-size: 1.4rem; display: block; } .personal-btn .btn.btn-fix-width{ background-color: #38a9e1; color: #fff; border: 1px solid #38a9e1; padding: 4px 10px; cursor: pointer; font-size: 1.6rem; border-style: double; } .personal-btn .btn.btn-fix-width:hover{ background-color: #3ac94e; border-color: #39b54a; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .personal-btn .btn.btn-border.btn-fix-width{ background-color: #fff; color: #000; } .control-btn input{ background-color: #39b54a; color: #fff; border: 1px solid #39b54a; padding: 4px 10px; cursor: pointer; font-size: 1.6rem; border-style: double; } .control-btn input:hover{ background-color: #3ac94e; border-color: #39b54a; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } /*FILTER*/ .bx-filter { margin-top: 2rem; min-width: auto; } .bx-filter.bx-green .bx-filter-section{ background: #fff; } .bx-filter .bx-filter-title{ text-align: center; text-transform: uppercase; } .bx-filter .bx-filter-parameters-box-title{ font-size: 16px; text-align: center; } .bx-filter .bx-filter-parameters-box-title span{ color: #39b54a; } .bx-filter .bx-filter-parameters-box-container-block.bx-left, .bx-filter .bx-filter-parameters-box-container-block.bx-right{ width: 48%; display: inline-block; } .bx-filter-parameters-box-container{ padding-left: 18px; padding-right: 18px; } .bx-filter .bx-filter-input-container input{ -webkit-box-sizing: border-box; box-sizing: border-box; } .bx-filter-parameters-box-container{ text-align: center; } .bx-filter-parameters-box-container .btn-link { border: none; background: none; } .bx-filter-parameters-box-container .btn-link:hover{ text-decoration: underline; } .bx-filter-parameters-box-container .btn{ padding: 8px; cursor: pointer; } .bx-filter.bx-green .btn-themes{ background-color: #38a9e1; border-color: #38a9e1; border-style: none; } .bx-filter.bx-green .btn-themes:hover { background-color: #3ac94e; -webkit-transition: background-color 0.5s ease-in-out; -o-transition: background-color 0.5s ease-in-out; transition: background-color 0.5s ease-in-out; } @media screen and (min-width: 731px) and (max-width: 830px) { .aside { width: 27rem; } } @media screen and (min-width: 731px) { .aside__catalog { display: block; } } @media screen and (max-width: 730px) { .catalog-aside{ display: -webkit-box; display: -ms-flexbox; display: flex; /*width: 100%;*/ /*margin-right: 0;*/ width: 90%; margin-right: auto; margin-left: auto; } .aside { width: 100%; margin-right: 0; margin-bottom: 1.2rem; } .aside__catalog { display: none; } .aside__button { display: block; } .aside__item { padding: 1.6rem 0.8rem; } .bx-filter-parameters-box-container { padding-left: 50px; padding-right: 50px; } } .sorting { padding-top: 1rem; padding-bottom: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .sorting__upbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 0 10px; } .sorting__downbox { padding-left: 1.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 390px; width: 40%; } .sorting__tab { cursor: pointer; color: #a3a2a2; min-width: 7rem; } .sorting__icon { padding: .4rem; } .sorting__icon:last-of-type { margin-left: 1rem; } .sorting__icon.active { color: #000; } .sorting__nav { display: -webkit-box; display: -ms-flexbox; display: flex; list-style-type: none; margin-top: 0; margin-bottom: 0; padding: 0; } .sorting__item { font-size: 1.4rem; } .sorting__item:last-of-type { margin-left: 1.2rem; } .sorting__link { color: #a3a2a2; } .sorting__link.active { cursor: pointer; color: #000; } .sorting__link:before { content: '▼'; } .up.sorting__link:before { content: '▲'; } .sorting__value { font-size: 1.4rem; margin-right: 1.2rem; display: none; padding-right: 2%; } .sorting__select { padding: 4px 6px; font-size: 1.6rem; } .sorting__text{ margin-right: .5rem; } .table .sorting__text { display: block; } .table .sorting__nav { display: block; } .table .sorting__item { float: left; } .table .sorting__item span { text-align: center; width: 50%; } .table .sorting__nav:after { display: block; content: ""; clear: both; } .sort-item{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .sorting__item{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 730px) { .sorting__downbox{ min-width: 340px; } .header__logo{ top: 0; } .header__img{ max-width: 60%; } } @media screen and (max-width: 490px) { .sorting__nav { display: none; } .sorting{ display: block; } .table .sorting__nav { display: none; } .sort-item{ display: block; } .sorting__item:last-of-type{ margin-left: 0; margin-top: 1rem; } .categories__title{ font-size: 1.5rem; height: 50px; } .footer__phone{ -ms-flex-preferred-size: 100%; flex-basis: 100%; } } @media screen and (max-width: 389px){ .sorting__downbox{ min-width: auto; } .categories__title{ height: 30px; } } .number { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1.4rem; margin-right: 1rem; } .number__item { padding: .6rem 1rem; color: #39b54a; border: 1px solid #39b54a; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: .4rem; } .number__item:first-of-type { margin-left: 0; } .number__text { padding: .6rem 1rem; } .number__item:hover { color: #fff; background-color: #39b54a; } .number .active { background-color: #39b54a; color: #fff; -webkit-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .number__item:hover { background-color: #39b54a; color: #fff; -webkit-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } @media screen and (max-width: 340px) { .number__item:nth-child(3) { display: none; } .number__text { display: none; } } .news { margin-bottom: 2rem; } .news__content { padding: .6rem 1rem; } .news__item:not(:first-child) { margin-top: 1rem; } .news__title { font-size: 2rem; color: #39b54a; margin-bottom: 5px; } .news__title a{ color: #39b54a; text-decoration: none; position: relative; -webkit-transition: linear .6s ease-in-out; -o-transition: linear .6s ease-in-out; transition: linear .6s ease-in-out; } .news__title a:hover{ border-bottom: none; } .news__title a:after{ position: absolute; content: ""; width: 0; height: 2px; background: #39b54a; bottom: -4px; right: 0; left: 0; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .news__title a:hover:after{ width: 100%; } .news__date { display: block; font-size: 1.3rem; color: #63656a; } .news__text { margin-top: .4rem; font-size: 1.6rem; height: 100px; overflow: hidden; } .contacts__map { width: 98%; margin: 2rem auto 0; padding-bottom: 1.2rem; } .contacts__info { padding: 1.2rem; padding-left: 2.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .contacts__item { width: 33%; } .contacts__item:nth-child(n+4) { margin-top: 2rem; } .contacts__title { font-size: 1.7rem; } .contacts__value { display: block; font-size: 1.4rem; line-height: 27px; } .contacts__addres { display: block; margin-top: 1rem; font-size: 1.5rem; font-weight: bold; } .contacts__addition { margin-top: 1.6rem; padding: 0 2.5rem; } .contacts__add-title { margin: 0 0 1.2rem; font-size: 2.6rem; font-weight: normal; } .contacts__text { font-size: 1.6rem; margin-bottom: 40px; } .contacts__text > p > a { color: #39b54a; } .col2 > .contacts__item { width: 50%; } .col3 > .contacts__item { width: 33.33%; } .col4 > .contacts__item { width: 25%; } .col5 > .contacts__item { width: 20%; } @media only screen and (-webkit-min-device-pixel-ratio: 1) { ::i-block-chrome, .contacts__info.col3 > .contacts__item { display: inline-block; width: 32%; } } @media screen and (min-width: 540px) and (max-width: 730px) { .col3 > .contacts__item { width: 50%; } .contacts__item:nth-child(n+3) { margin-top: 2rem; } } @media screen and (max-width: 539px) { .col3 > .contacts__item { width: 100%; } .contacts__item:nth-child(n+1) { margin-top: 2rem; } } .auto { padding-left: 2rem; padding-right: 2rem; padding-bottom: 2rem; margin: 1rem auto 0; } .auto__box { margin-top: 2rem; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 2rem 1rem; border: 1px solid #f2f2f2; } .auto__formbox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -ms-flex-wrap: wrap; flex-wrap: wrap; } .auto__grid { width: 40%; } .auto__title { font-size: 1.7rem; } .auto__item { margin-bottom: .8rem; } .auto__inputbox { padding: .6rem; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ccc; width: 90%; } .auto__label { display: block; font-size: 1.5rem; margin-bottom: .4rem; } .auto__email { width: 80%; } .auto__btn { display: block; color: #fff; padding: 1.1rem; width: 30%; margin: 0 auto; font-size: 1.6rem; margin-top: 1.6rem; background-color: #39b54a; border: none; } .auto__btn:hover { background-color: #3ac94e; -webkit-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .auto__link { padding-right: 5%; display: block; color: #98a4a6; margin-top: .6rem; font-size: 1.2rem; text-align: right; } .auto__overlay { background: #000; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1000; opacity: .5; } .auto__visible { background: #fff; position: fixed; left: 50%; top: 50%; overflow: hidden; z-index: 2000; width: 30%; padding: 0px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .auto__item:not(:first-child) { margin-top: 1.2rem; } .auto__label { display: block; font-weight: bold; margin-bottom: .4rem; } #auto .auto__btn { margin-left: auto; margin-right: auto; margin-top: 2rem; } #auto button[type="button"]:hover { background-color: #3ac94e; -webkit-transition: background-color 0.4s ease; -o-transition: background-color 0.4s ease; transition: background-color 0.4s ease; } #auto h4 { margin: 2rem 0; text-align: center; color: #555; font-size: 2.6rem; } .auto__header-mod { position: relative; } .auto__header-mod a { position: absolute; right: 3rem; top: -0.2rem; font-size: 1.8rem; font-weight: bold; cursor: pointer; } .auto__content { padding: 2rem; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: WhiteSmoke; } .auto__input { -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ccc; width: 100%; padding: .6rem 1.2rem; font-size: 1.7rem; } .auto__regis { font-size: 1.4rem; color: #39b54a; text-align: right; padding-right: 5%; margin-top: .4rem; } .auto__regis:hover { color: #3ac94e; -webkit-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .auto__text { font-size: 1.2rem; margin-top: 0.4rem; text-align: center; } .auto__text > p > a { color: #39b54a; } @media screen and (max-width: 1280px) { .auto__visible { width: 45%; } } @media screen and (max-width: 730px) { .auto__visible { width: 100%; } } @media screen and (max-width: 730px) { .auto__box { width: 90%; padding: 1.2rem 2.6rem; margin: 3.2rem auto; } .auto__grid { width: 100%; } .auto__inputbox { width: 100%; } .auto__btn { width: 80%; } } @media screen and (max-width: 500px) { .auto__box { width: 100%; padding: 1.2rem 2rem; margin: 3.2rem auto; } .auto__grid { width: 100%; } .auto__inputbox { width: 100%; } .auto__btn { width: 100%; } } .basket__empty { background-color: #d9edf7; padding: 1.5rem; border: 1px solid #bce8f1; } .basket__text { font-size: 1.4rem; } .vacancies { margin-top: 2rem; padding-bottom: 2rem; } .vacancies__title { color: #373636; text-align: center; font-size: 3rem; margin-bottom: 1rem; } .vacancies__text { margin-top: 1.2rem; padding: 0 1.2rem; } .vacancies__info { margin-top: 1.2rem; text-align: center; } .vacancies__img { margin: 0 auto; padding: 0; } .vacancies__info > span { display: block; text-align: center; margin-top: 1.2rem; } .vacancies__info span:first-child { font-size: 2rem; font-weight: bold; color: #373636; text-transform: uppercase; } .vacancies__info span:nth-child(3) { font-size: 2rem; font-weight: bold; color: #373636; text-transform: uppercase; } .vacancies__phone > span { font-weight: bold; } .vacancies__list { margin-top: 2.2rem; font-size: 1.8rem; padding: 0 2%; } .vacancies__list > span { font-size: 2rem; font-weight: bold; } .vacancie__link { color: #373636; } .vacancie__link:hover { color: #39b54a; -webkit-transition: color .4s ease; -o-transition: color .4s ease; transition: color .4s ease; } .vacancie__btn{ margin: 0 auto; background-color: #38a9e1; border: none; display: block; margin-top: 1rem; padding: 1.2rem 2.2rem; color: #fff!important; font-size: 1.7rem; font-weight: bold; width: 250px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; } .vacancie__btn:hover { background-color: #3ac94e; -webkit-transition: background-color 0.4s ease; -o-transition: background-color 0.4s ease; transition: background-color 0.4s ease; color: #fff!important; } .vacancies__overlay { background: #000; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1000; opacity: .5; } .vacancies__visible { background: #fff; position: absolute; left: 50%; top: 30%; overflow: hidden; z-index: 2000; width: 60%; padding: 0px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .vacancies__item:not(:first-child) { margin-top: 1.2rem; } .vacancies__label { display: block; font-weight: bold; margin-bottom: .4rem; } #win .vacancie__btn { margin-left: auto; margin-right: auto; margin-top: 2rem; } #win button[type="button"]:hover { background-color: #3ac94e; -webkit-transition: background-color 0.4s ease; -o-transition: background-color 0.4s ease; transition: background-color 0.4s ease; } #win h4 { margin: 2rem 0; text-align: center; color: #555; font-size: 2.6rem; } .vacancies__header-mod { position: relative; } .vacancies__header-mod a { position: absolute; right: 3rem; top: -0.2rem; font-size: 1.8rem; font-weight: bold; cursor: pointer; } .vacancies__content { padding: 2rem; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: WhiteSmoke; } .vacancies__input { -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ccc; width: 100%; padding: 1.2rem; font-size: 1.7rem; } .vacancies__inputbox textarea { font-size: 2.2rem; } .vacancies__inputbox > p { display: inline-block; margin: 0; } .vac > p { font-size: 2.2rem; } .vac { color: #373636; margin-bottom: 0; } .vac ul { margin-top: 0; margin-bottom: 0; } .vac__item { margin: 1.6rem 0; } .vac__item:last-of-type { margin-bottom: 0; } .vac__name { margin: 0; font-size: 1.7rem; color: #373636; } @media screen and (max-width: 1280px) { .vacancies__visible { width: 45%; } } @media screen and (max-width: 730px) { .vacancies__visible { width: 100%; } } .site-map { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 3rem 1rem; } .site-map .item { border: none; padding: 1rem; } .site-map h3 { margin: 0; font-size: 1.7rem; } .site-map__link { text-decoration: none; color: #000; } .site-map__col { width: 33.33%; } .site-map__col > .item > ul { margin-top: .6rem; margin-bottom: 0; list-style-type: disc; padding-left: 3rem; color: #888; font-size: 1.5rem; } .site-map__col > .item > ul a { text-decoration: none; color: #3ac94e; } .site-map__col > .item > ul a:hover { text-decoration: underline; } .site-map__col > .item > ul .active { text-decoration: underline; } .site-map__0lvl { color: #888; font-size: 1.4rem; padding-left: 2rem; margin: 0; } @media screen and (max-width: 730px) { .site-map__col { width: 50%; } } .error { padding: 4.4rem 2rem 7rem; font-size: 1.6rem; } .error ul { list-style-type: disc; padding-left: 4rem; } .error a { text-decoration: none; } html.lb-disable-scrolling { overflow: hidden; /* Position fixed required for iOS. Just putting overflow: hidden; on the body is not enough. */ position: fixed; height: 100vh; width: 100vw; } .lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none; } .lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; } .lightbox .lb-image { display: block; height: auto; max-width: inherit; max-height: none; border-radius: 3px; /* Image border */ border: 4px solid white; padding: 0; } .lightbox a img { border: none; } .lb-outerContainer { position: relative; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; border-radius: 4px; /* Background color behind image. This is visible during transitions. */ background-color: white; } .lb-outerContainer:after { content: ""; display: table; clear: both; } .lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; } .lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(/bitrix/templates/dvsposuda/img/loading.gif) no-repeat; } .lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } .lb-container > .nav { left: 0; } .lb-nav a { outline: none; background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='); } .lb-prev, .lb-next { height: 100%; cursor: pointer; display: block; } .lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(/bitrix/templates/dvsposuda/img/prev.png) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(/bitrix/templates/dvsposuda/img/next.png) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .lb-dataContainer:after { content: ""; display: table; clear: both; } .lb-data { padding: 0 4px; color: #ccc; } .lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; } .lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; } .lb-data .lb-caption a { color: #4ae; } .lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999; } .lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(/bitrix/templates/dvsposuda/img/close.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .footer { padding: 3rem 0 2rem; background-color: #2c2b2b; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .footer__grid { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .footer__nav { display: -webkit-box; display: -ms-flexbox; display: flex; width: 48%; } .footer__copyright { display: block; font-size: 1.2rem; color: #b1b1b1; } .footer__phone { font-size: 1.6rem; color: #fff; display: block; } .footer__title { font-size: 1.6rem; color: #fff; } .footer__link { font-size: 1.4rem; color: #fff; text-decoration: none; border-bottom: none; } .footer__link:hover { text-decoration: underline; color: #fff; border-bottom: none; } .footer__helps { width: 17%; } .footer__list { list-style-type: none; padding: 0; margin-top: 0.6rem; margin-bottom: 0; } .footer__list li:not(:first-of-type) { margin-top: 0.4rem; } .footer__map { margin-top: .4rem; text-transform: uppercase; font-size: 1.6rem; } .footer__info.feedback { display: none; height: 0; } .feedback__name { color: #fff; } .feedback__container { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 1rem; } .footer__item { width: 40%; margin-left: 8%; } .feedback__field { font-size: 1.4rem; width: 61%; outline-color: #39b54a; padding: .4rem; border: 1px solid #CAC9C9; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .feedback__button { border: none; background-color: #39b54a; color: #fff; cursor: pointer; width: 36%; height: 4.7rem; margin-left: 2%; font-size: 1.4rem; line-height: 1; text-align: center; } .feedback__button:hover { background-color: #897663; -webkit-transition: background-color 0.5s ease-in-out; -o-transition: background-color 0.5s ease-in-out; transition: background-color 0.5s ease-in-out; } .feedback__captcha { max-width: 100%; } .footer__copyright { margin-top: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: l; justify-content: flex-end; } .footer__pic { margin-right: 2.2rem; margin-left: 2%; opacity: .1; } #btn-up { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; background: rgb(79, 173, 0); bottom: 40px; cursor: pointer; display: none; height: 45px; position: fixed; right: 60px; text-align: center; width: 45px; line-height: 45px; z-index: 200; } #btn-up:before { color: #fff; content: '\f077'; font-family: FontAwesome; line-height: 30px; } #btn-up:hover { background: #39b54a; } @media screen and (max-width: 730px) { .footer__grid { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer__helps { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 1rem; } .footer__title { width: 100%; } .footer__link:not(:last-of-type) { margin-right: 1rem; } .footer__map { margin-top: 0; margin-left: 2rem; } .footer__item { margin-left: 0; width: 100%; } } @media screen and (max-width: 460px) { .footer__copyright { margin-top: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__pic { margin-right: 2.2rem; margin-left: 5%; opacity: .1; } } /*bitrix-components*/ div.bx-blue .btn.btn-default { outline: none; border-color: #38a9e1; background-color: #38a9e1; color: #fff; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; padding: 10px 20px; cursor: pointer; } div.bx-blue .btn.btn-default:hover{ background-color: #3ac94e; border-color: #3ac94e; } .bx-blue .btn.btn-default { outline: none; background-color: #39b54a; border-color: #39b54a; color: #FFF; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .bx-blue .btn.btn-default:hover{ background-color: #3ac94e; border-color: #3ac94e; } .bx-soa-section.bx-selected{ border: 1px solid #f2f2f2; } #bx-soa-order{ margin: 1rem 0 0; } .row{ margin: 0; } .sale_order_full_table{ margin: 1rem; } .search-page{ width: 40%; margin: 0 auto; padding-top: 1.2rem; } .search-page input:first-child{ width: 66%; } .search-page input:nth-child(2){ width: 70%; background-color: #39b54a; border-color: #39b54a; border-style: dashed; color: #fff; } .product-item-amount-field-btn-plus, .product-item-amount-field-btn-minus{ height: auto; min-width: 5rem; } .btn.product-item-detail-buy-button{ margin: 0; } .product-item-amount-field{ height: auto; } .btn-ajax_text{ font-size: 14px; } .inline-block.text-middle.text-grey{ font-size: 16px; } .sorting__tab{ padding-left: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; } .btn-group{ display: inline-block; } .col-sm-4.hidden-xs.text-right{ text-align: right; } @media screen and (max-width: 580px){ .search-page{ width: 80%; } .search-page input:first-child{ width: 100%; } .search-page input:nth-child(2){ width: 100%; } } .popup-window-content img{ margin: 0 auto; } .popup-window-titlebar-text{ font-size: 2.2rem; } .popup-window-content p{ font-size: 1.6rem; } .map-columns { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px; } .map-columns td { padding: 0; } .map-columns .map-level-0 { margin: 0; list-style: none; padding: 0; color: #888888; padding-left: 1.2rem; } .map-columns .map-level-0 > li { margin-bottom: 20px; } .map-columns .map-level-0 > li > a { color: #333333; font-size: 16px; text-decoration: none; border-bottom: solid 1px transparent; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .map-columns .map-level-0 > li > a:hover{ border-bottom: solid 1px #333333; } ul.map-level-1 a, ul.map-level-2 a, ul.map-level-3 a { font-weight: normal; } .map-columns .map-level-1{ margin: 0.8rem 0; } .map-columns td { vertical-align: top; } .map-columns .map-level-1 { list-style: disc; padding-top: 5px; color: #888888; padding-left: 30px; } .map-columns .map-level-1 li { margin-bottom: 5px; } .map-columns .map-level-2{ padding-left: 15px; margin: 0.8rem 0; } ul.map-level-1 a, ul.map-level-2 a, ul.map-level-3 a{ font-size: 14px; color: #3ac94e; text-decoration: none; border-bottom: solid 1px transparent; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } ul.map-level-1 a:hover, ul.map-level-2 a:hover, ul.map-level-3 a:hover{ border-bottom: solid 1px #3ac94e; } @media screen and (max-width: 730px){ .map-columns td{ float: left; } } .unreg{ color: #3ac94e; border-bottom: solid 1px transparent; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; text-decoration: none; } .unreg:hover{ border-bottom: solid 1px #3ac94e; text-decoration: none; } .news__item{ margin-bottom: 40px; } .vacansies_box{ margin: 30px 0 30px; } .vacansies_box ul{ padding-left: 30px; margin-bottom: 40px; } .vacansies_box ul li{ font-size: 1.8rem; margin-bottom: 5px; } .vacansies_box .unreg{ margin-bottom: 10px; display: block; } .popup-window-buttons{ margin-bottom: 20px; } .basket-item-amount-field-description{ font: normal 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif; } .auto__item.reg-checkbox{ margin: 25px 0; } table.title-search-result td.title-search-item b{ color: #3ac94e; } table.title-search-result td.title-search-item a{ color: #4c4c4c; text-decoration: none; } table.title-search-result tr.title-search-selected td, table.title-search-result tr.title-search-selected a{ background: #f0f0f0; } table.title-search-result td{ padding-bottom: 10px; } table.title-search-result tr.title-search-selected td.title-search-more, table.title-search-result tr.title-search-selected td.title-search-more a{ background: #fff; } .msg-error{ color: #ff2a2a; text-align: center; } .sale-order-link, .sale-order-history-link{ color: #3ac94e; } table.title-search-result td.title-search-all a{ width: 100%; display: inline-block; padding-left: 24px; padding-right: 15px; padding-bottom: 10px; } table.title-search-result td.title-search-all{ padding-left: 0; padding-right: 0; } .sale-order-list-button-container, #bx-soa-paysystem { display: none; } .vacansies_box a:hover { border-bottom: solid 1px #3ac94e; } .msg-success { color: white; } .basket-items-list-item-container-expend .basket-items-list-item-removed-container{ background-color: #f2f2f2; border-bottom: solid 1px #fff; } .basket-items-list-item-container-expend .basket-items-list-item-removed-container div a{ color: #3ac94e; } .page__pic img{ margin: 0 auto; } .vacansies_box a{ text-decoration: none; } .selectize-input .item{ border: none; cursor: pointer; padding: 0 3rem 0 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; font-family: "OpenSans", "Arial", sans-serif; font-size: 1.4rem; } .selectize-input .item:hover{ cursor: pointer; -webkit-box-shadow: none; box-shadow: none; } .selectize-dropdown .active{ cursor: pointer; background-color: #f2f2f2; color: #000; } .page__content a{ text-decoration: none; } .sale-order-detail-general-head{ background-color: #38a9e1; } .sale-order-detail-general{ border: 1px solid #38a9e1; } .sale-order-detail-back-to-list-link-up, .sale-order-detail-back-to-list-link-down{ color: #000; } .sale-order-detail-order-item-title a{ color: #38a9e1; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .sale-order-detail-order-item-title a:hover{ color: #000; } a.sale-order-detail-about-order-inner-container-repeat-cancel { display: none; } a.sale-order-detail-about-order-inner-container-repeat-button, a.sale-order-detail-about-order-inner-container-repeat-cancel { background-color: #38a9e1!important; border: 1px solid #38a9e1!important; color: #fff; } .sale-order-detail-about-order-inner-container-repeat-cancel { padding: 0px 0 7px 0; } a.sale-order-detail-about-order-inner-container-repeat-button:hover, a.sale-order-detail-about-order-inner-container-repeat-cancel:hover { color: #fff; text-decoration: underline; } .product-item-amount-field-btn-plus, .product-item-amount-field-btn-minus{ background-color: #f3f3f3; padding: 2rem; border: none; font-size: 2.2rem; outline: none; } .item__card.item__card__element{ width: 70%; padding: 0; padding: 1rem 3rem; display: inline-block; color: #fff; text-align: center; } .item__card.item__card__element:hover{ color: #fff; } .item__quantity.product-item-detail-info-container.button_cart{ -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } .product-item-hidden .product-item-amount-field-btn-plus, .product-item-hidden .product-item-amount-field-btn-minus{ padding: 2.5rem 2rem; } @media screen and (max-width: 460px){ .item__quantity.product-item-detail-info-container.button_cart{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .item__card.item__card__element{ width: 100%; } .product-item-amount-field-btn-plus, .product-item-amount-field-btn-minus{ padding: 2rem; } } .new-page__news{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .new-page__news .news__item{ -ms-flex-preferred-size: 49%; flex-basis: 49%; } .new-page__news .news__item:not(:first-child){ margin-top: 0; } .news__item:nth-child(2n+1){ margin-right: 20px; } .main-page-news-img{ background-position: center center; background-repeat: no-repeat; width: 100%; height: 100px; margin-bottom: 5%; } news__item:after{ display: block; content: ''; clear: both; } .new-page__news .item__card{ width: 30%; } @media (max-width: 1040px){ .new-page__news .news__item{-ms-flex-preferred-size: 46%;flex-basis: 46%;} } @media (max-width: 750px){ .new-page__news .item__card{width: 50%;} } @media (max-width: 450px){ .new-page__news .news__item{-ms-flex-preferred-size: 100%;flex-basis: 100%;} .news__item:nth-child(2n+1){margin-right: 0;} .new-page__news .item__card{width: 90%; padding: 1rem; height: 6.5rem;} } .news__item .main-page-news-img{ margin-bottom: 1rem; } .news__item{ margin-bottom: 6rem; } .new-page__news .actions{ display: block; width: 100%; } .sale-order-history-link{ display: block; } .mz-lens img{ padding: 0 !important; } input[type="radio"], input[type="checkbox"] { display: inline; float: none !important; vertical-align: top !important; } .dvs-basket-order-comment-wrapper{ margin-bottom: 15px; border: 1px solid #e2dfdf; padding: 10px 25px; } .dvs-basket-order-comment-wrapper label{ display: block; color: #38a9e1; margin: 10px 0; } .dvs-basket-order-comment-wrapper textarea{ resize: none; font-size: 1.5rem; width: 100%; height: 100px; border: solid 1px #e2dfdf; padding: 5px; } .red-item a{ color: red!important; } .center { clear: both; width: 1280px; margin: 0 auto; padding-bottom: 60px; } .top { border-top: 8px solid #38a9e1; height: 48px; width: 100%; background: #f3f3f3; } .topmenu { margin: 0; padding: 0; list-style: none; } .topmenu-item { float: left; height: 48px; line-height: 48px; font-size: 13px; padding-right: 10px; } .topmenu-link { text-decoration: none; display: block; color: #3e3e3e; } .topmenu-link:hover { color: #38a9e1 } .top-auth { float: right; line-height: 48px; padding-left: 30px; color: #3e3e3e; font-size: 14px; } .top-auth a{ color: #3e3e3e; text-decoration: none; } .top-auth a:hover,.btn-auth:hover{ color: #38a9e1; } .fa-lock, .fa-map-marker { color: #38a9e1; } .top-contacts { float: right; font-size: 14px; color: #3e3e3e; text-decoration: none; line-height: 48px; margin-right: 10px; } .top-contacts:hover{ color: #38a9e1; } .header { width: 100%; height: 100px; padding: 0px 0 10px; } .header-logo { float: left; } .header-cart { float: right; } .header-cart-link { padding: 27px 0 25px 50px; display: block; color: #3e3e3e; text-decoration: none; font-size: 16px; width: 160px; } .fa-cart-arrow-down { position: absolute; left: 0; width: 40px; font-size: 40px!important; color: #38a9e1; } .header-cart-count { display: block; clear: both; color: #3e3e3e; font-size: 14px; } .header-cart-link:hover { color: #38a9e1; text-decoration: underline; } .header-cart-link:hover .header-cart-count { text-decoration: none; color: #38a9e1; } .header-favorite { float: right; margin-right: 40px; } .header-favorite-link { padding: 27px 0 25px 50px; display: block; color: #3e3e3e; text-decoration: none; font-size: 16px; width: 100px; -webkit-box-sizing: initial; box-sizing: initial; } .fa-list-alt { position: absolute; left: 7px; width: 40px; font-size: 28px!important; color: #38a9e1; top: 33px; } .fa-retweet { position: absolute; left: -1px; width: 40px; font-size: 39px!important; color: #38a9e1; top: 28px; } .header-favorite-count { display: block; clear: both; color: #3e3e3e; font-size: 14px; } .header-favorite-link:hover { color: #38a9e1; text-decoration: underline; } .header-favorite-link:hover .header-favorite-count { text-decoration: none; color: #38a9e1; } .header-phone { float: left; padding: 0 0 0 35px; margin: 22px 0 0 70px; } .fa-phone { position: absolute; left: 0px; width: 40px; font-size: 32px!important; color: #38a9e1; top: 8px; } .header-phone-main { display: block; font-size: 27px; color: #3e3e3e; text-decoration: none; } .header-phone-main:hover { color: #38a9e1; } .header-callback-btn { display: block; float: left; border: 1px solid #e5e5e5; height: 38px; width: 180px; line-height: 38px; font-size: 14px; color: #3e3e3e; margin: 31px 0 0 60px; text-align: center; cursor: pointer; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .header-callback-btn:hover { background: #38a9e1; border: 1px solid #38a9e1; color: #fff; } .header-phone-main-span { display: block; clear: both; font-size: 14px; } .main-header { width: 100%; } @media screen and (max-width: 1200px) { .catalog-menu-btn{ background: #f3f3f3; width: 240px; height: 40px; line-height: 40px; display: block; padding-left: 10px; font-size: 14px; color: #3e3e3e; text-decoration: none; position: relative; border: 1px solid #eee; } } @media screen and (min-width: 1200px) { .catalog-menu { float: left; width: 250px; } .catalog-menu-btn { display: none; } } .fa-bars { position: absolute; right: 10px; font-size: 18px!important; color: #3e3e3e; top: 11px; } .catalog-menu-ul { margin: 0; padding: 0; list-style: none; } .catalog-menu-item { display: table; padding: 0 10px; width: 230px; height: 45px; border: 1px solid #eee; border-top: none; } .catalog-menu-link { display: table-cell; vertical-align: middle; text-align: left; font-size: 12px; text-decoration: none; color: #3e3e3e; line-height: 1.5; position: relative; text-transform: uppercase; } .red-item .catalog-menu-link { color: red; } .catalog-menu-link:hover { color: #38a9e1; } .fa-angle-right { position: absolute; right: 0; font-size: 19px!important; top: 12px; } .search-top { /*float: right;*/ float: left; /*width: 1010px;*/ width: 80%; height: 40px; } .slider-index { width: 1008px!important; height: 414px; float: right; overflow: hidden; } @media screen and (min-width: 1200px) { .search-top-input { position: absolute; /*width: 928px;*/ width: 1199px; left: 0; top: 0px; height: 38px; border: 1px solid #eee; padding: 0 40px; border: 1px #00b7ff solid; } } @media screen and (max-width: 1200px) { .search-top { margin-top: 5px; } .search-top-input { position: absolute; left: 0; top: 0px; height: 38px; border: 1px solid #eee; padding: 0 40px; border: 1px #00b7ff solid; width: 95%; } } .fa-search { color: #38a9e1; position: absolute; left: 10px; top: 11px; z-index: 10; } .main-page { clear: both; padding: 10px 0; width: 100%; } .main-header.main-header-page .catalog-menu-ul { display: none; } .fichi { clear: both; line-height: 18px; text-align: center; margin: 12px 0 4px; width: 100%; float: left; } .fichi .center { padding: 8px 0 0; border-top: 2px solid #38a9e1; border-bottom: 2px solid #38a9e1; height: 55px; } .fichi-item { float: left; width: 19%; margin-left: 1%; } .fichi__img, .fichi__name { height: 44px; font-size: 12px; white-space: normal; } .fichi__img { width: 44px; line-height: 44px; text-align: center; display: block; float: left; } .fichi__img img { height: auto; max-height: 44px; } .fichi__name { padding-left: 12px; margin-right: 56px; max-height: 32px; overflow: hidden; display: block; /* float: left; */ text-align: left; padding-top: 8px; } .fichi.fichi-bottom .center{ border-bottom: none; } footer { clear: both; width: 100%; float: left; padding: 40px 0; border-top: 1px solid #38a9e1; border-bottom: 8px solid #38a9e1; } .footer-contacts { float: left; width: 30%; } .footer-logo { float: left; display: block; } .footer-logo img { height: 80px; } .footer-contacts .header-phone { margin: 22px 0 0 15px; } .footer-contacts .header-callback-btn { margin: 13px 0 0 50px; } span.footer-contacts-copyright { clear: both; float: left; display: block; text-align: left; margin: 50px 0 0 30px; font-size: 12px; } .footer__helps { float: left; width: 18%; margin-left: 4%; } .footer__title.title { display: block; color: #38a9e1; margin-bottom: 10px; } a.footer__link.link { clear: both; display: block; color: #3e3e3e; text-decoration: none; margin-bottom: 8px; } .footer__helps_catalog a.footer__link.link:nth-child(8), .footer__helps_catalog a.footer__link.link:nth-child(10), .footer__helps_catalog a.footer__link.link:nth-child(9){ display: none; } .webcube-favorites-link, .webcube-favorites-background, .webcube-favorites-background-bef { background-color: #38a9e1!important; } #knop-settings{ display: none!important; } a.webcube-favorites-link { margin: 10px 34px; text-align: left; background: none!important; color: #222; padding: 0; float: left; } .catalog-menu:hover .catalog-menu-ul { display: block; position: absolute; z-index: 99; background: #fff; width: 252px; } .catalog-menu:hover .catalog-menu-ul .catalog-menu-item-1 { display: none; } .catalog-menu-item ul { display: none; position: absolute; z-index: 99; background: #fff; padding: 0; top: 0; min-height: 547px; margin-left: 11px; width: 252px; } .catalog-menu-item:hover ul { display: block; } .catalog-menu-item:hover ul ul { display: none; } .catalog-menu-item:hover .catalog-menu-item:hover ul { display: block; } span.footer-adres { display: block; font-size: 16px; margin-bottom: 10px; } .news__item { margin: 0 0 20px!important; float: left; width: 620px; padding-right: 20px; } .main-page-news-img { background-size: 100%; float: left; width: 620px; height: 456px; margin: 0 20px 0 0; } .news-title-block { margin-top: 15px; } a.footer-mail { color: #38a9e1; } .search-res-ul{ display: none; } #overlay { background: none repeat scroll 0 0 #000; display: none; height: 100%; left: 0; opacity: 0.85; position: fixed; top: 0; width: 100%; z-index: 99; } .popup-form { left: 50%; margin-left: -200px; margin-top: -90px; top: 30%; width: 303px; background: none repeat scroll 0 0 #fff; color: #1d282a; display: none; padding: 20px; position: fixed; text-align: center; z-index: 100; } .popup-form .close { background: none repeat scroll 0 0 #fff; color: #b0b0b0; border: 1px solid #b0b0b0; cursor: pointer; display: block; font-size: 20px; line-height: 50px; width: 50px; height: 50px; position: absolute; right: 0px; text-align: center; top: 0px; font-weight: normal; } .popup-form .form__text { padding: 0 20px; height: 40px; line-height: 40px; border: 1px solid #DFDFDF; color: #212121; font-size: 15px; margin-bottom: 10px; width: 360px; } .popup-form h2, .popup__title{ color: #27b86b; font-size: 24px; text-transform: uppercase; } .form__required { font-size: 12px; color: red; float: left; line-height: 45px; } .popup-form .form__submit { padding: 0 25px; float: right; height: 45px; border: none; line-height: 45px; text-align: center; color: #fff; text-transform: uppercase; font-size: 15px; background: #15C175; } .popup-form input[type="text"], .popup-form input[type="password"] { width: 220px; padding: 9px 10px; border: 1px solid #ccc; margin-bottom: 18px; } .popup-form input[type='submit'] { background: #38a9e1; border: none; width: 200px; height: 40px; color: #fff; font-size: 17px; } span.remember { display: block; margin-bottom: 10px; } .catalog-section-item-stick-block { position: absolute; left: 20px; top: 20px; z-index: 99; } .catalog-section-item-stick { clear: both; display: inline-block; height: 20px; padding: 0 10px; font-size: 12px; color: #fff; margin-bottom: 5px; float: left; } .catalog-section-item-stick-new { background: #4fad00; } .catalog-section-item-stick-hit { background: #38a9e1 } .catalog-section-item-stick-stock{ background-color: #f36d0a; } .catalog-section-item-stick-rec { background: #db4ba3; } .catalog-section-item-stick-stock2 { background: #f10102; } .webcube-favorites-link { width: 0; height: 0; overflow: hidden; } .webcube-favorites-link:after { content: ""; position: absolute; width: 25px; height: 25px; top: 5px; right: 10px; background: url(/local/templates/index/img/like.png) no-repeat; background-size: 100%; z-index: 5; /* Изначально: 99 */ opacity: 0.3 } .webcube-favorites-link:hover:after { opacity: 1; } .page__grid.table .webcube-favorites-link:after{ right: auto; left: 10px; } .page__grid.table .catalog-section-item-stick-block { left: 50px; } .webcube-favorites-link.favorite-added:after { background: url(/local/templates/index/img/like-active.png) no-repeat; background-size: 100%; } .fa-shopping-cart:before { display: none; } .block-timer { position: absolute; bottom: -15px; z-index: 99; } .hasCountdown { font-size: 20px; color: #000; /* border: 1px solid #38a9e1;*/ padding: 10px; /* background: #38a9e1;*/ } span.timer-title { font-size: 20px; display: block; margin-bottom: 10px; color: #db4ba3; } .brands-page { float: left; width: 100%; } .brands-block-item { float: left; width: 17%; margin: 10px 1% 20px; text-align: center; color: #38a9e1; text-decoration: none; border: 1px solid #eee; padding: 10px; } .brands-block-img { height: 130px; /* max-width: 80%; */ /* max-height: 200px; */ margin: 0 auto; } .brands-block-name { display: block; text-align: center; font-size: 21px; } .clearfix { clear: both; } span.header__text.btn-auth.open, span.header__text.btn-auth { display: inline-block; cursor: pointer; } a.v-korzinu.webcube-favorites-color-hov.webcube-favorites-background.js-add2basket { display: none!important; } a.dobav-vse-tovar.webcube-favorites-background.js-add2basket-all { display: none!important; } span.ili { display: none!important; } a.old-site { display: block; float: left; text-decoration: none; color: #fff; background: #38a9e1; padding: 5px 10px; margin: 8px 0 0 53px; } a.old-site:hover { background: #4fad00; } .zoom-img, .zoom-img-detail { display: none; } /*.item__pic:hover .zoom-img { display: block; position: absolute; width: 500px; background: #fff; z-index: 999; color: #38a9e1; font-size: 20px; box-shadow: 0 0 10px #444; margin: -200px 0 0 -250px; left: 50px; top: 50%; padding: 20px 10px; text-align: center; } .zoom-img img { max-width: 500px; max-height: 500px; margin: 0 auto; }*/ a.old-site { display: block; float: left; text-decoration: none; color: #fff; background: #38a9e1; padding: 5px 10px; margin: 8px 0 0 53px; } .item__pic:hover .zoom-img-detail { display: block; position: absolute; width: 600px; background: #fff; z-index: 999; color: #38a9e1; font-size: 20px; -webkit-box-shadow: 0 0 10px #444; box-shadow: 0 0 10px #444; margin: -200px 0 0 -250px; left: 50px; top: 50%; padding: 20px 10px; text-align: center; } .zoom-img-detail img { max-width: 600px; max-height:600px; margin: 0 auto; } .brand-detail-item img { float: right; } .page__content a.compare-btn { display: block; position: absolute; z-index: 5; /* Изначально: 99 */ right: 45px; top: 2px; color: #000; font-size: 22px; color: #fbd3b6!important; } .page__content a.compare-btn:hover { color: #38a9e1!important; } .page__grid.table .compare-btn { right: auto; left: 12px; top: 30px; } .sety-footer { float: left; width: 100%; text-align: left; margin: 15px 0 0; } .detail-page-btn-icon { display: block; margin-top: -22px; margin-bottom: 13px; } .sety-footer ul{ list-style: none; margin: 0; padding: 0; } .sety-footer li { font-size: 24px; float: left; margin: 0 5px; } .sety-footer li a{ color: #38a9e1!important; } a.auth-href-reg { display: block; margin: 0; color: #38a9e1; text-decoration: none; margin: -12px 0 15px 25px; font-size: 18px; } img.detail_picture { float: left; width: 250px; margin: 0 20px 0px 0px; } .brand-catalog { display: none; width: 100%; clear: both; } a.btn-blue { display: block; margin: 0 auto; height: 40px; background: #38a9e1; color: #fff; line-height: 40px; padding: 0 20px; text-align: center; width: 200px; } a.btn-blue:hover { color: #fff; } .subscribe-form input[type="checkbox"] { display: none; } .subscribe-form table { padding: 0; margin: 0; width: 100%; } .subscribe-form input[type="submit"] { float: right; border: none; background: #38a9e1; height: 24px; line-height: 24px; color: #fff; margin: 0; font-size: 13px; position: absolute; right: 0; top: -26px; } .subscribe-form td { height: 26px; padding: 0; position: relative; } .subscribe-form td { height: 26px; padding: 0; } .subscribe-form label { font-weight: normal; } .subscribe-form input[type="text"] { float: left; height: 20px; width: 125px; } div.subscription-title b, div.subscription-title-inner { background-color: #38a9e1; color: #fff; } .subscription input[type="submit"] { border: none; background: #38a9e1; height: 26px; line-height: 26px; color: #fff; padding: 0 10px; } div#subscribe-form { clear: both; } .item__box { min-height: 360px; } a.bx_bt_button.bx_small { display: none!important; } .subscribe-form input { -webkit-box-sizing: border-box!important; box-sizing: initial!important; } .bx_compare .bx_filtren_container, .bx_sort_container { display: none!important; } div.title-search-result { margin: 14px 0 0 102px!important; } .title-search-result, .title-search-result > table.title-search-result { width: 900px; } .title-search-result > table.title-search-result td.title-search-item { padding-top: 10px; padding-bottom: 5px; } .title-search-result > table.title-search-result td.title-search-item > a > img { margin-top: -10px; margin-right: 10px; } .title-search-result > table.title-search-result td.title-search-item > p.title-search-preview { display:none; } .title-search-result > table.title-search-result td.title-search-item > p.title-search-price { margin-top: 0px; } /* Правка после объединения файлов css/js */ .catalog-menu-ul { font-family: 'Open Sans', sans-serif!important; } body > div.map-block > div > iframe { width: 1260px!important; height: 450pximportant; } /*@media screen and (min-width: 720px) and (max-width: 970px) {*/ /* webcube - only for safari */ @media only screen and (-webkit-min-device-pixel-ratio: 1) { ::i-block-chrome, .webcube-favorites > .raspologenie-right { top: 250px; } } /* compare */ #compare_list_count > .compare_list_count_00 { position: fixed; z-index: 1; top: calc(40% + 100px); right: 0px; } @media only screen and (-webkit-min-device-pixel-ratio: 1) { ::i-block-chrome, #compare_list_count > .compare_list_count_00 { top: 350px; } ::i-block-chrome, #compare_list_count > .bx_catalog-compare-list { top: 350px; } ::i-block-chrome, #compare_list_count > .comp_knopka { top: 360px; } } #compare_list_count > .compare_list_count_00 > .compare_list_count_01 { width: 66px; height: 66px; background: #38a9e1; cursor: pointer; } #compare_list_count > .compare_list_count_00 > .compare_list_count_01 > i.fa-retweet { color: #fff; font-size: 43px !important; margin-top: -20px; margin-left: 14px; } #compare_list_count > .compare_list_count_00 > .compare_list_count_02 { width: 33px; border: 1px solid #1b53ef; border-radius: 100%; font-size: 12px; padding-top: 7px; padding-bottom: 7px; margin-top: -19px; margin-left: 1px; background: #fff; color: #1b53ef; text-align: center; } #compare_list_count > .bx_catalog-compare-list { display: none !important; top: calc(40% + 100px) !important; right: 10px; width: 300px; height: -webkit-max-content; height: -moz-max-content; height: max-content; left: inherit; padding-bottom: 20px; z-index: 10000; } #compare_list_count > .bx_catalog-compare-list.show { display: block !important; } #compare_list_count > .bx_catalog-compare-list > .comp_empty { text-align: center; padding-top: 8px; } #compare_list_count > .comp_knopka { display: none; position: fixed; right: 14px; top: calc(40% + 110px); width: 16px; height: 16px; cursor: pointer; z-index: 10001; } #compare_list_count > .comp_knopka > i.fa-times { font-size: 18px; color: #1c8bc1; } .col3 > .item.is_comp > .checker { position: absolute; right: 42px; } .table > .item.is_comp > .checker { position: absolute; left: 14px; top: 39px; } .item__content > .detail-page-btn-icon.is_comp > .checker { position: absolute; right: 42px; top: 9px; } .page__grid > .item.is_comp input.comp_input, .item__content > .detail-page-btn-icon.is_comp input.comp_input { opacity: 0; position: fixed; width: 0; } .page__grid.col3 > .item.is_comp > label.label_comp_input { position: absolute; right: 75px; top: -28px; cursor: pointer; } .page__grid.table > .item.is_comp > label.label_comp_input { position: absolute; top: 3px; cursor: pointer; left: 8px; } .page__grid > .item.is_comp > .checker > label.label_comp_input { position: absolute; right: 28px; top: -38px; cursor: pointer; } .item__content > .detail-page-btn-icon.is_comp > .checker > label.label_comp_input { position: absolute; right: 38px; top: -37px; cursor: pointer; } .page__grid > .item.is_comp label.label_comp_input > i.fa.fa-retweet, .item__content > .detail-page-btn-icon.is_comp > .checker > label.label_comp_input > i.fa.fa-retweet { background: #fff; font-size: 31px !important; color: #fbd3b6; } .page__grid > .item.is_comp label.label_comp_input.act > i.fa.fa-retweet, .item__content > .detail-page-btn-icon.is_comp > .checker > label.label_comp_input.act > i.fa.fa-retweet { color: #da8140; } .newbie { position: relative; float: right; width: 42px; height: 27px; margin: 0px 0px -29px 0px; background: url('/bitrix/templates/dvsposuda/img/new1012.png') no-repeat; z-index: 100; } /* smena cveta inputa na zel */ .item__quantity > input.product-item-amount-field.zel { background: #4fad00 !important; color: #fff; } /* popup from keyup input */ .for_cart_zatemn_00 { display: none; width: 100%; height: 100%; background-color: rgba(0,0,0,.6); position: fixed; left: 0; top: 0; z-index: 10000; } .for_cart_zatemn_00 > .for_cart_zatemn_01 { width: 500px; height: 257px; background-color: #fff; margin: 150px auto; border: 10px solid #38a9e1; } .for_cart_zatemn_00 > .for_cart_zatemn_01 > .for_cart_zatemn_011 { text-align: center; font-weight: bold; margin-top: 46px; font-size: 26px; } .for_cart_zatemn_00 > .for_cart_zatemn_01 > .for_cart_zatemn_012 { text-align: center; margin-top: 20px; } .for_cart_zatemn_00 > .for_cart_zatemn_01 > .for_cart_zatemn_013 { width: 62px; height: 34px; background: #39b54a; color: #fff; float: right; font-size: 20px; text-align: center; margin-right: 15px; padding-top: 4px; border-radius: 8px; margin-top: 24px; cursor: pointer; } /* clear basket button */ #basket-root > .clear_basket { position: absolute; z-index: 2; right: 25px; top: 13px; } #basket-root > .clear_basket > form > input { background: #38a9e1; color: #fff; border: none; height: 39px; width: 170px; border-radius: 5px; } #basket-root > .clear_basket > form > input:hover { background: #39b54a; } #basket-root > .row > .col-xs-12 > .basket-items-list-wrapper > .basket-items-list-header > .basket-items-list-header-filter > a.basket-items-list-header-filter-item.active { padding-right: 175px; } /* add webcube-favorites switch */ .md-modal-webcube-favorites > .md-content-webcube-favorites > .perekluch > a.href-nalichie.wcf-all.no-active-hr + .onoffswitch > label.onoffswitch-label > span.onoffswitch-inner { margin-left: 0; } .md-modal-webcube-favorites > .md-content-webcube-favorites > .perekluch > a.href-nalichie.wcf-all.no-active-hr + .onoffswitch > label.onoffswitch-label > span.onoffswitch-switch { right: 0px; } /* add webcube-favorites clear button */ .md-modal-webcube-favorites > .md-content-webcube-favorites > .tovari > ul.container-webcube > li.webcube_clear { position: fixed; top: 43px; right: 67px; } .md-modal-webcube-favorites > .md-content-webcube-favorites > .tovari > ul.container-webcube > li.webcube_clear > a.ochis-izbranoe { color: #fff; text-decoration: none; } .md-modal-webcube-favorites > .md-content-webcube-favorites > .tovari > ul.container-webcube > li.webcube_clear > a.ochis-izbranoe > div { background: #38a9e1; border: none; height: 32px; width: 189px; border-radius: 5px; text-align: center; padding-top: 7px; } .md-modal-webcube-favorites > .md-content-webcube-favorites > .tovari > ul.container-webcube > li.webcube_clear > a.ochis-izbranoe > div:hover { background: #39b54a; } /* add catalog-compare clear button */ .bx_compare > .table_compare { overflow: unset; margin-top: 20px; } .bx_compare > .table_compare > .compare_clear { position: absolute; z-index: 2; right: 30px; top: -50px; } .bx_compare > .table_compare > .compare_clear > input { background: #38a9e1; border: none; height: 40px; width: 199px; border-radius: 5px; color: #fff; font-size: 17px; line-height: 8px; } .bx_compare > .table_compare > .compare_clear > input:hover { background: #39b54a; } #bx-soa-order #bx-soa-region { display: none; } ul.aside__catalog.vid1.hide { display: none !important; } ul.aside__catalog.vid2.show { display: block !important; } /* End */ /* Start:/bitrix/templates/dvsposuda/template_styles.css?1772178779211*/ .basket-coupon-block-total-price-difference, .basket-item-price-difference, .basket-item-price-old, .basket-coupon-block-total-price-old, .bx-price-old, .bx-soa-cart-total-line-highlighted { display: none; } /* End */ /* Start:/local/css/reaspekt/reaspekt.geobase/style.css?1772178767974*/ .ReaspektPopupOverlay { height: 100%; left: 0; opacity: 0.6; position: fixed; top: 0; width: 100%; z-index: 500; background-color: #000; filter: alpha(opacity=60); /*Filter for IE*/ } #ReaspektPopupBody { position: absolute !important; padding: 30px 50px; left: 0; top: 0; /*width: 500px; min-height: 100%; height: 1000px;*/ z-index: 510; background-color: #fff; box-shadow: 0px 0px 15px #000000; box-sizing: border-box; } #ReaspektPopupBody .ReaspektClosePosition { position: relative; } #ReaspektPopupBody #ReaspektCloseBtn { position: absolute; right: -40px; top: -20px; width: 24px; height: 24px; cursor: pointer; background:url("/local/css/reaspekt/reaspekt.geobase/images/close-button-sprite.png") no-repeat top; } #ReaspektPopupBody #ReaspektCloseBtn:hover { background: url("/local/css/reaspekt/reaspekt.geobase/images/close-button-sprite.png") no-repeat 0 -24px; } #ReaspektPopupContainer { max-width: 900px; } /* End */ /* /bitrix/templates/dvsposuda/css/owl.carousel.min.css?17721787792936 */ /* /bitrix/templates/dvsposuda/css/owl.theme.default.min.css?1772178779936 */ /* /bitrix/templates/dvsposuda/css/selectize.css?17721787798806 */ /* /bitrix/templates/dvsposuda/css/megazupelx.css?177217877933962 */ /* /bitrix/templates/dvsposuda/css/uniform.default.css?17721787799726 */ /* /bitrix/templates/dvsposuda/css/jquery.fancybox.min.css?177217877913735 */ /* /bitrix/templates/dvsposuda/fancybox/jquery.fancybox.css?17721787794895 */ /* /bitrix/templates/dvsposuda/css/custom.css?177217877964 */ /* /local/templates/.default/components/webcube/favorites/template1/style.css?177217876726575 */ /* /local/templates/.default/components/webcube/favorites/template1/css/component.css?177217876717045 */ /* /bitrix/templates/dvsposuda/components/bitrix/catalog.compare.list/template1/style.css?17721787791265 */ /* /local/templates/.default/components/bitrix/search.title/catalog/style.css?17721787672175 */ /* /bitrix/templates/dvsposuda/styles.css?177217877996906 */ /* /bitrix/templates/dvsposuda/template_styles.css?1772178779211 */ /* /local/css/reaspekt/reaspekt.geobase/style.css?1772178767974 */