/* Start:/local/templates/lovePiano/css/tippy.min.css?171938853712275*/ .tippy-iOS{cursor:pointer!important}.tippy-notransition{transition:none!important}.tippy-popper{-webkit-perspective:700px;perspective:700px;z-index:9999;outline:0;transition-timing-function:cubic-bezier(.165,.84,.44,1);pointer-events:none;line-height:1.4;max-width:calc(100% - 10px)}.tippy-popper[x-placement^=top] .tippy-backdrop{border-radius:40% 40% 0 0}.tippy-popper[x-placement^=top] .tippy-roundarrow{bottom:-8px;-webkit-transform-origin:50% 0;transform-origin:50% 0}.tippy-popper[x-placement^=top] .tippy-roundarrow svg{position:absolute;left:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.tippy-popper[x-placement^=top] .tippy-arrow{border-top:8px solid #333;border-right:8px solid transparent;border-left:8px solid transparent;bottom:-7px;margin:0 6px;-webkit-transform-origin:50% 0;transform-origin:50% 0}.tippy-popper[x-placement^=top] .tippy-backdrop{-webkit-transform-origin:0 25%;transform-origin:0 25%}.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(1) translate(-50%,-55%);transform:scale(1) translate(-50%,-55%)}.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(.2) translate(-50%,-45%);transform:scale(.2) translate(-50%,-45%);opacity:0}.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=visible]{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=hidden]{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.tippy-popper[x-placement^=top] [data-animation=perspective]{-webkit-transform-origin:bottom;transform-origin:bottom}.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=visible]{-webkit-transform:translateY(-10px) rotateX(0);transform:translateY(-10px) rotateX(0)}.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=hidden]{opacity:0;-webkit-transform:translateY(0) rotateX(60deg);transform:translateY(0) rotateX(60deg)}.tippy-popper[x-placement^=top] [data-animation=fade][data-state=visible]{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=visible]{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=top] [data-animation=scale][data-state=visible]{-webkit-transform:translateY(-10px) scale(1);transform:translateY(-10px) scale(1)}.tippy-popper[x-placement^=top] [data-animation=scale][data-state=hidden]{opacity:0;-webkit-transform:translateY(0) scale(.5);transform:translateY(0) scale(.5)}.tippy-popper[x-placement^=bottom] .tippy-backdrop{border-radius:0 0 30% 30%}.tippy-popper[x-placement^=bottom] .tippy-roundarrow{top:-8px;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.tippy-popper[x-placement^=bottom] .tippy-roundarrow svg{position:absolute;left:0;-webkit-transform:rotate(0);transform:rotate(0)}.tippy-popper[x-placement^=bottom] .tippy-arrow{border-bottom:8px solid #333;border-right:8px solid transparent;border-left:8px solid transparent;top:-7px;margin:0 6px;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.tippy-popper[x-placement^=bottom] .tippy-backdrop{-webkit-transform-origin:0 -50%;transform-origin:0 -50%}.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(1) translate(-50%,-45%);transform:scale(1) translate(-50%,-45%)}.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(.2) translate(-50%);transform:scale(.2) translate(-50%);opacity:0}.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=visible]{-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=hidden]{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}.tippy-popper[x-placement^=bottom] [data-animation=perspective]{-webkit-transform-origin:top;transform-origin:top}.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=visible]{-webkit-transform:translateY(10px) rotateX(0);transform:translateY(10px) rotateX(0)}.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=hidden]{opacity:0;-webkit-transform:translateY(0) rotateX(-60deg);transform:translateY(0) rotateX(-60deg)}.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=visible]{-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=visible]{-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=visible]{-webkit-transform:translateY(10px) scale(1);transform:translateY(10px) scale(1)}.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=hidden]{opacity:0;-webkit-transform:translateY(0) scale(.5);transform:translateY(0) scale(.5)}.tippy-popper[x-placement^=left] .tippy-backdrop{border-radius:50% 0 0 50%}.tippy-popper[x-placement^=left] .tippy-roundarrow{right:-16px;-webkit-transform-origin:33.33333333% 50%;transform-origin:33.33333333% 50%}.tippy-popper[x-placement^=left] .tippy-roundarrow svg{position:absolute;left:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.tippy-popper[x-placement^=left] .tippy-arrow{border-left:8px solid #333;border-top:8px solid transparent;border-bottom:8px solid transparent;right:-7px;margin:3px 0;-webkit-transform-origin:0 50%;transform-origin:0 50%}.tippy-popper[x-placement^=left] .tippy-backdrop{-webkit-transform-origin:50% 0;transform-origin:50% 0}.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%)}.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(.2) translate(-75%,-50%);transform:scale(.2) translate(-75%,-50%);opacity:0}.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=visible]{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=hidden]{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}.tippy-popper[x-placement^=left] [data-animation=perspective]{-webkit-transform-origin:right;transform-origin:right}.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=visible]{-webkit-transform:translateX(-10px) rotateY(0);transform:translateX(-10px) rotateY(0)}.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=hidden]{opacity:0;-webkit-transform:translateX(0) rotateY(-60deg);transform:translateX(0) rotateY(-60deg)}.tippy-popper[x-placement^=left] [data-animation=fade][data-state=visible]{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=visible]{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}.tippy-popper[x-placement^=left] [data-animation=scale][data-state=visible]{-webkit-transform:translateX(-10px) scale(1);transform:translateX(-10px) scale(1)}.tippy-popper[x-placement^=left] [data-animation=scale][data-state=hidden]{opacity:0;-webkit-transform:translateX(0) scale(.5);transform:translateX(0) scale(.5)}.tippy-popper[x-placement^=right] .tippy-backdrop{border-radius:0 50% 50% 0}.tippy-popper[x-placement^=right] .tippy-roundarrow{left:-16px;-webkit-transform-origin:66.66666666% 50%;transform-origin:66.66666666% 50%}.tippy-popper[x-placement^=right] .tippy-roundarrow svg{position:absolute;left:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.tippy-popper[x-placement^=right] .tippy-arrow{border-right:8px solid #333;border-top:8px solid transparent;border-bottom:8px solid transparent;left:-7px;margin:3px 0;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.tippy-popper[x-placement^=right] .tippy-backdrop{-webkit-transform-origin:-50% 0;transform-origin:-50% 0}.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%)}.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(.2) translate(-25%,-50%);transform:scale(.2) translate(-25%,-50%);opacity:0}.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=visible]{-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=hidden]{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}.tippy-popper[x-placement^=right] [data-animation=perspective]{-webkit-transform-origin:left;transform-origin:left}.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=visible]{-webkit-transform:translateX(10px) rotateY(0);transform:translateX(10px) rotateY(0)}.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=hidden]{opacity:0;-webkit-transform:translateX(0) rotateY(60deg);transform:translateX(0) rotateY(60deg)}.tippy-popper[x-placement^=right] [data-animation=fade][data-state=visible]{-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=visible]{-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}.tippy-popper[x-placement^=right] [data-animation=scale][data-state=visible]{-webkit-transform:translateX(10px) scale(1);transform:translateX(10px) scale(1)}.tippy-popper[x-placement^=right] [data-animation=scale][data-state=hidden]{opacity:0;-webkit-transform:translateX(0) scale(.5);transform:translateX(0) scale(.5)}.tippy-tooltip{position:relative;color:#fff;border-radius:4px;font-size:.9rem;padding:.3rem .6rem;max-width:350px;text-align:center;will-change:transform;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#333}.tippy-tooltip[data-size=small]{padding:.2rem .4rem;font-size:.75rem}.tippy-tooltip[data-size=large]{padding:.4rem .8rem;font-size:1rem}.tippy-tooltip[data-animatefill]{overflow:hidden;background-color:transparent}.tippy-tooltip[data-interactive],.tippy-tooltip[data-interactive] path{pointer-events:auto}.tippy-tooltip[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-tooltip[data-inertia][data-state=hidden]{transition-timing-function:ease}.tippy-arrow,.tippy-roundarrow{position:absolute;width:0;height:0}.tippy-roundarrow{width:24px;height:8px;fill:#333;pointer-events:none}.tippy-backdrop{position:absolute;will-change:transform;background-color:#333;border-radius:50%;width:calc(110% + 2rem);left:50%;top:50%;z-index:-1;transition:all cubic-bezier(.46,.1,.52,.98);-webkit-backface-visibility:hidden;backface-visibility:hidden}.tippy-backdrop:after{content:"";float:left;padding-top:100%}.tippy-backdrop+.tippy-content{transition-property:opacity;will-change:opacity}.tippy-backdrop+.tippy-content[data-state=visible]{opacity:1}.tippy-backdrop+.tippy-content[data-state=hidden]{opacity:0} /* End */ /* Start:/local/templates/lovePiano/css/nouislider.min.css?17193885373820*/ /*! nouislider - 11.0.3 - 2018-01-21 14:04:07 */ .noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative;direction:ltr}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;left:0;height:100%;width:100%;-webkit-transform-origin:0 0;transform-origin:0 0}html:not([dir=rtl]) .noUi-horizontal .noUi-origin{left:auto;right:0}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{position:absolute}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}html:not([dir=rtl]) .noUi-horizontal .noUi-handle{right:-17px;left:auto}.noUi-target{background:#fafafa;border-radius:4px;border:1px solid #d3d3d3;box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb}.noUi-connects{border-radius:3px}.noUi-connect{background:#3fb8af}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #d9d9d9;border-radius:3px;background:#fff;cursor:default;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb}.noUi-active{box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#e8e7e6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#b8b8b8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#ccc}.noUi-marker-large,.noUi-marker-sub{background:#aaa}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%,0);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #d9d9d9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%} /* End */ /* Start:/local/templates/lovePiano/css/normalize.min.css?17193885371798*/ /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none} /* End */ /* Start:/local/templates/lovePiano/css/mediaelementplayer.min.css?171938853711402*/ .mejs__offscreen{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}.mejs__container{background:#000;font-family:Helvetica,Arial,serif;position:relative;text-align:left;text-indent:0;vertical-align:top}.mejs__container,.mejs__container *{box-sizing:border-box}.mejs__container video::-webkit-media-controls,.mejs__container video::-webkit-media-controls-panel,.mejs__container video::-webkit-media-controls-panel-container,.mejs__container video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.mejs__fill-container,.mejs__fill-container .mejs__container{height:100%;width:100%}.mejs__fill-container{background:0 0;margin:0 auto;overflow:hidden;position:relative}.mejs__container:focus{outline:0}.mejs__iframe-overlay{height:100%;position:absolute;width:100%}.mejs__embed,.mejs__embed body{background:#000;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.mejs__fullscreen{overflow:hidden!important}.mejs__container-fullscreen{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.mejs__container-fullscreen .mejs__mediaelement,.mejs__container-fullscreen video{height:100%!important;width:100%!important}.mejs__background,.mejs__mediaelement{left:0;position:absolute;top:0}.mejs__mediaelement{height:100%;width:100%;z-index:0}.mejs__poster{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;left:0;position:absolute;top:0;z-index:1}:root .mejs__poster-img{display:none}.mejs__poster-img{border:0;padding:0}.mejs__overlay{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:0;position:absolute;top:0}.mejs__layer{z-index:1}.mejs__overlay-play{cursor:pointer}.mejs__overlay-button{background:url(/local/templates/lovePiano/css/mejs-controls.svg) no-repeat;background-position:0 -39px;height:80px;width:80px}.mejs__overlay:hover>.mejs__overlay-button{background-position:-80px -39px}.mejs__overlay-loading{height:80px;width:80px}.mejs__overlay-loading-bg-img{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:url(/local/templates/lovePiano/css/mejs-controls.svg) -160px -40px no-repeat;display:block;height:80px;width:80px;z-index:1}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.mejs__controls{bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;left:0;list-style-type:none;margin:0;padding:0 10px;position:absolute;width:100%;z-index:3}.mejs__controls:not([style*="display: none"]){background:rgba(255,0,0,.7);background:-webkit-linear-gradient(transparent,rgba(0,0,0,.35));background:linear-gradient(transparent,rgba(0,0,0,.35))}.mejs__button,.mejs__time,.mejs__time-rail{font-size:10px;height:40px;line-height:10px;margin:0;width:32px}.mejs__button>button{background:url(/local/templates/lovePiano/css/mejs-controls.svg);border:0;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;margin:10px 6px;overflow:hidden;padding:0;position:absolute;text-decoration:none;width:20px}.mejs__button>button:focus{outline:1px dotted #999}.mejs__container-keyboard-inactive [role=slider],.mejs__container-keyboard-inactive [role=slider]:focus,.mejs__container-keyboard-inactive a,.mejs__container-keyboard-inactive a:focus,.mejs__container-keyboard-inactive button,.mejs__container-keyboard-inactive button:focus{outline:0}.mejs__time{box-sizing:content-box;color:#fff;font-size:11px;font-weight:700;height:24px;overflow:hidden;padding:16px 6px 0;text-align:center;width:auto}.mejs__play>button{background-position:0 0}.mejs__pause>button{background-position:-20px 0}.mejs__replay>button{background-position:-160px 0}.mejs__time-rail{direction:ltr;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:40px;margin:0 10px;padding-top:10px;position:relative}.mejs__time-buffering,.mejs__time-current,.mejs__time-float,.mejs__time-float-corner,.mejs__time-float-current,.mejs__time-hovered,.mejs__time-loaded,.mejs__time-marker,.mejs__time-total{border-radius:2px;cursor:pointer;display:block;height:10px;position:absolute}.mejs__time-total{background:rgba(255,255,255,.3);margin:5px 0 0;width:100%}.mejs__time-buffering{-webkit-animation:b 2s linear infinite;animation:b 2s linear infinite;background:-webkit-linear-gradient(135deg,rgba(255,255,255,.4) 25%,transparent 0,transparent 50%,rgba(255,255,255,.4) 0,rgba(255,255,255,.4) 75%,transparent 0,transparent);background:linear-gradient(-45deg,rgba(255,255,255,.4) 25%,transparent 0,transparent 50%,rgba(255,255,255,.4) 0,rgba(255,255,255,.4) 75%,transparent 0,transparent);background-size:15px 15px;width:100%}@-webkit-keyframes b{0%{background-position:0 0}to{background-position:30px 0}}@keyframes b{0%{background-position:0 0}to{background-position:30px 0}}.mejs__time-loaded{background:rgba(255,255,255,.3)}.mejs__time-current,.mejs__time-handle-content{background:rgba(255,255,255,.9)}.mejs__time-hovered{background:rgba(255,255,255,.5);z-index:10}.mejs__time-hovered.negative{background:rgba(0,0,0,.2)}.mejs__time-buffering,.mejs__time-current,.mejs__time-hovered,.mejs__time-loaded{left:0;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition:all .15s ease-in;transition:all .15s ease-in;width:100%}.mejs__time-buffering{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.mejs__time-hovered{-webkit-transition:height .1s cubic-bezier(.44,0,1,1);transition:height .1s cubic-bezier(.44,0,1,1)}.mejs__time-hovered.no-hover{-webkit-transform:scaleX(0)!important;-ms-transform:scaleX(0)!important;transform:scaleX(0)!important}.mejs__time-handle,.mejs__time-handle-content{border:4px solid transparent;cursor:pointer;left:0;position:absolute;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:11}.mejs__time-handle-content{border:4px solid hsla(0,0,100%,.9);border-radius:50%;height:10px;left:-7px;top:-4px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);width:10px}.mejs__time-rail .mejs__time-handle-content:active,.mejs__time-rail .mejs__time-handle-content:focus,.mejs__time-rail:hover .mejs__time-handle-content{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.mejs__time-float{background:#eee;border:1px solid #333;bottom:100%;color:#111;display:none;height:17px;margin-bottom:9px;position:absolute;text-align:center;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:36px}.mejs__time-float-current{display:block;left:0;margin:2px;text-align:center;width:30px}.mejs__time-float-corner{border:5px solid #eee;border-color:#eee transparent transparent;border-radius:0;display:block;height:0;left:50%;line-height:0;position:absolute;top:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0}.mejs__long-video .mejs__time-float{margin-left:-23px;width:64px}.mejs__long-video .mejs__time-float-current{width:60px}.mejs__broadcast{color:#fff;height:10px;position:absolute;top:15px;width:100%}.mejs__fullscreen-button>button{background-position:-80px 0}.mejs__unfullscreen>button{background-position:-100px 0}.mejs__mute>button{background-position:-60px 0}.mejs__unmute>button{background-position:-40px 0}.mejs__volume-button{position:relative}.mejs__volume-button>.mejs__volume-slider{-webkit-backface-visibility:hidden;background:rgba(50,50,50,.7);border-radius:0;bottom:100%;display:none;height:115px;left:50%;margin:0;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:25px;z-index:1}.mejs__volume-button:hover{border-radius:0 0 4px 4px}.mejs__volume-total{background:rgba(255,255,255,.5);height:100px;left:50%;margin:0;position:absolute;top:8px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:2px}.mejs__volume-current{left:0;margin:0;width:100%}.mejs__volume-current,.mejs__volume-handle{background:rgba(255,255,255,.9);position:absolute}.mejs__volume-handle{border-radius:1px;cursor:ns-resize;height:6px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:16px}.mejs__horizontal-volume-slider{display:block;height:36px;position:relative;vertical-align:middle;width:56px}.mejs__horizontal-volume-total{background:rgba(50,50,50,.8);height:8px;top:16px;width:50px}.mejs__horizontal-volume-current,.mejs__horizontal-volume-total{border-radius:2px;font-size:1px;left:0;margin:0;padding:0;position:absolute}.mejs__horizontal-volume-current{background:rgba(255,255,255,.8);height:100%;top:0;width:100%}.mejs__horizontal-volume-handle{display:none}.mejs__captions-button,.mejs__chapters-button{position:relative}.mejs__captions-button>button{background-position:-140px 0}.mejs__chapters-button>button{background-position:-180px 0}.mejs__captions-button>.mejs__captions-selector,.mejs__chapters-button>.mejs__chapters-selector{background:rgba(50,50,50,.7);border:1px solid transparent;border-radius:0;bottom:100%;margin-right:-43px;overflow:hidden;padding:0;position:absolute;right:50%;visibility:visible;width:86px}.mejs__chapters-button>.mejs__chapters-selector{margin-right:-55px;width:110px}.mejs__captions-selector-list,.mejs__chapters-selector-list{list-style-type:none!important;margin:0;overflow:hidden;padding:0}.mejs__captions-selector-list-item,.mejs__chapters-selector-list-item{color:#fff;cursor:pointer;display:block;list-style-type:none!important;margin:0 0 6px;overflow:hidden;padding:0}.mejs__captions-selector-list-item:hover,.mejs__chapters-selector-list-item:hover{background-color:#c8c8c8!important;background-color:rgba(255,255,255,.4)!important}.mejs__captions-selector-input,.mejs__chapters-selector-input{clear:both;float:left;left:-1000px;margin:3px 3px 0 5px;position:absolute}.mejs__captions-selector-label,.mejs__chapters-selector-label{cursor:pointer;float:left;font-size:10px;line-height:15px;padding:4px 10px 0;width:100%}.mejs__captions-selected,.mejs__chapters-selected{color:#21f8f8}.mejs__captions-translations{font-size:10px;margin:0 0 5px}.mejs__captions-layer{bottom:0;color:#fff;font-size:16px;left:0;line-height:20px;position:absolute;text-align:center}.mejs__captions-layer a{color:#fff;text-decoration:underline}.mejs__captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs__captions-position{bottom:15px;left:0;position:absolute;width:100%}.mejs__captions-position-hover{bottom:35px}.mejs__captions-text,.mejs__captions-text *{background:rgba(20,20,20,.5);box-shadow:5px 0 0 rgba(20,20,20,.5),-5px 0 0 rgba(20,20,20,.5);padding:0;white-space:pre-wrap}.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container{display:none}.mejs__overlay-error{position:relative}.mejs__overlay-error>img{left:0;max-width:100%;position:absolute;top:0;z-index:-1}.mejs__cannotplay,.mejs__cannotplay a{color:#fff;font-size:.8em}.mejs__cannotplay{position:relative}.mejs__cannotplay a,.mejs__cannotplay p{display:inline-block;padding:0 15px;width:100%} /* End */ /* Start:/local/templates/lovePiano/css/select2.min.css?171938853715080*/ .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:0;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:#fff;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:700;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid #000 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:0 0;border:0;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:#fff}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top,#fff 50%,#eee 100%);background-image:-o-linear-gradient(top,#fff 50%,#eee 100%);background-image:linear-gradient(to bottom,#fff 50%,#eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:0;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top,#eee 50%,#ccc 100%);background-image:-o-linear-gradient(top,#eee 50%,#ccc 100%);background-image:linear-gradient(to bottom,#eee 50%,#ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow{border:0;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:0 0;border:0}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top,#fff 0%,#eee 50%);background-image:-o-linear-gradient(top,#fff 0%,#eee 50%);background-image:linear-gradient(to bottom,#fff 0%,#eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top,#eee 50%,#fff 100%);background-image:-o-linear-gradient(top,#eee 50%,#fff 100%);background-image:linear-gradient(to bottom,#eee 50%,#fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:700;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:gray}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} /* End */ /* Start:/local/templates/lovePiano/css/swiper.min.css?171938853719277*/ .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),transparent);background-image:-o-linear-gradient(right,rgba(0,0,0,.5),transparent);background-image:linear-gradient(to left,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),transparent);background-image:-o-linear-gradient(left,rgba(0,0,0,.5),transparent);background-image:linear-gradient(to right,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),transparent);background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),transparent);background-image:linear-gradient(to top,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),transparent);background-image:-o-linear-gradient(top,rgba(0,0,0,.5),transparent);background-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent)}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:0;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} /* End */ /* Start:/local/templates/lovePiano/css/magnific-popup.min.css?17193885375235*/ .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}} /* End */ /* Start:/local/templates/lovePiano/css/splide/splide.min.css?17193885374172*/ @keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__container{position:relative;box-sizing:border-box}.splide__list{margin:0!important;padding:0!important;width:-webkit-max-content;width:max-content;will-change:transform}.splide.is-active .splide__list{display:flex}.splide__pagination{display:inline-flex;align-items:center;width:95%;flex-wrap:wrap;justify-content:center;margin:0}.splide__pagination li{list-style-type:none;display:inline-block;line-height:1;margin:0}.splide{visibility:hidden}.splide,.splide__slide{position:relative;outline:none}.splide__slide{box-sizing:border-box;list-style-type:none!important;margin:0;flex-shrink:0}.splide__slide img{vertical-align:bottom}.splide__slider{position:relative}.splide__spinner{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid #999;border-left-color:transparent;animation:splide-loading 1s linear infinite}.splide__track{position:relative;z-index:0;overflow:hidden}.splide--draggable>.splide__track>.splide__list>.splide__slide{-webkit-user-select:none;user-select:none}.splide--fade>.splide__track>.splide__list{display:block}.splide--fade>.splide__track>.splide__list>.splide__slide{position:absolute;top:0;left:0;z-index:0;opacity:0}.splide--fade>.splide__track>.splide__list>.splide__slide.is-active{position:relative;z-index:1;opacity:1}.splide--rtl{direction:rtl}.splide--ttb>.splide__track>.splide__list{display:block}.splide--ttb>.splide__pagination{width:auto}.splide__arrow{position:absolute;z-index:1;top:50%;transform:translateY(-50%);width:2em;height:2em;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;padding:0;opacity:.7;background:#ccc}.splide__arrow svg{width:1.2em;height:1.2em}.splide__arrow:hover{cursor:pointer;opacity:.9}.splide__arrow:focus{outline:none}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide__pagination{position:absolute;z-index:1;bottom:.5em;left:50%;transform:translateX(-50%);padding:0}.splide__pagination__page{display:inline-block;width:8px;height:8px;background:#ccc;border-radius:50%;margin:3px;padding:0;transition:transform .2s linear;border:none;opacity:.7}.splide__pagination__page.is-active{transform:scale(1.4);background:#fff}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus{outline:none}.splide__progress__bar{width:0;height:3px;background:#ccc}.splide--nav>.splide__track>.splide__list>.splide__slide{border:3px solid transparent}.splide--nav>.splide__track>.splide__list>.splide__slide.is-active{border-color:#000}.splide--nav>.splide__track>.splide__list>.splide__slide:focus{outline:none}.splide--rtl>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev{right:1em;left:auto}.splide--rtl>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:scaleX(1)}.splide--rtl>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next{left:1em;right:auto}.splide--rtl>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next svg{transform:scaleX(-1)}.splide--ttb>.splide__arrows .splide__arrow,.splide--ttb>.splide__track>.splide__arrows .splide__arrow{left:50%;transform:translate(-50%)}.splide--ttb>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev{top:1em}.splide--ttb>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:rotate(-90deg)}.splide--ttb>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next{top:auto;bottom:1em}.splide--ttb>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next svg{transform:rotate(90deg)}.splide--ttb>.splide__pagination{display:flex;flex-direction:column;bottom:50%;left:auto;right:.5em;transform:translateY(50%)} .splide__arrows{display: none} /* End */ /* Start:/local/templates/lovePiano/styles.css?17618256231792*/ @media (min-width: 770px) { .navmob { -webkit-transform: translate(-680px, 0); transform: translate(-680px, 0); width: 680px; } .navmob_opened .page__wrap, .navmob_opened .footer { -webkit-transform: translateX(680px); transform: translateX(680px); } .navmob_opened .topbar__search { visibility: hidden; } .navmob__city, .navmob__location, .navmob__main, .navmob__sec { display: none !important; } .navmob__contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .navmob__contacts .button { width: 200px; margin-right: 20px; } .navmob__time { padding-top: 2px; } .navmob__link, .navmob__contacts { padding-left: 24px; padding-right: 24px; } } @media(max-width:1259px) { .nav__button.js-navmob__button { //display: block; //font-size: 0; //padding: 0; } } .warning-panel { /* position: fixed; top: 65px; left: 0; right: 0; */ display: flex; align-items: center; justify-content: center; background-color: #d6000a; color: #fff; height: 40px; } /* @media (min-width: 1260px) { .topbar__block .topbar__search.sticky_s { margin-top: 0; } } @media (max-width: 1260px) { .topbar__block .topbar__search.sticky_s { margin-top: 30px; } } */ /* header .header__inner .header__contacts { display: none; } .footer__contacts-block>.footer__address, .footer__phone { display: none; } .main__contacts-container .main__contacts-phone, .main__contacts-container .main__contacts-separator { display: none; } */ /* .static__map-block:last-child { display: none; } */ .main__team { display: none; } .about__team { display: none; } /* End */ /* Start:/local/templates/lovePiano/css/common.css?1780259423494210*/ @font-face { font-family: "Circe"; font-weight: 400; font-style: normal; src: url("/local/templates/lovePiano/fonts/circe/regular/Circe.woff2") format("woff2"), url("/local/templates/lovePiano/fonts/circe/regular/Circe.woff") format("woff"); font-display: swap; } @font-face { font-family: "Circe"; font-weight: 700; font-style: normal; src: url("/local/templates/lovePiano/fonts/circe/bold/CirceBold.woff2") format("woff2"), url("/local/templates/lovePiano/fonts/circe/bold/CirceBold.woff") format("woff"); font-display: swap; } @font-face { font-family: "Rub"; font-weight: 400; font-style: normal; src: url("/local/templates/lovePiano/fonts/rub/regular/rub-Regular.woff2") format("woff2"), url("/local/templates/lovePiano/fonts/rub/regular/rub-Regular.woff") format("woff"); font-display: swap; } :root { --bx-panel-height: 0; --bx-panel-fixed: 0; } .is-bx-panel { --bx-panel-height: 147; } .is-bx-panel--folded { --bx-panel-height: 39; } .is-bx-panel--fixed { --bx-panel-fixed: 1; } html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } h1, body :where(.h1) { font-size: 2em; margin: 0.67em 0; } h3, body :where(.h3) { font-size: 21px; line-height: 24px; letter-spacing: -0.5px; padding-bottom: 13px; margin-top: 27px; } h4, body :where(.h4) { font-size: 1em; font-weight: bold; margin-block-start: 1.33em; margin-block-end: 1.33em; } h5, body :where(.h5) { font-size: 16px; line-height: 18px; letter-spacing: -0.5px; padding-bottom: 13px; margin-top: 21px; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: 0 !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #ccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #ccc; } .mfp-preloader a:hover { color: #fff; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none; display: block; outline: 0; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #fff; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #fff; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ""; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #fff; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #fff; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } .mfp-figure { line-height: 0; } .mfp-figure:after { content: ""; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .tippy-iOS { cursor: pointer !important; } .tippy-notransition { transition: none !important; } .tippy-popper { -webkit-perspective: 700px; perspective: 700px; z-index: 9999; outline: 0; transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); pointer-events: none; line-height: 1.4; max-width: calc(100% - 10px); } .tippy-popper[x-placement^="top"] .tippy-backdrop { border-radius: 40% 40% 0 0; } .tippy-popper[x-placement^="top"] .tippy-roundarrow { bottom: -8px; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; } .tippy-popper[x-placement^="top"] .tippy-roundarrow svg { position: absolute; left: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .tippy-popper[x-placement^="top"] .tippy-arrow { border-top: 8px solid #333; border-right: 8px solid transparent; border-left: 8px solid transparent; bottom: -7px; margin: 0 6px; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; } .tippy-popper[x-placement^="top"] .tippy-backdrop { -webkit-transform-origin: 0 25%; transform-origin: 0 25%; } .tippy-popper[x-placement^="top"] .tippy-backdrop[data-state="visible"] { -webkit-transform: scale(1) translate(-50%, -55%); transform: scale(1) translate(-50%, -55%); } .tippy-popper[x-placement^="top"] .tippy-backdrop[data-state="hidden"] { -webkit-transform: scale(0.2) translate(-50%, -45%); transform: scale(0.2) translate(-50%, -45%); opacity: 0; } .tippy-popper[x-placement^="top"] [data-animation="shift-toward"][data-state="visible"] { -webkit-transform: translateY(-10px); transform: translateY(-10px); } .tippy-popper[x-placement^="top"] [data-animation="shift-toward"][data-state="hidden"] { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } .tippy-popper[x-placement^="top"] [data-animation="perspective"] { -webkit-transform-origin: bottom; transform-origin: bottom; } .tippy-popper[x-placement^="top"] [data-animation="perspective"][data-state="visible"] { -webkit-transform: translateY(-10px) rotateX(0); transform: translateY(-10px) rotateX(0); } .tippy-popper[x-placement^="top"] [data-animation="perspective"][data-state="hidden"] { opacity: 0; -webkit-transform: translateY(0) rotateX(60deg); transform: translateY(0) rotateX(60deg); } .tippy-popper[x-placement^="top"] [data-animation="fade"][data-state="visible"] { -webkit-transform: translateY(-10px); transform: translateY(-10px); } .tippy-popper[x-placement^="top"] [data-animation="fade"][data-state="hidden"] { opacity: 0; -webkit-transform: translateY(-10px); transform: translateY(-10px); } .tippy-popper[x-placement^="top"] [data-animation="shift-away"][data-state="visible"] { -webkit-transform: translateY(-10px); transform: translateY(-10px); } .tippy-popper[x-placement^="top"] [data-animation="shift-away"][data-state="hidden"] { opacity: 0; -webkit-transform: translateY(0); transform: translateY(0); } .tippy-popper[x-placement^="top"] [data-animation="scale"][data-state="visible"] { -webkit-transform: translateY(-10px) scale(1); transform: translateY(-10px) scale(1); } .tippy-popper[x-placement^="top"] [data-animation="scale"][data-state="hidden"] { opacity: 0; -webkit-transform: translateY(0) scale(0.5); transform: translateY(0) scale(0.5); } .tippy-popper[x-placement^="bottom"] .tippy-backdrop { border-radius: 0 0 30% 30%; } .tippy-popper[x-placement^="bottom"] .tippy-roundarrow { top: -8px; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } .tippy-popper[x-placement^="bottom"] .tippy-roundarrow svg { position: absolute; left: 0; -webkit-transform: rotate(0); transform: rotate(0); } .tippy-popper[x-placement^="bottom"] .tippy-arrow { border-bottom: 8px solid #333; border-right: 8px solid transparent; border-left: 8px solid transparent; top: -7px; margin: 0 6px; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } .tippy-popper[x-placement^="bottom"] .tippy-backdrop { -webkit-transform-origin: 0 -50%; transform-origin: 0 -50%; } .tippy-popper[x-placement^="bottom"] .tippy-backdrop[data-state="visible"] { -webkit-transform: scale(1) translate(-50%, -45%); transform: scale(1) translate(-50%, -45%); } .tippy-popper[x-placement^="bottom"] .tippy-backdrop[data-state="hidden"] { -webkit-transform: scale(0.2) translate(-50%); transform: scale(0.2) translate(-50%); opacity: 0; } .tippy-popper[x-placement^="bottom"] [data-animation="shift-toward"][data-state="visible"] { -webkit-transform: translateY(10px); transform: translateY(10px); } .tippy-popper[x-placement^="bottom"] [data-animation="shift-toward"][data-state="hidden"] { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } .tippy-popper[x-placement^="bottom"] [data-animation="perspective"] { -webkit-transform-origin: top; transform-origin: top; } .tippy-popper[x-placement^="bottom"] [data-animation="perspective"][data-state="visible"] { -webkit-transform: translateY(10px) rotateX(0); transform: translateY(10px) rotateX(0); } .tippy-popper[x-placement^="bottom"] [data-animation="perspective"][data-state="hidden"] { opacity: 0; -webkit-transform: translateY(0) rotateX(-60deg); transform: translateY(0) rotateX(-60deg); } .tippy-popper[x-placement^="bottom"] [data-animation="fade"][data-state="visible"] { -webkit-transform: translateY(10px); transform: translateY(10px); } .tippy-popper[x-placement^="bottom"] [data-animation="fade"][data-state="hidden"] { opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px); } .tippy-popper[x-placement^="bottom"] [data-animation="shift-away"][data-state="visible"] { -webkit-transform: translateY(10px); transform: translateY(10px); } .tippy-popper[x-placement^="bottom"] [data-animation="shift-away"][data-state="hidden"] { opacity: 0; -webkit-transform: translateY(0); transform: translateY(0); } .tippy-popper[x-placement^="bottom"] [data-animation="scale"][data-state="visible"] { -webkit-transform: translateY(10px) scale(1); transform: translateY(10px) scale(1); } .tippy-popper[x-placement^="bottom"] [data-animation="scale"][data-state="hidden"] { opacity: 0; -webkit-transform: translateY(0) scale(0.5); transform: translateY(0) scale(0.5); } .tippy-popper[x-placement^="left"] .tippy-backdrop { border-radius: 50% 0 0 50%; } .tippy-popper[x-placement^="left"] .tippy-roundarrow { right: -16px; -webkit-transform-origin: 33.33333333% 50%; transform-origin: 33.33333333% 50%; } .tippy-popper[x-placement^="left"] .tippy-roundarrow svg { position: absolute; left: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .tippy-popper[x-placement^="left"] .tippy-arrow { border-left: 8px solid #333; border-top: 8px solid transparent; border-bottom: 8px solid transparent; right: -7px; margin: 3px 0; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } .tippy-popper[x-placement^="left"] .tippy-backdrop { -webkit-transform-origin: 50% 0; transform-origin: 50% 0; } .tippy-popper[x-placement^="left"] .tippy-backdrop[data-state="visible"] { -webkit-transform: scale(1) translate(-50%, -50%); transform: scale(1) translate(-50%, -50%); } .tippy-popper[x-placement^="left"] .tippy-backdrop[data-state="hidden"] { -webkit-transform: scale(0.2) translate(-75%, -50%); transform: scale(0.2) translate(-75%, -50%); opacity: 0; } .tippy-popper[x-placement^="left"] [data-animation="shift-toward"][data-state="visible"] { -webkit-transform: translateX(-10px); transform: translateX(-10px); } .tippy-popper[x-placement^="left"] [data-animation="shift-toward"][data-state="hidden"] { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } .tippy-popper[x-placement^="left"] [data-animation="perspective"] { -webkit-transform-origin: right; transform-origin: right; } .tippy-popper[x-placement^="left"] [data-animation="perspective"][data-state="visible"] { -webkit-transform: translateX(-10px) rotateY(0); transform: translateX(-10px) rotateY(0); } .tippy-popper[x-placement^="left"] [data-animation="perspective"][data-state="hidden"] { opacity: 0; -webkit-transform: translateX(0) rotateY(-60deg); transform: translateX(0) rotateY(-60deg); } .tippy-popper[x-placement^="left"] [data-animation="fade"][data-state="visible"] { -webkit-transform: translateX(-10px); transform: translateX(-10px); } .tippy-popper[x-placement^="left"] [data-animation="fade"][data-state="hidden"] { opacity: 0; -webkit-transform: translateX(-10px); transform: translateX(-10px); } .tippy-popper[x-placement^="left"] [data-animation="shift-away"][data-state="visible"] { -webkit-transform: translateX(-10px); transform: translateX(-10px); } .tippy-popper[x-placement^="left"] [data-animation="shift-away"][data-state="hidden"] { opacity: 0; -webkit-transform: translateX(0); transform: translateX(0); } .tippy-popper[x-placement^="left"] [data-animation="scale"][data-state="visible"] { -webkit-transform: translateX(-10px) scale(1); transform: translateX(-10px) scale(1); } .tippy-popper[x-placement^="left"] [data-animation="scale"][data-state="hidden"] { opacity: 0; -webkit-transform: translateX(0) scale(0.5); transform: translateX(0) scale(0.5); } .tippy-popper[x-placement^="right"] .tippy-backdrop { border-radius: 0 50% 50% 0; } .tippy-popper[x-placement^="right"] .tippy-roundarrow { left: -16px; -webkit-transform-origin: 66.66666666% 50%; transform-origin: 66.66666666% 50%; } .tippy-popper[x-placement^="right"] .tippy-roundarrow svg { position: absolute; left: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .tippy-popper[x-placement^="right"] .tippy-arrow { border-right: 8px solid #333; border-top: 8px solid transparent; border-bottom: 8px solid transparent; left: -7px; margin: 3px 0; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .tippy-popper[x-placement^="right"] .tippy-backdrop { -webkit-transform-origin: -50% 0; transform-origin: -50% 0; } .tippy-popper[x-placement^="right"] .tippy-backdrop[data-state="visible"] { -webkit-transform: scale(1) translate(-50%, -50%); transform: scale(1) translate(-50%, -50%); } .tippy-popper[x-placement^="right"] .tippy-backdrop[data-state="hidden"] { -webkit-transform: scale(0.2) translate(-25%, -50%); transform: scale(0.2) translate(-25%, -50%); opacity: 0; } .tippy-popper[x-placement^="right"] [data-animation="shift-toward"][data-state="visible"] { -webkit-transform: translateX(10px); transform: translateX(10px); } .tippy-popper[x-placement^="right"] [data-animation="shift-toward"][data-state="hidden"] { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } .tippy-popper[x-placement^="right"] [data-animation="perspective"] { -webkit-transform-origin: left; transform-origin: left; } .tippy-popper[x-placement^="right"] [data-animation="perspective"][data-state="visible"] { -webkit-transform: translateX(10px) rotateY(0); transform: translateX(10px) rotateY(0); } .tippy-popper[x-placement^="right"] [data-animation="perspective"][data-state="hidden"] { opacity: 0; -webkit-transform: translateX(0) rotateY(60deg); transform: translateX(0) rotateY(60deg); } .tippy-popper[x-placement^="right"] [data-animation="fade"][data-state="visible"] { -webkit-transform: translateX(10px); transform: translateX(10px); } .tippy-popper[x-placement^="right"] [data-animation="fade"][data-state="hidden"] { opacity: 0; -webkit-transform: translateX(10px); transform: translateX(10px); } .tippy-popper[x-placement^="right"] [data-animation="shift-away"][data-state="visible"] { -webkit-transform: translateX(10px); transform: translateX(10px); } .tippy-popper[x-placement^="right"] [data-animation="shift-away"][data-state="hidden"] { opacity: 0; -webkit-transform: translateX(0); transform: translateX(0); } .tippy-popper[x-placement^="right"] [data-animation="scale"][data-state="visible"] { -webkit-transform: translateX(10px) scale(1); transform: translateX(10px) scale(1); } .tippy-popper[x-placement^="right"] [data-animation="scale"][data-state="hidden"] { opacity: 0; -webkit-transform: translateX(0) scale(0.5); transform: translateX(0) scale(0.5); } .tippy-tooltip { position: relative; color: #fff; border-radius: 4px; font-size: 0.9rem; padding: 0.3rem 0.6rem; max-width: 350px; text-align: center; will-change: transform; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #333; } .tippy-tooltip[data-size="small"] { padding: 0.2rem 0.4rem; font-size: 0.75rem; } .tippy-tooltip[data-size="large"] { padding: 0.4rem 0.8rem; font-size: 1rem; } .tippy-tooltip[data-animatefill] { overflow: hidden; background-color: transparent; } .tippy-tooltip[data-interactive], .tippy-tooltip[data-interactive] path { pointer-events: auto; } .tippy-tooltip[data-inertia][data-state="visible"] { transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11); } .tippy-tooltip[data-inertia][data-state="hidden"] { transition-timing-function: ease; } .tippy-arrow, .tippy-roundarrow { position: absolute; width: 0; height: 0; } .tippy-roundarrow { width: 24px; height: 8px; fill: #333; pointer-events: none; } .tippy-backdrop { position: absolute; will-change: transform; background-color: #333; border-radius: 50%; width: calc(110% + 2rem); left: 50%; top: 50%; z-index: -1; transition: all cubic-bezier(0.46, 0.1, 0.52, 0.98); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tippy-backdrop:after { content: ""; float: left; padding-top: 100%; } .tippy-backdrop + .tippy-content { transition-property: opacity; will-change: opacity; } .tippy-backdrop + .tippy-content[data-state="visible"] { opacity: 1; } .tippy-backdrop + .tippy-content[data-state="hidden"] { opacity: 0; } .mejs__offscreen { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal; } .mejs__container { background: #000; font-family: Helvetica, Arial, serif; position: relative; text-align: left; text-indent: 0; vertical-align: top; } .mejs__container, .mejs__container * { box-sizing: border-box; } .mejs__fill-container, .mejs__fill-container .mejs__container { height: 100%; width: 100%; } .mejs__fill-container { background: 0 0; margin: 0 auto; overflow: hidden; position: relative; } .mejs__container:focus { outline: 0; } .mejs__iframe-overlay { height: 100%; position: absolute; width: 100%; } .mejs__embed, .mejs__embed body { background: #000; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } .mejs__fullscreen { overflow: hidden !important; } .mejs__container-fullscreen { bottom: 0; left: 0; overflow: hidden; position: fixed; right: 0; top: 0; z-index: 1000; } .mejs__container-fullscreen .mejs__mediaelement, .mejs__container-fullscreen video { height: 100% !important; width: 100% !important; } .mejs__background, .mejs__mediaelement { left: 0; position: absolute; top: 0; } .mejs__mediaelement { height: 100%; width: 100%; z-index: 0; } .mejs__poster { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; left: 0; position: absolute; top: 0; z-index: 1; } :root .mejs__poster-img { display: none; } .mejs__poster-img { border: 0; padding: 0; } .mejs__overlay { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; left: 0; position: absolute; top: 0; } .mejs__layer { z-index: 1; } .mejs__overlay-play { cursor: pointer; } .mejs__overlay-button { background-position: 0 -39px; height: 80px; width: 80px; } .mejs__overlay:hover > .mejs__overlay-button { background-position: -80px -39px; } .mejs__overlay-loading { height: 80px; width: 80px; } .mejs__overlay-loading-bg-img { -webkit-animation: a 1s linear infinite; animation: a 1s linear infinite; display: block; height: 80px; width: 80px; z-index: 1; } @-webkit-keyframes a { to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @keyframes a { to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } .mejs__controls { bottom: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 40px; left: 0; list-style-type: none; margin: 0; padding: 0 10px; position: absolute; width: 100%; z-index: 3; } .mejs__controls:not([style*="display: none"]) { background: rgba(255, 0, 0, 0.7); background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.35)); background: linear-gradient(transparent, rgba(0, 0, 0, 0.35)); } .mejs__button, .mejs__time, .mejs__time-rail { font-size: 10px; height: 40px; line-height: 10px; margin: 0; width: 32px; } .mejs__button > button { border: 0; cursor: pointer; display: block; font-size: 0; height: 20px; line-height: 0; margin: 10px 6px; overflow: hidden; padding: 0; position: absolute; text-decoration: none; width: 20px; } .mejs__button > button:focus { outline: 1px dotted #999; } .mejs__container-keyboard-inactive [role="slider"], .mejs__container-keyboard-inactive [role="slider"]:focus, .mejs__container-keyboard-inactive a, .mejs__container-keyboard-inactive a:focus, .mejs__container-keyboard-inactive button, .mejs__container-keyboard-inactive button:focus { outline: 0; } .mejs__time { box-sizing: content-box; color: #fff; font-size: 11px; font-weight: 700; height: 24px; overflow: hidden; padding: 16px 6px 0; text-align: center; width: auto; } .mejs__play > button { background-position: 0 0; } .mejs__pause > button { background-position: -20px 0; } .mejs__replay > button { background-position: -160px 0; } .mejs__time-rail { direction: ltr; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; height: 40px; margin: 0 10px; padding-top: 10px; position: relative; } .mejs__time-buffering, .mejs__time-current, .mejs__time-float, .mejs__time-float-corner, .mejs__time-float-current, .mejs__time-hovered, .mejs__time-loaded, .mejs__time-marker, .mejs__time-total { border-radius: 2px; cursor: pointer; display: block; height: 10px; position: absolute; } .mejs__time-total { background: rgba(255, 255, 255, 0.3); margin: 5px 0 0; width: 100%; } .mejs__time-buffering { -webkit-animation: b 2s linear infinite; animation: b 2s linear infinite; background: -webkit-linear-gradient( 135deg, rgba(255, 255, 255, 0.4) 25%, transparent 0, transparent 50%, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0.4) 75%, transparent 0, transparent ); background: linear-gradient( -45deg, rgba(255, 255, 255, 0.4) 25%, transparent 0, transparent 50%, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0.4) 75%, transparent 0, transparent ); background-size: 15px 15px; width: 100%; } @-webkit-keyframes b { 0% { background-position: 0 0; } to { background-position: 30px 0; } } @keyframes b { 0% { background-position: 0 0; } to { background-position: 30px 0; } } .mejs__time-loaded { background: rgba(255, 255, 255, 0.3); } .mejs__time-current, .mejs__time-handle-content { background: rgba(255, 255, 255, 0.9); } .mejs__time-hovered { background: rgba(255, 255, 255, 0.5); z-index: 10; } .mejs__time-hovered.negative { background: rgba(0, 0, 0, 0.2); } .mejs__time-buffering, .mejs__time-current, .mejs__time-hovered, .mejs__time-loaded { left: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: all 0.15s ease-in; transition: all 0.15s ease-in; width: 100%; } .mejs__time-buffering { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .mejs__time-hovered { -webkit-transition: height 0.1s cubic-bezier(0.44, 0, 1, 1); transition: height 0.1s cubic-bezier(0.44, 0, 1, 1); } .mejs__time-hovered.no-hover { -webkit-transform: scaleX(0) !important; -ms-transform: scaleX(0) !important; transform: scaleX(0) !important; } .mejs__time-handle, .mejs__time-handle-content { border: 4px solid transparent; cursor: pointer; left: 0; position: absolute; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); z-index: 11; } .mejs__time-handle-content { border-radius: 50%; height: 10px; left: -7px; top: -4px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); width: 10px; } .mejs__time-rail .mejs__time-handle-content:active, .mejs__time-rail .mejs__time-handle-content:focus, .mejs__time-rail:hover .mejs__time-handle-content { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .mejs__time-float { background: #eee; border: 1px solid #333; bottom: 100%; color: #111; display: none; height: 17px; margin-bottom: 9px; position: absolute; text-align: center; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 36px; } .mejs__time-float-current { display: block; left: 0; margin: 2px; text-align: center; width: 30px; } .mejs__time-float-corner { border: 5px solid #eee; border-color: #eee transparent transparent; border-radius: 0; display: block; height: 0; left: 50%; line-height: 0; position: absolute; top: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 0; } .mejs__long-video .mejs__time-float { margin-left: -23px; width: 64px; } .mejs__long-video .mejs__time-float-current { width: 60px; } .mejs__broadcast { color: #fff; height: 10px; position: absolute; top: 15px; width: 100%; } .mejs__fullscreen-button > button { background-position: -80px 0; } .mejs__unfullscreen > button { background-position: -100px 0; } .mejs__mute > button { background-position: -60px 0; } .mejs__unmute > button { background-position: -40px 0; } .mejs__volume-button { position: relative; } .mejs__volume-button > .mejs__volume-slider { -webkit-backface-visibility: hidden; background: rgba(50, 50, 50, 0.7); border-radius: 0; bottom: 100%; display: none; height: 115px; left: 50%; margin: 0; position: absolute; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 25px; z-index: 1; } .mejs__volume-button:hover { border-radius: 0 0 4px 4px; } .mejs__volume-total { background: rgba(255, 255, 255, 0.5); height: 100px; left: 50%; margin: 0; position: absolute; top: 8px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 2px; } .mejs__volume-current { left: 0; margin: 0; width: 100%; } .mejs__volume-current, .mejs__volume-handle { background: rgba(255, 255, 255, 0.9); position: absolute; } .mejs__volume-handle { border-radius: 1px; cursor: ns-resize; height: 6px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 16px; } .mejs__horizontal-volume-slider { display: block; height: 36px; position: relative; vertical-align: middle; width: 56px; } .mejs__horizontal-volume-total { background: rgba(50, 50, 50, 0.8); height: 8px; top: 16px; width: 50px; } .mejs__horizontal-volume-current, .mejs__horizontal-volume-total { border-radius: 2px; font-size: 1px; left: 0; margin: 0; padding: 0; position: absolute; } .mejs__horizontal-volume-current { background: rgba(255, 255, 255, 0.8); height: 100%; top: 0; width: 100%; } .mejs__horizontal-volume-handle { display: none; } .mejs__captions-button, .mejs__chapters-button { position: relative; } .mejs__captions-button > button { background-position: -140px 0; } .mejs__chapters-button > button { background-position: -180px 0; } .mejs__captions-button > .mejs__captions-selector, .mejs__chapters-button > .mejs__chapters-selector { background: rgba(50, 50, 50, 0.7); border: 1px solid transparent; border-radius: 0; bottom: 100%; margin-right: -43px; overflow: hidden; padding: 0; position: absolute; right: 50%; visibility: visible; width: 86px; } .mejs__chapters-button > .mejs__chapters-selector { margin-right: -55px; width: 110px; } .mejs__captions-selector-list, .mejs__chapters-selector-list { list-style-type: none !important; margin: 0; overflow: hidden; padding: 0; } .mejs__captions-selector-list-item, .mejs__chapters-selector-list-item { color: #fff; cursor: pointer; display: block; list-style-type: none !important; margin: 0 0 6px; overflow: hidden; padding: 0; } .mejs__captions-selector-list-item:hover, .mejs__chapters-selector-list-item:hover { background-color: #c8c8c8 !important; background-color: rgba(255, 255, 255, 0.4) !important; } .mejs__captions-selector-input, .mejs__chapters-selector-input { clear: both; float: left; left: -1000px; margin: 3px 3px 0 5px; position: absolute; } .mejs__captions-selector-label, .mejs__chapters-selector-label { cursor: pointer; float: left; font-size: 10px; line-height: 15px; padding: 4px 10px 0; width: 100%; } .mejs__captions-selected, .mejs__chapters-selected { color: #21f8f8; } .mejs__captions-translations { font-size: 10px; margin: 0 0 5px; } .mejs__captions-layer { bottom: 0; color: #fff; font-size: 16px; left: 0; line-height: 20px; position: absolute; text-align: center; } .mejs__captions-layer a { color: #fff; text-decoration: underline; } .mejs__captions-layer[lang="ar"] { font-size: 20px; font-weight: 400; } .mejs__captions-position { bottom: 15px; left: 0; position: absolute; width: 100%; } .mejs__captions-position-hover { bottom: 35px; } .mejs__captions-text, .mejs__captions-text * { background: rgba(20, 20, 20, 0.5); box-shadow: 5px 0 0 rgba(20, 20, 20, 0.5), -5px 0 0 rgba(20, 20, 20, 0.5); padding: 0; white-space: pre-wrap; } .mejs__overlay-error { position: relative; } .mejs__overlay-error > img { left: 0; max-width: 100%; position: absolute; top: 0; z-index: -1; } .mejs__cannotplay, .mejs__cannotplay a { color: #fff; font-size: 0.8em; } .mejs__cannotplay { position: relative; } .mejs__cannotplay a, .mejs__cannotplay p { display: inline-block; padding: 0 15px; width: 100%; } /*! nouislider - 11.0.3 - 2018-01-21 14:04:07 */ .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -moz-box-sizing: border-box; box-sizing: border-box; } .noUi-target { position: relative; direction: ltr; } .noUi-base, .noUi-connects { width: 100%; height: 100%; position: relative; z-index: 1; } .noUi-connects { overflow: hidden; z-index: 0; } .noUi-connect, .noUi-origin { will-change: transform; position: absolute; z-index: 1; top: 0; left: 0; height: 100%; width: 100%; -webkit-transform-origin: 0 0; transform-origin: 0 0; } html:not([dir="rtl"]) .noUi-horizontal .noUi-origin { left: auto; right: 0; } .noUi-vertical .noUi-origin { width: 0; } .noUi-horizontal .noUi-origin { height: 0; } .noUi-handle { position: absolute; } .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { -webkit-transition: transform 0.3s; transition: transform 0.3s; } .noUi-state-drag * { cursor: inherit !important; } .noUi-horizontal { height: 18px; } .noUi-horizontal .noUi-handle { width: 34px; height: 28px; left: -17px; top: -6px; } .noUi-vertical { width: 18px; } .noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -17px; } html:not([dir="rtl"]) .noUi-horizontal .noUi-handle { right: -17px; left: auto; } .noUi-target { background: #fafafa; border-radius: 4px; border: 1px solid #d3d3d3; box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb; } .noUi-connects { border-radius: 3px; } .noUi-connect { background: #3fb8af; } .noUi-draggable { cursor: ew-resize; } .noUi-vertical .noUi-draggable { cursor: ns-resize; } .noUi-handle { border: 1px solid #d9d9d9; border-radius: 3px; background: #fff; cursor: default; box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb; } .noUi-active { box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb; } .noUi-handle:after, .noUi-handle:before { content: ""; display: block; position: absolute; height: 14px; width: 1px; background: #e8e7e6; left: 14px; top: 6px; } .noUi-handle:after { left: 17px; } .noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before { width: 14px; height: 1px; left: 6px; top: 14px; } .noUi-vertical .noUi-handle:after { top: 17px; } [disabled] .noUi-connect { background: #b8b8b8; } [disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target { cursor: not-allowed; } .noUi-pips, .noUi-pips * { -moz-box-sizing: border-box; box-sizing: border-box; } .noUi-pips { position: absolute; color: #999; } .noUi-value { position: absolute; white-space: nowrap; text-align: center; } .noUi-value-sub { color: #ccc; font-size: 10px; } .noUi-marker { position: absolute; background: #ccc; } .noUi-marker-large, .noUi-marker-sub { background: #aaa; } .noUi-pips-horizontal { padding: 10px 0; height: 80px; top: 100%; left: 0; width: 100%; } .noUi-value-horizontal { -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%); } .noUi-rtl .noUi-value-horizontal { -webkit-transform: translate(50%, 50%); transform: translate(50%, 50%); } .noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; height: 5px; } .noUi-marker-horizontal.noUi-marker-sub { height: 10px; } .noUi-marker-horizontal.noUi-marker-large { height: 15px; } .noUi-pips-vertical { padding: 0 10px; height: 100%; top: 0; left: 100%; } .noUi-value-vertical { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding-left: 25px; } .noUi-rtl .noUi-value-vertical { -webkit-transform: translate(0, 50%); transform: translate(0, 50%); } .noUi-marker-vertical.noUi-marker { width: 5px; height: 2px; margin-top: -1px; } .noUi-marker-vertical.noUi-marker-sub { width: 10px; } .noUi-marker-vertical.noUi-marker-large { width: 15px; } .noUi-tooltip { display: block; position: absolute; border: 1px solid #d9d9d9; border-radius: 3px; background: #fff; color: #000; padding: 5px; text-align: center; white-space: nowrap; } .noUi-horizontal .noUi-tooltip { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; bottom: 120%; } .noUi-vertical .noUi-tooltip { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; right: 120%; } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: 0; font-size: 100%; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: 700; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: 700; margin-top: 5px; margin-right: 10px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: 700; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid #000 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: 0 0; border: 0; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role="group"] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled="true"] { color: #999; } .select2-container--default .select2-results__option[aria-selected="true"] { background-color: #ddd; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: #fff; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%); background-image: -o-linear-gradient(top, #fff 50%, #eee 100%); background-image: linear-gradient(to bottom, #fff 50%, #eee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: 700; margin-right: 10px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: 0; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%); background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%); background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: 0; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: 0 0; border: 0; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%); background-image: -o-linear-gradient(top, #fff 0%, #eee 50%); background-image: linear-gradient(to bottom, #fff 0%, #eee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%); background-image: -o-linear-gradient(top, #eee 50%, #fff 100%); background-image: linear-gradient(to bottom, #eee 50%, #fff 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: 700; margin-right: 2px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: #fff; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option[role="group"] { padding: 0; } .select2-container--classic .select2-results__option[aria-disabled="true"] { color: gray; } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: #fff; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-invisible-blank-slide { visibility: hidden; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient( linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent) ); background-image: -webkit-linear-gradient( right, rgba(0, 0, 0, 0.5), transparent ); background-image: -o-linear-gradient( right, rgba(0, 0, 0, 0.5), transparent ); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient( linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent) ); background-image: -webkit-linear-gradient( left, rgba(0, 0, 0, 0.5), transparent ); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent); background-image: linear-gradient( to right, rgba(0, 0, 0, 0.5), transparent ); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient( linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent) ); background-image: -webkit-linear-gradient( bottom, rgba(0, 0, 0, 0.5), transparent ); background-image: -o-linear-gradient( bottom, rgba(0, 0, 0, 0.5), transparent ); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent) ); background-image: -webkit-linear-gradient( top, rgba(0, 0, 0, 0.5), transparent ); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent); background-image: linear-gradient( to bottom, rgba(0, 0, 0, 0.5), transparent ); } .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 0.3s opacity; -o-transition: 0.3s opacity; transition: 0.3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet { border: 0; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: #007aff; } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 0.2s top, 0.2s -webkit-transform; transition: 0.2s top, 0.2s -webkit-transform; -o-transition: 0.2s transform, 0.2s top; transition: 0.2s transform, 0.2s top; transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 0.2s left, 0.2s -webkit-transform; transition: 0.2s left, 0.2s -webkit-transform; -o-transition: 0.2s transform, 0.2s left; transition: 0.2s transform, 0.2s left; transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 0.2s right, 0.2s -webkit-transform; transition: 0.2s right, 0.2s -webkit-transform; -o-transition: 0.2s transform, 0.2s right; transition: 0.2s transform, 0.2s right; transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform; } .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, 0.25); } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #fff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000; } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, 0.25); } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @-webkit-keyframes swiper-preloader-spin { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px; } body, html, p, ul, ol, li, dl, dd, dt, h1, body :where(.h1), h2, body :where(.h2), h3, body :where(.h3), h4, body :where(.h4), h5, body :where(.h5), h6, body :where(.h6), form, fieldset, td, th, caption, address, textarea, legend, blockquote { margin: 0; padding: 0; } img, fieldset { border: 0; } table { border-collapse: collapse; } th, td { vertical-align: top; } input::-ms-clear { display: none; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-transition-delay: 9999s; -webkit-transition: color 9999s ease-out, background-color 9999s ease-out; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .opened > .hidden { opacity: 1; visibility: visible; -webkit-transition-delay: 0s; transition-delay: 0s; } @media (min-width: 1260px) { .catalog__pref-block + .catalog__pref-block { width: auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 32px; } .catalog__pref-block + .catalog__pref-block .catalog__quantity { -webkit-transform: translateY(0); transform: translateY(0); } } label.error, .field_error-message { color: #d6000a; font-size: 1.1rem; line-height: 1.4; display: inline-block; padding: 6px 0 0; } input[type="checkbox"]:checked + .checkbox .checkbox-i { opacity: 1; } input[type="checkbox"]:disabled + .checkbox { background-color: #ececec !important; border-color: #999 !important; } input[type="checkbox"]:disabled + .checkbox + .checkbox-i { fill: #999 !important; } .radio__label input { display: none; } input[type="radio"]:checked + .radio::before { content: ""; display: block; position: absolute; width: 8px; height: 8px; left: 3px; top: 3px; background: #d6000a; border-radius: 50%; } input[type="radio"]:disabled + .radio { border-color: #999 !important; background-color: #ececec !important; } input[type="radio"]:disabled + .radio::before { background-color: #999 !important; } .sticky { position: -webkit-sticky; position: sticky; top: 0; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); z-index: 99; } .sticky__nav, .sticky__search { display: none; } .sticky_s { box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); } .site-header { position: -webkit-sticky; position: sticky; top: calc(var(--bx-panel-height) * 1px); } .header-fixed { top: calc(var(--bx-panel-height) * 1px); height: 0; box-shadow: none; display: none; } .header-fixed.sticky_s { box-shadow: none; } .header-fixed .header { box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); } .header-fixed:not(.sticky_s) .header { display: none; } @media (min-width: 1260px) { .sticky { position: static; } .sticky:not(.sticky_s) { position: static; } .sticky__nav { position: absolute; left: 176px; } .sticky__nav a { margin-right: 30px; font-size: 11px; text-transform: uppercase; letter-spacing: 0.1em; color: #202020; -webkit-transition: color 0.3s; transition: color 0.3s; } .sticky__nav a:hover { color: #d6000a; } .sticky__search { position: absolute; left: 598px; right: 310px; } .sticky_s { position: -webkit-sticky; position: sticky; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); } .sticky_s .sticky__nav { display: -webkit-box; display: -ms-flexbox; display: flex; } .sticky_s .sticky__search { display: block; } .sticky_s .sticky__search svg { fill: #202020; -webkit-transition: all 0.3s; transition: all 0.3s; } .sticky_s .sticky__search .topbar__search-submit { right: 4px; } .sticky_s .sticky__search .topbar__search-submit:hover svg { fill: #d6000a; } .sticky_s .sticky__search-field { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 24px; border: 2px solid #ececec; padding: 10px 60px 10px 20px; font-size: 1.6rem; line-height: 2.4rem; font-weight: 400; } .sticky_s .topbar, .sticky_s .header__contacts, .sticky_s .header__call { display: none; } .sticky_s .header__logo { width: 30px; height: 36px; overflow: hidden; } .sticky_s .header__menu { top: -40px; } .sticky_s .header__menu::before { display: none; } .sticky_s .header { padding-top: 0; } .sticky_s .header .main__wrap { padding-top: 22px; padding-bottom: 22px; } .sticky_s .header__inner { padding-bottom: 0; } .sticky_s .header__logo { padding-top: 0; padding-bottom: 0; } .site-header.sticky { position: static; top: auto; } .site-header.sticky .header .main__wrap { padding-top: 0; padding-bottom: 0; } .site-header.sticky .header__inner { padding-bottom: 20px; } .site-header.sticky .topbar { display: block; } .site-header.sticky .header__logo { padding-top: 10px; } .site-header.sticky .header__logo.day10 { width: 244px; height: 48px; } .site-header.sticky .header__contacts { display: block; } .site-header.sticky .header__call { display: block; } .site-header.sticky .header__menu { right: 65px; bottom: -45px; } .header-fixed { display: block; } } .balloon__wrap { overflow: hidden; overflow-y: auto; max-height: 220px; -webkit-box-sizing: border-box; box-sizing: border-box; } .balloon__card { border-bottom: 1px solid #ececec; padding: 16px 36px 10px 16px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; position: relative; } .balloon__name { color: #202020; line-height: 1.1; font-weight: 700; } @media (min-width: 770px) { .balloon__card { padding-top: 10px; } } @media (min-width: 1260px) { .topbar__search { left: 355px; right: 540px; top: 87px; } } .header__menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 1px; z-index: 20; position: relative; } @media (min-width: 1260px) { .header__menu { position: absolute; right: 65px; bottom: -45px; } } @media (min-width: 770px) { .navmob__city, .navmob__location, .navmob__main, .navmob__sec { display: none !important; } } @media (min-width: 1260px) { .navmob { display: none !important; } } @media (min-width: 1260px) { .nav__balloon_mod .catalog__block { width: 50%; -webkit-transform: translate(-100%, 24px); transform: translate(-100%, 24px); border-left: 1px solid #ececec !important; padding-top: 0; padding-bottom: 0; margin-bottom: 48px !important; } } .dialog_map { padding-top: 40px !important; padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; width: 90% !important; max-width: 650px; overflow: hidden; } .dialog__agree + .dialog__legend { padding-top: 0; } @media (max-width: 770px) { .dialog_city { display: none !important; } } @media (min-width: 1260px) { .main__wrap { padding: 0 50px; max-width: 1600px; width: 100%; box-sizing: border-box; margin: 0 auto; } } @media (min-width: 1260px) { .main__best-header { padding: 32px; } } @media (min-width: 770px) { .main__action-product + .main__action-slider { width: 66.7%; -webkit-box-sizing: border-box; box-sizing: border-box; } } @media (min-width: 1260px) { .main__action-product + .main__action-slider { width: calc(75% - 24px); } } @media (min-width: 1260px) { .main__sale-wrapper { margin-bottom: 24px; } } .main__brands .swiper-pagination-bullet { width: 6px; height: 6px; border: 1px solid #c6c6c6; background-color: #fff; opacity: 1; margin: 0 2px !important; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (min-width: 770px) { .main__brands .swiper-wrapper { background-color: transparent; -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .catalog__sidebar { position: absolute; right: 16px; top: 16px; } .catalog__sidebar.opened .catalog__filter { display: block; } .main__news-sidebar::before { content: ""; display: block; position: absolute; left: 0; bottom: 0; right: 0; height: 25px; background: -webkit-gradient( linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff) ); background: linear-gradient(rgba(255, 255, 255, 0), #fff); z-index: 5; } .main__service { margin-bottom: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #fff; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .main__service-sidebar { background-image: url("/local/templates/lovePiano/i/@2x/map.jpg") !important; background-size: 800px 450px !important; } } @media (min-width: 770px) { .main__advantages .swiper-wrapper { -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -1px 0 0 -1px; -ms-flex-line-pack: stretch; align-content: stretch; } .main__advantages-item { width: 33.3% !important; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid #e9e3dc; border-width: 1px 0 0 1px; margin: 0 !important; min-height: 235px; padding: 26px 24px 34px; } } .main__certificate .swiper-pagination-bullet { width: 6px; height: 6px; border: 1px solid #c6c6c6; background-color: #fff; opacity: 1; margin: 0 2px !important; -webkit-box-sizing: border-box; box-sizing: border-box; } .main__team .swiper-pagination-bullet { width: 6px; height: 6px; border: 1px solid #c6c6c6; background-color: #fff; opacity: 1; margin: 0 2px !important; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (min-width: 1260px) { .main__team .swiper-wrapper { -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; } } .main__help .swiper-pagination-bullet { width: 6px; height: 6px; border: 1px solid #c6c6c6; background-color: #fff; opacity: 1; margin: 0 2px !important; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (min-width: 770px) { .main__help .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; } } @media (min-width: 1260px) { .main__help-block { padding: 0 0 0 48px; width: 33.3% !important; -webkit-box-sizing: border-box; box-sizing: border-box; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .catalog__tag { font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; padding: 6px 14px; border-radius: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ececec; color: #202020; white-space: nowrap; display: block; width: auto !important; -webkit-transition: all 0.3s; transition: all 0.3s; } .catalog__tag:last-child { margin-right: 0 !important; } .catalog__filter { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; overflow-y: auto; z-index: 50; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; display: none; } .catalog__filter-icon { width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #d6000a; border-radius: 50%; cursor: pointer; } .catalog__filter-2column .checkbox__label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; display: block; } @media (min-width: 1260px) { .catalog__block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 25%; border-left: 1px solid #ececec; } } .product__gallery img { display: block; width: 100%; } .kit__group > .kit__plus { display: none; } .co__extra-descr { font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; margin-top: 5px; margin-right: 20px; } .co__extra-more:hover { color: #202020; border-color: #202020; } .mejs__button > button { background-image: url("/local/templates/lovePiano/i/mejs-controls.svg"); } @media (max-width: 770px) { .mejs__container { width: 100% !important; max-width: 400px !important; } .mejs__volume-button, .mejs__horizontal-volume-slider { display: none !important; } } img { max-width: 100%; } .hide, .dialog__overlay { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.3s, visibility 0s 0.3s; transition: opacity 0.3s, visibility 0s 0.3s; } .show, .dialog_opened { visibility: visible; opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; } html, body { height: 100%; } html { font-size: 62.5%; } body { color: #202020; font-size: 1.5rem; line-height: 2.4rem; font-weight: 400; font-family: Circe, Helvetica, sans-serif; background: #f8f6f4; } @media (min-width: 1260px) { body { font-size: 1.6rem; } } a { color: #828282; text-decoration: none; -webkit-transition: color 0.3s; transition: color 0.3s; } button, input, textarea, select { font-size: 1.5rem; line-height: 2.4rem; font-weight: 400; outline: 0; } @media (min-width: 1260px) { button, input, textarea, select { font-size: 1.6rem; } } .hidden { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.5s, visibility 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s; } .opened > .hidden { opacity: 1; visibility: visible; -webkit-transition-delay: 0s; transition-delay: 0s; } .center { text-align: center; } .svg { display: none; } .preloader { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .rub { font-family: Rub, sans-serif; text-transform: lowercase; } .h { display: none !important; } .a { color: #828282; -webkit-transition: color 0.3s; transition: color 0.3s; } .a:hover { color: #202020; } .check-device { z-index: 3; } .tablet { display: none; } .cookies { position: fixed; left: 0; right: 0; bottom: 0; height: 40px; background-color: #202020; z-index: 50; font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: #fff; padding: 0 8px; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 1260px) { .cookies { font-size: 1.5rem; } } .cookies.opened { display: -webkit-box; display: -ms-flexbox; display: flex; } .cookies .dialog__close { right: -1px; top: -2px; } .cookies .dialog__close::before, .cookies .dialog__close::after { background-color: #c6c6c6; } .cookies .dialog__close:hover::before, .cookies .dialog__close:hover::after { background-color: #fff; } .cookies a { margin-left: 5px; color: #d6000a; -webkit-transition: color 0.3s; transition: color 0.3s; } .cookies a:hover { color: #fff; } @media (min-width: 770px) { .fix-ios { position: fixed; overflow: hidden; width: 100%; height: 100%; } .tablet { display: block; } .check-device { z-index: 2; } } @media (min-width: 1260px) { .check-device { z-index: 1; } } .field__group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .field__group .field__block { width: calc(50% - 5px); } .field__block { position: relative; margin-bottom: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .field__label { display: inline-block; margin-bottom: 16px; } .field { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 40px; border: 1px solid #ececec; display: block; font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: #202020; background: #fff; padding: 9px 12px; -webkit-transition: border-color 0.3s; transition: border-color 0.3s; border-radius: 3px; -webkit-appearance: none; } @media (min-width: 1260px) { .field { font-size: 1.5rem; } } .field::-webkit-input-placeholder { color: #c6c6c6; opacity: 1; } .field:-moz-placeholder { color: #c6c6c6; opacity: 1; } .field::-moz-placeholder { color: #c6c6c6; opacity: 1; } .field:-ms-input-placeholder { color: #c6c6c6; opacity: 1; } .field::placeholder { color: #c6c6c6; opacity: 1; } .field:hover, .field:focus { border-color: #202020; } .field:disabled { border-color: #c6c6c6; background-color: #ececec; color: #999; opacity: 1; } .field.error, .field.error:hover, .field.error:focus { border-color: #d6000a; } textarea.field { height: 150px; resize: vertical; min-height: 150px; max-height: 150px; } textarea.field_big { min-height: 80px; height: 100px; max-height: 300px; } .field_error, .field_error:hover, .field_error:focus { border-color: #d6000a; } label.error, .field_error-message { color: #d6000a; font-size: 1.1rem; line-height: 1.4; display: inline-block; padding: 6px 0 0; } .checkbox__block { margin-bottom: 4px; } .checkbox__label { position: relative; padding-left: 25px; display: inline-block; } .checkbox__label:hover .checkbox { border-color: #9a8c78; } .checkbox__label input[type="checkbox"], .checkbox__label input[type="radio"] { visibility: hidden; height: 0; width: 0; border: 0; overflow: hidden; position: absolute; left: 0; top: 0; } .checkbox { width: 16px; height: 16px; border: 1px solid #9e9890; border-radius: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; top: 2px; left: 0; position: absolute; -webkit-transition: border-color 0.3s; transition: border-color 0.3s; z-index: 5; } input[type="checkbox"]:checked + .checkbox .checkbox-i { opacity: 1; } input[type="checkbox"]:disabled + .checkbox { background-color: #ececec !important; border-color: #999 !important; } input[type="checkbox"]:disabled + .checkbox + .checkbox-i { fill: #999 !important; } .checkbox-i { fill: #d6000a; width: 16px; height: 16px; display: block; position: absolute; left: 1px; top: -3px; opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .radio__label { position: relative; padding-left: 24px; display: inline-block; } .radio__label:hover .radio { border-color: #202020; } .radio__label input { display: none; } .radio { width: 16px; height: 16px; border: 1px solid #9a8c78; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; top: 3px; position: absolute; left: 0; overflow: hidden; border-radius: 50%; -webkit-transition: border-color 0.3s; transition: border-color 0.3s; } input[type="radio"]:checked + .radio::before { content: ""; display: block; position: absolute; width: 8px; height: 8px; left: 3px; top: 3px; background: #d6000a; border-radius: 50%; } input[type="radio"]:disabled + .radio { border-color: #999 !important; background-color: #ececec !important; } input[type="radio"]:disabled + .radio::before { background-color: #999 !important; } .uploader { position: relative; display: inline-block; padding: 10px 30px; vertical-align: middle; background-color: #000; color: #fff; font: 12px Arial, sans-serif; overflow: hidden; } .uploader:hover { color: #000; } .uploader input { font: 199px Verdana, sans-serif; position: absolute; top: -30px; right: -20px; cursor: pointer; opacity: 0; } .field__file { position: relative; overflow: hidden; } .field__file input[type="file"] { font: 199px Verdana, sans-serif; position: absolute; top: -30px; right: -20px; cursor: pointer; opacity: 0; z-index: 10; } .field__file-button { position: absolute; right: 12px; border-radius: 24px; color: #fff; text-transform: uppercase; top: 9px; font-size: 10px; letter-spacing: 0.9px; width: 70px; height: 21px; background-color: #d6000a; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 1px; } .field__file-text { color: #c6c6c6; font-size: 15px; padding: 10px 16px; max-width: 60%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: absolute; left: 0; top: 0; } .field__file-current { color: #202020; } .buttons__container { display: -webkit-box; display: -ms-flexbox; display: flex; } .buttons__container .button { width: 100%; } .buttons__container_s { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .buttons__container_s .button { width: auto; min-width: 200px; } .button__group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .button { font-size: 1.1rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1; background-color: #d6000a; border: 1px solid #d6000a; color: #fff; position: relative; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; text-decoration: none; border-radius: 20px; padding: 15px 15px 14px; -webkit-transition: all 0.3s; transition: all 0.3s; text-align: center; min-height: 40px; min-width: 200px; display: block; } .button:hover, .button:active { background-color: #c0000a; border-color: #c0000a; } .button_sec { background-color: #fff; color: #d6000a; } .button_sec:hover, .button_sec:active { background-color: #fff; color: #c0000a; } .button_sec2 { background-color: transparent; border-color: #fff; color: #fff; border-width: 2px; } .button:disabled { opacity: 0.6; } .button input { position: absolute; display: block; left: 0; top: 0; width: 800px; height: 300px; cursor: pointer; border: 0; opacity: 0; } .button_xl { padding-top: 17px; padding-bottom: 17px; min-width: 200px; min-height: 48px; border-radius: 24px; } .button_s { padding-top: 12px; padding-bottom: 10px; min-height: 30px; border-radius: 18px; min-width: 150px; } .button__browse input[type="file"] { font: 199px Verdana, sans-serif; position: absolute; top: -30px; right: -20px; cursor: pointer; opacity: 0; } @media (min-width: 1260px) { .button { padding-top: 18px; padding-bottom: 17px; border-radius: 26px; } .button_s { padding-top: 12px; padding-bottom: 10px; min-height: 30px; border-radius: 18px; min-width: 150px; } } .page { min-width: 320px; position: relative; min-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .page__wrap { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-transition: all 0.3s; transition: all 0.3s; } .wrap { padding: 0 12px; margin: 0 auto; max-width: 1500px; } .title { font-size: 2.4rem; line-height: 2.8rem; letter-spacing: -0.05em; font-weight: 700; } @media (min-width: 770px) { .title { font-size: 2.8rem; line-height: 3.2rem; } } @media (min-width: 1260px) { .title { font-size: 3.4rem; line-height: 3.6rem; } } @media (min-width: 770px) { .wrap { padding-left: 24px; padding-right: 24px; } } @media (min-width: 1260px) { .wrap { padding-left: 40px; padding-right: 40px; } } .balloon { position: absolute; right: 0; top: 49px; background-color: #fff; border: 1px solid #ececec; -webkit-box-shadow: 0 7px 8px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 7px 8px 0 rgba(0, 0, 0, 0.05); z-index: 30; -webkit-box-sizing: border-box; box-sizing: border-box; width: 320px; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0; z-index: 1; visibility: hidden; } .balloon__temporary { position: absolute; right: 0; background-color: #fff; width: 300px; top: 49px; -webkit-box-shadow: 0 6px 7px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 6px 7px 0 rgba(0, 0, 0, 0.3); padding: 20px; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0; z-index: 1; visibility: hidden; } .balloon__temporary.opened { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; z-index: 30; visibility: visible; } .balloon__temporary-title { border-bottom: 1px solid #ececec; padding-bottom: 12px; margin-bottom: 16px; font-size: 1.7rem; line-height: 2rem; letter-spacing: -0.05em; font-weight: 700; } @media (min-width: 770px) { .balloon__temporary-title { font-size: 1.8rem; line-height: 2rem; } } @media (min-width: 1260px) { .balloon__temporary-title { font-size: 2.1rem; line-height: 2.4rem; } } .balloon__temporary .balloon__card { border-bottom: 0; padding: 0; } .balloon__empty { text-align: center; color: #999; padding: 30px 20px; } .balloon::before { content: ""; display: block; position: absolute; width: 10px; height: 10px; border: solid #ececec; border-width: 1px 0 0 1px; right: 0; top: -6px; background-color: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .balloon__wrap { overflow: hidden; overflow-y: auto; max-height: 220px; -webkit-box-sizing: border-box; box-sizing: border-box; } .balloon_fav { right: -89px; } .balloon_fav::before { right: 102px; } .balloon_compare { right: -49px; } .balloon_compare::before { right: 62px; } .balloon_basket { right: -9px; } .balloon_basket::before { right: 20px; } .balloon__header { padding: 20px 16px 2px; position: relative; } .balloon__title { font-size: 1.7rem; line-height: 2rem; letter-spacing: -0.05em; font-weight: 700; } @media (min-width: 770px) { .balloon__title { font-size: 1.8rem; line-height: 2rem; } } @media (min-width: 1260px) { .balloon__title { font-size: 2.1rem; line-height: 2.4rem; } } .balloon__close { position: absolute; right: -3px; top: 2px; width: 16px; height: 16px; -webkit-transform: rotate(45deg); transform: rotate(45deg); padding: 20px; cursor: pointer; } .balloon__close:hover::before, .balloon__close:hover::after { background-color: #202020; } .balloon__close::before, .balloon__close::after { content: ""; display: block; background-color: #999; position: absolute; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .balloon__close::before { width: 16px; height: 2px; top: 27px; left: 20px; } .balloon__close::after { height: 16px; width: 2px; left: 27px; top: 20px; } .balloon__buttons { padding: 22px 16px 24px; } .balloon__buttons .button { width: 100%; } .balloon__buttons .button + .button { margin-left: 12px; } .balloon__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 15px; margin-top: -4px; } .balloon__sum { font-size: 1.7rem; line-height: 2rem; letter-spacing: -0.05em; font-weight: 700; text-align: right; } .balloon-sum { } .balloon-sum__item { } .balloon-sum__item--old { font-size: 14px; font-weight: 500; line-height: calc(17 / 14); text-decoration: line-through; color: #c6c6c6; } @media (min-width: 770px) { .balloon__sum { font-size: 1.8rem; line-height: 2rem; } } @media (min-width: 1260px) { .balloon__sum { font-size: 2.1rem; line-height: 2.4rem; } } .balloon__card { border-bottom: 1px solid transparent; border-top: 1px solid #ececec; padding: 16px 36px 4px 16px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; position: relative; } #header__menu-block-compare .balloon__card:first-child { border-top: 1px solid transparent; } #header__menu-block-fav .balloon__card:first-child { border-top: 1px solid transparent; } .header__menu-block .balloon__card:first-child { border-top: 1px solid transparent; } .balloon__card:last-child { border-bottom: 1px solid #ececec; } .balloon__card .balloon__close { opacity: 0.5; -webkit-transform: scale(0.8) rotate(45deg); transform: scale(0.8) rotate(45deg); -webkit-transition: all 0.3s; transition: all 0.3s; } .balloon__card .balloon__close:hover { opacity: 1; } .balloon__card .balloon__close::before, .balloon__card .balloon__close::after { background-color: #d6000a; } .balloon__card-inner { padding-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .balloon__pic { display: block; width: 80px; height: 80px; margin-right: 10px; } .balloon__price { white-space: nowrap; color: #d6000a; font-weight: 700; /*width: 70px*/ } .balloon__content { width: calc(100% - 100px); } .balloon__type { color: #c6c6c6; font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; margin-bottom: 3px; } .balloon__name { color: #202020; line-height: 1.1; font-weight: 500; margin-bottom: 2px; } .balloon__all { color: #9a8c78; font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; -webkit-transition: color 0.3s; transition: color 0.3s; } .balloon__all:hover { color: #202020; } .balloon-price { margin: 0 -5px; display: flex; flex-wrap: wrap; align-items: baseline; } .balloon-price__item { padding: 0 5px; } .balloon-price__item--old { font-size: 11px; font-weight: 500; line-height: calc(11 / 11); text-decoration: line-through; color: #c6c6c6; } .js-dialog[data-dialog="cart_review"] .balloon__card .balloon__content { width: 100%; } @media (min-width: 770px) { .balloon { width: 400px; top: 40px; } .balloon__close { display: none; } .balloon__header, .balloon__card, .balloon__buttons { padding-left: 24px; padding-right: 24px; } .js-dialog[data-dialog="cart_review"] .balloon__card, .js-dialog[data-dialog="cart_review"] .balloon__card .balloon__content > div { padding-left: 0; } .balloon__buttons .button { width: 200px; margin-left: auto; } .balloon__close { right: 0; } .balloon__card { padding-top: 8px; } .balloon__card .balloon__close { display: block; } .balloon__card-inner { padding-bottom: 4px; } .balloon__all { display: inline-block; margin-top: 10px; } } @media (min-width: 1260px) { .balloon { top: 40px; } .balloon__pic { width: 96px; height: 96px; } .balloon__price { /*width: 80px*/ } .balloon__content { width: calc(100% - 100px); } .balloon__type { font-size: 1.3rem; } .balloon__all { font-size: 1.3rem; } } .topbar { background: #fff; color: #202020; font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; position: relative; z-index: 101; } @media (min-width: 1260px) { .topbar { font-size: 1.3rem; } } .topbar__menu { position: absolute; left: 0; right: 0; border: solid 1px #ececec; background-color: #fff; padding: 4px 0 22px; display: none; } .topbar__menu-title { font-size: 11px; letter-spacing: 1px; font-weight: 700; text-transform: uppercase; margin-bottom: 7px; color: #202020; padding: 18px 18px 0; } .topbar__menu-list li { margin-bottom: 5px; } .topbar__menu-list a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; padding: 0 18px; color: #202020; -webkit-transition: all 0.3s; transition: all 0.3s; } .topbar__menu-list a:hover { background-color: #f8f6f4; } .topbar__menu-list img { width: 50px; height: 40px; display: block; margin-right: 10px; } .topbar .main__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .topbar__block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .topbar__descr, .topbar__nav, .topbar__location { display: none; } .topbar__contacts { font-style: normal; padding-left: 14px; border-left: 1px solid rgba(255, 255, 255, 0.1); margin-right: 10px; } /* .topbar__phone { color: #fff } */ .topbar__phone:hover { text-decoration: underline; } .topbar__search { position: relative; width: 20px; height: 20px; margin-right: 2px; } .topbar__search.opened .topbar__search-overlay { display: block; } .topbar__search-button { cursor: pointer; display: block; position: absolute; right: 0; top: -16px; width: 20px; height: 20px; padding: 15px; } .topbar__search-i { fill: #9a8c78; width: 20px; height: 20px; } .topbar__search-overlay { display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); z-index: 100; padding: 58px 16px 0; } .topbar__search-close { position: absolute; right: 0; top: 0; padding: 16px; cursor: pointer; width: 16px; height: 16px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .topbar__search-close::before, .topbar__search-close::after { content: ""; display: block; position: absolute; background-color: #fff; } .topbar__search-close::before { width: 16px; height: 2px; top: 23px; left: 16px; } .topbar__search-close::after { height: 16px; width: 2px; left: 23px; top: 16px; } .topbar__search-block { position: relative; } .topbar__search-block .field { padding-right: 44px; } .topbar__search-submit { position: absolute; right: 0; top: 0; bottom: 0; width: 44px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .topbar__search-submit input { position: absolute; display: block; left: 0; top: 0; width: 800px; height: 300px; cursor: pointer; border: 0; opacity: 0; } @media (min-width: 771px) { .topbar .main__wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .topbar__search { display: block; position: absolute; left: 248px; top: 72px; right: 208px; margin-right: 0; width: auto; height: auto; } .topbar__search .field { background-color: #f8f6f4; border-color: #f8f6f4; } .topbar__search-overlay { display: block; position: relative; left: auto; top: auto; right: auto; bottom: auto; background: 0 0; padding: 0; z-index: 5; } .topbar__search-button, .topbar__search-close { display: none; } .topbar__contacts { margin-left: 17px; } .topbar__location { display: block; margin-left: 25px; position: relative; } .topbar__location-current { position: relative; padding-left: 22px; color: #202020; display: block; } .topbar__location-current:hover { color: #d6000a; } .topbar__location-current:hover .topbar__location-i { fill: #d6000a; } .topbar__location-i { width: 18px; height: 18px; position: absolute; display: block; left: 0; top: -2px; fill: #fff; -webkit-transition: fill 0.3s; transition: fill 0.3s; } } @media (min-width: 1260px) { .topbar { position: relative; } .topbar__search { left: 355px; right: 540px; top: 87px; } .topbar__descr { display: block; font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; color: #9a8c78; padding: 12px 0; } } @media (min-width: 1260px) and (min-width: 1260px) { .topbar__descr { font-size: 1.3rem; } } @media (min-width: 1260px) { .topbar__contacts { display: none; } .topbar__nav { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1.1rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; } .topbar__nav a { color: #202020; -webkit-transition: color 0.3s; transition: color 0.3s; display: block; padding: 12px 14px; } .topbar__nav a:hover { color: #d6000a; } } .header { background-color: #fff; margin-bottom: 8px; position: relative; z-index: 60; } .header__inner { 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; } .header__search, .header__contacts, .header__call { display: none; } .header__logo { display: block; padding: 17px 15px 15px; margin-left: -9px; } .header__logo-pic { width: 142px; display: block; } .header__menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 1px; z-index: 20; position: relative; } .header__menu-block { position: relative; } .header__menu-block .balloon { height: 0; overflow: hidden; } .header__menu-block.opened .balloon { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; z-index: 100; visibility: visible; height: auto; overflow: visible; } .header__menu-block.opened .header__menu-i { fill: #d6000a; } .header__menu-item { width: 24px; height: 24px; display: block; padding: 8px; } .header__menu-item:hover .header__menu-i { fill: #d6000a; } .header__menu-counter { width: 16px; height: 16px; position: absolute; right: 3px; top: 3px; border-radius: 50%; background-color: #d6000a; color: #fff; font-size: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 4px; line-height: 1; text-align: center; display: block; } .header__menu-i { width: 24px; height: 24px; display: block; fill: #9a8c78; -webkit-transition: fill 0.3s; transition: fill 0.3s; } @media (min-width: 770px) { .header { margin-bottom: 0; } .header__logo { padding-top: 22px; padding-bottom: 28px; margin-right: 15px; margin-left: -18px; } .header__logo-pic { width: 193px; } .header__search { display: block; width: 100%; } .header__menu-item { margin-left: 17px; } } @media (min-width: 1260px) { .header { padding-top: 14px; } .header__inner { padding-bottom: 15px; } .header .main__wrap { position: relative; } .header__logo { width: 244px; height: 48px; } .header__logo-pic { width: 244px; height: 48px; } .header__menu { position: absolute; right: 65px; bottom: -45px; } .header__menu-block { margin-left: 7px; } .header__menu::before { content: ""; display: block; position: absolute; left: 11px; top: -4px; bottom: -4px; background-color: #ececec; width: 1px; } .header__menu-block::before { content: ""; display: block; position: absolute; left: 4px; top: 9px; bottom: 10px; width: 1px; background-color: #ececec; } .header__menu-block:first-child::before { display: none; } .header__contacts { display: block; margin-left: auto; width: 190px; font-style: normal; margin-right: 37px; -webkit-transform: translateY(8px); transform: translateY(8px); } .header__contacts-descr { color: #c6c6c6; font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; } } @media (min-width: 1260px) and (min-width: 1260px) { .header__contacts-descr { font-size: 1.3rem; } } @media (min-width: 1260px) { .header__phone { font-size: 2.1rem; line-height: 2.3rem; letter-spacing: -0.05em; font-weight: 700; color: #202020; } } @media (min-width: 1260px) and (min-width: 770px) { .header__phone { font-size: 2.4rem; line-height: 2.8rem; } } @media (min-width: 1260px) and (min-width: 1260px) { .header__phone { font-size: 2.8rem; line-height: 3.2rem; } } @media (min-width: 1260px) { .header__call { display: block; } } .navmob { -webkit-transform: translate(-235px, 0); transform: translate(-235px, 0); width: 235px; position: absolute; left: 0; top: 0; bottom: 0; background-color: #f8f6f4; overflow: hidden; border-right: 1px solid #ececec; -webkit-box-sizing: border-box; box-sizing: border-box; } .navmob__overlay { position: fixed; left: 0; top: 0; right: 0; bottom: -500px; background-color: rgba(0, 0, 0, 0.5); z-index: 100; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; } .navmob_city .navmob__city { display: block; } .navmob_opened .navmob__overlay { opacity: 1; visibility: visible; } .navmob_opened .page { overflow: hidden; width: 100%; } .navmob_opened .page__wrap { position: relative; z-index: 2; } .navmob_opened .page__wrap, .navmob_opened .footer { -webkit-transform: translateX(235px); transform: translateX(235px); } .navmob__link { display: block; padding: 12px 26px 12px 16px; border-bottom: 1px solid #ececec; color: #999; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; } .navmob__link_catalog { background-color: #fff; color: #202020; } .navmob__counter { font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; color: #9a8c78; } @media (min-width: 1260px) { .navmob__counter { font-size: 1.3rem; } } .navmob__counter::before { content: ""; display: block; position: absolute; right: 18px; top: 50%; width: 6px; height: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: rotate(45deg) translateY(calc(-50% - 2px)); transform: rotate(45deg) translateY(calc(-50% - 2px)); border: solid #9a8c78; border-width: 1px 1px 0 0; } .navmob__location { background-color: #202020; color: #fff; font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; padding: 16px; cursor: pointer; } @media (min-width: 1260px) { .navmob__location { font-size: 1.3rem; } } .navmob__location-inner { position: relative; padding-left: 24px; } .navmob__location-inner::before { content: ""; display: block; position: absolute; right: -1px; top: 3px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 7px solid #9a8c78; } .navmob__location-i { width: 20px; height: 20px; fill: #fff; position: absolute; left: 0; top: -3px; } .navmob__contacts { padding: 16px 16px 20px; text-align: center; } .navmob__time { color: #999; padding-top: 13px; font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; } @media (min-width: 1260px) { .navmob__time { font-size: 1.3rem; } } .navmob__return { padding-left: 29px; cursor: pointer; } .navmob__return::before { content: ""; display: block; position: absolute; left: 21px; top: 50%; width: 6px; height: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: rotate(-45deg) translateY(calc(-50% - 2px)); transform: rotate(-45deg) translateY(calc(-50% - 2px)); border: solid #9a8c78; border-width: 1px 0 0 1px; } .navmob__city { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #fff; display: none; } .navmob__city .navmob__return { border-bottom: 0; } .navmob__city .field { background-color: #f8f6f4; border-color: #f8f6f4; } .navmob__city .dialog__suggest a, .navmob__city .dialog__suggest button { display: block; padding: 4px 16px; color: #202020; -webkit-transition: color 0.3s; transition: color 0.3s; text-align: left; } .navmob__city .dialog__suggest a.current, .navmob__city .dialog__suggest a:hover, .navmob__city .dialog__suggest button.current, .navmob__city .dialog__suggest button:hover{ color: #d6000a; } .navmob__city .dialog__suggest b { font-weight: 700; } .navmob__city-block { margin: 10px 16px 17px; position: relative; } .navmob__sec { display: none; } @media (min-width: 770px) { .navmob { -webkit-transform: translate(-680px, 0); transform: translate(-680px, 0); width: 680px; } .navmob_opened .page__wrap, .navmob_opened .footer { -webkit-transform: translateX(680px); transform: translateX(680px); } .navmob_opened .topbar__search { visibility: hidden; } .navmob__city, .navmob__location, .navmob__main, .navmob__sec { display: none !important; } .navmob__contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .navmob__contacts .button { width: 200px; margin-right: 20px; } .navmob__time { padding-top: 2px; } .navmob__link, .navmob__contacts { padding-left: 24px; padding-right: 24px; } } @media (min-width: 1260px) { .navmob { display: none !important; } .navmob__overlay { display: none; } .navmob_opened .topbar__search { visibility: visible; } .navmob_opened .page__wrap, .navmob_opened .footer { -webkit-transform: translateX(0); transform: translateX(0); } } .nav__icon { width: 16px; height: 12px; position: relative; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; cursor: pointer; left: 16px; top: 18px; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; display: block; } .nav__icon span { display: block; position: absolute; height: 2px; width: 100%; background: #9a8c78; opacity: 1; left: 0; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; } .nav__icon span:nth-child(1) { top: 0; } .nav__icon span:nth-child(2), .nav__icon span:nth-child(3) { top: 5px; } .nav__icon span:nth-child(4) { top: 10px; } .navmob_opened .nav__icon span:nth-child(1) { top: 18px; width: 0%; left: 50%; } .navmob_opened .nav__icon span:nth-child(2) { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .navmob_opened .nav__icon span:nth-child(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .navmob_opened .nav__icon span:nth-child(4) { top: 18px; width: 0%; left: 50%; } .nav { display: none; } .nav__button { padding: 17px 12px 15px 28px; cursor: pointer; } .nav__i { width: 16px; height: 12px; left: 16px; top: 18px; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; display: block; border: solid #9a8c78; border-width: 2px 0; } .nav__i::before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 3px; height: 2px; background-color: #9a8c78; } @media (min-width: 770px) { .nav { border-top: 1px solid #ececec; margin-bottom: 24px; background-color: #fff; display: block; position: relative; z-index: 55; } .nav__overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.3); z-index: 50; display: none; } .nav__banner-block { position: absolute; left: 0; bottom: 0; top: 0; display: none; left: 100%; background-color: #fff; width: 230px; } .nav__banner-block img { -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; display: block; } .nav__sublist { position: absolute; top: 0; bottom: 0; background-color: #fff; left: 100%; border-left: 1px solid #ececec; display: none; } .nav__sublist ul { list-style: none; } .nav__sublist li a { display: block; padding: 5px 24px 4px; -webkit-transition: color 0.3s; transition: color 0.3s; } .nav__sublist li a:hover { color: #d6000a; background-color: #f8f6f4; } .nav__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; } .nav__balloon { position: absolute; left: 0; width: 100%; min-width: 240px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; z-index: 50; -webkit-box-shadow: 0 7px 8px 0 rgba(32, 32, 32, 0.1); box-shadow: 0 7px 8px 0 rgba(32, 32, 32, 0.1); display: none; } .nav__main { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; position: relative; } .nav__main:hover .nav__item { color: #d6000a; } .nav__main:hover .nav__balloon { display: -webkit-box; display: -ms-flexbox; display: flex; } .nav__main:first-child .nav__item::before { display: none; } .nav__main:last-child .nav__balloon { left: auto; right: 0; } .nav__item { position: relative; color: #202020; display: block; padding: 12px 0 11px; text-align: center; -webkit-transition: color 0.3s; transition: color 0.3s; } .nav__item::before { content: ""; display: block; position: absolute; left: -1px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 2px; height: 20px; background-color: #ececec; } .nav__i { left: 24px; } .nav__container { padding: 22px 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .nav__list { list-style: none; } .nav__list-item:last-child { padding-bottom: 0; } .nav__list-item:hover .nav__sublist { display: block; } .nav__list-item:hover .nav__list-link { color: #d6000a; background-color: #f8f6f4; } .nav__list-item:hover .nav__list-link::before { border-color: #202020; } .nav__list-link { display: block; padding: 5px 24px 4px; color: #202020; -webkit-transition: all 0.3s; transition: all 0.3s; } .nav__list-link_sublist { position: relative; } .nav__list-link_sublist::before { content: ""; display: block; position: absolute; right: 20px; top: 50%; width: 6px; height: 6px; border: solid #c6c6c6; border-width: 0 1px 1px 0; -webkit-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%); -webkit-transition: all 0.3s; transition: all 0.3s; } } @media (min-width: 770px) { .nav__header { position: relative; padding-bottom: 3px; padding-left: 24px; padding-right: 24px; width: 177px; color: #c6c6c6; font-size: 1.1rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; } .nav__sidebar { display: none; } } @media (min-width: 1260px) { .nav__banner-block { width: 300px; } .nav__sublist li a { padding-left: 40px; padding-right: 40px; } .nav__header { padding-left: 40px; padding-right: 40px; } .nav__main:last-child .nav__balloon { left: 0; right: auto; } .nav__wrap { padding-right: 200px; } .nav__balloon { min-width: 300px; } .nav__balloon_mod .catalog__block { width: 50%; -webkit-transform: translate(-100%, 24px); transform: translate(-100%, 24px); border-left: 1px solid #ececec !important; padding-top: 0; padding-bottom: 0; margin-bottom: 48px !important; } .nav__balloon_mod .nav__header, .nav__balloon_mod .nav__list { border-right: 0; } .nav__container { padding: 22px 0 26px; } .nav__button { display: none; } .nav__sidebar { display: block; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .nav__sidebar_catalog { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 24px 0 24px 40px; } .nav__sidebar_catalog .catalog__block { width: 50%; padding-bottom: 0; padding-top: 0; } .nav__sidebar_catalog .catalog__block:first-child { border-left: 1px solid #ececec; } .nav__sidebar_actions { background-color: #f8f6f4; padding: 24px; } .nav__sidebar-block { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 24px; } .nav__sidebar-block:hover .nav__sidebar-name { text-decoration: underline; } .nav__sidebar-block:last-child { margin-bottom: 0; } .nav__sidebar-pic { width: 148px; height: 148px; display: block; margin-right: 16px; } .nav__sidebar-type { font-size: 1.1rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #9a8c78; margin-bottom: 15px; } .nav__sidebar-name { margin-bottom: 10px; font-size: 1.7rem; line-height: 2rem; letter-spacing: -0.05em; font-weight: 700; color: #202020; } } @media (min-width: 1260px) and (min-width: 770px) { .nav__sidebar-name { font-size: 1.8rem; line-height: 2rem; } } @media (min-width: 1260px) and (min-width: 1260px) { .nav__sidebar-name { font-size: 2.1rem; line-height: 2.4rem; } } @media (min-width: 1260px) { .nav__sidebar-descr { font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; } } @media (min-width: 1260px) and (min-width: 1260px) { .nav__sidebar-descr { font-size: 1.3rem; } } @media (min-width: 1260px) { .nav__banner { width: 100%; display: block; } .nav__banner-link { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; } .nav__list-link { padding-left: 40px; padding-right: 40px; } } .footer { background: #202020; color: #fff; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-transition: all 0.3s; transition: all 0.3s; } .footer__block3 { display: -webkit-box; display: -ms-flexbox; display: flex; border-top: 1px solid rgba(255, 255, 255, 0.1); font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; color: #999; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 18px 0 20px; text-align: center; } @media (min-width: 1260px) { .footer__block3 { font-size: 1.3rem; } } .footer__warning { margin-bottom: 20px; } .footer__copy { font-style: normal; } .footer__copy-link { color: #999; text-decoration: underline; -webkit-transition: color 0.3s; transition: color 0.3s; } .footer__copy-link:hover { color: #fff; } .footer__block2 { 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: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding-bottom: 15px; padding-top: 28px; } .footer__contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer__contacts-block { margin-bottom: 18px; 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-align: center; -ms-flex-align: center; align-items: center; } .footer__address { font-style: normal; color: #c6c6c6; margin-bottom: 5px; margin-left: 40px; margin-right: 40px; position: relative; } .footer__address-city { position: relative; display: inline-block; } .footer__address-i { display: block; position: absolute; width: 18px; height: 18px; fill: #9a8c78; left: -25px; } .footer__phone { font-size: 1.7rem; line-height: 2rem; letter-spacing: -0.05em; font-weight: 700; color: #fff; } @media (min-width: 770px) { .footer__phone { font-size: 1.8rem; line-height: 2rem; } } @media (min-width: 1260px) { .footer__phone { font-size: 2.1rem; line-height: 2.4rem; } } .footer__soc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer__soc-item { width: 24px; height: 24px; display: block; padding: 20px; } .footer__soc-item:hover .footer__soc-i { fill: #9a8c78; } .footer__soc-i { width: 24px; height: 24px; display: block; fill: #fff; -webkit-transition: fill 0.3s; transition: fill 0.3s; } .footer__block1 { display: none; } @media (min-width: 770px) { .footer__block3 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; text-align: left; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__warning { margin-bottom: 0; width: 45%; } .footer__copy { text-align: right; width: 45%; } .footer__block2 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-bottom: 11px; } .footer__soc { margin-right: -14px; margin-top: -17px; } .footer__soc-item { padding: 20px 14px; } .footer__contacts { text-align: left; margin-left: 25px; } .footer__contacts-block { margin-bottom: 24px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .footer__address { margin-left: 0; margin-right: 0; margin-bottom: 1px; } } @media (min-width: 1260px) { .footer__soc { margin-top: -24px; } .footer__block3 { padding-top: 22px; padding-bottom: 23px; } .footer__warning { width: 55%; } .footer__copy { width: 35%; } .footer__block2 { padding-top: 47px; padding-bottom: 63px; border-top: 1px solid rgba(255, 255, 255, 0.1); } .footer__contacts { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .footer__contacts-block { margin-bottom: 0; margin-right: 80px; } .footer__block1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 18px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer__logo { display: block; } .footer__address { margin-bottom: 4px; } .footer__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.1rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; } .footer__nav-item { margin-left: 30px; -webkit-transition: color 0.3s; transition: color 0.3s; color: #c6c6c6; } .footer__nav-item:hover { color: #9a8c78; } } .dialog { background: #fff; width: 272px; min-height: 300px; padding: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; margin: auto; -webkit-box-sizing: border-box; box-sizing: border-box; display: none; } .dialog_map { padding-top: 40px !important; padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; width: 90% !important; max-width: 650px; overflow: hidden; } .dialog__toggle { display: none; } .dialog__toggle-button { cursor: pointer; color: #c0000a; font-size: 14px; text-align: center; text-decoration: underline; padding: 16px; margin-top: -12px; -webkit-transition: color 0.3s; transition: color 0.3s; } .dialog__toggle-button span:last-child { display: none; } .dialog__toggle-button:hover { color: #202020; } .dialog__conditions { background-color: #f6f6f6; margin: 0 -24px 35px; padding: 24px; font-size: 12px; line-height: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .dialog__conditions-block { width: calc(50% - 14px); } .dialog__conditions-block b { display: block; color: #c0000a; font-weight: 700; } .dialog__conditions-block:first-child { width: 100%; margin-bottom: 16px; } .dialog__success { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 240px; } .dialog__agree { font-size: 12px; text-align: center; padding-top: 28px; } .dialog__agree + .dialog__legend { padding-top: 0; } .dialog__agree label.error { text-align: center; width: 100%; margin: 0; padding: 0; } .dialog__overlay { position: fixed; left: 0; top: 0; bottom: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: auto; background: rgba(0, 0, 0, 0.5); z-index: 200; } .dialog__close { position: absolute; right: 0; top: 0; width: 16px; height: 16px; -webkit-transform: rotate(45deg); transform: rotate(45deg); padding: 14px; cursor: pointer; } .dialog__close:hover::before, .dialog__close:hover::after { background-color: #202020; } .dialog__close::before, .dialog__close::after { content: ""; display: block; position: absolute; background: #999; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .dialog__close::before { width: 2px; height: 16px; top: 14px; left: 21px; } .dialog__close::after { width: 16px; height: 2px; top: 21px; left: 14px; } .dialog__content { width: 100%; } .dialog__content.opened .dialog__toggle-button span:last-child { display: block; } .dialog__content.opened .dialog__toggle-button span:first-child { display: none; } .dialog__content.opened .dialog__toggle { display: block; } .dialog__title { text-align: center; margin-bottom: 19px; font-size: 1.7rem; line-height: 2rem; letter-spacing: -0.05em; font-weight: 700; } @media (min-width: 770px) { .dialog__title { font-size: 1.8rem; line-height: 2rem; } } @media (min-width: 1260px) { .dialog__title { font-size: 2.1rem; line-height: 2.4rem; } } .dialog__legend { text-align: center; font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; color: #999; padding-top: 17px; } @media (min-width: 1260px) { .dialog__legend { font-size: 1.3rem; } } .dialog__success p { margin-top: -7px; text-align: center; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } @media (min-width: 1260px) { .dialog__success p { font-size: 1.5rem; } } @media (min-width: 770px) { .dialog { width: 440px; min-height: 300px; padding: 40px 40px 45px; } .dialog__conditions { margin-left: -40px; margin-right: -40px; padding-left: 40px; padding-right: 40px; } .dialog__search .topbar__search-submit:hover .topbar__search-i { fill: #202020; } .dialog__search .dialog__close { right: 30px; top: -2px; } .dialog__search .dialog__close:hover::before, .dialog__search .dialog__close:hover::after { background-color: #202020; } .dialog__search .dialog__close::before, .dialog__search .dialog__close::after { background-color: #c6c6c6; } .dialog__search .field { border-color: #ececec; } .dialog__search .topbar__search-i { fill: #999; -webkit-transition: all 0.3s; transition: all 0.3s; } .dialog__legend { padding-top: 21px; } .dialog__cities { display: block; list-style: none; font-size: 1.4rem; line-height: 2rem; font-weight: 400; padding-top: 26px; -webkit-column-count: 2; column-count: 2; } } @media (min-width: 770px) and (min-width: 1260px) { .dialog__cities { font-size: 1.5rem; } } @media (min-width: 770px) { .dialog__cities a { -webkit-transition: color 0.3s; transition: color 0.3s; color: #202020; } .dialog__cities a.current, .dialog__cities a:hover { color: #d6000a; } .dialog__cities li { padding-right: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 12px; } .dialog__suggest { position: absolute; left: 0; right: 0; height: 350px; background-color: #fff; font-size: 1.4rem; line-height: 2rem; font-weight: 400; margin-top: 32px; } } @media (min-width: 770px) and (min-width: 1260px) { .dialog__suggest { font-size: 1.5rem; } } @media (min-width: 770px) { .dialog__suggest-inner { height: 350px; overflow: auto; padding-bottom: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .dialog__suggest::before { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 40px; background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff) ); background-image: linear-gradient( to bottom, rgba(255, 255, 255, 0), #fff ); z-index: 5; } .dialog__suggest a { display: block; padding: 6px 0; color: #202020; -webkit-transition: color 0.3s; transition: color 0.3s; } .dialog__suggest a.current, .dialog__suggest a:hover { color: #d6000a; } } @media (min-width: 1260px) { .dialog { width: 560px; min-height: 340px; padding: 45px 80px 50px; } .dialog__conditions { margin-left: -80px; margin-right: -80px; padding-left: 80px; padding-right: 80px; } .dialog__title { margin-bottom: 26px; } } @media (max-width: 770px) { .dialog_city { display: none !important; } } .way { margin-bottom: 15px; padding-top: 9px; font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; } @media (min-width: 1260px) { .way { font-size: 1.3rem; } } .way a { color: #9a8c78; } .way a:hover { color: #202020; } .way__item { margin-right: 22px; position: relative; display: inline-block; white-space: nowrap; -webkit-transition: color 0.3s; transition: color 0.3s; color: #9e9890; } .way__item::after { content: ""; display: block; position: absolute; right: -13px; top: 5px; width: 5px; height: 5px; border-right: 1px solid #9a8c78; border-top: 1px solid #9a8c78; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .way__item:last-child::after { display: none; } @media (min-width: 770px) { .way { margin-top: -5px; padding-top: 0; } } @media (min-width: 1260px) { .way { margin-top: 0; margin-bottom: 24px; } } .zoom { position: fixed; background: #fff; left: 0; right: 0; top: 0; bottom: 0; z-index: 100; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: none; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.3s, visibility 0s 0.3s; transition: opacity 0.3s, visibility 0s 0.3s; } .zoom .gallery__tabs { position: absolute; left: 20px; top: 20px; bottom: 20px; width: 60px; } .zoom__close { position: absolute; right: 10px; top: 10px; color: #828282; width: 42px; height: 42px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px; cursor: pointer; } .zoom__close:hover { color: #202020; -webkit-transition: color 0.3s; transition: color 0.3s; } .zoom__close:hover::before, .zoom__close:hover::after { background-color: #202020; } .zoom__close::before, .zoom__close::after { content: ""; display: block; position: absolute; background-color: #828282; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: background-color 0.3s; transition: background-color 0.3s; cursor: pointer; } .zoom__close::before { width: 1px; height: 21px; right: 20px; top: 10px; } .zoom__close::after { height: 1px; width: 21px; right: 10px; top: 20px; } .zoom__wrap { position: absolute; left: 10px; right: 10px; top: 0; bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .zoom__block { position: absolute; width: 100%; top: 0; bottom: 0; overflow: hidden; overflow-y: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .zoom__pic { max-width: 100%; display: none; width: 100%; text-align: center; max-width: 800px; } .zoom__pic_video { position: relative; padding-top: 10%; } .zoom__pic_video iframe { position: absolute; left: 50%; top: 15%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 700px; height: 450px; } .zoom__pic video { max-height: 100%; max-width: 100%; height: 100vmin; display: inline-block; } .zoom__pic .gallery__video-track { bottom: 0; } .zoom__i { width: 12px; height: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid #828282; position: absolute; left: 50%; top: 50%; margin: -5px 0 0; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: rotate(-45deg) translate(-50%, -50%); transform: rotate(-45deg) translate(-50%, -50%); } .zoom__prev, .zoom__next { position: absolute; top: 50%; margin-top: -20px; cursor: pointer; z-index: 5; width: 41px; height: 41px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: rgba(255, 255, 255, 0.7); } .zoom__prev:hover .zoom__i, .zoom__next:hover .zoom__i { border-color: #000; } .zoom__prev { left: 0; } .zoom__prev .zoom__i { border-width: 1px 0 0 1px; margin-left: 3px; } .zoom__next { right: 0; } .zoom__next .zoom__i { border-width: 0 1px 1px 0; } .zoom .gallery__tabs { display: none; } .zoom_opened { visibility: visible !important; opacity: 1 !important; -webkit-transition-delay: 0s !important; transition-delay: 0s !important; } .zoom { display: block; } @media (min-width: 770px) { .zoom__wrap { left: 0; right: 0; } .zoom .gallery__tabs { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 60px; padding-left: 5px; margin-left: -5px; display: none; } .zoom .gallery__tabs .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: absolute; padding-top: 0; } .zoom .gallery__tabs-item { margin-bottom: 10px; margin-left: 0; width: 100%; } .zoom .gallery__tabs-item::after { bottom: 0; top: 0; left: -5px; height: auto; width: 2px; } .zoom .gallery__tabs-item:last-child { margin-bottom: 0; } .zoom__close { font-size: 0; padding-right: 21px; z-index: 50; } } .main__wrap { padding: 0 8px; } @media (min-width: 770px) { .main__wrap { padding: 0 24px; } } @media (min-width: 1260px) { .main__wrap { padding: 0 50px; } } .main__best { margin-bottom: 8px; } .main__best-nav { padding-top: 10px; } .main__best-nav a { color: #fff; white-space: nowrap; position: relative; display: inline-block; margin-right: 20px; } .main__best-nav a:hover { text-decoration: underline; } .main__best-nav a:last-child::after { display: none; } .main__best-nav a::after { content: "|"; display: inline-block; position: absolute; right: -11px; top: 0; cursor: default; } .main__best-header { background-color: #fff; padding: 20px 16px; } .main__best-header_mod { margin-bottom: 16px; } .main__best-name { font-size: 2.4rem; line-height: 2.8rem; letter-spacing: -0.05em; font-weight: 700; margin-bottom: 13px; } @media (min-width: 770px) { .main__best-name { font-size: 2.8rem; line-height: 3.2rem; } } @media (min-width: 1260px) { .main__best-name { font-size: 3.4rem; line-height: 3.6rem; } } .main__best-info.opened .main__best-more { display: none; } .main__best-info.opened .main__best-hidden { display: block; } .main__best-block { position: relative; display: block; color: #fff; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-color: #202020; } .main__best-block_white { color: #202020; background-color: #fff; } .main__best-block_white .main__best-nav { color: #202020; } .main__best-block_white .main__best-nav a { color: #202020; } .main__best-block_xl { height: 300px; } .main__best-block_s { height: 168px; } .main__best-block_menu .main__best-wrapper { left: 16px; bottom: 16px; width: calc(100% - 32px); } .main__best-wrapper { position: absolute; left: 16px; bottom: 16px; width: 85%; } .main__best-type { position: absolute; left: 16px; top: 13px; font-size: 1.1rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #9a8c78; } .main__best-title { font-size: 2.1rem; line-height: 2.3rem; letter-spacing: -0.05em; font-weight: 700; } @media (min-width: 770px) { .main__best-title { font-size: 2.4rem; line-height: 2.8rem; } } @media (min-width: 1260px) { .main__best-title { font-size: 2.8rem; line-height: 3.2rem; } } .main__best-descr { margin-top: 11px; } .main__best-button { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 12px; } .main__best-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 770px) { .main__best { margin-bottom: 24px; } .main__best-header { padding: 24px; } .main__best-header_mod { margin-bottom: 24px; padding-bottom: 0; } .main__best-header_mod .main__sale-container { margin-left: -24px; margin-right: -24px; margin-top: 24px; } .main__best-header_mod .main__sale-block_mod:first-child { border-left: 0; } .main__best-sec { display: -webkit-box; display: -ms-flexbox; display: flex; } .main__best-sec .main__best-block { width: 50%; } .main__best-sec .main__best-descr { margin-top: 5px; } .main__best-block_xl { height: 340px; } .main__best-block_s { height: 180px; } .main__best-block_s .main__best-wrapper { bottom: 16px; } .main__best-block_menu .main__best-wrapper { left: 24px; bottom: 24px; width: calc(90% - 48px); } .main__best-wrapper { width: 60%; bottom: 24px; left: 24px; } .main__best-type { left: 24px; } .main__best-descr { margin-top: 12px; } } @media (min-width: 1260px) { .main__best { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .main__best-link { display: none; } .main__best-hidden { display: block; } .main__best-header { padding: 32px 32px 32px 32px; } .main__best-header_mod { padding-bottom: 0; } .main__best-header_mod .main__sale-container { margin-left: -32px; margin-right: -32px; margin-top: 32px; } .main__best-name { margin-bottom: 23px; } .main__best-sec { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 33.4%; } .main__best-sec .main__best-block { width: 100%; } .main__best-sec .main__best-descr { margin-top: 7px; } .main__best-block { width: 66.6%; } .main__best-block_xl { height: 404px; } .main__best-block_xl .main__best-type { left: 48px; } .main__best-block_xl .main__best-wrapper { left: 48px; bottom: 48px; } .main__best-block_s { height: 202px; } .main__best-block_s .main__best-wrapper { bottom: 24px; } .main__best-block_menu .main__best-wrapper { left: 24px; bottom: 24px; } .main__best-wrapper { width: 60%; bottom: 24px; left: 24px; } .main__best-type { left: 24px; } .main__best-descr { margin-top: 11px; } .main__best-group { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; } .main__best-group .main__best-block { width: 50%; } } .main__action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; margin-bottom: 8px; } .main__action-product { background-color: #fff; } .main__action .catalog__block-text { display: none; } .main__action-swiper { overflow: hidden; width: 100%; height: 100%; } .main__action-slider { font-family: Circe, Helvetica, sans-serif; position: relative; } .main__action-slider .catalog__prev, .main__action-slider .catalog__next { display: none; } .main__action-slider .swiper-pagination { bottom: 10px; } .main__action-slider .swiper-pagination-bullet { width: 10px; height: 10px; border: 2px solid #fff; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 1; border-radius: 50%; background-color: transparent; } .main__action-slider .swiper-pagination-bullet-active { background-color: #fff; } .main__action-item { background-color: #9f041b; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; min-width: 100%; padding: 50px 16px 65px; -webkit-box-sizing: border-box; box-sizing: border-box; background-size: cover; background-repeat: no-repeat; background-position: 50% 10%; } .main__action-item .button { max-width: 225px; } @media (min-width: 770px) { .main__action { margin-bottom: 24px; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .main__action-product { width: 33.3%; } .main__action-product .catalog__block { width: 100%; } .main__action-product + .main__action-slider { width: 66.7%; -webkit-box-sizing: border-box; box-sizing: border-box; } .main__action-slider .swiper-pagination { bottom: 20px; } .main__action-item { padding: 75px 24px 90px; } } @media (min-width: 770px) { .main__action_new .main__action-slider .catalog__prev, .main__action_new .main__action-slider .catalog__next { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .main__action_new .main__action-slider .catalog__prev { -webkit-transform: translate(0, -50%) rotate(180deg); transform: translate(0, -50%) rotate(180deg); } } @media (min-width: 1260px) { .main__action-product { width: 25%; } .main__action-product + .main__action-slider { width: calc(75% - 24px); } .main__action-item { padding: 100px 78px 110px; } .main__action-slider .catalog__prev, .main__action-slider .catalog__next { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .main__action-slider .catalog__prev { -webkit-transform: translate(0, -50%) rotate(180deg); transform: translate(0, -50%) rotate(180deg); } .main__action-slider .swiper-pagination { bottom: 23px; } .main__action-slider .swiper-pagination-bullet { width: 12px; height: 12px; } } .main__sale { background-color: #fff; margin-bottom: 8px; padding: 0 16px; } .main__sale-title, .main__sale-descr { display: none; } .main__sale-block { border-top: 1px solid #ececec; font-weight: 700; color: #202020; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 10px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .main__sale-block:first-child { border-top: 0; } .main__sale-block:hover .main__sale-name { color: #d6000a; } .main__sale-block_mod { -ms-flex-wrap: wrap; flex-wrap: wrap; } .main__sale-block_mod:hover .main__sale-name { color: #202020; } .main__sale-block_mod .main__sale-name { color: #202020; } .main__sale-block_mod .main__sale-name:hover { color: #d6000a; } .main__sale-wrapper { height: 98px; width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .main__sale-pic { max-width: 140px; } .main__sale-name { display: block; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 10px; -webkit-transition: color 0.3s; transition: color 0.3s; } .main__sale-nav { font-weight: 400; font-size: 13px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; width: 100%; padding: 10px 0; line-height: 1.2; } .main__sale-nav a { color: #202020; margin-right: 10px; margin-bottom: 8px; -webkit-transition: color 0.3s; transition: color 0.3s; } .main__sale-nav a:hover { color: #d6000a; } @media (min-width: 770px) { .main__sale { margin-bottom: 24px; padding: 35px 0 0; } .main__sale-title { font-size: 2.1rem; line-height: 2.3rem; letter-spacing: -0.05em; font-weight: 700; margin-bottom: 9px; text-align: center; padding: 0 50px; display: block; } } @media (min-width: 770px) and (min-width: 770px) { .main__sale-title { font-size: 2.4rem; line-height: 2.8rem; } } @media (min-width: 770px) and (min-width: 1260px) { .main__sale-title { font-size: 2.8rem; line-height: 3.2rem; } } @media (min-width: 770px) { .main__sale-descr { margin: 0 auto 28px; text-align: center; padding: 0 50px; display: block; max-width: 800px; } .main__sale-container { border-top: 1px solid #ececec; display: -webkit-box; display: -ms-flexbox; display: flex; } .main__sale-block { border-top: 0; border-left: 1px solid #ececec; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 20%; padding: 25px 20px 46px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .main__sale-block:first-child { border-left: 0; } .main__sale-block_mod { padding-bottom: 0; } .main__sale-wrapper { height: auto; width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 14px; } .main__sale-pic { max-width: 140px; } .main__sale-name { width: auto; padding-right: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; text-align: center; } } @media (min-width: 1260px) { .main__sale { margin-bottom: 24px; padding: 40px 0 0; } .main__sale-nav { border-top: 1px solid #ececec; padding-top: 28px; margin-top: 16px; display: block; -webkit-column-count: 2; column-count: 2; } .main__sale-block { padding: 54px 20px 56px; } .main__sale-block_mod { padding-bottom: 10px; } .main__sale-block_mod:last-child .main__sale-nav { -webkit-column-count: 1; column-count: 1; } .main__sale-block_mod a { display: block; margin-bottom: 15px; } .main__sale-title { margin-bottom: 11px; } .main__sale-descr { margin-bottom: 37px; } .main__sale-pic { max-width: 180px; } .main__sale-wrapper { margin-bottom: 24px; max-height: 251px; } } .main__popular { background-color: #fff; margin-bottom: 16px; } .main__popular-title { font-size: 2.1rem; line-height: 2.3rem; letter-spacing: -0.05em; font-weight: 700; text-align: center; color: #fff; background-color: #d6000a; padding: 18px; } @media (min-width: 770px) { .main__popular-title { font-size: 2.4rem; line-height: 2.8rem; } } @media (min-width: 1260px) { .main__popular-title { font-size: 2.8rem; line-height: 3.2rem; } } .main__popular-title_light { background-color: #fff; color: #202020; border-bottom: 1px solid #ececec; } @media (min-width: 770px) { .main__popular { margin-bottom: 24px; } .main__popular-title { padding: 22px 18px 20px; } } @media (min-width: 1260px) { .main__popular-title { padding: 25px 18px 23px; } } .main__brands { position: relative; padding-bottom: 36px; margin-left: -8px; margin-right: -8px; overflow: hidden; } .main__brands .swiper-wrapper { background-color: #fff; padding: 12px 0; } .main__brands .swiper-pagination-bullet { width: 6px; height: 6px; border: 1px solid #c6c6c6; background-color: #fff; opacity: 1; margin: 0 2px !important; -webkit-box-sizing: border-box; box-sizing: border-box; } .main__brands .swiper-pagination-bullet-active { border-color: #d6000a; background-color: #d6000a; } .main__brands-block { border-left: 1px solid #ececec; width: 155px; min-height: 56px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; position: relative; } .main__brands-block::before, .main__brands-block::after { content: ""; display: block; position: absolute; left: 0; right: 0; background-color: #fff; height: 12px; } .main__brands-block::before { top: -12px; } .main__brands-block::after { bottom: -12px; } .main__brands-block:first-child { border-left: 0; } .main__brands-logo { display: block; max-width: 80px; } @media (min-width: 770px) { .main__brands { position: relative; margin-left: 0; margin-right: 0; margin-bottom: 24px; background-color: #fff; overflow: hidden; padding-bottom: 0; } .main__brands .swiper-pagination { display: none; } .main__brands .swiper-wrapper { background-color: transparent; -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .main__brands-block { border-left: 1px solid #ececec; width: auto; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; min-height: 56px; } .main__brands-block::before, .main__brands-block::after { display: none; } } @media (min-width: 1260px) { .main__brands .swiper-wrapper { padding: 24px 0; } .main__brands-block { min-height: 72px; } .main__brands-logo { max-width: 145px; } } .main__news { background-color: #fff; position: relative; } .main__news-content { border-bottom: 1px solid #ececec; } .main__news-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 15px 16px 25px; } .main__news-title { font-size: 1.1rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #9a8c78; } .main__news-all { font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; color: #9a8c78; } @media (min-width: 1260px) { .main__news-all { font-size: 1.3rem; } } .main__news-issue { display: block; padding: 0 16px 36px; display: -webkit-box; display: -ms-flexbox; display: flex; } .main__news-pic { width: 72px; height: 72px; display: block; margin-right: 16px; } .main__news-inner p { font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: #202020; margin-bottom: 6px; } @media (min-width: 1260px) { .main__news-inner p { font-size: 1.5rem; } } .main__news-sidebar { position: relative; } .main__news-sidebar::before { content: ""; display: block; position: absolute; left: 0; bottom: 0; right: 17px; height: 25px; background: -webkit-gradient( linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff) ); background: linear-gradient(rgba(255, 255, 255, 0), #fff); z-index: 5; } .main__news-feed { padding-bottom: 20px; max-height: 280px; overflow: auto; -webkit-box-sizing: border-box; box-sizing: border-box; } .main__news-date { font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; color: #c6c6c6; } @media (min-width: 1260px) { .main__news-date { font-size: 1.3rem; } } .main__news-item { display: block; margin: 0 16px 20px; padding-bottom: 20px; border-bottom: 1px solid #ececec; } .main__news-item:last-child { border: 0; margin-bottom: 0; } .main__news-item h5, body .main__news-item :where(h5) { margin-bottom: 9px; font-size: 1.7rem; line-height: 2rem; letter-spacing: -0.05em; font-weight: 700; color: #202020; } @media (min-width: 770px) { .main__news-item h5, body .main__news-item :where(h5) { font-size: 1.8rem; line-height: 2rem; } } @media (min-width: 1260px) { .main__news-item h5, body .main__news-item :where(h5) { font-size: 2.1rem; line-height: 2.4rem; } } .main__news-item p { margin-bottom: 7px; color: #999; } @media (min-width: 770px) { .main__news-container { display: -webkit-box; display: -ms-flexbox; display: flex; } .main__news-content { border-right: 1px solid #ececec; border-bottom: 0; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; } .main__news-header { padding: 15px 24px 27px; } .main__news-issue { padding: 0 24px 36px; } .main__news-sidebar { width: 50%; } .main__news-item { display: block; margin: 0 24px 20px; } } @media (min-width: 1260px) { .main { position: relative; } .main__news-header { padding-top: 13px; padding-bottom: 24px; } .main__news-container { display: block; } .main__news-content { width: 66.6%; } .main__news-issue { padding: 0 24px 36px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; } .main__news-sidebar { width: 33.3%; position: absolute; right: 0; top: 0; bottom: 0; } .main__news-blog { display: -webkit-box; display: -ms-flexbox; display: flex; } .main__news-feed { max-height: 100%; position: absolute; left: 0; right: 0; bottom: 0; top: 60px; } } .main__subscribe { background-color: #d6000a; color: #fff; padding: 25px 16px 32px; margin-bottom: 8px; } .main__subscribe label.error { color: #fff; } .main__subscribe-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .main__subscribe-label { display: block; text-align: center; margin: 0 12px 11px; font-size: 1.7rem; line-height: 2rem; letter-spacing: -0.05em; font-weight: 700; } @media (min-width: 770px) { .main__subscribe-label { font-size: 1.8rem; line-height: 2rem; } } @media (min-width: 1260px) { .main__subscribe-label { font-size: 2.1rem; line-height: 2.4rem; } } .main__subscribe-block { position: relative; } .main__subscribe-block .field { min-height: 40px; padding: 10px 60px 8px 12px; margin: 0; border: 0; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } @media (min-width: 1260px) { .main__subscribe-block .field { font-size: 1.5rem; } } .main__subscribe-button { position: absolute; top: 1px; right: 1px; width: 38px; height: 38px; background: url("/local/templates/lovePiano/i/arrow.svg") no-repeat 50% 50% #d6000a; border: 0; border-radius: 3px; cursor: pointer; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; margin: 0; } .main__subscribe-button:hover { background-color: #c0000a; } .main__subscribe-success { font-size: 1.4rem; line-height: 2rem; font-weight: 400; text-align: center; min-height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 1260px) { .main__subscribe-success { font-size: 1.5rem; } } @media (min-width: 770px) { .main__subscribe { padding: 24px; margin-bottom: 24px; } .main__subscribe-inner { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .main__subscribe-label { text-align: left; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; min-height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .main__subscribe-block { width: calc(50% - 15px); } } @media (min-width: 1260px) { .main__subscribe { padding: 20px 36px; } .main__subscribe-success { min-height: 48px; } .main__subscribe-inner { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .main__subscribe-label { width: auto; margin-right: 36px; min-height: 48px; } .main__subscribe-block { width: 400px; } .main__subscribe-block .field { padding: 14px 60px 11px 18px; min-height: 47px; } .main__subscribe-button { width: 45px; height: 45px; } } .main__service-content { padding: 30px 16px 28px; } .main__service-content h4, body .main__service-content :where(h4) { font-size: 2.1rem; line-height: 2.3rem; letter-spacing: -0.05em; font-weight: 700; font-weight: 700; margin-bottom: 10px; } @media (min-width: 770px) { .main__service-content h4, body .main__service-content :where(h4) { font-size: 2.4rem; line-height: 2.8rem; } } @media (min-width: 1260px) { .main__service-content h4, body .main__service-content :where(h4) { font-size: 2.8rem; line-height: 3.2rem; } } .main__service-content p { margin-bottom: 12px; } .main__service-content li { list-style: none; padding: 0 0 8px 16px; position: relative; } .main__service-content li::before { content: ""; display: block; position: absolute; left: 0; top: 9px; width: 4px; height: 4px; border-radius: 50%; background-color: #c0000a; } .main__service-content li:last-child { padding-bottom: 0; } .main__service-sidebar { background: url("/local/templates/lovePiano/i/map.png") no-repeat 50% 0 #8ab4c1; color: #fff; padding: 30px 16px 36px; text-align: center; } .main__service-sidebar h4, body .main__service-sidebar :where(h4) { font-size: 2.1rem; line-height: 2.3rem; letter-spacing: -0.05em; font-weight: 700; font-weight: 700; margin-bottom: 10px; } @media (min-width: 770px) { .main__service-sidebar h4, body .main__service-sidebar :where(h4) { font-size: 2.4rem; line-height: 2.8rem; } } @media (min-width: 1260px) { .main__service-sidebar h4, body .main__service-sidebar :where(h4) { font-size: 2.8rem; line-height: 3.2rem; } } .main__service-sidebar p { margin-bottom: 8px; } .main__service-buttons { padding-top: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .main__service-block { margin-bottom: 24px; } .main__service-block:last-child { margin: 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .main__service-sidebar { background-image: url("/local/templates/lovePiano/i/@2x/map.jpg") !important; background-size: 800px 450px !important; } } @media (min-width: 770px) { .main__service { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 24px; } .main__service-content { width: 66.6%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 31px 24px 36px; } .main__service-content_full { width: 100%; } .main__service-content h4, body .main__service-content :where(h4) { margin-bottom: 13px; } .main__service-sidebar { width: 33.3%; -webkit-box-sizing: border-box; box-sizing: border-box; } .main__service-sidebar h4, body .main__service-sidebar :where(h4) { margin-bottom: 13px; } .main__service-block { margin-bottom: 26px; } .main__service-block:last-child { margin: 0; } } @media (min-width: 1260px) { .main__service-block { margin-bottom: 32px; } .main__service-block:last-child { margin: 0; } .main__service-content { padding: 40px 48px 36px; } .main__service-content_full { width: 75%; } .main__service-content ul { padding-top: 5px; } .main__service-content h4, body .main__service-content :where(h4) { margin-bottom: 20px; } .main__service-buttons { padding-top: 34px; } .main__service-sidebar { padding: 40px 24px 36px; } .main__service-sidebar h4, body .main__service-sidebar :where(h4) { margin-bottom: 20px; } } .main__advantages { background: #fff; margin-bottom: 12px; } .main__advantages-title { font-size: 2.1rem; line-height: 2.3rem; letter-spacing: -0.05em; font-weight: 700; text-align: center; font-weight: 700; padding: 18px 33px 14px; border-bottom: 1px solid #e9e3dc; } @media (min-width: 770px) { .main__advantages-title { font-size: 2.4rem; line-height: 2.8rem; } } @media (min-width: 1260px) { .main__advantages-title { font-size: 2.8rem; line-height: 3.2rem; } } .main__advantages-list { overflow: hidden; position: relative; } .main__advantages-item { padding: 27px 20px 52px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 225px; } .main__advantages-i { margin: 0 auto 16px; width: 60px; height: 60px; display: block; } .main__advantages .swiper-pagination { bottom: 17px; } .main__advantages .swiper-pagination-bullet { width: 6px; height: 6px; border: 1px solid #c6c6c6; background-color: #fff; opacity: 1; margin: 0 2px !important; -webkit-box-sizing: border-box; box-sizing: border-box; } .main__advantages .swiper-pagination-bullet { width: 6px; height: 6px; border: 1px solid #c6c6c6; background-color: #fff; opacity: 1; margin: 0 2px !important; -webkit-box-sizing: border-box; box-sizing: border-box; } .main__advantages .swiper-pagination-bullet-active { border-color: #d6000a; background-color: #d6000a; } @media (min-width: 770px) { .main__advantages { margin-bottom: 24px; } .main__advantages-title { padding-top: 25px; padding-bottom: 20px; } .main__advantages .swiper-pagination { display: none; } .main__advantages .swiper-wrapper { -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -1px 0 0 -1px; -ms-flex-line-pack: stretch; align-content: stretch; } .main__advantages-item { width: 33.3% !important; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid #e9e3dc; border-width: 1px 0 0 1px; margin: 0 !important; min-height: 235px; padding: 26px 24px 34px; } } @media (min-width: 1260px) { .main__advantages-i { margin: 0 auto 21px; } .main__advantages-item { min-height: 224px; padding: 28px 48px 45px; } } .mfp-counter { visibility: hidden; } .mfp-container { background-color: #fff; position: fixed; left: 0; right: 0; top: 0; bottom: 0; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #202020; position: fixed; right: 0; top: 0; font-weight: 300; width: 42px; height: 42px; font-size: 0; } .mfp-image-holder .mfp-close:hover, .mfp-iframe-holder .mfp-close:hover { color: #202020; -webkit-transition: color 0.3s; transition: color 0.3s; } .mfp-image-holder .mfp-close:hover::before, .mfp-image-holder .mfp-close:hover::after, .mfp-iframe-holder .mfp-close:hover::before, .mfp-iframe-holder .mfp-close:hover::after { background-color: #202020; } .mfp-image-holder .mfp-close::before, .mfp-image-holder .mfp-close::after, .mfp-iframe-holder .mfp-close::before, .mfp-iframe-holder .mfp-close::after { content: ""; display: block; position: absolute; background-color: #828282; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: background-color 0.3s; transition: background-color 0.3s; cursor: pointer; } .mfp-image-holder .mfp-close::before, .mfp-iframe-holder .mfp-close::before { width: 1px; height: 21px; right: 20px; top: 10px; } .mfp-image-holder .mfp-close::after, .mfp-iframe-holder .mfp-close::after { height: 1px; width: 21px; right: 10px; top: 20px; } .mfp-arrow-right::before { border: 0; width: 20px; height: 20px; border-right: 2px solid #828282; border-top: 2px solid #828282; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.3s; transition: all 0.3s; } .mfp-arrow-right:hover::before { border-color: #202020; } .mfp-arrow-right::after { display: none; } .mfp-arrow-left::before { border: 0; width: 20px; height: 20px; border-right: 2px solid #828282; border-top: 2px solid #828282; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); -webkit-transition: all 0.3s; transition: all 0.3s; } .mfp-arrow-left:hover::before { border-color: #202020; } .mfp-arrow-left::after { display: none; } .lb-dataContainer { display: none !important; } .lightboxOverlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; } .lb-dataContainer { display: none !important; } .main__certificate { position: relative; } .main__certificate-prev, .main__certificate-next { display: none; } .main__certificate-container { position: relative; overflow: hidden; } .main__certificate-item { display: block; } .main__certificate-item img { display: block; width: 100%; } .main__certificate .swiper-wrapper { padding-bottom: 30px; } .main__certificate .swiper-pagination-bullet { width: 6px; height: 6px; border: 1px solid #c6c6c6; background-color: #fff; opacity: 1; margin: 0 2px !important; -webkit-box-sizing: border-box; box-sizing: border-box; } .main__certificate .swiper-pagination-bullet-active { border-color: #d6000a; background-color: #d6000a; } .main__certificate .swiper-pagination { bottom: 5px; } @media (min-width: 770px) { .main__certificate .swiper-wrapper { padding-bottom: 65px; } .main__certificate .swiper-pagination { bottom: 28px; } } @media (min-width: 1260px) { .main__certificate .swiper-wrapper { padding-bottom: 46px; } .main__certificate .swiper-pagination { display: none; } .main__certificate-prev, .main__certificate-next { position: absolute; top: 50%; background-color: #fff; border-radius: 50%; -webkit-box-shadow: 0 2px 4px 0 rgba(32, 32, 32, 0.06); box-shadow: 0 2px 4px 0 rgba(32, 32, 32, 0.06); z-index: 10; width: 40px; height: 40px; -webkit-transform: translate(0, -20px); transform: translate(0, -20px); cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.3s; transition: all 0.3s; } .main__certificate-prev:hover, .main__certificate-next:hover { -webkit-box-shadow: 0 2px 4px 0 rgba(32, 32, 32, 0.3); box-shadow: 0 2px 4px 0 rgba(32, 32, 32, 0.3); } .main__certificate-prev { left: -20px; } .main__certificate-prev .main__certificate-i { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .main__certificate-next { right: -20px; } .main__certificate-i { width: 20px; height: 20px; fill: #202020; } } .main__reviews { margin-bottom: 8px; } .main__reviews-container { background-color: #fff; } .main__reviews-video { padding-top: 65.8%; position: relative; } .main__reviews-video iframe { width: 100%; display: block; height: 100%; left: 0; top: 0; position: absolute; } .main__reviews-body { padding: 15px 14px 28px; } .main__reviews-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 26px; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .main__reviews-title { color: #9a8c78; font-size: 1.1rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; } .main__reviews-all { font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; color: #9a8c78; -webkit-transition: color 0.3s; transition: color 0.3s; } @media (min-width: 1260px) { .main__reviews-all { font-size: 1.3rem; } } .main__reviews-all:hover { color: #202020; } .main__reviews-text { padding-top: 5px; } .main__reviews-text p { margin-bottom: 8px; } .main__reviews-text p:last-child { margin-bottom: 0; } .main__reviews-author { position: relative; padding-left: 67px; min-height: 55px; margin-bottom: 11px; padding-top: 11px; -webkit-box-sizing: border-box; box-sizing: border-box; } .main__reviews-avatar { border-radius: 50%; width: 55px; height: 55px; position: absolute; left: 0; top: 0; } .main__reviews-name { font-size: 1.7rem; line-height: 2rem; letter-spacing: -0.05em; font-weight: 700; color: #202020; } @media (min-width: 770px) { .main__reviews-name { font-size: 1.8rem; line-height: 2rem; } } @media (min-width: 1260px) { .main__reviews-name { font-size: 2.1rem; line-height: 2.4rem; } } .main__reviews-name:hover { text-decoration: underline; } .main__reviews-type { font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; color: #999; -webkit-transition: color 0.3s; transition: color 0.3s; display: block; } @media (min-width: 1260px) { .main__reviews-type { font-size: 1.3rem; } } .main__reviews-type:hover { color: #202020; } .main__market { background-color: #fff; border: 4px solid #ffc600; text-align: center; padding: 21px 21px 24px; } .main__market-rate { font-size: 1.4rem; line-height: 2rem; font-weight: 400; } @media (min-width: 1260px) { .main__market-rate { font-size: 1.5rem; } } .main__market-counter { font-size: 1.7rem; line-height: 2rem; letter-spacing: -0.05em; font-weight: 700; margin-bottom: 7px; } @media (min-width: 770px) { .main__market-counter { font-size: 1.8rem; line-height: 2rem; } } @media (min-width: 1260px) { .main__market-counter { font-size: 2.1rem; line-height: 2.4rem; } } .main__market-rating { width: 110px; height: 19px; margin: 0 auto 18px; position: relative; } .main__market-stars { position: absolute; left: 0; top: 0; bottom: 0; background: url("/local/templates/lovePiano/i/star.svg") repeat-x; display: block; } .main__market-title { margin-bottom: 14px; font-size: 1.7rem; line-height: 2rem; letter-spacing: -0.05em; font-weight: 700; } @media (min-width: 770px) { .main__market-title { font-size: 1.8rem; line-height: 2rem; } } @media (min-width: 1260px) { .main__market-title { font-size: 2.1rem; line-height: 2.4rem; } } .main__market-logo { display: block; margin: 7px auto 0; max-width: 100%; width: 155px; } @media (min-width: 770px) { .main__reviews { margin-bottom: 24px; } .main__reviews-video { padding-top: 47%; } .main__reviews-body { padding: 15px 20px 24px; } .main__reviews-author { margin-bottom: 20px; } .main__market { text-align: left; padding: 17px 18px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .main__market-block { width: 40%; } .main__market-inner { width: 55%; position: relative; } .main__market-counter { margin-bottom: 1px; } .main__market-rating { margin: 0; position: absolute; left: 165px; top: 29px; } .main__market-title { margin-bottom: 5px; } .main__market-logo { margin: 5px 0 0; max-width: 100%; } } @media (min-width: 1260px) { .main__reviews-text p { margin-bottom: 12px; } .main__reviews-container { position: relative; } .main__reviews-video { padding-top: 33%; width: 66.6%; } .main__reviews-body { position: absolute; width: 33.3%; right: 0; top: 0; bottom: 32px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-bottom: 0; overflow: hidden; } .main__market { position: relative; height: 92px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; } .main__market-block { padding-top: 6px; } .main__market-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .main__market-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .main__market-logo { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin: 0 12px; -webkit-transform: translateY(-4px); transform: translateY(-4px); } .main__market-yandex { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .main__market-rating { position: relative; left: 50px; top: -5px; } } .main__team { background-color: #fff; margin-bottom: 8px; padding-top: 18px; position: relative; } .main__team-title { margin-bottom: 18px; font-size: 2.1rem; line-height: 2.3rem; letter-spacing: -0.05em; font-weight: 700; text-align: center; } @media (min-width: 770px) { .main__team-title { font-size: 2.4rem; line-height: 2.8rem; } } @media (min-width: 1260px) { .main__team-title { font-size: 2.8rem; line-height: 3.2rem; } } .main__team-descr { display: none; } .main__team .swiper-pagination { bottom: 14px; } .main__team .swiper-slide { -webkit-transform: none; transform: none; } .main__team .swiper-pagination-bullet { width: 6px; height: 6px; border: 1px solid #c6c6c6; background-color: #fff; opacity: 1; margin: 0 2px !important; -webkit-box-sizing: border-box; box-sizing: border-box; } .main__team .swiper-pagination-bullet-active { border-color: #d6000a; background-color: #d6000a; } .main__team-container { position: relative; overflow: hidden; padding-bottom: 48px; } .main__team-photo { width: 100%; display: block; cursor: pointer; } .main__team-item { position: relative; } .main__team-item.opened { z-index: 10; } .main__team-item.opened::before { content: ""; display: block; position: absolute; left: 50%; bottom: -1px; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 10px solid #fff; } .main__team-item.opened .main__team-info { opacity: 1; z-index: 10; } .main__team-item.opened:last-child::before { -webkit-transform: translate(-50%, 0) rotate(180deg); transform: translate(-50%, 0) rotate(180deg); top: -1px; } .main__team-item.opened:last-child .main__team-info { top: -100%; border-bottom: 0; border-top: 1px solid #ececec; } .main__team-info { position: absolute; height: 100%; width: 300%; background-color: #fff; top: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px 15px; text-align: center; opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; border-bottom: 1px solid #ececec; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .main__team-name { font-size: 1.7rem; line-height: 2rem; letter-spacing: -0.05em; font-weight: 700; } @media (min-width: 770px) { .main__team-name { font-size: 1.8rem; line-height: 2rem; } } @media (min-width: 1260px) { .main__team-name { font-size: 2.1rem; line-height: 2.4rem; } } .main__team-text { font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: #999; } @media (min-width: 1260px) { .main__team-text { font-size: 1.5rem; } } .main__team-type { font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; color: #9a8c78; position: absolute; bottom: 12px; left: 0; right: 0; } @media (min-width: 1260px) { .main__team-type { font-size: 1.3rem; } } @media (min-width: 770px) { .main__team { margin-bottom: 24px; padding-top: 35px; } .main__team-info { width: 200%; } .main__team-title { margin-bottom: 9px; } .main__team-descr { display: block; padding: 0 20px; text-align: center; margin: 0 auto 31px; max-width: 800px; } } @media (min-width: 1260px) { .main__team { padding-top: 40px; } .main__team-title { margin-bottom: 11px; } .main__team-descr { display: block; margin-bottom: 37px; padding: 0 20px; text-align: center; } .main__team-container { padding-bottom: 0; } .main__team .swiper-pagination { display: none; } .main__team .swiper-wrapper { -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; } } .main__help { background-color: #fff; margin-bottom: 8px; } .main__help .swiper-pagination-bullet { width: 6px; height: 6px; border: 1px solid #c6c6c6; background-color: #fff; opacity: 1; margin: 0 2px !important; -webkit-box-sizing: border-box; box-sizing: border-box; } .main__help .swiper-pagination-bullet-active { border-color: #d6000a; background-color: #d6000a; } .main__help .swiper-pagination { bottom: 17px; left: 16px; width: auto; } .main__help-title { font-size: 2.1rem; line-height: 2.3rem; letter-spacing: -0.05em; font-weight: 700; padding: 31px 16px 16px; } @media (min-width: 770px) { .main__help-title { font-size: 2.4rem; line-height: 2.8rem; } } @media (min-width: 1260px) { .main__help-title { font-size: 2.8rem; line-height: 3.2rem; } } .main__help-container { overflow: hidden; position: relative; padding-bottom: 55px; } .main__help-block { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 16px; position: relative; } .main__help-block p { color: #999; margin-bottom: 8px; } .main__help-counter { width: 48px; height: 48px; border-radius: 50%; background-color: #f8f6f4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 14px; } .main__help-counter::before { content: ""; display: block; position: absolute; left: 64px; top: 23px; right: 0; border-top: 1px solid #ececec; } .main__help-step { font-size: 1.7rem; line-height: 2rem; letter-spacing: -0.05em; font-weight: 700; margin-bottom: 11px; } @media (min-width: 770px) { .main__help-step { font-size: 1.8rem; line-height: 2rem; } } @media (min-width: 1260px) { .main__help-step { font-size: 2.1rem; line-height: 2.4rem; } } .main__help-footer { padding-top: 8px; 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-align: start; -ms-flex-align: start; align-items: flex-start; } .main__help-payment { display: block; margin-bottom: 14px; max-width: 100%; } .main__help-more { color: #9a8c78; -webkit-transition: color 0.3s; transition: color 0.3s; } .main__help-more:hover { color: #202020; } @media (min-width: 770px) { .main__help { margin-bottom: 24px; } .main__help .swiper-pagination { display: none; } .main__help-title { padding-left: 24px; padding-right: 24px; padding-bottom: 21px; } .main__help-container { padding-bottom: 36px; padding-left: 20px; padding-right: 24px; } .main__help .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; } .main__help-block { padding: 14px 0 24px 72px; position: relative; } .main__help-block::before { content: ""; display: block; position: absolute; left: 23px; top: 48px; bottom: 0; border-left: 1px solid #ececec; } .main__help-block:last-child { padding-bottom: 0; } .main__help-block:last-child::before { display: none; } .main__help-counter { position: absolute; left: 0; top: 0; margin-bottom: 0; } .main__help-counter::before { display: none; } .main__help-footer { padding-top: 8px; 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-align: start; -ms-flex-align: start; align-items: flex-start; } } @media (min-width: 1260px) { .main__help-title { padding: 40px 48px 22px; } .main__help-container { padding-bottom: 50px; padding-left: 0; padding-right: 48px; } .main__help .swiper-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .main__help-block { padding: 0 0 0 48px; width: 33.3% !important; -webkit-box-sizing: border-box; box-sizing: border-box; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .main__help-block::before { left: 0; right: 0; bottom: auto; top: 24px; border-top: 1px solid #ececec; border-left: 0; } .main__help-block:last-child::before { display: block; right: -48px; } .main__help-counter { position: relative; z-index: 5; margin-left: -8px; margin-bottom: 26px; } .main__help-step { margin-bottom: 13px; } .main__help-inner { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .main__help-footer { padding-top: 8px; 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-align: start; -ms-flex-align: start; align-items: flex-start; } } .main__contacts { background-color: #fff; margin-bottom: 8px; } .main__contacts-title { border-bottom: 1px solid #e9e3dc; font-size: 2.1rem; line-height: 2.3rem; letter-spacing: -0.05em; font-weight: 700; font-weight: 700; padding: 18px 28px 14px; text-align: center; } @media (min-width: 770px) { .main__contacts-title { font-size: 2.4rem; line-height: 2.8rem; } } @media (min-width: 1260px) { .main__contacts-title { font-size: 2.8rem; line-height: 3.2rem; } } .main__contacts-container { 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-align: center; -ms-flex-align: center; align-items: center; padding: 28px 20px 40px; } .main__contacts-phone { font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; color: #999; text-align: center; margin-bottom: 15px; } @media (min-width: 1260px) { .main__contacts-phone { font-size: 1.3rem; } } .main__contacts-phone b { display: block; color: #202020; font-size: 1.7rem; line-height: 2rem; letter-spacing: -0.05em; font-weight: 700; } @media (min-width: 770px) { .main__contacts-phone b { font-size: 1.8rem; line-height: 2rem; } } @media (min-width: 1260px) { .main__contacts-phone b { font-size: 2.1rem; line-height: 2.4rem; } } .main__contacts-phone a { color: #202020; } .main__contacts-separator { background-color: #f8f6f4; border-radius: 50%; margin-bottom: 20px; font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #999; } @media (min-width: 1260px) { .main__contacts-separator { font-size: 1.3rem; } } @media (min-width: 770px) { .main__contacts { margin-bottom: 24px; } .main__contacts-title { padding-top: 23px; padding-bottom: 20px; } .main__contacts-container { padding: 20px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .main__contacts-phone { margin-bottom: 0; min-width: 200px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate(20px, 3px); transform: translate(20px, 3px); } .main__contacts-separator { margin-bottom: 0; margin-left: 80px; margin-right: 80px; } } @media (min-width: 1260px) { .main__contacts-title { padding-top: 24px; padding-bottom: 24px; } .main__contacts-container { padding: 23px 20px 24px; } .main__contacts-phone b { margin-bottom: 4px; } .main__contacts-separator { margin-left: 100px; margin-right: 100px; width: 48px; height: 48px; } } .catalog { background-color: #fff; margin-bottom: 8px; } .catalog__alert { position: fixed; background-color: #d6000a; color: #fff; z-index: 50; left: 20px; right: 20px; bottom: 20px; padding: 12px 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 1.5rem; line-height: 2.4rem; font-weight: 400; } @media (min-width: 1260px) { .catalog__alert { font-size: 1.6rem; } } .catalog__alert-text { font-weight: 700; } .catalog__alert-button { color: #fff; background: 0 0; border: 0; font-size: 1.5rem; line-height: 2.4rem; font-weight: 400; cursor: pointer; text-decoration: none; padding: 0; margin: 0; } @media (min-width: 1260px) { .catalog__alert-button { font-size: 1.6rem; } } .catalog__alert-button:hover { text-decoration: underline; } .catalog__series { margin-top: 20px; background-color: #f9f6f3; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } @media (min-width: 1260px) { .catalog__series { font-size: 1.5rem; } } .catalog__series span { margin-right: 12px; } .catalog__series a { margin-right: 12px; position: relative; -webkit-transition: color 0.3s; transition: color 0.3s; white-space: nowrap; } .catalog__series a:hover { color: #202020; } .catalog__quantity { display: -webkit-box; display: -ms-flexbox; display: flex; color: #999; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; top: 3px; font-size: 14px; } .catalog__quantity span { padding: 8px; display: block; } .catalog__quantity a { color: #999; display: block; padding: 8px; -webkit-transition: color 0.3s; transition: color 0.3s; } .catalog__quantity a:hover, .catalog__quantity a.current { color: #202020; } .catalog__tags { position: relative; width: 100%; overflow: hidden; padding: 10px 0 5px; } .catalog__tags-i { width: 16px; height: 16px; display: block; } .catalog__tags .swiper-prev, .catalog__tags .swiper-next { position: absolute; top: 8px; width: 32px; height: 32px; z-index: 5; background: #fff; } .catalog__tags .swiper-nav-inner { border-radius: 50%; width: 32px; height: 32px; -webkit-box-shadow: 0 2px 4px 0 rgba(32, 32, 32, 0.06); box-shadow: 0 2px 4px 0 rgba(32, 32, 32, 0.06); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .catalog__tags .swiper-button-disabled { display: none; } .catalog__tags .swiper-prev { left: 0; } .catalog__tags .swiper-prev .catalog__tags-i { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .catalog__tags .swiper-next { right: 0; } .catalog__tag { font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; padding: 6px 14px; border-radius: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ececec; color: #202020; white-space: nowrap; display: block; width: auto !important; -webkit-transition: all 0.3s; transition: all 0.3s; } @media (min-width: 1260px) { .catalog__tag { font-size: 1.3rem; } } .catalog__tag:hover { border-color: #202020; } .catalog__tag:last-child { margin-right: 0 !important; } .catalog__body { position: relative; } .catalog__body_full .catalog__content, .catalog__body_full .catalog__pref { width: 100%; } .catalog__container { position: relative; } .catalog__swiper { overflow: hidden; position: relative; padding-bottom: 49px; } .catalog__swiper .swiper-pagination { bottom: 12px; z-index: 5; color: #999; font-size: 1.5rem; line-height: 2.4rem; font-weight: 400; } @media (min-width: 1260px) { .catalog__swiper .swiper-pagination { font-size: 1.6rem; } } .catalog__swiper .swiper-pagination span { margin: 0 3px; } .catalog__block { position: relative; width: 100%; padding: 65px 16px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .catalog__block .product__stickers { left: 12px; top: 12px; right: 100px; } .catalog__block-old-price { font-size: 12px; color: #c6c6c6; letter-spacing: -0.2px; } .catalog__block-text { display: none; } .catalog__block-best { width: 60px; height: 60px; font-size: 8px; color: #fff; background-color: #f66; border-radius: 50%; left: 12px; top: 12px; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: uppercase; padding: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.5; text-align: center; } .catalog__block-icons { position: absolute; right: 12px; top: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .catalog__block-icon { display: block; width: 24px; height: 24px; margin-left: 15px; } .catalog__block-icon.checked .catalog__block-i, .catalog__block-icon.checked:hover .catalog__block-i { fill: #d6000a; } .catalog__block-icon:hover .catalog__block-i { fill: #202020; } .catalog__block-i { display: block; width: 24px; height: 24px; fill: #999; -webkit-transition: fill 0.3s; transition: fill 0.3s; } .catalog__block-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 35px; width: 100%; } .catalog__block-price { font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; color: #c6c6c6; } @media (min-width: 1260px) { .catalog__block-price { font-size: 1.3rem; } } .catalog__block-price b { font-size: 1.7rem; line-height: 2rem; letter-spacing: -0.05em; font-weight: 700; color: #d6000a; display: block; white-space: nowrap; } @media (min-width: 770px) { .catalog__block-price b { font-size: 1.8rem; line-height: 2rem; } } @media (min-width: 1260px) { .catalog__block-price b { font-size: 2.1rem; line-height: 2.4rem; } } .catalog__block-basket-btn-wide { border-radius: 20px; background-color: #d6000a; width: 88px; color: #fff; height: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .catalog__block-basket { border-radius: 20px; background-color: #d6000a; width: 48px; color: #fff; height: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .catalog__block-basket:hover { background-color: #c0000a; } .catalog__block-basket-i { width: 24px; height: 24px; fill: #fff; display: block; } .catalog__block-phone { border-radius: 20px; background-color: #fff; width: 48px; height: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; border: 1px solid #d6000a; -webkit-transition: border-color 0.3s; transition: border-color 0.3s; } .catalog__block-phone:hover { border-color: #c0000a; } .catalog__block-phone:hover .catalog__block-phone-i { fill: #c0000a; } .catalog__block-phone-i { width: 18px; height: 18px; fill: #d6000a; -webkit-transition: fill 0.3s; transition: fill 0.3s; } .catalog__block-type { color: #c6c6c6; font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; display: block; margin-bottom: 5px; } @media (min-width: 1260px) { .catalog__block-type { font-size: 1.3rem; } } .catalog__block-name { font-size: 1.7rem; line-height: 2rem; letter-spacing: -0.05em; font-weight: 700; margin-bottom: 12px; color: #202020; display: block; -webkit-transition: color 0.3s; transition: color 0.3s; } @media (min-width: 770px) { .catalog__block-name { font-size: 1.8rem; line-height: 2rem; } } @media (min-width: 1260px) { .catalog__block-name { font-size: 2.1rem; line-height: 2.4rem; } } .catalog__block-name:hover { color: #c0000a; } .catalog__block-info { font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; } @media (min-width: 1260px) { .catalog__block-info { font-size: 1.3rem; } } .catalog__block-info th { font-weight: 400; text-align: left; color: #999; padding-right: 12px; padding-bottom: 3px; } .catalog__block-info td { padding-bottom: 3px; } .catalog__block-color { width: 12px; height: 12px; border-radius: 50%; margin-right: 1px; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .catalog__block-color_current { border: 1px solid red; } .catalog__block-header { width: calc(50% - 10px); margin-right: 10px; } .catalog__block-pic { display: block; } .catalog__block-pic img { display: block; width: 100%; } .catalog__block-content { width: 50%; position: relative; z-index: 20; } .catalog__footer { min-height: 48px; border-top: 1px solid #ececec; position: absolute; left: 0; right: 0; bottom: 0; z-index: 10; } .catalog__button-i { display: block; width: 16px; height: 16px; } .catalog__prev, .catalog__next { position: absolute; display: block; bottom: 0; padding: 16px 14px; z-index: 10; cursor: pointer; } .catalog__prev { left: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .catalog__next { right: 0; } .catalog__pag { border-top: 1px solid #ececec; 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; } .catalog__pag-text { display: none; } .catalog__pag-prev, .catalog__pag-next { padding: 24px 18px; cursor: pointer; color: #999; font-size: 1.4rem; line-height: 2rem; font-weight: 400; -webkit-transition: color 0.3s; transition: color 0.3s; } @media (min-width: 1260px) { .catalog__pag-prev, .catalog__pag-next { font-size: 1.5rem; } } .catalog__pag-prev:hover, .catalog__pag-next:hover { color: #202020; } .catalog__pag-prev { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .catalog__pag-block { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 16px 0; } .catalog__pag-item { width: 32px; height: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #999; margin: 0 2px; border-radius: 50%; -webkit-transition: all 0.3s; transition: all 0.3s; } .catalog__pag-item:hover { color: #202020; } .catalog__pag-item.current { background-color: #f8f6f4; color: #202020; } .catalog__list { margin-top: -1px; } .catalog__list .catalog__block { border-top: 1px solid #ececec; } .catalog__pref { border-top: 1px solid #ececec; padding: 16px 72px 16px 16px; min-height: 72px; -webkit-box-sizing: border-box; box-sizing: border-box; } .catalog__pref-select { position: relative; border: 1px solid #ececec; border-radius: 3px; min-height: 40px; background-color: #fff; } .catalog__pref-select select { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 12px; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; color: #202020; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } @media (min-width: 1260px) { .catalog__pref-select select { font-size: 1.5rem; } } .catalog__pref-select::before { content: ""; display: block; position: absolute; right: 12px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #c6c6c6; z-index: 5; } .catalog__filter .product__aside-help { display: none; } .catalog__filter-fields { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; } .catalog__filter-field { width: calc(50% - 8px); background-color: #ececec; position: relative; } .catalog__filter-field span { position: absolute; left: 11px; top: 8px; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } @media (min-width: 1260px) { .catalog__filter-field span { font-size: 1.5rem; } } .catalog__filter-field input { width: 100%; background: 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 8px 10px 8px 31px; -webkit-box-shadow: 0 0 0 #000; box-shadow: 0 0 0 #000; border: 0; border-radius: 0; color: #202020; font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: #c6c6c6; } @media (min-width: 1260px) { .catalog__filter-field input { font-size: 1.5rem; } } .catalog__filter-field input::-webkit-outer-spin-button, .catalog__filter-field input::-webkit-inner-spin-button { -webkit-appearance: none; } .catalog__filter-field input[type="number"] { -moz-appearance: textfield; } .catalog__filter-i { width: 20px; height: 20px; display: block; } .catalog__filter-header { padding: 18px 16px 16px; } .catalog__filter-h1 { font-size: 2.1rem; line-height: 2.3rem; letter-spacing: -0.05em; font-weight: 700; } @media (min-width: 770px) { .catalog__filter-h1 { font-size: 2.4rem; line-height: 2.8rem; } } @media (min-width: 1260px) { .catalog__filter-h1 { font-size: 2.8rem; line-height: 3.2rem; } } .catalog__filter-block { border-bottom: 1px solid #ececec; } .catalog__filter-block.opened .catalog__filter-content { display: block; } .catalog__filter-block.opened .catalog__filter-title::before { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .catalog__filter-title { font-size: 1.5rem; line-height: 2.4rem; font-weight: 400; color: #9a8c78; padding: 18px 16px 16px 38px; position: relative; display: block; cursor: pointer; -webkit-transition: color 0.3s; transition: color 0.3s; } @media (min-width: 1260px) { .catalog__filter-title { font-size: 1.6rem; } } .catalog__filter-title::before { content: ""; display: block; position: absolute; left: 16px; top: 26px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 6px solid #9a8c78; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: border-color 0.3s; transition: border-color 0.3s; } .catalog__filter-title:hover { color: #202020; } .catalog__filter-title:hover::before { border-bottom-color: #202020; } .catalog__filter-content { padding: 0 16px 24px; max-width: 334px; display: none; } .catalog__filter-2column { -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 10px; column-gap: 10px; } .catalog__filter-2column .checkbox__label { white-space: nowrap; overflow: visible; text-overflow: ellipsis; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; display: block; } .catalog__filter-close { position: absolute; right: 0; top: 0; width: 16px; height: 16px; -webkit-transform: rotate(45deg); transform: rotate(45deg); padding: 20px; cursor: pointer; } .catalog__filter-close::before, .catalog__filter-close::after { content: ""; display: block; background-color: #202020; position: absolute; } .catalog__filter-close::before { width: 16px; height: 2px; top: 27px; left: 20px; } .catalog__filter-close::after { height: 16px; width: 2px; left: 27px; top: 20px; } .catalog__filter-all { font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; color: #9a8c78; text-decoration: underline; -webkit-transition: color 0.3s; transition: color 0.3s; display: inline-block; margin-top: 6px; } @media (min-width: 1260px) { .catalog__filter-all { font-size: 1.3rem; } } .catalog__filter-all:hover { color: #202020; } .catalog__filter-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 16px; padding-bottom: 80px; } .catalog__filter-buttons .button { min-width: 178px; } .catalog__filter-clear { font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; color: #999; -webkit-transition: color 0.3s; transition: color 0.3s; } @media (min-width: 1260px) { .catalog__filter-clear { font-size: 1.3rem; } } .catalog__filter-clear:hover { color: #202020; } .catalog__filter-color { position: absolute; left: 24px; top: 1px; width: 17px; height: 17px; border-radius: 50%; display: block; } .catalog__filter-colors .checkbox__label { padding-left: 50px; } .catalog__sort, .catalog__view { display: none; } @media (min-width: 770px) { .catalog__pref-block + .catalog__pref-block { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 16px; } .catalog__pref-block + .catalog__pref-block .catalog__quantity { -webkit-transform: translateY(-2px); transform: translateY(-2px); } .catalog { margin-bottom: 24px; } .catalog__body .catalog__pref { padding-right: 0; } .catalog__body .catalog__view::before { display: none; } .catalog__series a { margin-right: 29px; } .catalog__series a::before { content: ""; width: 1px; height: 16px; background-color: #c6c6c6; position: absolute; right: -15px; top: 1px; } .catalog__series a:last-child::before { display: none; } .catalog__pref-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .catalog__pref-block + .catalog__pref-block { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 16px; } .catalog__pref-block + .catalog__pref-block .catalog__quantity { -webkit-transform: translateY(-2px); transform: translateY(-2px); } .catalog_list .catalog__body_full .catalog__list .catalog__block { width: 100%; } .catalog_list .catalog__body_full .catalog__block-footer { padding-left: 15px; } .catalog_list .catalog__list .catalog__block { width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 20px 0 70px; -webkit-box-sizing: border-box; box-sizing: border-box; } .catalog_list .catalog__list .catalog__block-header { width: 30%; margin-bottom: 0; margin-right: 15px; } .catalog_list .catalog__list .catalog__block-content { width: calc(70% - 15px); } .catalog_list .catalog__list .catalog__block-name { margin-right: 90px; } .catalog_list .catalog__list .catalog__block-footer { position: absolute; left: 30%; bottom: 24px; width: auto; padding-top: 0; } .catalog__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .catalog__list .catalog__block { border: 1px solid #ececec; margin: -1px 0 0 -1px !important; width: calc(33.3% + 1px); height: auto; } .catalog__tag { padding: 8px 16px; border-radius: 20px; } .catalog__tags { overflow: visible; } .catalog__tags .swiper-wrapper { -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; -ms-flex-wrap: wrap; flex-wrap: wrap; } .catalog__tags .swiper-prev, .catalog__tags .swiper-next { display: none; } .catalog__swiper { padding-bottom: 48px; } .catalog__swiper::before { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 48px; border-top: 1px solid #ececec; } .catalog__block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 33.3%; border-left: 1px solid #ececec; padding: 0 24px 24px; } .catalog__block .product__stickers { left: 16px; top: 16px; } .catalog__block-text { font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; display: block; padding-top: 12px; width: 85%; } } @media (min-width: 770px) and (min-width: 1260px) { .catalog__block-text { font-size: 1.3rem; } } @media (min-width: 770px) { .catalog__block:first-child { border-left: 0; } .catalog__block-header { width: 100%; margin-right: 0; margin-bottom: 9px; } .catalog__block-name { margin-bottom: 16px; } .catalog__block-best { top: 16px; left: 16px; } .catalog__block-icons { right: 16px; top: 21px; } .catalog__block-content { width: 100%; } .catalog__pag { margin-top: -1px; } .catalog__pag-text { display: block; } .catalog__pag-prev .catalog__button-i, .catalog__pag-next .catalog__button-i { display: none; } .catalog__pag-prev { -webkit-transform: rotate(0); transform: rotate(0); } .catalog__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .catalog__list .catalog__block { border: 1px solid #ececec; margin: -1px 0 0 -1px !important; width: calc(33.3% + 1px); height: auto; } .catalog__list .catalog__block:nth-child(3n + 1) { border-left: 0; } .catalog__list .catalog__block:nth-child(3n) { border-right: 0; } .catalog__pref { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .catalog__pref-select { width: 300px; } .catalog__view { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 10px; position: relative; } .catalog__view::before { content: ""; display: block; position: absolute; right: 0; top: -16px; bottom: -16px; border-right: 1px solid #ececec; } .catalog__view-icon, .catalog__view-i { display: block; width: 20px; height: 20px; } .catalog__view-i { fill: #999; -webkit-transition: fill 0.3s; transition: fill 0.3s; } .catalog__view-icon { padding: 12px; } .catalog__view-icon.current .catalog__view-i, .catalog__view-icon:hover .catalog__view-i { fill: #202020; } } @media (min-width: 1260px) { .catalog__alert { position: absolute; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 190px; -webkit-box-sizing: border-box; box-sizing: border-box; right: calc(100% + 18px); left: auto; bottom: auto; top: 0; } .catalog__alert::before { content: ""; display: block; position: absolute; right: -8px; top: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #d6000a; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .catalog__alert-button { color: #fff; background: 0 0; border: 0; font-size: 1.5rem; line-height: 2.4rem; font-weight: 400; cursor: pointer; text-decoration: none; padding: 0; margin: 0; } } @media (min-width: 1260px) and (min-width: 1260px) { .catalog__alert-button { font-size: 1.6rem; } } @media (min-width: 770px) { .catalog__prev, .catalog__next { position: absolute; top: 50%; background-color: #fff; border-radius: 50%; -webkit-box-shadow: 0 2px 4px 0 rgba(32, 32, 32, 0.06); box-shadow: 0 2px 4px 0 rgba(32, 32, 32, 0.06); z-index: 10; width: 30px; height: 30px; -webkit-transform: translate(0, -15px); transform: translate(0, -15px); cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.3s; transition: all 0.3s; padding: 0; } .catalog__prev:hover, .catalog__next:hover { -webkit-box-shadow: 0 2px 4px 0 rgba(32, 32, 32, 0.3); box-shadow: 0 2px 4px 0 rgba(32, 32, 32, 0.3); } .catalog__prev { left: -15px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .catalog__next { right: -15px; } } .noUi-target { height: 3px; background-color: #c6c6c6; -webkit-box-shadow: 0 0 0 #000; box-shadow: 0 0 0 #000; border: 0; padding: 0 18px 0 0; } .noUi-connect { background-color: #d6000a; } .noUi-handle { border-radius: 50%; width: 16px !important; height: 16px !important; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #9a8c78; background-color: #fff; } .noUi-handle::before, .noUi-handle::after { display: none; } .tippy-tooltip { background: 0 0; } .tippy-backdrop { background-color: rgba(255, 255, 255, 0.9); } .tippy-popper > div { font-size: 13px; line-height: 1.4; color: #202020; padding: 10px; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); } .product__icons-text { display: none; } .product__additional { padding: 0 30px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none; display: block; } .product__additional-about { padding-top: 20px; text-align: center; } .product__additional-wrap { padding: 40px 0; } .product__additional-descr { font-size: 1.7rem; line-height: 2rem; letter-spacing: -0.05em; font-weight: 700; color: #202020; margin-bottom: 10px; } @media (min-width: 770px) { .product__additional-descr { font-size: 1.8rem; line-height: 2rem; } } @media (min-width: 1260px) { .product__additional-descr { font-size: 2.1rem; line-height: 2.4rem; } } .product__additional-price { color: #d6000a; font-size: 1.7rem; line-height: 2rem; letter-spacing: -0.05em; font-weight: 700; } @media (min-width: 770px) { .product__additional-price { font-size: 1.8rem; line-height: 2rem; } } @media (min-width: 1260px) { .product__additional-price { font-size: 2.1rem; line-height: 2.4rem; } } .product__additional-more { color: #999; font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; } @media (min-width: 1260px) { .product__additional-more { font-size: 1.3rem; } } .product__additional-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .product__gallery { min-height: 50px; } .product__gallery img, .product__gallery picture { display: block; width: 100%; } .product__content { margin-bottom: 30px; } .product__content-buy { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } .product__content-buy .button { margin-right: 15px; width: 220px; } .product__content-body { margin-bottom: 30px; } .product__content-header { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 13px; } .product__content-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product__content-links a { margin-bottom: 10px; position: relative; padding-left: 26px; color: #9a8c78; display: inline-block; -webkit-transition: color 0.3s; transition: color 0.3s; font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; } @media (min-width: 1260px) { .product__content-links a { font-size: 1.3rem; } } .product__content-links a:hover { color: #202020; } .product__content-links a:hover .product__content-i { border-color: #202020; color: #202020; } .product__content-links a:hover .product__content-text { border-color: #202020; } .product__content-i { position: absolute; left: 0; top: -2px; width: 20px; height: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 11px; padding-top: 1px; border: 1px solid #9a8c78; -webkit-transition: all 0.3s; transition: all 0.3s; } .product__content-text { border-bottom: 1px dotted #9a8c78; -webkit-transition: all 0.3s; transition: all 0.3s; } .product__price { color: #d6000a; font-size: 2.1rem; line-height: 2.3rem; letter-spacing: -0.05em; font-weight: 700; } @media (min-width: 770px) { .product__price { font-size: 2.4rem; line-height: 2.8rem; } } @media (min-width: 1260px) { .product__price { font-size: 2.8rem; line-height: 3.2rem; } } .product__price-legend { font-size: 13px; color: #c6c6c6; } .product__price-old { color: #c6c6c6; text-decoration: line-through; font-size: 1.5rem; line-height: 2.4rem; font-weight: 400; } @media (min-width: 1260px) { .product__price-old { font-size: 1.6rem; } } .product__price-status { font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; font-weight: 700; position: relative; padding-left: 28px; text-transform: none; line-height: 1; margin-bottom: 10px; } @media (min-width: 1260px) { .product__price-status { font-size: 1.3rem; } } .product__price-status_in { color: #00ab8c; } .product__price-status_in .product__price-status-icon { background-color: #00ab8c; } .product__price-status_in .product__price-status-i { width: 10px; height: 7px; } .product__price-status_avialable { color: #00ab8c; } .product__price-status_avialable .product__price-status-icon { background-color: #00ab8c; } .product__price-status_no { color: #d6000a; } .product__price-status_no .product__price-status-icon { background-color: #d6000a; } .product__price-status_out { color: #d6000a; } .product__price-status_out .product__price-status-icon { background-color: #d6000a; } .product__price-status-icon { position: absolute; left: 0; top: -4px; width: 18px; height: 18px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .product__price-status-i { width: 8px; height: 8px; display: block; fill: #fff; } .product__present { background-color: #f66; padding: 12px 10px; text-align: center; color: #fff; font-size: 1.4rem; line-height: 2rem; font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 1260px) { .product__present { font-size: 1.5rem; } } .product__present-percent { width: 24px; height: 24px; border-radius: 6px; background-color: rgba(255, 255, 255, 0.2); display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; margin-right: 8px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: Circe, Helvetica, sans-serif; font-size: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 3px; position: relative; top: -2px; } .product__present_light { background-color: #f6a522; } .product__present_dark { background-color: #4a90e2; } .product__present-info { display: block; margin-bottom: 8px; position: relative; padding-left: 24px; } .product__present-more { padding: 4px 10px 3px; font-size: 1.1rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #fff; display: block; width: 140px; border-radius: 20px; border: 1px solid #fff; -webkit-transition: all 0.3s; transition: all 0.3s; } .product__present-more:hover { background-color: #fff; color: #202020; } .product__present-i { display: block; position: absolute; left: 0; top: 0; width: 16px; height: 16px; } .product__container { background-color: #fff; margin-bottom: 8px; padding: 16px 16px 23px; } .product__header { position: relative; padding-right: 35px; margin-bottom: 10px; } .product__type { margin-bottom: 5px; font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; color: #999; } @media (min-width: 1260px) { .product__type { font-size: 1.3rem; } } .product__title { font-size: 2.4rem; line-height: 2.8rem; letter-spacing: -0.05em; font-weight: 700; margin-bottom: 10px; } .product__header .product__title { margin-bottom: 0; } @media (min-width: 770px) { .product__title { font-size: 2.8rem; line-height: 3.2rem; } } @media (min-width: 1260px) { .product__title { font-size: 3.4rem; line-height: 3.6rem; } } .product__buttons { position: absolute; right: 0; top: 0; } .product__buttons .catalog__block-icon { margin-bottom: 10px; } .product__sidebar { position: relative; min-height: 200px; margin-bottom: 12px; } .product__stickers { position: absolute; left: 0; top: 0; z-index: 5; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product__sticker { width: 68px; height: 68px; border-radius: 50%; margin-right: 5px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px; font-size: 8px; line-height: 1.3; text-transform: uppercase; text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product__sticker-i { display: block; width: 16px; height: 11px; margin-bottom: 4px; } .product__sticker_showroom { background-color: #4a90e2; } .product__sticker_top { background-color: #f5a623; } .product__sticker_popular { background-color: #d0021b; } .product__sticker_popular .product__sticker-i { width: 14px; height: 21px; margin-top: -6px; margin-bottom: 5px; } .product__sticker_new { background-color: #00b5a7; } .product__sticker_profitable { background-color: #9a68c6; } .product__sticker_profitable .product__sticker-i { width: 20px; height: 18px; margin-top: -3px; margin-bottom: 7px; } .product__sticker_presents { background-color: #5560ce; } .product__sticker_presents .product__sticker-i { width: 18px; height: 18px; margin-top: -3px; margin-bottom: 6px; } .product__sticker_top2 { color: #4a90e2; border: 4px solid #4a90e2; background-color: #fff; } .product__sticker_best { background-image: url("/local/templates/lovePiano/i/heart.svg"); background-position: 50% 50%; } .product__sticker_best2 { background-color: #f66; } .product__footer { color: #999; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; white-space: nowrap; padding-top: 10px; } @media (min-width: 1260px) { .product__footer { font-size: 1.3rem; } } .product__print { color: #9a8c78; border-bottom: 1px dotted #9a8c78; -webkit-transition: all 0.3s; transition: all 0.3s; margin-right: 25px; } .product__print:hover { color: #202020; border-color: #202020; } .product__aside { background-color: #f8f6f4; } .product__aside-block { border-bottom: 1px solid #ececec; } .product__aside-block:last-child { border: 0; } .product__aside-block.opened .product__aside-header::before { -webkit-transform: scale(1, -1) translateY(-50%); transform: scale(1, -1) translateY(-50%); margin-top: -4px; } .product__aside-block.opened .product__aside-content { display: block; } .product__aside-header { display: block; padding: 12px 40px 12px 10px; font-size: 1.5rem; line-height: 2.4rem; font-weight: 400; color: #202020; cursor: pointer; position: relative; } @media (min-width: 1260px) { .product__aside-header { font-size: 1.6rem; } } .product__aside-header::before { content: ""; display: block; position: absolute; right: 13px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #9a8c78; } .product__aside-help { display: none; } .product__aside-content { display: none; padding: 0 10px 10px; font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; } @media (min-width: 1260px) { .product__aside-content { font-size: 1.3rem; } } .product__aside-text { margin-bottom: 6px; } .product__aside-list { margin-bottom: 6px; } .product__aside-list li { list-style: none; position: relative; padding-left: 12px; } .product__aside-list li::before { content: ""; display: block; position: absolute; left: 0; top: 6px; width: 4px; height: 4px; border-radius: 50%; background-color: #202020; } .product__location { margin-bottom: 8px; } .product__location-current { color: #9a8c78; border-bottom: 1px dotted #9a8c78; -webkit-transition: all 0.3s; transition: all 0.3s; display: inline-block; cursor: pointer; } .product__location-current:hover { color: #202020; border-color: #202020; } .product__about { font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; } @media (min-width: 1260px) { .product__about { font-size: 1.3rem; } } .product__about-title { font-size: 1.4rem; line-height: 2rem; font-weight: 400; font-weight: 700; margin-bottom: 12px; } @media (min-width: 1260px) { .product__about-title { font-size: 1.5rem; } } .product__about-tbl { width: 100%; margin-bottom: 4px; font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; } @media (min-width: 1260px) { .product__about-tbl { font-size: 1.3rem; } } .product__about-tbl th { font-weight: 400; text-align: left; padding-bottom: 3px; } .product__about-tbl td { text-align: right; padding-left: 10px; padding-bottom: 3px; } .product__about-link { color: #9a8c78; border-bottom: 1px dotted #9a8c78; -webkit-transition: all 0.3s; transition: all 0.3s; font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; } @media (min-width: 1260px) { .product__about-link { font-size: 1.3rem; } } .product__about-link:hover { border-color: #202020; color: #202020; } .product__about-descr { padding-top: 12px; } .product__about-descr.opened .product__about-hidden { display: block; } .product__about-descr.opened .product__about-shown { display: none; } .product__about-hidden { display: none; } .product__info { border-top: 1px solid #ececec; margin-bottom: 12px; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } @media (min-width: 1260px) { .product__info { font-size: 1.5rem; } } .product__info-block { border-bottom: 1px solid #ececec; padding: 12px 0; 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; } .product__info-label { display: block; width: 100px; font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; font-weight: 700; } @media (min-width: 1260px) { .product__info-label { font-size: 1.3rem; } } .product__info-func { width: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product__info-name { width: 80px; text-align: center; color: #c6c6c6; } .product__info-color { width: 16px; height: 16px; border-radius: 50%; display: block; margin-left: 8px; position: relative; margin-top: 2px; margin-bottom: 2px; } .product__info-color.current::before { content: ""; display: block; position: absolute; left: -3px; top: -3px; right: -3px; bottom: -3px; border: 1px solid #9a8c78; border-radius: 50%; } .product__player { width: 24px; height: 24px; margin: 2px 0 2px 12px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; border: 1px solid #828282; cursor: pointer; position: relative; -webkit-transition: border-color 0.3s; transition: border-color 0.3s; } .product__player:hover { border-color: #d6000a; } .product__player:hover::before { border-left-color: #d6000a; } .product__player::before { content: ""; display: block; position: absolute; left: 8px; top: 6px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 8px solid #828282; -webkit-transition: border-color 0.3s; transition: border-color 0.3s; } .product__player_pause::before { display: none; } .product__player_pause::after { display: block; content: ""; position: absolute; width: 7px; height: 9px; border: solid #828282; border-width: 0 2px; -webkit-box-sizing: border-box; box-sizing: border-box; left: 7px; top: 7px; -webkit-transition: border-color 0.3s; transition: border-color 0.3s; } .product__player_pause:hover::after { border-color: #d6000a; } @media (min-width: 770px) { .product__gallery picture { width: 85%; display: block; margin: 0 auto; } .product__price-status { padding-top: 10px; margin-bottom: 0; } .product__price-status-icon { top: 22px; } .product__content-links { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .product__content-body { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .product__content-header { width: 200px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .product__content-buy .button { width: 150px; margin-right: 5px; } .product__present { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 16px; } .product__present-percent { width: 30px; height: 30px; margin-right: 15px; font-size: 20px; padding-top: 3px; top: 0; } .product__present-info { margin-bottom: 0; margin-right: 27px; } .product__container { margin-bottom: 20px; padding: 20px 20px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product__header { padding-right: 70px; width: 100%; } .product__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product__footer { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .product__sidebar { width: calc(50% - 30px); margin-right: 30px; margin-bottom: 30px; } .product__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .product__content { width: 50%; margin-bottom: 30px; } .product__aside { width: 100%; } .product__content-body { margin-bottom: 23px; } .product__content-links { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .product__price-status { padding-top: 27px; } .product__info-block { min-height: 45px; padding: 3px 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .product__about-tbl th, .product__about-tbl td { padding-bottom: 3px; line-height: 1.5; } .product__about-descr { padding-top: 22px; line-height: 1.5; } .product__price_hidden { line-height: 22px; } } @media (min-width: 1260px) { .product__buttons { padding-top: 14px; width: calc(25% - 40px); -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .product__icons { display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #999; font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; margin-left: 15px; } } @media (min-width: 1260px) and (min-width: 1260px) { .product__icons { font-size: 1.3rem; } } @media (min-width: 1260px) { .product__icons:hover { color: #202020; } .product__icons-text { display: block; margin-left: 5px; } .product__price-status { padding-top: 23px; } .product__price-status-icon { top: 20px; } .product__header { margin-bottom: 31px; } .product__type { margin-bottom: 3px; } .product__title { margin-bottom: 31px; } .product__sticker { width: 76px; height: 76px; } .product__additional { padding-left: 40px; padding-right: 40px; padding-bottom: 0; } .product__additional-about { padding-top: 30px; } .product__present-info { padding-left: 31px; } .product__present-i { width: 22px; height: 22px; top: -3px; } .product__container { margin-bottom: 40px; padding: 23px 30px 15px; } .product__sidebar { width: calc(42% - 30px); } .product__content { width: 33%; } .product__price_hidden { font-size: 24px; line-height: 22px; } .product__aside { width: calc(25% - 40px); margin-left: 40px; padding-top: 30px; margin-top: -8px; } .product__aside-block { border: 0; margin-bottom: 44px; } .product__aside-content { display: block; padding: 0 20px; } .product__aside-header { padding: 0 20px 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .product__aside-header::before { display: none; } .product__aside-help { width: 18px; height: 18px; border-radius: 50%; border: 1px solid #ececec; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #999; font-size: 12px; cursor: help; -webkit-transition: border-color 0.3s; transition: border-color 0.3s; } .product__aside-help:hover { border-color: #999; } } .info { background-color: #fff; } .info .comments__rating { width: 100px; } .info__comment-good, .info__comment-bad { position: relative; padding-left: 30px; display: block; margin-right: 30px; cursor: pointer; } .info__comment-good:hover .info__comment-i, .info__comment-bad:hover .info__comment-i { fill: #202020; } .info__comment-bad { margin-right: 0; } .info__comment-bad .info__comment-i { -webkit-transform: rotate(180deg); transform: rotate(180deg); top: -1px; } .info__comment-i { width: 20px; height: 20px; fill: #999; position: absolute; left: 0; top: -4px; -webkit-transition: fill 0.3s; transition: fill 0.3s; } .info__comment-checked .info__comment-i { fill: #202020; } .info__comment-container { margin-bottom: 20px; max-width: 800px; } .info__comment-block { margin-bottom: 30px; position: relative; } .info__comment-message { font-size: 1.4rem; line-height: 2rem; font-weight: 400; margin-bottom: 20px; } @media (min-width: 1260px) { .info__comment-message { font-size: 1.5rem; } } .info__comment-info { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 25px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .info__comment-avatar { display: block; width: 56px; height: 56px; margin-right: 16px; border-radius: 50%; } .info__comment-user { font-size: 1.7rem; line-height: 2rem; letter-spacing: -0.05em; font-weight: 700; } @media (min-width: 770px) { .info__comment-user { font-size: 1.8rem; line-height: 2rem; } } @media (min-width: 1260px) { .info__comment-user { font-size: 2.1rem; line-height: 2.4rem; } } .info__comment-location { color: #999; } .info__comment-useful { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; } @media (min-width: 1260px) { .info__comment-useful { font-size: 1.3rem; } } .info__comment-question { margin-right: 30px; } .info__comment-rating { font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10px; } @media (min-width: 1260px) { .info__comment-rating { font-size: 1.3rem; } } .info__comment-rating-inner { margin-right: 20px; margin-bottom: 10px; } .info__comment-stars { height: 12px; width: 55px; background: url("/local/templates/lovePiano/i/star_grey.svg") repeat-x; background-size: 11px 11px; } .info__comment-stars-inner { height: 12px; background: url("/local/templates/lovePiano/i/star_red.svg") repeat-x #fff; background-size: 11px 11px; } .info .comments__file { /*bottom: auto; top: 110px*/ top: auto; bottom: 8px; } .info textarea.field { padding-bottom: 40px; } .info__rating { width: 100px; height: 20px; background: url("/local/templates/lovePiano/i/star_grey.svg") repeat-x; } .info__rating-form { max-width: 568px; } .info__rating-inner { height: 20px; display: block; background: url("/local/templates/lovePiano/i/star_red.svg") repeat-x #fff; } .info__rating-container { margin-bottom: 20px; width: 270px; } .info__rating-block { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .info__rating-label { font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; font-weight: 700; color: #9a8c78; } @media (min-width: 1260px) { .info__rating-label { font-size: 1.3rem; } } .info__block.opened .info__content { display: block; } .info__block.opened .info__tab::before { -webkit-transform: translateY(-50%) scale(1, -1); transform: translateY(-50%) scale(1, -1); } .info__tab { display: block; color: #202020; font-weight: 700; background-color: #fdfbf9; padding: 16px 40px 16px 20px; position: relative; cursor: pointer; } .info__tab::before { content: ""; display: block; position: absolute; right: 13px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #9a8c78; } .info__tab-counter { font-weight: 400; color: #9a8c78; margin-left: 2px; } .info__content { padding: 25px 20px; display: none; } .info__content p { margin-bottom: 12px; } .info__content p:last-child { margin-bottom: 0; } .info__title { margin-bottom: 28px; font-size: 2.1rem; line-height: 2.3rem; letter-spacing: -0.05em; font-weight: 700; } @media (min-width: 770px) { .info__title { font-size: 2.4rem; line-height: 2.8rem; } } @media (min-width: 1260px) { .info__title { font-size: 2.8rem; line-height: 3.2rem; } } .info__table { width: 100%; max-width: 500px; margin-bottom: 20px; } .info__table td, .info__table th { font-weight: 400; text-align: left; width: 50%; padding-bottom: 8px; } .info__table th { padding-right: 10px; } .info__video { display: block; position: relative; padding-top: 55%; width: 100%; overflow: hidden; margin-bottom: 20px; } .info__video iframe, .info__video .video-box-link__inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .info__audio { border-bottom: 1px solid #ececec; padding: 15px 0; } .info__audio:first-child { padding-top: 0; } .info__audio:last-child { border: 0; } .info__audio-author { color: #9a8c78; margin-bottom: 12px; } .info__audio-author b { color: #202020; display: block; } .info__audio-content { margin-bottom: 18px; } .info__audio-date { color: #999; font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; } @media (min-width: 1260px) { .info__audio-date { font-size: 1.3rem; } } @media (min-width: 770px) { .info__tab::before { right: 23px; } .info__audio { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .info__audio-author { width: 23%; margin-right: 20px; } .info__audio-date { width: 80px; text-align: right; } .info__audio-content { width: calc(77% - 150px); } .info__video { width: calc(50% - 20px); margin-left: 20px; padding-top: 25%; } .info__video-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -20px; } } @media (min-width: 1260px) { .info { position: relative; padding-top: 64px; } .info::before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; height: 64px; background-color: #f8f6f4; } .info__comment-useful { position: absolute; right: 0; top: 85px; } .info__block.opened .info__tab { background: #fff; } .info__block:nth-child(2) .info__tab { left: 190px; } .info__block:nth-child(3) .info__tab { left: 380px; } .info__block:nth-child(4) .info__tab { left: 570px; } .info__block:nth-child(5) .info__tab { left: 760px; } .info__block:nth-child(6) .info__tab { left: 950px; } .info__tab { position: absolute; left: 0; top: 0; font-size: 18px; font-weight: 700; display: -webkit-box; display: -ms-flexbox; display: flex; height: 64px; width: 190px; padding: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 5; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .info__tab:hover { background-color: #ececec; } .info__tab::before { display: none; } .info__tab-counter { margin-left: 6px; } .info__content { padding: 50px 32px; } .info__audio { padding: 50px 0; min-height: 100px; } .info__audio-author { width: 200px; } .info__audio-content { width: calc(100% - 350px); } } .kit__container { overflow: hidden; width: calc(100% + 40px); margin: 0 -20px; padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-bottom: 48px; border-bottom: 1px solid #ececec; position: relative; } .kit__name { font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; } @media (min-width: 1260px) { .kit__name { font-size: 1.3rem; } } .kit__block { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .kit__new { padding-top: 30px; } .kit__new-title { font-size: 2.4rem; line-height: 2.8rem; letter-spacing: -0.05em; font-weight: 700; margin-bottom: 8px; } @media (min-width: 770px) { .kit__new-title { font-size: 2.8rem; line-height: 3.2rem; } } @media (min-width: 1260px) { .kit__new-title { font-size: 3.4rem; line-height: 3.6rem; } } .kit__new-block { margin-bottom: 12px; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } @media (min-width: 1260px) { .kit__new-block { font-size: 1.5rem; } } .kit__new .button { width: 256px; } .kit__buy { margin-left: -20px; margin-right: -20px; /* width: calc(100% + 40px); */ width: 100%; background-color: #f9f6f3; padding-bottom: 25px; display: block; } .kit__buy .product__content-buy { width: 210px; margin: 0 auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .kit__buy .product__content-buy .catalog__block-basket { min-width: 48px; } .kit__buy .product__content-buy .button_sec { margin-right: 8px; } .kit__buy .kit__sum { padding: 17px 0 7px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kit__buy .kit__sum_new { font-size: 1.7rem; line-height: 2rem; letter-spacing: -0.05em; font-weight: 700; color: #d6000a; margin-right: 10px; } @media (min-width: 770px) { .kit__buy .kit__sum_new { font-size: 1.8rem; line-height: 2rem; } } @media (min-width: 960px) { .kit__buy .kit__sum_new { font-size: 2.1rem; line-height: 2.4rem; } } .kit__buy .kit__sum_old { font-size: 1.5rem; line-height: 2.4rem; font-weight: 400; color: #c6c6c6; font-weight: 400; text-decoration: line-through; } @media (min-width: 960px) { .kit__buy .kit__sum_old { font-size: 1.6rem; } } .kit__save { padding: 4px 20px 3px; background-color: rgba(255, 102, 102, 0.2); text-align: center; font-size: 1.1rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; } .kit__type { color: #9a8c78; margin-bottom: 2px; } .kit__title { color: #999; font-size: 2.1rem; line-height: 2.3rem; letter-spacing: -0.05em; font-weight: 700; margin-bottom: 35px; } @media (min-width: 770px) { .kit__title { font-size: 2.4rem; line-height: 2.8rem; } } @media (min-width: 960px) { .kit__title { font-size: 2.8rem; line-height: 3.2rem; } } .kit__title b { color: #d6000a; } .kit__plus { width: 23px; height: 23px; border-radius: 50%; border: 1px solid #ececec; -webkit-box-sizing: border-box; box-sizing: border-box; top: -32px; position: absolute; left: calc(50% - 11px); display: block; } .kit__plus::before, .kit__plus::after { content: ""; display: block; position: absolute; background-color: #999; } .kit__plus::before { width: 1px; height: 9px; top: 6px; left: 10px; } .kit__plus::after { height: 1px; width: 9px; top: 10px; left: 6px; } .kit__group { position: relative; } .kit__group > .kit__plus { display: none; } .kit__group:first-child .kit__plus { display: none; } .kit__product { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; margin-bottom: 40px; padding: 6px 12px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #fff; } .kit__product_free { border-color: #d6000a; } .kit__product_free .kit__sum_new { position: relative; padding-left: 22px; } .kit__product_free .kit__sum_i { width: 16px; height: 16px; position: absolute; left: 0; top: 0; display: block; } .kit__product .kit__sum_new { display: block; color: #d6000a; font-size: 1.4rem; line-height: 2rem; font-weight: 400; font-weight: 700; } @media (min-width: 960px) { .kit__product .kit__sum_new { font-size: 1.5rem; } } .kit__product .kit__sum_old { color: #c6c6c6; text-decoration: line-through; font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; } @media (min-width: 960px) { .kit__product .kit__sum_old { font-size: 1.3rem; } } .kit__product-type { color: #9a8c78; font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; margin-bottom: 3px; } @media (min-width: 960px) { .kit__product-type { font-size: 1.3rem; } } .kit__product:first-child .kit__plus { display: none; } .kit__pic { display: block; margin-right: 12px; width: 40%; } .kit__name { margin-bottom: 8px; color: #202020; } @media (min-width: 960px) { .kit__group > .kit__plus { display: block; } .kit__pic { min-width: 50%; } .kit__buy { width: 22%; min-width: 22%; } .kit__buy .button { width: 200px; } .kit__save { color: #d6000a; } .kit__group { margin-right: 40px; width: 24%; min-width: 24%; } .kit__group:first-child { width: calc(26% - 60px); min-width: calc(26% - 60px); } .kit__group:first-child .kit__product { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .kit__group:first-child .kit__pic { width: 100%; margin: 0 0 8px; } .kit__group:first-child .kit__name { font-size: 1.5rem; line-height: 2.4rem; font-weight: 400; } } @media (min-width: 960px) and (min-width: 960px) { .kit__group:first-child .kit__name { font-size: 1.6rem; } } @media (min-width: 960px) { .kit__group:first-child .kit__sum { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .kit__group:first-child .kit__sum_new { font-size: 1.7rem; line-height: 2rem; letter-spacing: -0.05em; font-weight: 700; } } @media (min-width: 1260px) and (min-width: 770px) { .kit__group:first-child .kit__sum_new { font-size: 1.8rem; line-height: 2rem; } } @media (min-width: 960px) and (min-width: 960px) { .kit__group:first-child .kit__sum_new { font-size: 2.1rem; line-height: 2.4rem; } } @media (min-width: 960px) { .kit__group:first-child .kit__sum_old { font-size: 1.5rem; line-height: 2.4rem; font-weight: 400; margin-left: 10px; } } @media (min-width: 960px) and (min-width: 960px) { .kit__group:first-child .kit__sum_old { font-size: 1.6rem; } } @media (min-width: 960px) { .kit__group .kit__plus { left: -32px; top: calc(50% - 20px); } .kit__product { margin-bottom: 16px; } .kit__product .kit__plus { display: none; } .kit__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kit__block { width: 100% !important; margin-right: 0 !important; border-top: 1px solid #ececec; margin-top: 10px; padding-top: 30px; } .kit__block:first-child { padding-top: 0; margin-top: 0; border-top: 0; } .kit .catalog__footer { display: none; } .kit .swiper-pagination { display: none; } .kit .swiper-wrapper { -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .kit__new { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 60px; padding-bottom: 30px; } .kit__new-block { margin-bottom: 0; margin-right: 40px; } } @media (max-width: 1260px) and (min-width: 960px) { .kit__block .kit__name { height: auto; } .kit__buy .product__content-buy { flex-direction: column; } .kit__buy .product__content-buy .js-dialog-show[data-dialog="fast_buy"] { margin-bottom: 10px; } } .gallery { display: none; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .gallery__video-overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 5; cursor: pointer; } .gallery__preview { display: block; width: 100%; } .gallery__preview-wrap { display: none; cursor: crosshair; } .gallery__preview-wrap_video { cursor: pointer; position: relative; padding-top: 100%; } .gallery__preview-wrap_video iframe { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; } .gallery__preview-wrap_video .video-box-link { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .gallery__preview-block { width: 54%; position: relative; margin: 0 auto; } .gallery__preview-prev, .gallery__preview-next { display: block; position: absolute; top: 50%; margin-top: -10px; font-size: 0; background: 0 0; border: 0; width: 13px; height: 13px; padding: 15px; cursor: pointer; } .gallery__preview-prev:hover::before, .gallery__preview-next:hover::before { border-color: #202020; } .gallery__preview-prev::before, .gallery__preview-next::before { content: ""; display: block; position: absolute; width: 13px; height: 13px; border: solid #828282; border-width: 1px 0 0 1px; top: 10px; left: 10px; -webkit-transition: border-color 0.3s; transition: border-color 0.3s; } .gallery__preview-prev { left: -38px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .gallery__preview-next { right: -38px; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .gallery__tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 9.6%; position: relative; overflow: hidden; padding-left: 5px; margin-left: -5px; } .gallery__tabs .swiper-wrapper { position: absolute; left: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .gallery__tabs-item { display: block; margin-bottom: 10px; position: relative; height: auto; } .gallery__tabs-item::before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: 1px solid #d6000a; opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .gallery__tabs-item img { display: block; width: 100%; } .gallery__tabs-item.current::before, .gallery__tabs-item.current::after { opacity: 1; } .gallery__video-inwork .gallery__video-i_big { display: none; } .gallery__video-track { width: 100%; height: 3px; position: absolute; left: 0; bottom: -3px; background-color: #c6c6c6; } .gallery__video-progress { height: 3px; background: #202020; -webkit-transition: width 0.3s; transition: width 0.3s; width: 0; } .gallery__video-i, .gallery__video-i_big { position: absolute; width: 25px; height: 25px; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #918479; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .gallery__video-i::before, .gallery__video-i_big::before { content: ""; display: block; border-left: 9px solid #918479; border-top: 6px solid transparent; border-bottom: 6px solid transparent; left: 8px; top: 6px; position: absolute; } .gallery__video-i::after, .gallery__video-i_big::after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; content: ""; } .gallery__video-i_big { width: 40px; height: 40px; } .gallery__video-i_big::before { border-left-width: 16px; border-top-width: 10px; border-bottom-width: 10px; left: 13px; top: 9px; } .gallery_m { display: block; margin-bottom: 20px; margin-left: -20px; margin-right: -20px; overflow: hidden; width: calc(100% + 40px); position: relative; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .gallery_m .gallery__preview-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(100% - 40px); -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; position: relative; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .gallery_m .swiper-pagination { bottom: 11px; z-index: 5; } .gallery_m .swiper-pagination-bullet { margin-left: 2px !important; margin-right: 3px !important; width: 6px; height: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; border: 1px solid #d6000a; background: 0 0; opacity: 1; } .gallery_m .swiper-pagination-bullet-active { background-color: #d6000a; } @media (min-width: 770px) { .gallery { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; display: -webkit-box; display: -ms-flexbox; display: flex; } .gallery__video-block { width: 80%; margin: 0 auto; position: relative; padding-top: 85%; } .gallery_m { display: none; } .gallery__preview-wrap_video { width: 85%; padding-top: 0; margin: 0 auto; } .gallery__preview-wrap_video .video-box-link { position: relative; display: block; padding-top: 100%; } .gallery__preview-wrap_video .video-box-link__inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .gallery__preview-block { width: 100%; margin-bottom: 15px; } .gallery__preview-prev { left: 2px; } .gallery__preview-next { right: 2px; } .gallery__tabs { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; padding-left: 0; margin-left: 0; } .gallery__tabs .swiper-wrapper { position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-top: 5px; } .gallery__tabs-item { margin-bottom: 0; margin-left: 10px; width: 50px; } .gallery__tabs-item::after { left: 0; bottom: auto; top: -5px; height: 2px; width: 100%; } .gallery__tabs-item:first-child { margin-left: 0; } } .basket__sidebar { background-color: #fff; padding: 22px 16px 20px; margin-bottom: 8px; } .basket__sidebar-promocode { border-top: 1px solid #ececec; margin: 22px -16px 0; padding: 20px 16px 0; } .basket__sidebar-button { margin-bottom: 20px; } .basket__sidebar-button .button { width: 100%; } .basket__sidebar-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 12px; } .basket__sidebar-total { font-size: 1.7rem; line-height: 2rem; letter-spacing: -0.05em; font-weight: 700; } @media (min-width: 770px) { .basket__sidebar-total { font-size: 1.8rem; line-height: 2rem; } } @media (min-width: 1260px) { .basket__sidebar-total { font-size: 2.1rem; line-height: 2.4rem; } } .basket__sidebar-sum { text-align: right; } .basket__sidebar-new { color: #d6000a; font-size: 1.7rem; line-height: 2rem; letter-spacing: -0.05em; font-weight: 700; } @media (min-width: 770px) { .basket__sidebar-new { font-size: 1.8rem; line-height: 2rem; } } @media (min-width: 1260px) { .basket__sidebar-new { font-size: 2.1rem; line-height: 2.4rem; } } .basket__sidebar-old { color: #999; text-decoration: line-through; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } @media (min-width: 1260px) { .basket__sidebar-old { font-size: 1.5rem; } } .basket__content { margin-bottom: 8px; background-color: #fff; } .basket__content .catalog__block-info td, .basket__content .catalog__block-info th { padding-top: 3px; } .basket__header { padding: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #ececec; } .basket__header-return { display: none; } .basket__header-title { font-size: 2.4rem; line-height: 2.8rem; letter-spacing: -0.05em; font-weight: 700; } @media (min-width: 770px) { .basket__header-title { font-size: 2.8rem; line-height: 3.2rem; } } @media (min-width: 1260px) { .basket__header-title { font-size: 3.4rem; line-height: 3.6rem; } } .basket__header-counter { color: #9e9890; margin-left: 5px; font-weight: 400; } .basket__list { display: block; } .basket__item { position: relative; padding: 23px 16px 25px; } .basket__counter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 90px; margin-bottom: 16px; padding-top: 10px; } .basket__counter-value { width: 40px; margin: 0 5px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0; background-color: #fff; text-align: center; font-size: 1.5rem; line-height: 2.4rem; font-weight: 400; -moz-appearance: textfield; } @media (min-width: 1260px) { .basket__counter-value { font-size: 1.6rem; } } .basket__counter-value::-webkit-outer-spin-button, .basket__counter-value::-webkit-inner-spin-button { -webkit-appearance: none; } .basket__counter-value:disabled { opacity: 1; color: #202020; background-color: #fff; } .basket__counter-minus, .basket__counter-plus { display: block; border-radius: 50%; width: 19px; min-width: 19px; max-width: 19px; font-size: 0; height: 19px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #c6c6c6; cursor: pointer; -webkit-transition: border-color 0.3s; transition: border-color 0.3s; position: relative; background-color: #fff; } .basket__counter-minus::before, .basket__counter-plus::before { content: ""; display: block; position: absolute; width: 7px; height: 1px; background-color: #999; left: 5px; top: 8px; } .basket__counter-minus:hover, .basket__counter-plus:hover { border-color: #202020; } .basket__counter-plus::after { content: ""; display: block; position: absolute; background-color: #999; height: 7px; width: 1px; top: 5px; left: 8px; } .basket__remove { position: absolute; right: 16px; bottom: 40px; color: #999; text-decoration: none; -webkit-transition: color 0.3s; transition: color 0.3s; } .basket__remove:hover { color: #d6000a; } .basket__block { padding-top: 23px; padding-bottom: 23px; } .basket__block .catalog__block-header { width: calc(50% - 20px); max-width: 200px; } .basket__footer { margin-top: 10px; } .basket__footer .button { max-width: 180px !important; width: 100%; min-width: 0; } .basket__buttons { padding-top: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: -10px; } .basket__button { display: block; width: 22px; height: 22px; padding: 10px; cursor: pointer; -webkit-transition: color 0.3s; transition: color 0.3s; color: #999; } .basket__button_remove .basket__button-i { position: relative; top: -2px; left: 3px; } .basket__button:hover { text-decoration: underline; } .basket__button-text { display: none; } .basket__button-i { display: block; width: 22px; height: 22px; fill: #999; -webkit-transition: fill 0.3s; transition: fill 0.3s; } @media (min-width: 770px) { .basket__button { width: auto; height: auto; padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .basket__button-text { display: block; font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; } } @media (min-width: 770px) and (min-width: 1260px) { .basket__button-text { font-size: 1.3rem; } } @media (min-width: 770px) { .basket__button-i { margin-right: 10px; } .basket__remove { right: 20px; bottom: 20px; } .basket__price-block { text-align: right; width: 100px; } .basket__counter { padding-top: 1px; } .basket__block { padding-top: 24px !important; padding-bottom: 18px !important; } .basket__block_fav .catalog__block-content { -ms-flex-wrap: wrap; flex-wrap: wrap; } .basket__block_fav .basket__footer { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 10px; } .basket__block .catalog__block-best { width: 60px; height: 60px; } .basket__block .catalog__block-header { max-width: 150px; } .basket__block .catalog__block-inner { width: 55%; } .basket__block .catalog__block-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: calc(100% - 183px) !important; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .basket__header { padding: 18px 16px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .basket__header-return { display: block; color: #999; -webkit-transition: color 0.3s; transition: color 0.3s; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } } @media (min-width: 770px) and (min-width: 1260px) { .basket__header-return { font-size: 1.5rem; } } @media (min-width: 770px) { .basket__header-return:hover { color: #202020; } } @media (min-width: 1260px) { .basket__remove { right: 30px; } .basket__block { padding-left: 30px !important; padding-right: 30px !important; } .basket__block .catalog__block-content { width: calc(100% - 165px) !important; } .basket__counter-value { padding-top: 5px; } .basket__header { padding: 28px 30px; } .basket__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; } .basket__sidebar { min-width: 26%; width: 26%; position: -webkit-sticky; position: sticky; top: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 25px 20px 20px; margin: 0; } .basket__content { min-width: calc(74% - 20px); width: calc(74% - 20px); -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; } .basket__content_full { width: 100%; } } .hide { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.3s, visibility 0s 0.3s; transition: opacity 0.3s, visibility 0s 0.3s; } .show { visibility: visible; opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; } .co__info { color: #9a8c78; } .co__info a { color: #9a8c78; text-decoration: none; } .co__overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #fff; z-index: 5; opacity: 0.6; } .co__container { padding: 0 16px; } .co__title { font-size: 2.1rem; line-height: 2.3rem; letter-spacing: -0.05em; font-weight: 700; } @media (min-width: 770px) { .co__title { font-size: 2.4rem; line-height: 2.8rem; } } @media (min-width: 1260px) { .co__title { font-size: 2.8rem; line-height: 3.2rem; } } .co__steps { padding-top: 40px; padding-bottom: 10px; } .co__steps-wrapper { max-width: 350px; } .co__steps-header { margin-bottom: 30px; } .co__steps-header .co__title { position: relative; padding-left: 52px; } .co__steps-help { font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; color: #9a8c78; margin-bottom: 12px; padding-top: 7px; } @media (min-width: 1260px) { .co__steps-help { font-size: 1.3rem; } } .co__steps-icon { width: 40px; height: 40px; display: block; position: absolute; left: 0; top: -10px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; border: 1px solid #ececec; } .co__steps-i { position: absolute; width: 17px; height: 17px; left: 11px; top: 10px; fill: #6ba53a; } .co__steps-checked, .co__steps-current { display: none; } .co__steps-important { display: block; color: #d6000a; font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; position: absolute; bottom: 12px; } @media (min-width: 1260px) { .co__steps-important { font-size: 1.3rem; } } .co__steps-payment { list-style: none; margin: 0 -16px; } .co__steps-payment label { display: block; padding: 16px 24px; margin-top: -1px; border: solid #ececec; border-width: 1px 0; color: #9a8c78; min-height: 100px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .co__steps-payment input[type="radio"] { display: none; } .co__steps-payment input[type="radio"]:checked + .co__steps-checked { display: block; width: 22px; height: 22px; fill: #d6000a; position: absolute; margin-right: 12px; } .co__steps-payment input[type="radio"]:checked + .co__steps-checked + .co__steps-current { display: block; position: absolute; left: 0; right: 0; top: -1px; bottom: -1px; border: solid #d6000a; border-width: 1px 0; z-index: 5; } .co__steps-payment input[type="radio"]:checked + .co__steps-checked + .co__steps-current + .co__steps-text { padding-left: 34px; } .co__block { padding: 35px 16px 50px; border-bottom: 1px solid #ececec; margin: 0 -16px; } .co__block .co__title { margin-bottom: 24px; } .co__block:last-child { border-bottom: 0; } .co__extra-block.opened .product__about-hidden { display: block; } .co__extra-block.opened .product__about-shown { display: none; } .co__extra-descr { font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; margin-top: 5px; margin-right: 0; } @media (min-width: 1260px) { .co__extra-descr { font-size: 1.3rem; } } .co__extra-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #ececec; padding: 15px 0 20px 34px; position: relative; } .co__extra-item input[type="checkbox"] { display: none; } .co__extra-item .checkbox { top: 16px; } .co__extra-price { text-align: right; width: 50px; margin-left: 10px; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; color: #d6000a; white-space: nowrap; } .co__extra-name { display: none; } .co__extra-content { width: calc(100% - 60px); -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .co__extra-type { font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: #9a8c78; } @media (min-width: 1260px) { .co__extra-type { font-size: 1.5rem; } } .co__extra-namemob { margin-bottom: 18px; } .co__extra-more { font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; color: #999; border-bottom: 1px dotted #999; -webkit-transition: all 0.3s; transition: all 0.3s; } @media (min-width: 1260px) { .co__extra-more { font-size: 1.3rem; } } .co__extra-more:hover { color: #333333; border-color: #333333; } .co__sidebar { border-bottom: 1px solid #ececec; margin: 0 -16px; padding: 0 16px 25px; } .co__sidebar-hidden { display: none; } .co__sidebar.opened .co__sidebar-hidden { display: block; } .co__sidebar.opened .co__sidebar-hidden:last-child { border-bottom: 0; } .co__sidebar.opened .co__sidebar-all { display: none; } .co__sidebar-sum { padding-top: 12px; padding-bottom: 30px; color: #9a8c78; } .co__sidebar-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 1.4rem; line-height: 2rem; font-weight: 400; padding: 4px 0; width: 100%; } @media (min-width: 1260px) { .co__sidebar-item { font-size: 1.5rem; } } .co__sidebar-item:last-child { border-bottom: 0; } .co__sidebar-price { width: 70px; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; text-align: right; } .co__sidebar-value { width: 150px; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .co__sidebar-title { font-size: 1.5rem; line-height: 2.4rem; font-weight: 400; color: #999; margin-bottom: 17px; } @media (min-width: 1260px) { .co__sidebar-title { font-size: 1.6rem; } } .co__sidebar-list { border-top: 1px solid #ececec; padding: 6px 0 9px; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } @media (min-width: 1260px) { .co__sidebar-list { font-size: 1.5rem; } } .co__sidebar-list:last-child { margin-bottom: 16px; border-bottom: 1px solid #ececec; } .co__sidebar-all { color: #999; border-bottom: 1px dotted #999; font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; } @media (min-width: 1260px) { .co__sidebar-all { font-size: 1.3rem; } } .co__sidebar-all:hover { color: #202020; border-color: #202020; } .co__sidebar-type, .co__sidebar-price_list { color: #999; } .co__sidebar-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .co__delivery-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 32px; margin-bottom: 20px; } .co__delivery-item input { display: none; } .co__delivery-item input:checked + .co__delivery-radio::before { opacity: 1; } .co__delivery-radio { position: absolute; left: 0; top: -1px; border-radius: 50%; border: 1px solid #9a8c78; width: 20px; height: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .co__delivery-radio::before { content: ""; display: block; position: absolute; left: 4px; top: 4px; background-color: #9a8c78; border-radius: 50%; width: 10px; height: 10px; opacity: 0; } .co__delivery-type { font-size: 1.7rem; line-height: 2rem; letter-spacing: -0.05em; font-weight: 700; } @media (min-width: 770px) { .co__delivery-type { font-size: 1.8rem; line-height: 2rem; } } @media (min-width: 1260px) { .co__delivery-type { font-size: 2.1rem; line-height: 2.4rem; } } .co__delivery-price { color: #d6000a; } .co__delivery-block { margin-bottom: 32px; } .co__map-sec { color: #999; } .co__map-metro { color: #d6000a; font-family: Times, serif; font-weight: 700; } @media (min-width: 770px) { .co__steps { position: relative; } .co__steps-icon { background-color: #fff; z-index: 5; } .co__steps::before { border-left: 1px solid #ececec; margin-left: 20px; content: ""; position: absolute; left: 0; top: 0; bottom: 0; } .co__steps:first-child::before { top: 40px; } .co__steps:last-child::before { bottom: auto; height: 40px; } .co__steps-icon { top: -7px; } .co__extra-name { display: block; width: calc(50% - 40px); } .co__extra-content { width: calc(50% - 40px); } .co__steps-payment { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 16px; } .co__steps-payment li { width: calc(50% - 5px); margin-bottom: 10px; } .co__steps-payment label { border: 1px solid #ececec; } .co__steps-payment input[type="radio"]:checked + .co__steps-checked + .co__steps-current { left: -1px; right: -1px; border-width: 1px; } .co__steps-body, .co__block { padding-left: 54px; } .co__extra-namemob { display: none; } } @media (min-width: 1260px) { .co__container { margin-left: 50px; margin-right: 50px; padding: 0; } .co__block { padding-left: 100px; padding-right: 50px; margin: 0 -50px; } .co__delivery-radio { top: 0; } } .action__container { margin-bottom: 8px; } .action__title { font-size: 2.1rem; line-height: 2.3rem; letter-spacing: -0.05em; font-weight: 700; margin-bottom: 10px; } @media (min-width: 770px) { .action__title { font-size: 2.4rem; line-height: 2.8rem; } } @media (min-width: 1260px) { .action__title { font-size: 2.8rem; line-height: 3.2rem; } } .action__descr { margin-bottom: 20px; color: #999; } .action__block { background-color: #fff; padding: 16px; border-bottom: 1px solid #ececec; } .action__block-img { max-width: 100%; } .action__block .button { max-width: 200px; } .action__block:last-child { border-bottom: 0; } .action__block-inner { margin-bottom: 27px; } .action__block-inner p { margin-top: 10px; } .action__block-inner p:first-child { margin-top: 0; } .action__pic { display: block; margin-bottom: 36px; max-width: 320px; } .action__pic img { display: block; width: 100%; max-width: 320px; } .action__info { display: none; background-color: #f8f6f4; padding: 28px 20px; max-width: 100%; width: 100%; margin: 0; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; } .action__info-title { font-size: 1.1rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #9a8c78; margin-bottom: 27px; } .action__info dt { margin-bottom: 5px; font-weight: 700; } .action__info dd { margin-bottom: 29px; } .action__info dd a { color: #999; -webkit-transition: color 0.3s; transition: color 0.3s; } .action__info dd a:hover { color: #202020; } .action__info dd:last-child { margin-bottom: 0; font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; } @media (min-width: 1260px) { .action__info dd:last-child { font-size: 1.3rem; } } .action__info dd p { margin-bottom: 10px; } .action__info dd p:last-child { margin-bottom: 0; } .action__info-list dd:last-child { font-size: 1.5rem; line-height: 2.4rem; font-weight: 400; } @media (min-width: 1260px) { .action__info-list dd:last-child { font-size: 1.6rem; } } .action__info_inner { display: block; } .action__name { font-size: 2.4rem; line-height: 2.8rem; letter-spacing: -0.05em; font-weight: 700; margin-bottom: 11px; } @media (min-width: 770px) { .action__name { font-size: 2.8rem; line-height: 3.2rem; } } @media (min-width: 1260px) { .action__name { font-size: 3.4rem; line-height: 3.6rem; } } .action__name a { color: #202020; } .action__name-sec { font-size: 2.1rem; line-height: 2.3rem; letter-spacing: -0.05em; font-weight: 700; margin-bottom: 9px; } @media (min-width: 770px) { .action__name-sec { font-size: 2.4rem; line-height: 2.8rem; } } @media (min-width: 1260px) { .action__name-sec { font-size: 2.8rem; line-height: 3.2rem; } } .action__list { background-color: #fff; margin-bottom: 8px; } .action__list-block { display: block; } .action__list-block img { display: block; width: 100%; margin-bottom: 18px; } .action__list-name { font-size: 2.1rem; line-height: 2.3rem; letter-spacing: -0.05em; font-weight: 700; color: #202020; } @media (min-width: 770px) { .action__list-name { font-size: 2.4rem; line-height: 2.8rem; } } @media (min-width: 1260px) { .action__list-name { font-size: 2.8rem; line-height: 3.2rem; } } .action__header { padding: 20px 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #ececec; } .action__header-title { font-size: 2.1rem; line-height: 2.3rem; letter-spacing: -0.05em; font-weight: 700; } @media (min-width: 770px) { .action__header-title { font-size: 2.4rem; line-height: 2.8rem; } } @media (min-width: 1260px) { .action__header-title { font-size: 2.8rem; line-height: 3.2rem; } } .action__swiper { padding: 24px 16px 70px; position: relative; overflow: hidden; } .action__swiper .swiper-pagination { bottom: 20px; } .action__swiper .swiper-pagination-bullet { width: 6px; height: 6px; border: 1px solid #c6c6c6; background-color: #fff; opacity: 1; margin: 0 2px !important; -webkit-box-sizing: border-box; box-sizing: border-box; } .action__swiper .swiper-pagination-bullet-active { border-color: #d6000a; background-color: #d6000a; } @media (min-width: 770px) { .action { margin-bottom: 24px; } .action__header { padding: 20px 32px; } .action__swiper { padding: 36px 32px 70px; } .action__info { margin-left: 40px; width: 40%; max-width: 400px; } .action__about { 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: justify; -ms-flex-pack: justify; justify-content: space-between; } .action__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .action__title { margin-bottom: 13px; } .action__block { padding: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; } .action__block-inner { margin-bottom: 37px; } .action__pic { margin-bottom: 0; margin-right: 40px; width: 50%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .action__pic img { display: block; width: 100%; max-width: 320px; } } @media (min-width: 1260px) { .action .button { display: none; } .action__title { margin-bottom: 18px; } .action__content { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .action__info { display: block; } } .swiper-wrapper_compare { -webkit-transition: -webkit-transform 0.3s !important; transition: -webkit-transform 0.3s !important; transition: transform 0.3s !important; transition: transform 0.3s, -webkit-transform 0.3s !important; } .compare { background-color: #fff; margin-bottom: 8px; } .compare__buttons { 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; position: absolute; right: 15px; top: 78px; } .compare__button-i { width: 15px; height: 14px; display: block; } .compare__prev, .compare__next { background: #f8f6f4; padding: 10px; cursor: pointer; border-radius: 50%; margin-left: 5px; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .compare__prev:hover, .compare__next:hover { background-color: #ececec; } .compare__prev { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .compare_diff .compare__same { display: none; } .compare__swiper { overflow: hidden; width: 100%; position: relative; } .compare__swiper .swiper-wrapper { -webkit-transition: all 0.3s; transition: all 0.3s; } .compare__remove { position: absolute; display: block; right: 24px; top: 12px; color: #999; width: 23px; height: 23px; font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; text-indent: -9999px; cursor: pointer; } @media (min-width: 1260px) { .compare__remove { font-size: 1.3rem; } } .compare__remove-i { position: absolute; left: 0; top: 0; width: 23px; height: 23px; border: 1px solid #ececec; border-radius: 50%; -webkit-transition: border-color 0.3s; transition: border-color 0.3s; } .compare__remove-i::before, .compare__remove-i::after { content: ""; display: block; position: absolute; background: #999; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .compare__remove-i::before { width: 9px; height: 1px; top: 11px; left: 7px; } .compare__remove-i::after { height: 9px; width: 1px; left: 11px; top: 7px; } .compare__header { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 16px 16px 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } .compare__title { font-size: 2.1rem; line-height: 2.3rem; letter-spacing: -0.05em; font-weight: 700; } @media (min-width: 770px) { .compare__title { font-size: 2.4rem; line-height: 2.8rem; } } @media (min-width: 1260px) { .compare__title { font-size: 2.8rem; line-height: 3.2rem; } } .compare__sort { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-top: 1px solid #ececec; margin: 10px -16px 0; padding: 10px 16px; } .compare__sort span { color: #999; } .compare__table { width: 100%; } .compare__table .catalog__block, .compare__table .catalog__block-content, .compare__table .catalog__block-header { width: 100%; } .compare__table .catalog__block-header { margin: 0; } .compare__table .catalog__block { padding-top: 25px; } .compare__table .catalog__block-footer { padding-top: 0; } .compare__table .catalog__block-basket { display: none; } .compare__group th { text-align: left; padding: 26px 16px 0; font-weight: 700; font-size: 1.7rem; line-height: 2rem; letter-spacing: -0.05em; font-weight: 700; } @media (min-width: 770px) { .compare__group th { font-size: 1.8rem; line-height: 2rem; } } @media (min-width: 1260px) { .compare__group th { font-size: 2.1rem; line-height: 2.4rem; } } .compare__name th { text-align: left; color: #9a8c78; padding: 9px 16px 0; font-weight: 700; } .compare__value td { padding: 2px 16px 0; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } @media (min-width: 1260px) { .compare__value td { font-size: 1.5rem; } } .compare__last th { padding-bottom: 25px; border-bottom: 1px solid #ececec; } .compare__card { border: 1px solid #ececec; width: 300px; } .compare__card:first-child { border-left: 0; } .compare__card:last-child { border-right: 0; } @media (min-width: 770px) { .compare { margin-bottom: 24px; } .compare__buttons { position: static; } .compare__header { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 16px 24px; } .compare__sort { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; border-top: 0; margin: 0 15px 0 auto; padding: 0; } .compare__sort span { display: none; } .compare__sort label { margin-left: 15px; } .compare__table .compare__card { padding-left: 0; padding-right: 0; } .compare__table td, .compare__table th { padding-left: 24px; padding-right: 24px; } .compare__table .catalog__block-basket { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 1260px) { .compare { margin-bottom: 0; } .compare__buttons { margin-left: 15px; } .compare__button-i { width: 25px; height: 24px; } .compare__prev, .compare__next { padding: 12px; } .compare__sort span { display: inline-block; } .compare__header { padding: 32px 24px; } .compare__remove { padding: 6px 0 6px 30px; width: auto; height: auto; text-indent: 0; -webkit-transition: color 0.3s; transition: color 0.3s; } .compare__remove:hover { color: #202020; } .compare__remove:hover .compare__remove-i { border-color: gray; } .compare__remove:hover .compare__remove-i::before, .compare__remove:hover .compare__remove-i::after { background-color: #202020; } } .static__table th.static__table-right { text-align: right; } .static__table th.static__table-center { text-align: center; } .static { background-color: #fff; padding: 16px 20px; margin-bottom: 8px; } .static__map-yandex { width: 100%; height: 300px; } .static__requisites dt { font-weight: 700; } .static__requisites dd { margin-bottom: 20px; } .static__requisites-title { font-size: 2.1rem; line-height: 2.3rem; letter-spacing: -0.05em; font-weight: 700; } @media (min-width: 770px) { .static__requisites-title { font-size: 2.4rem; line-height: 2.8rem; } } @media (min-width: 1260px) { .static__requisites-title { font-size: 2.8rem; line-height: 3.2rem; } } .static__requisites-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; margin-bottom: 20px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .static__requisites-button { display: -webkit-box; display: -ms-flexbox; display: flex; color: #d6000a; -webkit-transition: color 0.3s; transition: color 0.3s; } .static__requisites-button:hover { color: #202020; } .static__requisites-button:hover .static__requisites-i { fill: #202020; } .static__requisites-i { width: 20px; height: 20px; display: block; margin-right: 12px; fill: #d6000a; -webkit-transition: fill 0.3s; transition: fill 0.3s; } .static__contacts { border-bottom: 1px solid #ececec; padding-bottom: 30px; margin-bottom: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .static__contacts-pic { max-width: 554px; width: 100%; display: block; margin-bottom: 20px; } .static__contacts-title { font-size: 2.1rem; line-height: 2.3rem; letter-spacing: -0.05em; font-weight: 700; margin-bottom: 12px; } @media (min-width: 770px) { .static__contacts-title { font-size: 2.4rem; line-height: 2.8rem; } } @media (min-width: 1260px) { .static__contacts-title { font-size: 2.8rem; line-height: 3.2rem; } } .static__contacts-descr { margin-bottom: 24px; } .static__contacts-adr { font-style: normal; font-weight: 700; margin-bottom: 20px; display: block; } .static__contacts-i { width: 24px; display: block; fill: #d6000a; margin-right: 16px; height: 36px; position: relative; top: -1px; -webkit-transition: fill 0.3s; transition: fill 0.3s; } .static__contacts-button { color: #d6000a; font-size: 1.5rem; line-height: 2.4rem; font-weight: 400; background: 0 0; border: 0; display: -ms-inline-flexbox; display: inline-flex; padding: 0; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: color 0.3s; transition: color 0.3s; } @media (min-width: 1260px) { .static__contacts-button { font-size: 1.6rem; } } .static__contacts-button:hover { color: #202020; } .static__contacts-button:hover .static__contacts-i { fill: #202020; } .static__free { color: #d6000a; } .static__table { width: 100%; } .static__table th { font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; text-align: left; font-weight: 700; color: rgba(0, 0, 0, 0.5); text-transform: uppercase; padding: 8px 12px; border-bottom: 2px solid #ececec; } @media (min-width: 1260px) { .static__table th { font-size: 1.3rem; } } .static__table td { font-size: 1.5rem; line-height: 2.4rem; font-weight: 400; border-bottom: 1px solid #ececec; padding: 20px 12px; } @media (min-width: 1260px) { .static__table td { font-size: 1.6rem; } } .static__table-right { text-align: right; } .static__table-center { text-align: center; } .static__rating { height: 20px; width: 100px; background: url("/local/templates/lovePiano/i/star_grey.svg") repeat-x; background-size: 10px 10px; } .static__rating-inner { background: url("/local/templates/lovePiano/i/star_red.svg") repeat-x #fff; background-size: 10px 10px; height: 20px; } .static__blog-wrap { margin-top: -30px; margin-bottom: 20px; } .static__blog-show { margin-bottom: 10px; color: #999; text-align: right; padding: 0 12px; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } @media (min-width: 1260px) { .static__blog-show { font-size: 1.5rem; } } .static__blog-show a { color: #999; margin-left: 15px; -webkit-transition: color 0.3s; transition: color 0.3s; } .static__blog-show a:hover { color: #202020; } .static__blog-show a.current { font-weight: 700; color: #202020; } .static__blog .action__pic, .static__blog .action__pic img { max-width: 536px; } .static__blog-info { color: #999; padding: 15px 0; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; } @media (min-width: 1260px) { .static__blog-info { font-size: 1.3rem; } } .static__blog-view { padding-left: 20px; } .static__blog-item { margin-left: 20px; display: block; position: relative; } .static__blog-item::before { content: ""; display: block; position: absolute; width: 3px; height: 3px; left: -12px; top: 5px; border-right: 1.5px; background-color: #c6c6c6; } .static__blog-item:first-child { margin-left: 0; } .static__blog-item:first-child::before { display: none; } .static__blog-views { position: absolute; width: 15px; height: 15px; left: 0; top: 0; } .static__service .action__about .button { display: block; } .static__service .action__info dd:last-child { font-size: 1.5rem; line-height: 2.4rem; font-weight: 400; } @media (min-width: 1260px) { .static__service .action__info dd:last-child { font-size: 1.6rem; } } .static__history { padding: 15px 0; } .static__history-title { text-align: center; font-size: 2.4rem; line-height: 2.8rem; letter-spacing: -0.05em; font-weight: 700; margin-bottom: 60px; } @media (min-width: 770px) { .static__history-title { font-size: 2.8rem; line-height: 3.2rem; } } @media (min-width: 1260px) { .static__history-title { font-size: 3.4rem; line-height: 3.6rem; } } .static__history-block { padding-bottom: 30px; border-left: 1px solid #ececec; padding-left: 25px; } .static__history-block:last-child { margin-bottom: 0; border-left: 0; } .static__history-date { margin-bottom: 24px; top: -7px; position: relative; font-size: 2.1rem; line-height: 2.3rem; letter-spacing: -0.05em; font-weight: 700; } @media (min-width: 770px) { .static__history-date { font-size: 2.4rem; line-height: 2.8rem; } } @media (min-width: 1260px) { .static__history-date { font-size: 2.8rem; line-height: 3.2rem; } } .static__history-date::before { content: ""; display: block; position: absolute; left: -32px; top: 3px; width: 13px; height: 13px; border-radius: 50%; background-color: #d6000a; } .static__history-event { margin-bottom: 15px; font-size: 1.7rem; line-height: 2rem; letter-spacing: -0.05em; font-weight: 700; } @media (min-width: 770px) { .static__history-event { font-size: 1.8rem; line-height: 2rem; } } @media (min-width: 1260px) { .static__history-event { font-size: 2.1rem; line-height: 2.4rem; } } .static__history-descr { margin-bottom: 24px; } .static__history-pic { display: block; margin-bottom: 24px; max-width: 100%; } .static__title-sec { font-size: 2.1rem; line-height: 2.3rem; letter-spacing: -0.05em; font-weight: 700; margin-bottom: 20px; } @media (min-width: 770px) { .static__title-sec { font-size: 2.4rem; line-height: 2.8rem; } } @media (min-width: 1260px) { .static__title-sec { font-size: 2.8rem; line-height: 3.2rem; } } .static__check { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 2.1rem; line-height: 2.3rem; letter-spacing: -0.05em; font-weight: 700; margin-bottom: 3px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 770px) { .static__check { font-size: 2.4rem; line-height: 2.8rem; } } @media (min-width: 1260px) { .static__check { font-size: 2.8rem; line-height: 3.2rem; } } .static__check-i { display: block; width: 40px; height: 40px; position: absolute; left: 0; top: -10px; } .static__check-item { position: relative; padding-left: 46px; margin-bottom: 25px; } .static__city { color: #d6000a; position: relative; -webkit-transition: all 0.3s; transition: all 0.3s; white-space: nowrap; } .static__city::before { content: ""; display: block; position: absolute; left: 0; bottom: 2px; right: 0; border-bottom: 2px dashed #d6000a; -webkit-transition: all 0.3s; transition: all 0.3s; } .static__city:hover { color: #202020; } .static__city:hover::before { border-color: #202020; } .static__nav { background: #fdfbf9; margin: -16px -20px 35px; padding: 15px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 2.1rem; line-height: 2.3rem; letter-spacing: -0.05em; font-weight: 700; border: 1px solid #ececec; } @media (min-width: 770px) { .static__nav { font-size: 2.4rem; line-height: 2.8rem; } } @media (min-width: 1260px) { .static__nav { font-size: 2.8rem; line-height: 3.2rem; } } .static__nav a { color: #202020; display: block; padding: 8px 20px; -webkit-transition: color 0.3s; transition: color 0.3s; } .static__nav a:hover { color: #d6000a; } .static__nav a.current { color: #d6000a; position: relative; } .static__partners { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } .static__partners a { display: block; margin-right: 30px; margin-bottom: 10px; } .static__sec { font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: #999; padding-top: 10px; } @media (min-width: 1260px) { .static__sec { font-size: 1.5rem; } } .static__sec_mod { color: #9a8c78; } .static p { margin: 0 0 20px; padding: 0; } .static__block { margin-bottom: 40px; } .static__title { font-size: 2.4rem; line-height: 2.8rem; letter-spacing: -0.05em; font-weight: 700; padding: 0; margin: 0 0 30px; } @media (min-width: 770px) { .static__title { font-size: 2.8rem; line-height: 3.2rem; } } @media (min-width: 1260px) { .static__title { font-size: 3.4rem; line-height: 3.6rem; } } .static__important { margin: 0 -20px 30px; padding: 23px 20px 23px 84px; background-color: #ececec; color: #9a8c78; position: relative; } .static__important-i { display: block; position: absolute; left: 28px; top: 21px; width: 40px; height: 28px; } .static__important::before { content: "!"; width: 30px; height: 30px; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; position: absolute; left: 32px; top: 20px; line-height: 1; color: #9a8c78; padding-top: 3px; font-size: 20px; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 700; } .static__important_delivery { margin-bottom: 60px; margin-top: -15px; } .static__important_delivery::before { display: none; } .static__dl { margin: 0 0 10px; padding: 0; } .static__dl dt { margin-bottom: 10px; font-weight: 700; color: #d6000a; } .static__dl dd { margin-bottom: 20px; } .static__list { padding: 0; margin: 0 0 8px; } .static__list li { position: relative; padding-left: 21px; list-style: none; margin-bottom: 12px; } .static__list li::before { content: ""; display: block; position: absolute; left: 6px; top: 9px; border-radius: 50%; width: 5px; height: 5px; background-color: #d6000a; } .static__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .static__info-item { margin-bottom: 20px; padding-left: 54px; position: relative; } .static__info-item b { font-size: 1.7rem; line-height: 2rem; letter-spacing: -0.05em; font-weight: 700; display: block; margin-bottom: 5px; } @media (min-width: 770px) { .static__info-item b { font-size: 1.8rem; line-height: 2rem; } } @media (min-width: 1260px) { .static__info-item b { font-size: 2.1rem; line-height: 2.4rem; } } .static__info-value { margin-bottom: 25px; } .static__info-value .static__list { margin-bottom: 0; } .static__info-value .static__list li:last-child { margin-bottom: 0; } .static__info-i { position: absolute; width: 40px; height: 40px; left: 0; top: -10px; display: block; } .static__map { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; position: relative; } .static__map-sidebar { padding-left: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .static__map-i { position: absolute; left: 0; top: 325px; height: 36px; width: 27px; } .static__map-list { overflow-y: scroll; width: 100%; height: 253px; } .static__map-info { color: #999; font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; margin-bottom: 30px; padding-top: 30px; } @media (min-width: 1260px) { .static__map-info { font-size: 1.3rem; } } .static__map-adr { cursor: default; padding: 20px 0; border-top: 1px solid #ececec; cursor: default; } .static__map-adr:first-child { border-top: 0; } .static__map-free { color: #d6000a; } .static__map-container { margin: 0 -20px 35px; overflow: hidden; } .static__map-title { margin-bottom: 25px; font-size: 1.7rem; line-height: 2rem; letter-spacing: -0.05em; font-weight: 700; } @media (min-width: 770px) { .static__map-title { font-size: 1.8rem; line-height: 2rem; } } @media (min-width: 1260px) { .static__map-title { font-size: 2.1rem; line-height: 2.4rem; } } .static__map-block { margin-bottom: 25px; } .static__map-block a { color: #202020; } .static__map-item { font-weight: 700; margin-bottom: 5px; } .static__benefits-title { font-size: 2.1rem; line-height: 2.3rem; letter-spacing: -0.05em; font-weight: 700; margin-bottom: 55px; } @media (min-width: 770px) { .static__benefits-title { font-size: 2.4rem; line-height: 2.8rem; } } @media (min-width: 1260px) { .static__benefits-title { font-size: 2.8rem; line-height: 3.2rem; } } .static__benefits-container { margin-bottom: 50px; margin-left: -50px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .static__benefits .button { max-width: 240px; } .static__benefits-item { position: relative; padding-top: 60px; margin-bottom: 50px; margin-left: 50px; width: 100px; font-size: 1.7rem; line-height: 2rem; letter-spacing: -0.05em; font-weight: 700; font-weight: 400; } @media (min-width: 770px) { .static__benefits-item { font-size: 1.8rem; line-height: 2rem; } } @media (min-width: 1260px) { .static__benefits-item { font-size: 2.1rem; line-height: 2.4rem; } } .static__benefits-i { width: 36px; height: 36px; display: block; position: absolute; left: 0; top: 0; } .static__acceptance { border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; padding: 40px 0 40px 50px; margin-bottom: 45px; position: relative; } .static__acceptance-i { position: absolute; left: 0; top: 34px; width: 34px; height: 32px; } .static__acceptance-title { font-size: 1.7rem; line-height: 2rem; letter-spacing: -0.05em; font-weight: 700; position: relative; margin-bottom: 29px; } @media (min-width: 770px) { .static__acceptance-title { font-size: 1.8rem; line-height: 2rem; } } @media (min-width: 1260px) { .static__acceptance-title { font-size: 2.1rem; line-height: 2.4rem; } } .static__acceptance-sec { display: none; } .static__acceptance-more { display: inline-block; margin-top: 13px; color: #9a8c78; border-bottom: 1px dotted #9a8c78; -webkit-transition: all 0.3s; transition: all 0.3s; } .static__acceptance-more:hover { color: #202020; border-bottom-color: #202020; } .static__acceptance.opened .static__acceptance-more { display: none; } .static__acceptance.opened .static__acceptance-sec { display: inline; } .static__tbl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 20px; } .static__tbl-i { position: absolute; left: 0; top: -10px; width: 36px; height: 36px; display: block; } .static__tbl-title { font-size: 1.7rem; line-height: 2rem; letter-spacing: -0.05em; font-weight: 700; padding-left: 50px; position: relative; margin-bottom: 20px; } @media (min-width: 770px) { .static__tbl-title { font-size: 1.8rem; line-height: 2rem; } } @media (min-width: 1260px) { .static__tbl-title { font-size: 2.1rem; line-height: 2.4rem; } } .static__tbl-block { border-bottom: 1px solid #ececec; margin-bottom: 13px; padding-bottom: 13px; } .static__tbl-block:last-child { border-bottom: 0; } .static__tbl-block_price { font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; color: #9a8c78; } @media (min-width: 1260px) { .static__tbl-block_price { font-size: 1.3rem; } } .static__tbl-block_price b { font-weight: 700; color: #202020; display: block; font-size: 1.7rem; line-height: 2rem; letter-spacing: -0.05em; font-weight: 700; margin-bottom: 10px; } @media (min-width: 770px) { .static__tbl-block_price b { font-size: 1.8rem; line-height: 2rem; } } @media (min-width: 1260px) { .static__tbl-block_price b { font-size: 2.1rem; line-height: 2.4rem; } } .static__tbl-period { font-size: 1.7rem; line-height: 2rem; letter-spacing: -0.05em; font-weight: 700; } @media (min-width: 770px) { .static__tbl-period { font-size: 1.8rem; line-height: 2rem; } } @media (min-width: 1260px) { .static__tbl-period { font-size: 2.1rem; line-height: 2.4rem; } } .static__tbl-price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .static__tbl-price b, .static__tbl-price p { width: 45%; display: block; } .static__tbl-price p { font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; color: #9a8c78; text-align: right; } @media (min-width: 1260px) { .static__tbl-price p { font-size: 1.3rem; } } .static__tbl-free { color: #d6000a; font-size: 1.7rem; line-height: 2rem; letter-spacing: -0.05em; font-weight: 700; } @media (min-width: 770px) { .static__tbl-free { font-size: 1.8rem; line-height: 2rem; } } @media (min-width: 1260px) { .static__tbl-free { font-size: 2.1rem; line-height: 2.4rem; } } @media (min-width: 770px) { .static { padding-top: 30px; margin-bottom: 24px; } .static__requisites-header { margin-bottom: 30px; } .static__requisites dl { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .static__requisites dt { width: 40%; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 30px; padding-right: 30px; } .static__requisites dd { width: 60%; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 30px; } .static__contacts { padding-bottom: 50px; margin-bottom: 60px; } .static__tbl { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-top: 20px; margin-bottom: 60px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .static__tbl-period { text-align: right; width: 140px; } .static__tbl-period b { white-space: nowrap; display: block; } .static__tbl-i { top: -10px; } .static__tbl-block { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; margin-left: 40px; } .static__tbl-block_price { width: 40%; text-align: right; } .static__tbl-block_main { width: 40%; } .static__tbl-block:first-child { margin-left: 0; } .static__tbl-price { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .static__tbl-price b { margin-bottom: 5px; } .static__tbl-price b, .static__tbl-price p { width: 100%; text-align: right; } .static__benefits-item { width: 110px; margin-left: 80px; } .static__benefits-container { margin-left: -80px; } .static__history { padding-top: 30px; padding-bottom: 30px; margin-left: 134px; margin-right: 70px; } .static__history-block { position: relative; } .static__history-date { left: -95px; width: 95px; top: 3px; position: absolute; } .static__history-date::before { right: -6px; left: auto; top: -1px; } .static__check { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-top: 15px; } .static__check-item { margin-right: 80px; margin-bottom: 40px; } .static__nav { margin: -30px -20px 35px; padding: 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; border: 0; } .static__nav a { color: #4d3f33; display: block; padding: 20px 25px; font-size: 16px; font-weight: 700; } .static__nav a.current { background-color: #fff; color: #4d3f33; } .static__partners a { margin-right: 50px; } .static__map-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .static__map-block { width: calc(50% - 20px); } .static__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .static__info-item { width: calc(50% - 30px); margin-right: 30px; } .static__info-value { width: 50%; } } @media (min-width: 1260px) { .static { padding: 32px; } .static__requisites-header { margin-bottom: 40px; } .static__contacts { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-bottom: 60px; } .static__contacts-pic { margin-bottom: 0; margin-right: 48px; min-width: 554px; } .static__table th, .static__table td { padding-left: 24px; padding-right: 24px; } .static__acceptance-i { top: 35px; } .static__tbl-period { width: 300px; text-align: center; } .static__tbl-period b { display: inline; } .static__benefits-item { width: 140px; margin-left: 100px; padding-left: 60px; padding-top: 0; } .static__benefits-i { top: 5px; } .static__benefits-container { margin-left: -100px; } .static__history { margin: 0 auto; max-width: 840px; -webkit-transform: translateX(45px); transform: translateX(45px); } .static__history-title { -webkit-transform: translateX(-45px); transform: translateX(-45px); margin-bottom: 80px; } .static__check-i { top: -7px; } .static__nav { margin: -32px -32px 35px; } .static__nav a { padding-left: 32px; padding-right: 32px; } .static__nav .current::before { left: 32px; right: 32px; bottom: -4px; } .static__block { margin-bottom: 60px; } .static__title { margin-bottom: 40px; } .static__important { margin-left: -32px; margin-right: -32px; padding-right: 32px; margin-bottom: 40px; } .static__important_delivery { margin-bottom: 100px; } .static__info { margin-bottom: 20px; } .static__map { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 30px; } .static__map-i { top: -8px; } .static__map-info { margin-top: -40px; width: calc(50% - 30px); margin-left: auto; padding-top: 0; } .static__map-sidebar { width: 50%; } .static__map-container { width: calc(50% - 30px); margin-left: 30px; } .static__map-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .static__map-block { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .static__map-item { width: 130px; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .static__map-value { width: calc(100% - 130px); } } .about { background-color: #fff; margin-bottom: 8px; } .about__header { background: url("/local/templates/lovePiano/i/about/header.jpg") no-repeat 50% 50% #9a8c78; background-size: cover; min-height: 400px; margin-bottom: 38px; position: relative; color: #fff; } .about__header-pic { display: none; } .about__title { position: absolute; top: 26px; left: 10px; right: 10px; font-size: 4rem; line-height: 4.6rem; letter-spacing: -0.05em; font-weight: 700; display: block; text-align: center; } @media (min-width: 770px) { .about__title { font-size: 5rem; line-height: 5.4rem; } } @media (min-width: 1260px) { .about__title { font-size: 6.4rem; line-height: 7rem; } } .about__title-sec { font-size: 2.4rem; line-height: 2.8rem; letter-spacing: -0.05em; font-weight: 700; margin: 0 16px 16px; } @media (min-width: 770px) { .about__title-sec { font-size: 2.8rem; line-height: 3.2rem; } } @media (min-width: 1260px) { .about__title-sec { font-size: 3.4rem; line-height: 3.6rem; } } .about__info { position: absolute; left: 10px; right: 10px; top: 90px; text-align: center; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } @media (min-width: 1260px) { .about__info { font-size: 1.5rem; } } .about__info b { display: block; font-size: 4rem; line-height: 4.6rem; letter-spacing: -0.05em; font-weight: 700; } @media (min-width: 770px) { .about__info b { font-size: 5rem; line-height: 5.4rem; } } @media (min-width: 1260px) { .about__info b { font-size: 6.4rem; line-height: 7rem; } } .about__info-block { width: 50%; margin: 0 auto 20px; } .about__descr { padding: 0 16px 12px; text-align: center; } .about__descr p { margin-bottom: 30px; } .about__video { position: relative; overflow: hidden; margin: 0 16px 65px; padding-top: 50%; } .about__video iframe { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .about__team { padding: 30px 16px 20px; } .about__team-title { text-align: center; font-size: 2.4rem; line-height: 2.8rem; letter-spacing: -0.05em; font-weight: 700; margin-bottom: 30px; } @media (min-width: 770px) { .about__team-title { font-size: 2.8rem; line-height: 3.2rem; } } @media (min-width: 1260px) { .about__team-title { font-size: 3.4rem; line-height: 3.6rem; } } .about__team-descr { text-align: center; margin-bottom: 20px; } .about__team-block { border-top: 1px solid #ececec; padding: 30px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } @media (min-width: 1260px) { .about__team-block { font-size: 1.5rem; } } .about__team-block:first-child { border-top: 0; } .about__team-info { padding-left: 80px; position: relative; margin-bottom: 30px; } .about__team-photo { position: absolute; left: 0; top: 0; width: 60px; height: 60px; border-radius: 50%; } .about__team-name { font-size: 2.1rem; line-height: 2.3rem; letter-spacing: -0.05em; font-weight: 700; margin-bottom: 5px; } @media (min-width: 770px) { .about__team-name { font-size: 2.4rem; line-height: 2.8rem; } } @media (min-width: 1260px) { .about__team-name { font-size: 2.8rem; line-height: 3.2rem; } } .about__team-position { color: #9a8c78; } .about__team-content p { margin-bottom: 12px; } .about__team-content p:last-child { margin-bottom: 0; } .about__block { margin-bottom: 35px; } .about__block p { margin: 0 16px 30px; } .about__pic { max-width: 100%; display: none; margin: 0 0 28px; } .about__pic-small { display: none; } .about__pic-mob { max-width: calc(100% - 32px); display: block; margin: 0 16px 28px; } .about__history { font-size: 1.1rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #9a8c78; margin: 0 16px; padding-right: 26px; position: relative; -webkit-transition: color 0.3s; transition: color 0.3s; } .about__history:hover { color: #202020; } .about__history:hover .about__history-i { fill: #202020; } .about__history-i { display: block; -webkit-transition: fill 0.3s; transition: fill 0.3s; position: absolute; right: 0; top: -2px; width: 16px; height: 16px; fill: #9a8c78; } @media (min-width: 770px) { .about { margin-bottom: 24px; } .about__title { top: 50%; margin-top: -50px; } .about__header { background: #9a8c78; } .about__header-pic { display: block; width: 100%; } .about__info { bottom: 60px; top: auto; display: -webkit-box; display: -ms-flexbox; display: flex; } .about__info-block { width: 200px; margin-bottom: 0; } .about__video { max-width: 85%; margin-left: auto; margin-right: auto; } .about__team-block { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .about__team-info { width: calc(40% - 50px); margin-right: 50px; } .about__team-content { width: 60%; } .about__block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 50px; } .about__block_invert { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .about__block-inner { width: 50%; padding-left: 20px; padding-right: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .about__pic { display: block; width: 50%; } .about__pic-mob { display: none; } .about__pic-small { display: block; max-width: calc(100% - 12px); margin-left: 12px; } } @media (min-width: 1260px) { .about { margin: 0 auto 32px; max-width: 1200px; } .about__info::before, .about__info::after { content: ""; display: block; position: absolute; top: 0; bottom: 0; background: rgba(255, 255, 255, 0.2); width: 1px; } .about__info::before { left: 33.3%; } .about__info::after { right: 33.3%; } .about__info-block { margin-bottom: 0; } .about__info b { margin-bottom: 5px; } .about__header { margin-bottom: 70px; } .about__descr { margin-bottom: 40px; } .about__team { padding-left: 35px; padding-right: 35px; } .about__team-block { padding-bottom: 40px; padding-right: 40px; } .about__team-info { padding-left: 172px; } .about__team-photo { width: 112px; height: 112px; } .about__team-name { margin-bottom: 10px; } .about__team-descr { margin-bottom: 40px; } .about__video { margin-bottom: 130px; } .about__block { margin-bottom: 110px; } .about__block-inner { padding-left: 80px; padding-right: 80px; } .about__block-inner p { margin-bottom: 150px; } .about__title-sec { margin-bottom: 45px; } .about__history { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; } .about__history-i { top: 1px; } } .reviews { margin-bottom: 25px; } .reviews__mail { color: #d6000a; } .reviews__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 25px; } .reviews__buttons .button { background-color: transparent; } .reviews__tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 2.1rem; line-height: 2.3rem; letter-spacing: -0.05em; font-weight: 700; margin-bottom: 10px; } @media (min-width: 770px) { .reviews__tabs { font-size: 2.4rem; line-height: 2.8rem; } } @media (min-width: 1260px) { .reviews__tabs { font-size: 2.8rem; line-height: 3.2rem; } } .reviews__tabs a { color: #9a8c78; margin-right: 20px; display: inline-block; margin-bottom: 10px; -webkit-transition: color 0.3s; transition: color 0.3s; } .reviews__tabs a:hover { color: #202020; } .reviews__tabs a.current { color: #d6000a; position: relative; } .reviews__tabs a.current::before { content: ""; display: block; position: absolute; left: 0; bottom: -3px; right: 0; height: 3px; background-color: #d6000a; } .reviews__tabs a:last-child { margin-right: 0; } .reviews__container { margin-bottom: 25px; } .reviews__block { background-color: #fff; padding: 20px; margin-bottom: 3px; } .reviews__info { margin-bottom: 20px; } .reviews__info-i { position: absolute; left: 0; top: 1px; display: block; width: 20px; height: 20px; fill: #4d3f33; } .reviews__info-item { padding-left: 28px; position: relative; margin-bottom: 8px; } .reviews__info-item:last-child { margin-bottom: 0; } .reviews__date { margin-top: 20px; font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: #999; } @media (min-width: 1260px) { .reviews__date { font-size: 1.5rem; } } .reviews__body { width: 100%; } .reviews__video { position: relative; padding-top: 55%; -webkit-box-sizing: border-box; box-sizing: border-box; } .reviews__video iframe, .reviews__video .youtube { position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; max-width: 700px; max-height: 400px; background-size: cover; } .reviews__photo-block { display: block; position: relative; color: #fff; width: 100%; margin-bottom: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .reviews__photo-block picture::after { content: ""; position: absolute; left: 0; right: 0; width: 100%; z-index: 1; } .reviews__photo-block picture::after { background: linear-gradient(0deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0) 100%); top: 70%; bottom: 0px; } .reviews__photo-pic { display: block; width: 100%; } picture.reviews__photo-pic { display: flex; } /* .reviews__photo-back{ position: absolute; bottom:0;left:0;padding:20px; width: calc(100% - 40px); height:48px; z-index: 1; background-color: rgba(0,0,0,0.5); } */ .reviews__photo-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .reviews__photo-date { position: absolute; right: 20px; bottom: 16px; text-shadow: 1px 1px #000; font-size: 1.4rem; line-height: 2rem; font-weight: 400; z-index: 2; } @media (min-width: 1260px) { .reviews__photo-date { font-size: 1.5rem; } } .reviews__photo-name { left: 20px; position: absolute; bottom: 50px; text-shadow: 1px 1px #000; padding-left: 23px; } .reviews__photo-i { display: block; position: absolute; left: 0; top: 2px; width: 18px; height: 18px; fill: #fff; } .reviews__photo-product { left: 20px; bottom: 16px; position: absolute; text-shadow: 1px 1px #000; z-index: 2; } @media (min-width: 770px) { .reviews__photo-container { margin-left: -20px; } .reviews__photo-block { width: calc(50% - 20px); margin-left: 20px; } .reviews__tabs { margin-bottom: 0; position: relative; top: 20px; max-width: 530px; } .reviews__tabs a { margin-bottom: 0; margin-right: 30px; } .reviews__tabs a.current::before { bottom: -8px; } .reviews__block { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; padding-top: 30px; padding-bottom: 30px; } .reviews__info { margin-right: 20px; min-width: 240px; margin-bottom: 40px; } .reviews__date { position: absolute; left: 20px; bottom: 20px; } } @media (min-width: 1260px) { .reviews { position: relative; } .reviews__photo-block { width: calc(33.3% - 20px); margin-left: 20px; -webkit-transition: all 0.3s; transition: all 0.3s; } .reviews__photo-block:hover { -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7); } .reviews__video { padding-top: 0; width: 700px; height: 400px; } .reviews__block { padding-right: 200px; } .reviews__date { right: 20px; top: 0; bottom: auto; left: auto; text-align: right; } .reviews__date span { display: block; } .reviews__header { width: 65%; } .reviews__buttons { position: absolute; right: 0; top: 0; } .reviews__tabs { max-width: 730px; } .reviews__tabs a { margin-right: 50px; } } .mejs__button > button { background-image: url("/local/templates/lovePiano/i/mejs-controls.svg"); } @media (max-width: 770px) { .mejs__container { width: 100% !important; max-width: 400px !important; } .mejs__volume-button, .mejs__horizontal-volume-slider { display: none !important; } } .comments { background-color: #fff; padding: 20px; } .comments__answer-block { padding-bottom: 10px; padding-left: 20px; position: relative; } .comments__remove { position: absolute; left: 0; top: 1px; font-size: 24px; -webkit-transition: color 0.3s; transition: color 0.3s; } .comments__remove:hover { color: #d6000a; } .comments__title { font-size: 2.1rem; line-height: 2.3rem; letter-spacing: -0.05em; font-weight: 700; margin-bottom: 15px; } @media (min-width: 770px) { .comments__title { font-size: 2.4rem; line-height: 2.8rem; } } @media (min-width: 1260px) { .comments__title { font-size: 2.8rem; line-height: 3.2rem; } } .comments__block { margin-bottom: 30px; } .comments__block_helpfull { padding-top: 10px; margin-bottom: 25px; } .comments__rating { width: 200px; background: url("/local/templates/lovePiano/i/star_grey.svg") repeat-x; height: 20px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .comments__rating-inner { background: url("/local/templates/lovePiano/i/star_grey.svg") no-repeat #fff; height: 20px; width: 25px; -webkit-box-sizing: border-box; box-sizing: border-box; } .comments__rating_current { position: absolute; left: 0; top: 0; bottom: 0; z-index: 5; background: url("/local/templates/lovePiano/i/star_red.svg") repeat-x #fff; } .comments__rating_hovered { background: url("/local/templates/lovePiano/i/star_red.svg") no-repeat #fff; display: block; } .comments__rating-block { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .comments__rating-label { margin-right: 25px; } .comments__form { position: relative; margin-bottom: 12px; } .comments__form .field { padding-bottom: 40px; } .comments__form .button { position: absolute; right: 8px; bottom: 8px; } .comments__preloader::before { content: ""; display: block; z-index: 20; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.5); } .comments__file { position: absolute; left: 0; top: 110px; } .comments__section { margin-bottom: 20px; } .comments__section .comments__section { margin-bottom: 0; margin-top: 20px; margin-left: 20px; } .comments__section .comments__section .comments__section .comments__section .comments__section { margin-left: 0; } .comments__user { margin-bottom: 8px; color: #999; font-size: 1.4rem; } .comments__user b { color: #202020; font-size: 1.5rem; margin-right: 3px; } .comments__answer { color: #9a8c78; border-bottom: 1px dashed #9a8c78; font-size: 1.4rem; line-height: 2rem; font-weight: 400; -webkit-transition: all 0.3s; transition: all 0.3s; } @media (min-width: 1260px) { .comments__answer { font-size: 1.5rem; } } .comments__answer:hover { color: #d6000a; border-color: #d6000a; } .comments__body { margin-bottom: 8px; } .comments__file { width: 32px; height: 32px; display: block; position: absolute; left: 8px; overflow: hidden; background: url("/local/templates/lovePiano/i/file.svg") no-repeat; } .comments__file input { font: 199px Verdana, sans-serif; position: absolute; top: -30px; right: -20px; cursor: pointer; opacity: 0; } @media (min-width: 770px) { .comments { padding: 32px; } .comments__wrap { width: 60%; } .comments__title { margin-bottom: 25px; } .comments__block { margin-bottom: 50px; } .comments__block_helpfull { padding-top: 20px; margin-bottom: 30px; } } @media (min-width: 1260px) { .main__wrap { padding: 0 50px; max-width: 1600px; margin: 0 auto; width: 100%; box-sizing: border-box; } .topbar__search { left: 355px; right: 540px; top: 87px; } } .main__action_new .main__action-item { padding: 0; cursor: pointer; height: auto; min-height: 300px; } @media all and (max-width: 768px) { .main__action_new .main__action-item { min-height: auto; } } .main__action_new .main__action-item.no_cursor { cursor: default; } .main__action_new .main__action-item > img, .main__action_new .main__action-item > picture { width: 100%; height: auto; } .main__action_new .main__action-swiper { text-align: center; } .main__action_new .swiper-container-horizontal > .swiper-pagination-bullets, .main__action_new .swiper-pagination-custom, .main__action_new .swiper-pagination-fraction { left: auto; width: auto; display: inline-block; bottom: -10px; background: #f8f6f4; line-height: 100%; border-radius: 6px; } .main__action_new .main__action-item { background: #fff; } .main__action.main__action_new { height: auto; } .main__action_new .main__action-slider .swiper-pagination-bullet { border: 0; background: #e5e3e2; width: 7px; height: 7px; margin: 0 3px; } .main__action_new .main__action-slider .swiper-pagination-bullet-active { background: #aeadac; } @media (min-width: 770px) { .main__action_new .main__action-product + .main__action-slider { width: 58.312%; margin-bottom: -24px; } .main__action_new .main__action-product { display: block; width: 38.92%; } } @media (min-width: 1260px) { .main__action_new .main__action-product + .main__action-slider { width: 64.742%; margin-bottom: -24px; } .main__action_new .main__action-product { display: block; width: 32.328%; } } .main__action_new .swiper-pagination-body { width: 100%; text-align: center; } .main__action_new .swiper-pagination-body .swiper-pagination { display: inline-block; background: #f8f6f4; line-height: 100%; border-radius: 10px; position: relative; bottom: 12px; padding: 1px 6px; } .main__action_new .catalog__prev, .main__action_new .catalog__next { margin-top: -15px; } .main__action_new .right_banner.no_cursor { cursor: default; } .main__action_new .main__action-item.swiper-slide > img, .main__action_new .main__action-item.swiper-slide > picture, .main__action_new .right_banner > img, .main__action_new .right_banner > picture { display: none; vertical-align: top; } .main__action_new .main__action-item { min-height: auto; } .js-dialog[data-dialog="cart_review"] .js-remove__block { cursor: default; } .main__action_new .main__action-item.swiper-slide img { display: block; } @media (max-width: 1260px) { .product__aside-block .product__aside-header::before { display: none; } .product__aside-content { display: block; } } @media (min-width: 1260px) { .main__action_new .main__action-item.swiper-slide > .b_1260, .main__action_new .right_banner > .b_1260 { display: inline-block; } } @media (min-width: 770px) and (max-width: 1259px) { .main__action_new .main__action-item.swiper-slide > .b_770, .main__action_new .right_banner > .b_770 { display: inline-block; } } @media (min-width: 321px) and (max-width: 769px) { .main__action_new .main__action-item.swiper-slide > .b_426, .main__action_new .right_banner > .b_426 { display: inline-block; } } @media (max-width: 769px) { .main__action_new .swiper-pagination-body { margin-bottom: -15px; } .main__action_new .main__action-product + .main__action-slider { margin-bottom: 0; } .main__action_new .main__action-slider { margin-bottom: 0; } html, body { max-width: 100%; overflow-x: hidden; } div.title-search-result { left: 10px !important; } .balloon__card { padding: 16px 16px 4px 16px; } .js-dialog[data-dialog="cart_review"] .balloon__card { padding: 16px 0 4px 0; } .js-dialog[data-dialog="cart_review"] .balloon__wrap { max-height: 280px; } .js-dialog[data-dialog="cart_review"] .dialog__title { margin-bottom: 7px; } .js-dialog[data-dialog="cart_review"] .balloon__footer { margin-bottom: 3px; } .js-dialog[data-dialog="cart_review"] .balloon__buttons .button:nth-child(1) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; margin-top: 10px; } .js-dialog[data-dialog="cart_review"] .balloon__buttons .button:nth-child(2) { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; margin-top: 0; } .js-dialog[data-dialog="fast_buy"] .field__block.co__extra-block.js-toggle__wrap { margin-bottom: 0; } .js-dialog[data-dialog="fast_buy"] .field__block.co__extra-block.js-toggle__wrap.opened .b1c-note { margin-top: 0; } .js-dialog[data-dialog="fast_buy"] .co__extra-namemob { display: none; } .balloon__content { width: 100%; } .balloon__buttons .button + .button { margin-left: 0; margin-top: 10px; } .main__sale-block picture, .main__sale-block picture img { max-width: 110px; max-height: 100%; } } @media (max-width: 425px) { .main__action_new .main__action-swiper .swiper-slide { height: auto; padding-top: 0; padding-left: 0; } } @media (max-width: 320px) { .main__action_new .main__action-item.swiper-slide > .b_320, .main__action_new .right_banner > .b_320 { display: inline-block; } .main__action_new .main__action-swiper .swiper-slide { height: auto; padding-top: 0; padding-left: 0; } } .js-dialog[data-dialog="fast_buy"] { max-height: calc(100vh - 90px); overflow-y: auto; overflow-x: hidden; } .topbar .main__wrap { position: relative; } .main__wrap .main__popular .swiper-wrapper .catalog__block:last-child { border-right: 1px solid #ececec; } .table_view .catalog__list .catalog__block { width: calc(100% - 20px) !important; } .notification { margin-bottom: 40px; font-size: 15px; line-height: 1.6rem; font-weight: 400; color: #a69988; position: relative; } .notification span { margin-left: 32px; display: block; } .notification svg { position: absolute; top: -1px; left: 0; width: 18px; height: 18px; } .notification svg path { fill: #a69988; } @media (max-width: 640px) { .notification svg { position: absolute; top: 5px; left: 0; width: 18px; height: 18px; } } @media (max-width: 500px) { .notification svg { position: absolute; top: 0; left: 0; width: 48px; height: 48px; } .notification span { margin-left: 62px; } .notification svg path { fill: #e4e0db !important; } } .dialog[data-dialog="basketViolation"] { min-height: 220px; } .dialog[data-dialog="basketViolation"] p { margin-bottom: 10px; line-height: 1.5; font-size: 1.3rem; font-weight: 400; font-family: Circe, Helvetica, sans-serif; text-align: center; } .dialog[data-dialog="basketViolation"] p.bold { font-weight: 600; } .dialog[data-dialog="basketViolation"] .cart-review_buttons { margin-top: 15px; } .dialog[data-dialog="basketViolation"] .balloon__buttons .button { font-size: 1.1rem; font-weight: 700; letter-spacing: 0.1em; } @media (max-width: 500px) { .dialog[data-dialog="basketViolation"] .balloon__buttons .button { margin-bottom: 0; } .dialog[data-dialog="basketViolation"] .balloon__buttons .button + .button { margin-left: 0; margin-bottom: 0; } } .pWrap { background: rgba(0, 0, 0, 0.7); height: 100%; position: fixed; width: 100%; z-index: 100; top: 0; left: 0; display: none; } .pInner { width: 50px; height: 50px; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .youtube { background-position: center; background-repeat: no-repeat; position: relative; display: block; overflow: hidden; transition: all 200ms ease-out; cursor: pointer; } .youtube .play { background-image: url("/upload/youtube.svg"); background-position: center center; background-repeat: no-repeat; background-size: 64px 64px; position: absolute; height: 100%; width: 100%; opacity: 0.8; filter: alpha(opacity=80); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .youtube .play:hover { opacity: 1; filter: alpha(opacity=100); } .field__container { margin-bottom: 10px; } .select2-selection__rendered { padding: 6px 12px; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 38px; width: 30px; } .select2-container .select2-selection--single { height: 40px; } .title__main { font-size: 2.4rem; line-height: 2.8rem; letter-spacing: -0.05em; font-weight: 700; padding-top: 21px; margin-bottom: 33px; } @media (min-width: 770px) { .title__main { font-size: 2.8rem; line-height: 3.2rem; } } @media (min-width: 1260px) { .title__main { font-size: 3.4rem; line-height: 3.6rem; } } .title__container { margin-bottom: 55px; } .grid__justify { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .grid__title-container { padding: 20px 0 45px; } .grid__container { position: relative; } @media (min-width: 770px) { .nav__container_small .nav__header, .nav__container_small .nav__list { width: auto; border-right: 0; } .nav__list-sec { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 4px; left: 200px; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } } @media (min-width: 770px) and (min-width: 1260px) { .nav__list-sec { font-size: 1.5rem; } } @media (min-width: 770px) { .nav__list-sec a { margin-right: 24px; color: #999; -webkit-transition: color 0.3s; transition: color 0.3s; white-space: nowrap; } .nav__list-sec a:hover { color: #202020; } .nav__header-td { position: absolute; top: 0; left: 200px; } } .main__best-link { display: block; font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; padding-top: 6px; } @media (min-width: 1260px) { .main__best-link { font-size: 1.3rem; } } .main__best-link a { color: #9a8c78; text-decoration: underline; } .main__best-hidden { display: none; } .main__action-date { font-size: 20px; margin-bottom: 25px; } .main__action-title { font-size: 38px; line-height: 36px; letter-spacing: -0.7px; margin-bottom: 20px; max-width: 500px; } @media (min-width: 770px) { .main__action-title { font-size: 42px; line-height: 40px; margin-bottom: 25px; max-width: 450px; } .main__action-date { font-size: 22px; margin-bottom: 30px; } } @media (min-width: 1260px) { .main__action-title { font-size: 48px; line-height: 44px; width: 60%; max-width: 450px; margin-bottom: 30px; } .main__action-date { font-size: 24px; margin-bottom: 40px; } } .main__news-video { position: relative; padding-top: 65.8%; } .main__news-video iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } @media (min-width: 770px) { .main__news-video { padding-top: 47.2%; } } @media (min-width: 1260px) { .main__news-video { padding-top: 33.3%; width: 66.6%; } } .catalog__body_loading::before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; content: ""; background-color: #fff; opacity: 0.5; z-index: 20; } #call_infoPopup { padding: 45px 80px 50px; font-family: Circe, Helvetica, sans-serif; } #call_infoPopup .popup-window-button { height: auto; margin: auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #call_infoPopup .popup-window-button:hover { color: #fff; } #call_infoPopup .dialog__title { margin-bottom: 0; } .dialog__close.js-city__clear { display: none; } #agree-error { position: relative; top: -7px; } .cut_from_page { display: none; } .navmob_opened { transition: top 1s; } .field__block.captcha { overflow: hidden; } .basket__button-i { stroke: #aaa; transition: stroke 0.3s; } .topbar__menu { max-height: 62vh; overflow: auto; } .catalog__block-icon:hover .catalog__block-i.basket__button-i { stroke: #000; } .ui-menu.ui-widget.ui-widget-content { border: none; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); } .ui-widget li.ui-menu-item:before { display: none; } .ui-widget li.ui-menu-item { font-size: 1.5rem; font-family: Circe, Helvetica, sans-serif; padding-left: 5px; } .ui-widget li.ui-menu-item:hover { color: #d6000a; } body .ui-menu.ui-widget.ui-widget-content.ui-corner-all .ui-corner-all:hover { color: #d6000a; } .ui-state-active, .ui-widget.ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid transparent; background: #ffffff; font-weight: normal; color: #d6000a; } body .ui-menu .ui-menu-item a:hover, .ui-menu-item-wrapper:hover { background-color: #fff; } .ui-helper-hidden-accessible { opacity: 0; } .main__service h2, .action__container h2, body .main__service :where(.h2), body .action__container :where(.h2) { margin-bottom: 19px; font-size: 28px; line-height: 32px; letter-spacing: -0.5px; font-weight: bold; } .main__subscribe-inner .dialog__success { display: none; } .main__news-feed h5, body .main__news-feed :where(h5) { margin-top: 0; } .sticky-small { position: relative; margin-bottom: 25px; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); } .sticky-small .header__search, .sticky-small .header__contacts, .sticky-small .header__call { display: inline-block; } .sticky-small .header__call { margin: 5px 0; } .sticky-small .header__contacts { display: block; margin-left: auto; font-style: normal; margin-right: 37px; -webkit-transform: translateY(4px); transform: translateY(4px); } .sticky-small .header__phone { font-size: 2.8rem; line-height: 3.2rem; letter-spacing: -0.05em; font-weight: 700; color: #202020; } .sticky-small .header__contacts-descr { display: none; } h3.catalog__filter-h1, body .catalog__filter-h1:where(.h3) { margin-top: 0; } h3.co__title, body .co__title:where(.h3) { margin-top: 0; } h3.static__title, body .static__title:where(.h3) { font-size: 28px; margin-bottom: 28px; } .co__steps-header .static__city { position: absolute; right: 0; } .navmob_opened { overflow: auto; } .navmob_opened .page { height: 100%; } .navmob_opened .page__wrap { height: 100%; } .navmob_opened .sticky_container { height: 100%; overflow: auto; } .static.p404, .static.pThnx { text-align: center; margin-bottom: 0; } .thnxIcon { transform: scale(0.7); } .er404text { line-height: 223px; font-size: 150px; color: #cbc4bb; font-weight: bold; text-anchor: middle; display: inline-block; } .er404desc, .thnxdesc { font-size: 20px; font-weight: 700; text-transform: uppercase; color: #cbc4bb; } .p404 p, .pThnx p { font-size: 20px; margin-bottom: 30px; } .pThnx p { margin-bottom: 25px; } .pThnx p:last-of-type { margin-bottom: 30px; } .pThnx p.thnxdesc { margin-bottom: 10px; } .p404 p:last-child { font-size: 15px; } .p404 a { color: #d6000a; text-decoration: underline; } .wrap_404 .main__sale { padding-top: 0; margin-top: 0; } .wrap_404 .main__sale-title, .wrap_404 .main__sale-descr { display: none; } .wrap_thnx .btn { margin: auto; width: max-content; } form ul.dialog__cities li::before, .co__steps-body ul.co__steps-payment li::before, ul.colors_offers li.product-item-scu-item-text-container::before, .topbar__menu ul.topbar__menu-list li::before { display: none; } .topbar__menu-list img { width: 50px; height: 50px; } .product__aside-content ul.product__aside-list li::before { top: 5px; } .co__steps-body ul.co__steps-payment li, ul.colors_offers li.product-item-scu-item-text-container, .topbar__menu ul.topbar__menu-list li { padding-left: 0; } .co__extra-item:last-child { border-bottom: none; } .co__steps-body, #extraServices, #delivery__container { position: relative; } #payments .co__steps-body::after, #delivery__container.block::after, #extraServices::after { content: "Выберите способ доставки"; position: absolute; top: -1px; bottom: 0; opacity: 0.9; left: 0; right: 0; background-color: white; display: flex; justify-content: center; line-height: 100%; font-size: 24px; font-weight: 600; z-index: 10; padding-top: 100px; color: #d6000a; } #delivery__container.block::after { content: "Способ доставки выбран"; } #payments .co__steps-body.not_after::after { display: none; } #payments .co__steps-body.choose::after { content: "Тип оплаты выбран"; } .co__delivery .button_sec, .co__container .button_sec { width: 100%; max-width: 320px; border-color: #ececec; color: #ececec; display: inline-block; margin-top: 30px; margin-right: 10px; } .co__container .button_prev { border-color: #999999; color: #999999; } .co__container .extra_serv_next { color: #d6000a; border-color: #d6000a; } #extraServices::after { content: "Выберите способ доставки и тип оплаты"; padding-top: 120px; top: 75px; } #extraServices.deliveryChoose::after { content: "Выберите способ оплаты"; } #extraServices.paymentChoose::after { display: none; } .main__news-pic { width: 72px !important; } .main__news-inner { width: calc(100% - 88px); } .action__block-inner a:hover { color: #d6000a; } .main__news-all:hover { color: #202020; } .main__service ul, .action__container ul { margin-bottom: 17px; } .main__reviews-name:hover { text-decoration: none; cursor: default; } .main__reviews-type:hover { color: #999; cursor: default; } .dialog__search div.dialog__close { right: 0; } .bx-ui-sls-variant { margin-bottom: 10px; cursor: pointer; } .bx-ui-sls-variant:hover { color: #d6000a; } input.bx-ui-sls-fake { position: absolute; background-color: transparent; left: 0; top: 0; padding-bottom: 8px; } .bx-ui-sls-pane { overflow: scroll; max-height: 350px; } .topbar__menu-list li { list-style: none; } .catalog__filter { z-index: 100; } .catalog__filter-clear { border: none; background: none; } .product__sticker_best { background-color: #f66; } .product__sticker_top2019 { background-color: #d0b298; } .catalog__block-color_grey, .catalog__filter-color_white { border: 1px solid #c6c6c6; } .product__sticker_black_friday { background-color: #131313; color: #d6000a; } .product__sticker_text-yellow { color: #fbbc0c; } .catalog__block-type { max-width: 300px; } .catalog__block-icons { z-index: 20; } .info__content ul { padding-left: 32px; } .info__table { max-width: 550px; } #call_feedback { padding: 35px; } .popup-window-close-icon:after { background-image: none; content: "X"; font-size: 17px; } .product__about-descr p { margin-bottom: 10px; } .product__info-color.current::before { border: 1px solid #d6000a; } .product__info-color.white_circle { width: 15px; height: 15px; border: 1px solid #b1b1b1; } .product__info-name, .product__info-func { width: unset; } .product__info-block .product__about-title { margin-bottom: 0; } .product__additional-more.product__about-link { border-bottom: none; } .info__content h2, body .info__content :where(.h2) { font-size: 2.8rem; line-height: 3.2rem; margin-bottom: 28px; } .product__about-descr.opened .product__about-shown { display: block; } .header__menu-block .balloon.no-menu { display: none; } .topbar { z-index: 100; } .navmob__overlay { z-index: 98; } [data-balloon][data-balloon-pos="up"], [data-balloon][data-balloon-pos="down"] { cursor: help; text-align: center; border-color: #ececec; --balloon-color: white; } [data-balloon][data-balloon-pos="up"]:hover, [data-balloon][data-balloon-pos="down"]:hover { border-color: #999; } [data-balloon][data-balloon-pos="up"]:before { display: none; } [data-balloon][data-balloon-pos="down"]:before { background: no-repeat url('data:image/svg+xml;charset=utf-8,'); } [data-balloon][data-balloon-pos="up"]:after, [data-balloon][data-balloon-pos="down"]:after { background-color: #fff; color: black; border-radius: 0; font-size: 12px; margin-left: 60px; border: 1px solid #ececec; z-index: 2; font-family: Circe !important; } .product__aside-help[data-balloon][data-balloon-pos="up"]:after, .product__aside-help[data-balloon][data-balloon-pos="down"]:after { left: auto; } .catalog__block-footer { padding-top: 15px; } .colors_offers { list-style: none; display: flex; } .main__action-product .colors_offers { display: flex; } .colors_offers .catalog__block-color { cursor: auto; } .basket__remove { bottom: 22px; z-index: 22; } .basket__sidebar .co__sidebar-list:last-child { margin-bottom: 0; border-bottom: none; } .basket__sidebar .co__sidebar { padding-bottom: 0; } .basket__sidebar-button .button { max-width: 320px; margin: 0 auto; } .co__sidebar-list .co__sidebar-name { width: calc(100% - 35px); } .co__extra-price { width: 111px; } .static__tbl.pt0 { padding-top: 0px; } .static__tbl-block { border: 0; } .static__map-title { margin-top: 0; } .static__acceptance p { padding: 0; margin: 0; } .static__acceptance h3, body .static__acceptance :where(.h3) { margin-top: 5px; } .static__acceptance + .static__acceptance { border-top: none; padding-top: 0; } .action__about p, .about p, .action__container p, .main__best-info p { margin-bottom: 12px; } .main__best-info li:last-child, .action__about li:last-child, .about li:last-child, .action__container li:last-child { padding-bottom: 0; } .main__best-info ul, .action__about ul, .about ul, .action__container ul { padding-top: 5px; } .kit__product { cursor: default; } .kit__name { min-height: 2.4rem; } .kit__title { margin-bottom: 0px; margin-top: 0; } .pic-sign { font-size: 10pt; position: absolute; width: 300px; margin-top: -10px; text-align: center; left: 97px; } .js-delivery__block { margin-bottom: 32px; } /*****ОБЩИЕ СТИЛИ СПИСКОВ*****/ ul:not(.nav__list) li, ul:not(.nav__list) ul > li { padding-left: 10px; position: relative; } ul { /* list-style: none; */ margin-bottom: 17px; } ul:not(.nav__list) ul > li::before, ul:not(.nav__list) > li::before { content: ""; display: block; position: absolute; left: 0; top: 0.6em; width: 4px; height: 4px; border-radius: 50%; background-color: #c0000a; } .product__about-descr ul:not(.nav__list) ul > li::before, .product__about-descr ul:not(.nav__list) > li::before, .about__team-content ul:not(.nav__list) ul > li::before, .about__team-content ul:not(.nav__list) > li::before { top: 0.5em; } .main__action-slider ul:not(.nav__list) ul > li::before, .main__action-slider ul:not(.nav__list) > li::before { top: 50%; } ul.nav__list li::before { display: none; } ul.nav__list li { padding-left: 0; } ul:not(.nav__list) ul { margin-left: 30px; } ul:not(.nav__list) > ul > li::before { background-color: #000; } ul:not(.nav__list) > ul > ul li::before { background-color: transparent; border: 1px solid #ccc; padding: -1px; } ol { list-style: none; counter-reset: my-awesome-counter; } ol > ol { margin-left: 30px; } ol > li { padding-left: 25px; position: relative; } ol > ol li { padding-left: 40px; } ol > ol > ol li { padding-left: 45px; } ol > li::before { content: counter(my-awesome-counter) "."; counter-increment: my-awesome-counter; color: #c0000a; display: block; position: absolute; left: 0; font-weight: 600; } ol > ol > li::before { color: #000; } ol > ol > ol > li::before { color: #ccc; } /**********/ .main__best-header__search.main__best-header .main__best-name { margin-bottom: 0; } .search_dop-text { display: inline-block; margin-left: 10px; color: #202020; font-size: 20px; font-weight: 400; border-left: 1px solid #ccc; padding-left: 10px; letter-spacing: 0.1px; margin-top: 10px; } .search__footer { padding: 50px; } .search__footer a { border-radius: 24px; background-color: #f8f6f4; text-transform: uppercase; padding: 12px 73px; font-size: 12px; font-weight: 700; display: inline-block; margin: 0 auto; } .search__text-icon { top: 5px; position: relative; margin-left: 5px; } .dialog__suggest { z-index: 1; } .non_desktop { display: inline; } .desktop_only { display: none; } .mobile_only { display: none; } .static__benefits-i.car-icon { width: 65px; height: 45px; top: 2px; left: -13px; } .main__sale-pic { max-width: 110px; } .catalog__block-info td { font-size: 1.2rem; } .reviews__body img { max-width: 100%; } .reviews__container .reviews__info { width: 300px; } .main__reviews .reviews__info { display: flex; margin-top: 25px; } .balloon_city { left: 10px; padding: 25px 32px; max-width: 300px; text-align: center; top: 28px; z-index: 200; display: none; } .balloon_city::before { left: 25px; } .balloon_city .balloon__content { width: 100%; } .balloon__text { color: #000000; font-size: 14px; font-weight: 400; margin-bottom: 15px; } .balloon_city .balloon__name { font-size: 18px; font-weight: 700; line-height: 20px; margin-bottom: 13px; } .balloon_city .balloon__card-inner { padding-bottom: 10px; } .balloon_city .balloon__buttons { padding: 0; display: flex; } .balloon_city .balloon__buttons .button { display: inline-block; min-width: min-content; width: max-content; margin: 0 10px 0 0; } .balloon__card .compare__remove-i { right: 10px; top: 14px; left: auto; transform: scale(1.1); } .balloon__card .compare__remove-i:hover, .info__content a:hover { border-color: #202020; color: #202020; } .info__content .kit__buy a.button_sec:hover { background-color: #fff; color: #c0000a; border-color: #c0000a; } .balloon__temporary-container .balloon__card { cursor: auto; } .compare__remove-i:hover::before, .compare__remove-i:hover::after { background-color: #202020; } .nav__item.active { color: #c6c6c6; } .button-outline { padding-top: 18px; color: #d6000a; } .button-outline:hover { color: #000; } .static__nav a.current, .topbar__nav .current, .footer__nav-item.current { color: #d6000a; } .topbar__search-button { top: -10px; } .topbar__search.sticky_s { margin-top: -17px; } .checkbox__label { line-height: 18px; } .error + .checkbox { border-color: #d6000a; } .colors_offers { margin-bottom: 0; } .main__action-product + .main__action-slider { height: 100%; } .main__action-item { -webkit-background-size: calc(50% + 1px) 100%; background-size: calc(50% + 1px) 100%; position: relative; } .main__action-item .tovarImg img { width: 100%; } .main__action-item .tovarImg { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 50%; } .main__action-item .button { background-color: #d0021b; border: none; padding: 0 15px; line-height: 48px; min-height: 48px; } .main__action-item .button:hover { background-color: #c0000a; border-color: #c0000a; } .main__action-date { font-size: 30px; line-height: 20px; } .main__action-priceblock { position: absolute; } .main__action-price { font-weight: 700; } .main__action-price__label { text-transform: lowercase; border-radius: 18px; background-color: #fff; padding: 4px 20px; vertical-align: middle; } .kit__title b { font-weight: 400; font-size: 0.8em; } .product__aside-help { display: inline-block; right: 0px; position: absolute; top: 0; padding-top: 14px; height: 67%; width: 100px; z-index: 1; } .product__aside-help__circle { border-radius: 50%; border: 1px solid #ececec; width: 18px; height: 18px; position: absolute; margin-top: -22px; right: 40px; } .product__aside-header::before { right: 110px; } .product__aside-header { cursor: auto; } .hide-balloon[data-balloon]:after, .hide-balloon[data-balloon]:before { opacity: 0; } .product__aside-help { z-index: 3; } .product__aside-help.hide-balloon { z-index: 1; } .product__aside-help[data-balloon][data-balloon-pos="up"]:after, .product__aside-help[data-balloon][data-balloon-pos="down"]:after { right: auto; transform: translateX(-100%); } .co__sidebar-list { position: relative; } .co__sidebar-list .compare__remove { right: 0; } .button__basket { color: #828282; border-color: #828282; } .static__tbl { margin-bottom: 45px; padding-bottom: 45px; border-bottom: 1px solid #eeeeee; } .static__tbl-price:last-of-type p { margin-bottom: 0; } .topBanner { padding: 14px 0; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; } .topBanner .main__wrap { height: 100%; position: relative; } .topBanner .compare__remove-i { right: 50px; cursor: pointer; top: 50%; transform: translateY(-50%); position: absolute; left: auto; -webkit-transition: color, border-color 0.3s; transition: color, border-color 0.3s; } .topBanner .compare__remove-i::before, .topBanner .compare__remove-i::after { background: #fff; } .topBanner .compare__remove-i:hover { color: #202020; border-color: #202020; } .topBanner .compare__remove-i:hover::before, .topBanner .compare__remove-i:hover::after { background-color: #202020; } .banner-text { color: white; margin: 0 auto; height: 100%; text-align: center; padding: 0 75px; } .sticky__nav a { font-size: 15px; text-transform: none; letter-spacing: 0em; } .geo-icon { cursor: pointer; color: #828282; padding-top: 2px; } .geo-icon svg { fill: #828282; height: 22px; width: 24px; } .geo-icon:hover svg { fill: #d6000a; } .geo-icon { display: none; } .sticky_s .geo-icon { display: inline-block; } .co__steps-payment { margin: 0; } .co__steps-payment input[type="radio"]:checked + .co__steps-checked { height: 54px; width: 54px; } .co__steps-payment input[type="radio"] + .co__steps-checked { display: block; height: 54px; width: 54px; position: absolute; } .co__steps-payment input[type="radio"] + .co__steps-checked + .co__steps-current + .co__steps-text { padding-left: 80px; width: 110px; cursor: pointer; padding-top: 7px; } .co__steps-payment input[type="radio"]:hover + .co__steps-checked + .co__steps-current + .co__steps-text { color: #d6000a; } .co__steps-payment label:hover .co__steps-current { border: 1px solid #d6000a; } .co__steps-payment input[type="radio"]:checked + .co__steps-checked + .co__steps-current + .co__steps-text { padding-left: 64px; color: #d6000a; } .about__header { background-image: url(/local/templates/lovePiano/css/../../../../upload/medialibrary/f86/v_4.jpg); } .swiper-slide.product__additional:hover div { color: #202020; } .mfp-zoom-out-cur .mfp-image-holder .mfp-close, .zoom__close, .zoom__prev, .zoom__next { transform: scale(1.5); cursor: pointer; } .zoom__next { right: 50px; } .zoom__prev { left: 50px; } .mfp-image-holder .mfp-close { top: 15px; right: 15px; } .co__delivery-price { text-align: right; line-height: 1em; max-width: 200px; } .co__delivery-type { margin-right: 10px; } .co__delivery-item { place-items: baseline; } .field { font-size: 16px; } .product__title { display: block; } .sticky__search { top: 10px; } .balloon__temporary { padding-bottom: 0; } .balloon__temporary-title { margin-top: 0; } .compare__table .catalog__block-basket { display: flex; } .main__team-item.opened .main__team-info { display: -webkit-box; display: -ms-flexbox; display: flex; } .catalog__block-pic img { width: 147px; } .info__title:first-child { margin-top: 0; } ul.co__steps-help { padding-left: 20px; padding-top: 0; } ul.co__steps-help li { list-style: disc; padding-left: 0px; } ul.co__steps-help li::before { display: none; } .header__mini_call .button { padding: 9px 17px 8px; min-height: auto; min-width: auto; } #banks .static__partners a { margin-bottom: 15px; } .hide-options.main__action-product table.catalog__block-info { display: none; } .header__logo { padding: 10px 15px 12px; } @media (max-width: 425px) { .header__mini_call .button { min-width: auto; max-width: 90px; min-height: auto; padding: 6px 0px 5px; border-radius: 18px; font-size: 9px; line-height: 10px; } .pb-sdk-pos-credit__cont { min-width: 100% !important; box-sizing: border-box !important; } .pb-sdk-pos-credit .pb-sdk-pos-credit__head { flex-wrap: wrap; } .button_sec { padding-top: 15px; padding-bottom: 14px; min-height: 42px; border-radius: 20px; } #payments .button_sec, #extraServices .button_sec { width: 150px; min-width: 150px; } #payments .button_sec { margin-top: 55px; } .action__block-inner img { width: 100%; } html:not([dir="rtl"]) .noUi-horizontal .noUi-handle { padding: 10px; top: -8px; } .noUi-target { padding: 0 18px 0 5px; } .catalog__filter-field input { font-size: 16px; } .co__steps-header .static__city { right: auto; } .about__header { min-height: 450px; } .kit__group:first-child .kit__name { /* margin-bottom: 26px; */ } .banner-text { padding-left: 0; padding-right: 32px; } .topBanner .compare__remove-i { right: 14px; } .header__logo-pic { width: 150px; } .sticky-small { margin-bottom: 0; } .sticky-small .header__phone { font-size: 12px; } .button__basket { font-size: 9px; padding: 8px 8px 7px; height: auto; min-height: auto; min-width: auto; transform: translateY(-2px); } .sticky-small .button_xl { padding-top: 8px; padding-bottom: 7px; min-width: 80px; min-height: auto; font-size: 9px; border-radius: 24px; line-height: 9px; } .sticky-small .header__contacts { margin-right: 12px; -webkit-transform: translateY(1px); transform: translateY(1px); margin-left: auto; width: auto; } .basket__header { padding: 18px 16px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .main__reviews .reviews__info { justify-content: space-between; flex-wrap: wrap; } .main__reviews .reviews__info-item { margin-right: 0; width: 50%; box-sizing: border-box; } .thnxdesc { line-height: 33px; font-size: 18px; } .pThnx p { margin-bottom: 34px; } .pThnx p:last-of-type { margin-bottom: 20px; } .co__extra-content { width: calc(100% - 120px); } .co__delivery-price { text-align: right; } .navmob__city { height: 100%; overflow: scroll; } .navmob__city .dialog__suggest-inner:not(.dropdown-item) { margin-top: 60px; padding-bottom: 60px; } .navmob__city .bx-ui-sls-variants { padding-bottom: 220px; } .navmob__city .bx-ui-sls-variants .dialog__suggest-inner { margin-top: 0; } .bx-sls { background-color: #fff; position: absolute; height: auto; padding-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .navmob__city .bx-ui-sls-pane { overflow: auto; height: 100vh; max-height: 800px; } .navmob { height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; } .action__info_inner dd:last-child { font-size: 1.5rem; } .action__info_inner dd { border: none; } .fix-ios { height: 100vh; overflow: hidden; } .topbar__search-button { top: -10px; } .sticky__search-field.js-toggle__focus.js-autocomplete { position: absolute; left: 0; right: 0; border: solid 1px #ececec; background-color: #fff; padding-left: 10px; box-sizing: border-box; width: 100%; height: 48px; border-radius: 24px; font-size: 16px; } .topbar__search-submit { bottom: auto; top: 11px; } .topbar__menu { margin-top: 55px; } .product__about-title { margin-bottom: 0; } .product__info-name { display: none; } .catalog__block-name { min-height: 4rem; } .main__action-slider { margin-bottom: 10px; } .main__action-swiper .swiper-slide { height: 345px; padding-top: 215px; padding-left: 55px; } .main__action-item .tovarImg { top: 0; width: 100%; height: 60%; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .main__action-item .tovarImg img { width: auto; height: 100%; max-width: 100%; margin: 0 auto; display: block; } .main__action-title { font-size: 26px; line-height: 22px; margin-bottom: 15px; } a.middle .main__action-title { position: absolute; top: 75%; left: 50%; transform: translate(-50%, -50%); } .main__action-date { font-size: 16px; } .main__action-price { font-size: 17px; line-height: 17px; margin-right: 5px; } .main__action-price__label { vertical-align: text-bottom; font-size: 14px; border-radius: 10px; padding: 0px 10px; } .main__action-priceblock { bottom: 40px; } .button.button_sec2 { display: none; } .js-balloon__temporary { max-width: 200px; padding-bottom: 20px; } .balloon_basket + .balloon__temporary { } .balloon__temporary-title { text-align: justify; border-bottom: none; margin: 0; padding: 0; } .balloon__temporary-container { display: none; } #credit .static__title { font-size: 28px; line-height: 32px; } #credit .static__block-desc { font-size: 16px; } .mobile_only { display: inherit; } td { font-size: 16px; } .product__about-tbl td { font-size: 12px; } .static__block-table tr:first-child { display: none; } .static__block-table tr { display: flex; flex-wrap: wrap; } .static__block-table td { width: 100%; } .static__block-table td:nth-of-type(1) { font-size: 21px; font-weight: 700; padding-left: 70px; min-height: 45px; max-width: 110px; padding-bottom: 15px; } .static__block-table td:nth-of-type(1)::before { position: absolute; left: 30px; height: 45px; } .static__block-table td:not(:nth-of-type(1)) { background-color: #fdfbf9; padding: 15px; } .static__block-table td:nth-of-type(2) { padding-bottom: 0; } .static__block-table td:nth-of-type(3) { margin-bottom: 34px; } .static__block-table_first::before { content: url("/local/templates/lovePiano/i/wallet2.svg"); } .static__block-table .static__block-table_sum::before { content: url("/local/templates/lovePiano/i/bill2.svg"); } .static__block-table_paid::before { content: url("/local/templates/lovePiano/i/time1.svg"); } .static__block-table_for::before { content: url("/local/templates/lovePiano/i/piano2.svg"); } .mobile_credit-header { color: #9a8c78; font-weight: 700; line-height: 32px; font-size: 24px; } dd { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 20px; } #requirements { width: 100%; } #requirements .static__title { margin-bottom: 33px; } .static__requirements { display: block; } .static__requirements-block { width: 100%; padding-left: 60px; position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.1); min-height: 106px; padding-top: 25px; padding-bottom: 25px; box-sizing: border-box; font-size: 21px; font-weight: 700; } .static__requirements-block:last-child { padding-bottom: 0; border-bottom: none; } #age18.static__requirements-block { padding-left: 60px; } .static__requirements-block::before { position: absolute; left: 0; width: 40px; height: 40px; -webkit-background-size: 40px auto; background-size: 40px auto; } #age18.static__requirements-block::before { content: ""; background-image: url("/local/templates/lovePiano/i/18x2.png"); } #passport.static__requirements-block::before { content: ""; background-image: url("/local/templates/lovePiano/i/passportx2.png"); } #house.static__requirements-block::before { content: ""; background-image: url("/local/templates/lovePiano/i/housex2.png"); } #regions.static__requirements-block::before { content: ""; background-image: url("/local/templates/lovePiano/i/coat-of-armsx2.png"); } #variants .static__list { font-size: 16px; font-weight: 400; } .static__partners a { margin-right: 0; margin-bottom: 37px; } .static__partners img { float: left; width: 100px; } .static__partners .static__sec { padding-left: 140px; padding-top: 0; } } @media (min-width: 426px) { a.middle .main__action-title { position: absolute; top: 50%; transform: translate(50%, -50%); text-align: center; width: auto; right: 25%; } .sticky_s .sticky__search-field { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 24px; border: 2px solid #ececec; padding: 5px 60px 5px 20px; font-size: 1.5rem; line-height: 2.4rem; font-weight: 400; } .basket__header-return { display: block; } .sticky-small .header { padding-top: 10px; padding-bottom: 10px; } .basket__header { justify-content: space-between; } .sticky-small .button_xl { min-width: 97px; min-height: 38px; padding-top: 11px; padding-bottom: 10px; font-size: 9px; line-height: 13px; } .sticky-small .header__contacts { margin-right: 20px; } .sticky-small .header__contacts .header__phone { font-size: 20px; } .main__action-product + .main__action-slider { height: 100%; margin-bottom: 10px; } .main__action-title { font-size: 22px; line-height: 24px; } .main__action-item { padding: 40px 20px 60px calc(50% + 2em); height: 217px; } .main__action-date { font-size: 16px; line-height: 24px; } .main__action-priceblock { bottom: 45px; } .main__action-price__label { padding: 2px 20px; vertical-align: text-bottom; display: none; } .main__action-price { margin-right: 5px; font-size: 26px; vertical-align: text-top; } .button.button_sec2 { display: none; } .co__extra-price { text-align: left; } .co__extra-content { width: calc(100% - 116px); } .main__reviews .reviews__info { width: 425px; } .main__reviews .reviews__info-item { margin-right: 30px; } h2.static__title-credit, body .static__title-credit:where(.h2) { font-size: 34px; } p.static__block-desc_credit { margin-bottom: 50px; } .static__block-table { max-width: 1130px; margin-bottom: 15px; } .static__block-table td { padding-bottom: 50px; } .static__block-table th { text-align: left; color: #9a8c78; font-size: 28px; font-weight: 700; padding: 40px 20px 26px 20px; text-transform: uppercase; } .static__block-table tr:last-child td { padding-bottom: 45px; } .static__block-table td { padding: 0 20px; } .static__block-table td:nth-of-type(1) { color: #222222; font-size: 21px; font-weight: 700; padding-left: 100px; position: relative; padding-bottom: 50px; } .static__block-table td:nth-of-type(1)::before { position: absolute; left: 30px; height: 45px; } .static__block-table_first::before { content: url("/local/templates/lovePiano/i/wallet2.svg"); } .static__block-table .static__block-table_sum::before { content: url("/local/templates/lovePiano/i/bill2.svg"); } .static__block-table_paid::before { content: url("/local/templates/lovePiano/i/time1.svg"); } .static__block-table_for::before { content: url("/local/templates/lovePiano/i/piano2.svg"); } .static__block-table th:nth-of-type(2), .static__block-table td:nth-of-type(2) { width: 40%; background-color: #fdfbf9; } .static__block { margin-bottom: 69px; } h3.static__title, body .static__title:where(.h3) { font-size: 34px; } .static__dl-credit dd { padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .static__dl-credit dd:last-child { border-bottom: none; padding-bottom: 0; } .static__dl-credit dt { float: left; padding-right: 40px; } #requirements { width: 100%; } #requirements .static__title { margin-bottom: 33px; } .static__requirements { display: flex; flex-wrap: wrap; } .static__requirements-block { width: 50%; padding-left: 70px; position: relative; border-right: 1px solid rgba(0, 0, 0, 0.1); height: 95px; padding-top: 8px; box-sizing: border-box; padding-right: 38px; } #age18.static__requirements-block { padding-left: 60px; } #regions.static__requirements-block { min-width: 30%; padding-right: 0; } #house.static__requirements-block { padding-left: 60px; } .static__requirements-block::before { position: absolute; left: 15px; width: 40px; display: block; height: 40px; -webkit-background-size: 40px auto; background-size: 40px auto; } #age18.static__requirements-block::before { content: ""; background-image: url("/local/templates/lovePiano/i/18x2.png"); left: 0; } #passport.static__requirements-block::before { content: ""; background-image: url("/local/templates/lovePiano/i/passportx2.png"); } #house.static__requirements-block::before { content: ""; background-image: url("/local/templates/lovePiano/i/housex2.png"); } #regions.static__requirements-block::before { content: ""; background-image: url("/local/templates/lovePiano/i/coat-of-armsx2.png"); } .static__requirements-block:last-child, .static__requirements-block:nth-of-type(2) { border-right: none; } .static__requirements-block:nth-of-type(2), .static__requirements-block:nth-of-type(1) { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .static__requirements-block p { color: #222222; font-size: 21px; font-weight: 700; } #banks.static__block { margin-bottom: 55px; } #banks .static__partners a { margin-right: 0; width: 50%; margin-bottom: 37px; } #banks .static__partners .static__sec { padding-top: 20px; } #banks .static__title { font-size: 34px; } .static__table-block { overflow-x: auto; } } @media (min-width: 770px) { .main__action-product + .main__action-slider { width: 100%; } .main__action-product { display: none; } .co__container .extra_serv_next { display: none; } .catalog__block-pic img { width: 100%; } .header__logo { padding-top: 11px; padding-bottom: 17px; } .sticky-small .button_xl { font-size: 11px; } .sticky-small .button_xl br { display: none; } .about__title { top: 35%; } .about__info { bottom: 100px; } .catalog__block-info th { padding-right: 7px; } .main__action .catalog__block-footer { position: absolute; bottom: 24px; width: calc(100% - 48px); } .main__action-product + .main__action-slider { height: 100%; margin-bottom: auto; } .main__action-item { padding: 70px 20px 110px calc(50% + 2em); height: inherit; cursor: auto; -webkit-background-size: calc(50% + 1px) 100%; background-size: calc(50% + 1px) 100%; } .main__action-item .button { display: block; } .main__action { height: 400px; } .main__action-title { font-size: 30px; font-weight: 700; width: 100%; } .main__action-product table.catalog__block-info { display: flex; } .main__action-product .catalog__block-name { min-height: 24px; } .main__action-product table.catalog__block-info tr:nth-of-type(odd) { padding-right: 2px; } .main__action-product table.catalog__block-info th { width: 85px; } .main__action-date { font-size: 23px; margin-bottom: 100px; } .main__action-priceblock { margin-top: 35px; bottom: auto; } .main__action-price { font-size: 30px; line-height: 37px; margin-right: 15px; vertical-align: bottom; } .main__action-price__label { font-size: 20px; display: inline-block; } .co__extra-price { text-align: right; } .co__extra-content { width: calc(50% - 40px); } .balloon_city { left: auto; right: 47px; } .balloon_city::before { right: 125px; left: auto; } .er404text { font-size: 261px; } .catalog__tag { margin-bottom: 5px; } .search_dop-text { min-width: 639px; } #banks .static__partners a { margin-right: 55px; width: calc(33.33333333% - 55px); margin-bottom: 15px; cursor: auto; } .static__partners img { height: 45px; } #banks .static__title { font-size: 28px; } #house.static__requirements-block { min-width: 31%; padding-left: 100px; } #house.static__requirements-block::before { left: 40px; } .static__requirements-block:nth-of-type(2) { border-right: 1px solid rgba(0, 0, 0, 0.1); } .static__requirements-block:nth-of-type(2), .static__requirements-block:nth-of-type(1) { border-bottom: none; } .static__requirements { flex-wrap: nowrap; } .static__requirements-block { width: auto; } h3.static__title, body .static__title:where(.h3) { font-size: 28px; } .static__block { margin-bottom: 40px; } .non_desktop { display: none; } .desktop_only { display: inline; } p.static__block-desc_credit { margin-bottom: 20px; } .static__block-table th { text-transform: none; } .static__nav a { font-size: 18px; letter-spacing: 0.1px; } .static__block-table th { padding: 40px 40px 26px 40px; } .static__block-table td { padding: 0 40px; } .static__block-table th:nth-of-type(2), .static__block-table td:nth-of-type(2) { width: 50%; background-color: #fdfbf9; } .syntCat { height: 390px; } .dialog__suggest-inner { overflow: hidden; } .catalog__list .catalog__block:nth-child(3n) { border-right: 1px solid #ececec; } .catalog__list .catalog__block:nth-of-type(3n) { border-right: 0; } .catalog__body_full .catalog__list .catalog__block:nth-of-type(3n) { border-right: 1px solid #ececec; } .catalog__block-content { z-index: 19; } .basket__block .catalog__block-content { width: calc(94% - 183px) !important; } .basket__content.catalog_list .catalog__list .catalog__block-content { margin-bottom: 48px; } .nav__sidebar { display: none; } .catalog__block-header { width: 69%; margin-left: 10%; max-width: 278px; } .catalog__block-text { width: 100%; } .info__table { max-width: 1000px; } .info__table th { width: 30%; } .info__table td { width: 70%; } .catalog_list .catalog__list .catalog__block { padding: 20px 20px 0px 0; box-sizing: content-box; } .catalog_list .table_view .catalog__list .catalog__block { width: calc(100% - 20px); } .catalog_list .catalog__list .catalog__block-header { width: 19%; margin-right: 4%; margin-left: 3%; } .catalog_list .catalog__list .catalog__block-footer { left: 26%; } .catalog_list .catalog__list .catalog__block-content { margin-bottom: 60px; } .catalog__block-text { height: 85px; } .catalog__block-name { min-height: 48px; } .compare__table { table-layout: fixed; } /******** ИЗБРАННОЕ**********/ .catalog__list .catalog__block.wishlist .catalog__block-header { width: 20%; max-width: 20%; margin-right: 3%; margin-left: 2%; } .basket__block.wishlist .catalog__block-content { width: 75% !important; } /****Всплывашка фильтра******/ #modef { border: 1px solid #d6000a; padding: 12px 16px; left: 0; transform: translateX(-105%); background-color: #d6000a; position: absolute; color: #fff; font-weight: 700; z-index: 200; } #modef a:hover { color: black; } #modef a.catalog__alert-button:hover { color: white; } .sticky-small .header { padding-bottom: 0px; padding-top: 0px; } .sticky-small .header__inner { padding-bottom: 0px; } .sticky-small .header__logo { padding-top: 13px; } .sticky-small .header__logo-pic { width: 180px; } .sticky-small .header__contacts .header__phone { font-size: 2.8rem; } .sticky-small .button_xl { padding-top: 17px; padding-bottom: 17px; min-width: 200px; min-height: 48px; } .sticky-small .header__contacts { -webkit-transform: translateY(2px); transform: translateY(2px); margin-right: 37px; } .sticky-small .header__contacts-descr { color: #c6c6c6; font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; } } @media (min-width: 1260px) { .button.button_sec2 { position: absolute; bottom: 50px; } .header__logo { padding-top: 10px; padding-bottom: 10px; } .header__logo-pic { width: 250px; height: 47px; margin-top: -3px; margin-bottom: 0px; } .sticky_s .header__logo-pic { width: 204px; height: 35px; max-width: none; margin-top: 0; } .main__action-product + .main__action-slider { width: calc(100% - 409px); } .main__action-product { display: block; width: 375px; } .main__action { height: 460px; } .header__mini_call .button { padding: 15px 15px 14px; min-height: 40px; min-width: 200px; } .main__team-container .swiper-wrapper { justify-content: center; cursor: auto; } .sticky_s .header__logo { width: 35px; } .sticky_s .header .main__wrap { padding-top: 11px; padding-bottom: 11px; } .catalog__filter { z-index: 49; } .kit__group:first-child .kit__name { width: 218px; /* margin-bottom: 26px; */ } .product__aside-help { top: 14px; padding-top: 0; } .product__aside-help__circle, .header__mini_call { display: none; } .button { padding-top: 18px; padding-bottom: 17px; border-radius: 26px; } .basket__sidebar { top: 20px; } .product__aside-help { right: auto; position: relative; top: auto; transform: translateY(0px); display: flex; width: 18px; height: 18px; line-height: 18px; } .product__aside-help[data-balloon][data-balloon-pos="up"]:after, .product__aside-help[data-balloon][data-balloon-pos="down"]:after { right: 0; transform: translateX(0%); left: auto; } .compare__title { font-size: 3.4rem; } .main__action-title { font-size: 43px; } .main__action-date { font-size: 30px; line-height: 30px; } .main__action-price { font-size: 37px; } .main__action-price__label { padding: 7px 20px; vertical-align: baseline; } .kit__container { border-bottom: none; padding-bottom: 0; } .balloon_city { top: 20px; } .balloon_city::before { right: 25px; } .wishlist .product__icons { margin-left: 0; } .main__sale-pic { max-width: 180px; } .static__title-credit { margin-bottom: 28px; } p.static__block-desc { max-width: 1130px; margin-bottom: 45px; } .static__dl-credit { max-width: 1130px; } #variants.static__block, #banks.static__blockmb55 { max-width: 1130px; } #requirements { width: 1130px; margin-bottom: 30px; } .static__acceptance + .static__acceptance-tovar .static__acceptance-i { top: -7px; } #banks .static__partners a { max-width: 200px; } .main__news { display: flex; } .main__news-container { width: 100%; } .main__news-content { width: 40%; border-right: none; } .main__news-issue { width: 100%; } .main__news-blog { display: block; } .main__news-sidebar { right: auto; left: 40.3%; width: 40%; bottom: 55px; } .main__news-video { width: 45%; padding-top: 22.3%; } .main__reviews-video { width: 585px; height: 290px; padding-top: 0; } .main__reviews-body { width: calc(100% - 585px); font-size: 15px; } .main__reviews-header { margin-bottom: 0; } .main__reviews-text { margin-bottom: 22px; } .main__reviews-info .reviews__info { width: auto; display: flex; } .main__reviews-info .reviews__info-item { margin-right: 40px; } .static__benefits-container.static__deliveries-container { margin-left: 0; } .static__deliveries-container .static__benefits-item { margin-left: auto; } .static__deliveries-container .static__benefits-item:first-child { margin-left: 0; } .static__deliveries-container .static__benefits-item.one-word { line-height: 48px; } .nav__container { width: inherit; } .basket__block .catalog__block-content { width: calc(93% - 150px) !important; } .static__nav { padding: 0; } .about__team { padding-top: 0; } .catalog__body_full .catalog__list .catalog__block:nth-child(4n + 1) { border-left: 1px solid #ececec; } .catalog__body_full .catalog__list .catalog__block:nth-child(8n + 1) { border-left: 0; } .kit__name { min-height: 2.6rem; } .action__info dd:last-child { font-size: 1.6rem; } .static__important_delivery { margin-bottom: 45px; } .static__important-checkout { margin-left: -50px; margin-right: -50px; padding-left: 103px; } .static__important-checkout::before { left: 55px; } } @media (max-width: 1400px) { .search_dop-text { padding-left: 0; margin-left: 0; border: none; display: block; } } .check-device { z-index: 3; position: absolute; } @media (min-width: 770px) { .check-device { z-index: 2; } } @media (min-width: 1260px) { .check-device { z-index: 1; } } @media all and (max-width: 1260px) { .topbar__search.sticky_s { margin-top: -12px; } } [data-balloon][data-balloon-pos="up"]:hover, [data-balloon][data-balloon-pos="down"]:hover { z-index: 100; } .opacityNone { display: none; } .dialog.js-dialog[data-dialog="add_review"] .field__block:nth-of-type(3) { display: none; } .bottom_catalog__body { display: flex; width: 100%; } .bottom_catalog__body .catalog__pref { border-top: none; width: 100%; display: flex; } .bottom_catalog__body .catalog__pref-block { margin-left: auto; } @media all and (max-width: 1024px) { .bottom_catalog__body .catalog__pref { border-top: 1px solid #ececec; padding-right: 16px; } .bottom_catalog__body .catalog__pref-block { margin-left: auto; margin-right: auto; } } @media (min-width: 770px) { .catalog { margin-bottom: 24px; } .catalog__body .catalog__pref { padding-right: 0; } .catalog__body .catalog__view::before { display: none; } .catalog__series a { margin-right: 29px; } .catalog__series a::before { content: ""; width: 1px; height: 16px; background-color: #c6c6c6; position: absolute; right: -15px; top: 1px; } .catalog__series a:last-child::before { display: none; } .catalog__pref-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .catalog__pref-block + .catalog__pref-block { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 16px; } .catalog__pref-block + .catalog__pref-block .catalog__quantity { -webkit-transform: translateY(-2px); transform: translateY(-2px); } .catalog_list .catalog__body_full .catalog__list .catalog__block { width: 100%; } .catalog_list .catalog__body_full .catalog__block-footer { padding-left: 15px; } .catalog_list .catalog__list .catalog__block { width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 20px 0 70px; -webkit-box-sizing: border-box; box-sizing: border-box; } .catalog_list .catalog__list .catalog__block-header { width: 30%; margin-bottom: 0; margin-right: 15px; } .catalog_list .catalog__list .catalog__block-content { width: calc(70% - 15px); } .catalog_list .catalog__list .catalog__block-price { margin-right: 20px; } .catalog_list .catalog__list .catalog__block-name { margin-right: 90px; } .catalog_list .catalog__list .catalog__block-footer { position: absolute; left: 30%; bottom: 24px; width: auto; padding-top: 0; } .catalog__tag { padding: 8px 16px; border-radius: 20px; } .catalog__tags { overflow: visible; } .catalog__tags .swiper-wrapper { -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; -ms-flex-wrap: wrap; flex-wrap: wrap; } .catalog__tags .swiper-prev, .catalog__tags .swiper-next { display: none; } .catalog__swiper { padding-bottom: 48px; } .catalog__swiper::before { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 48px; border-top: 1px solid #ececec; } .catalog__block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 33.3%; border-left: 1px solid #ececec; padding: 0 24px 24px; } .catalog__block .product__stickers { left: 16px; top: 16px; } .catalog__block-text { font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; display: block; padding-top: 12px; width: 85%; } } @media (min-width: 770px) and (min-width: 1260px) { .catalog__block-text { font-size: 1.3rem; } } @media (min-width: 770px) { .catalog__block:first-child { border-left: 0; } .catalog__block-header { width: 100%; margin-right: 0; margin-bottom: 9px; } .catalog__block-name { margin-bottom: 16px; } .catalog__block-best { top: 16px; left: 16px; } .catalog__block-icons { right: 16px; top: 21px; } .catalog__block-content { width: 100%; } .catalog__pag { margin-top: -1px; } .catalog__pag-text { display: block; } .catalog__pag-prev .catalog__button-i, .catalog__pag-next .catalog__button-i { display: none; } .catalog__pag-prev { -webkit-transform: rotate(0); transform: rotate(0); } .catalog__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .catalog__list .catalog__block { border: 1px solid #ececec; margin: -1px 0 0 -1px !important; width: calc(33.3% + 1px); height: auto; } .catalog__list .catalog__block:nth-child(3n + 1) { border-left: 0; } .catalog__list .catalog__block:nth-child(3n) { border-right: 0; } .catalog__pref { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .catalog__pref-select { width: 300px; } .catalog__view { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 10px; position: relative; } .catalog__view::before { content: ""; display: block; position: absolute; right: 0; top: -16px; bottom: -16px; border-right: 1px solid #ececec; } .catalog__view-icon, .catalog__view-i { display: block; width: 20px; height: 20px; } .catalog__view-i { fill: #999; -webkit-transition: fill 0.3s; transition: fill 0.3s; } .catalog__view-icon { padding: 12px; } .catalog__view-icon.current .catalog__view-i, .catalog__view-icon:hover .catalog__view-i { fill: #202020; } } @media (min-width: 1260px) { .catalog__alert { position: absolute; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 190px; -webkit-box-sizing: border-box; box-sizing: border-box; right: calc(100% + 18px); left: auto; bottom: auto; top: 0; } .catalog__alert::before { content: ""; display: block; position: absolute; right: -8px; top: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #d6000a; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .catalog__alert-button { color: #fff; background: 0; border: 0; font-size: 1.5rem; line-height: 2.4rem; font-weight: 400; cursor: pointer; text-decoration: none; padding: 0; margin: 0; } } @media (min-width: 1260px) { .catalog__alert-button:hover { text-decoration: underline; } .catalog__series a::before { top: 2px; } .catalog__swiper { padding-bottom: 0; } .product__additional-wrap.catalog__swiper { padding-bottom: 40px; } .catalog__swiper .swiper-pagination { display: none; } .catalog__swiper::before { display: none; } .catalog__block-old-price { font-size: 13px; } .catalog__block-best { width: 72px; height: 72px; } .catalog__block-name { margin-bottom: 10px; } .catalog__footer { height: auto; border-top: 0; position: static; min-height: 0; } .catalog__prev, .catalog__next { position: absolute; top: 50%; background-color: #fff; border-radius: 50%; -webkit-box-shadow: 0 2px 4px 0 rgba(32, 32, 32, 0.06); box-shadow: 0 2px 4px 0 rgba(32, 32, 32, 0.06); z-index: 10; width: 40px; height: 40px; -webkit-transform: translate(0, -20px); transform: translate(0, -20px); cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.3s; transition: all 0.3s; padding: 0; } .catalog__prev:hover, .catalog__next:hover { -webkit-box-shadow: 0 2px 4px 0 rgba(32, 32, 32, 0.3); box-shadow: 0 2px 4px 0 rgba(32, 32, 32, 0.3); } .catalog__prev { left: -20px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .catalog__next { right: -20px; } .catalog__button-i { width: 20px; height: 20px; } .catalog__pref { padding: 10px 32px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% - 301px); -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .catalog__pref-select { display: none; } .catalog__pref-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .catalog__pref-block + .catalog__pref-block { width: auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 32px; } .catalog__pref-block + .catalog__pref-block .catalog__quantity { -webkit-transform: translateY(0); transform: translateY(0); } .catalog__filter-block { position: relative; } .catalog__filter .product__aside-help { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .catalog__filter-icon { display: none; } .catalog__view { margin-right: -6px; margin-left: 16px; } .catalog__view-icon { padding-left: 6px; padding-right: 6px; } .catalog__view::before { display: none; } .catalog__quantity { display: -webkit-box; display: -ms-flexbox; display: flex; color: #999; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; top: 3px; font-size: 15px; } .catalog__quantity span { padding: 8px; display: block; } .catalog__quantity a { color: #999; display: block; padding: 8px; -webkit-transition: color 0.3s; transition: color 0.3s; } .catalog__quantity a.current { color: #202020; } .catalog__sort { display: -webkit-box; display: -ms-flexbox; display: flex; color: #999; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; top: 3px; } .catalog__sort span { display: block; margin-right: 12px; } .catalog__sort-invert .catalog__sort-i { -webkit-transform: rotate3d(1, 0, 0, 180deg); transform: rotate3d(1, 0, 0, 180deg); } .catalog__sort-i { display: none; position: absolute; right: 0; top: 12px; width: 11px; height: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 2px solid #202020; } .catalog__sort-i::before, .catalog__sort-i::after { display: block; content: ""; position: absolute; background-color: #202020; height: 2px; left: 0; } .catalog__sort-i::before { width: 7px; top: 2px; } .catalog__sort-i::after { width: 3px; top: 6px; } .catalog__sort a { display: block; padding: 6px 12px; position: relative; margin-right: 5px; } .catalog__sort a:hover { color: #202020; } .catalog__sort a.current { padding-right: 22px; color: #202020; } .catalog__sort a.current .catalog__sort-i { display: block; } .catalog__body { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .catalog__body .catalog__pref { padding-right: 32px; } .catalog__body_full .catalog__content { border-right: 0; } .catalog__body_full .catalog__list .catalog__block { width: 25%; position: relative; } .catalog__body_full .catalog__list .catalog__block:last-child::before { content: ""; display: block; position: absolute; right: -1px; top: 0; bottom: 0; border-right: 1px solid #ececec; } .catalog__body_full .catalog__list .catalog__block:nth-child(3n + 1)::before { display: none; } .catalog__body_full .catalog__list .catalog__block:nth-child(3n + 1) { border-left: 1px solid #ececec; } .catalog__body_full .catalog__list .catalog__block:nth-child(4n + 1) { border-left: 0; } .catalog__content { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: calc(100% - 302px); border-right: 1px solid #ececec; } .catalog__sidebar { position: relative; right: auto; top: auto; -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; width: 300px; margin-top: -72px; } .catalog__filter { position: relative; bottom: auto; left: auto; right: auto; top: auto; overflow-y: visible; overflow: visible; z-index: 20; width: 301px; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #ececec; border-left: 1px solid #ececec; margin-left: -2px; display: block; } .catalog__filter-buttons { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .catalog__filter-buttons .button { width: 100%; } .catalog__filter-clear { display: block; text-align: center; padding: 23px 0; } .catalog__filter-header { display: none; } } .catalog__filter { z-index: 100; } .catalog__filter-clear { border: none; background: none; } .product__sticker_best { background-color: #f66; } .product__sticker_top2019 { background-color: #d0b298; } .catalog__block-color_grey, .catalog__filter-color_white { border: 1px solid #c6c6c6; } .gallery__video-block { } .kit__buy .product__content-buy .js-dialog-show[data-dialog="fast_buy"] { padding-left: 15px; position: relative; width: 150px; } .kit__buy .product__content-buy .js-dialog-show[data-dialog="fast_buy"]:after { display: none; } /**/ .video-box-link { position: relative; display: flex; align-items: center; justify-content: center; } .video-box-link:before { position: absolute; content: ""; top: 50%; left: 50%; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-left: 60px solid; transform: translate(-50%, -50%); filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5)); color: #fff; z-index: 5; } .video-box-link__inner { display: flex; align-items: center; justify-content: center; } .video-box-link img { max-width: 100%; max-height: 100%; display: block; flex: 0 0 auto; } .bx-yandex-view-layout .bx-yandex-map { width: 550px !important; height: 350px !important; } .static__contacts { gap: 30px; } /**/ .snippet-product-detail { margin: 0 0 30px 0; display: block; } .snippet-product-detail > :where(tbody) { display: grid; grid-gap: 30px; } .snippet-product-detail > * > :where(tr) { display: grid; grid-gap: 20px 30px; } .snippet-product-detail > * > * > :where(td) { display: block; } .snippet-product-detail img { max-width: 100%; height: auto; } .snippet-product-detail *:last-child { margin-bottom: 0; } @media (min-width: 768px) { .snippet-product-detail > * > :where(tr) { grid-template-columns: 1fr 2fr; } .snippet-product-detail > * > :where(tr):nth-child(2n) { grid-template-columns: 2fr 1fr; } .snippet-product-detail > * > :where(tr):nth-child(2n) > *:first-child { order: 20; } } /**/ /* End */ /* Start:/local/templates/lovePiano/add.min.css?17193885364612*/ @media(min-width:1260px){.sticky_s .header__menu{bottom:0}.sticky_s .header__menu{top:3px}}@media(min-width:770px){.catalog_list .catalog__list .catalog__block{box-sizing:border-box}}.product__content-text{transition:none}.no_load *{transition:none}.no_load .balloon_basket{transition:none}.no_load .balloon_basket.no-menu{transition:.3s}.no_load .balloon__temporary{transition:none}.no_load .balloon__temporary.no-menu{transition:.3s}.catalog_list .catalog__list .catalog__block{border-right:0}.field.error_{border-color:#d6000a !important}.b1c-item{padding:0;border-bottom-color:transparent !important;border-bottom-style:solid !important;border-bottom-width:1px !important}.usPosition{padding:15px 0;border-bottom-color:#ececec !important;border-bottom-style:solid !important;border-bottom-width:1px !important}.js-usShowMore,.js-usShowMore:after{-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s}.js-usShowMore{margin-top:11px;color:#999;font-size:15px;font-family:Circe,Helvetica,sans-serif;display:inline-block;position:relative;cursor:pointer;border-bottom:1px dotted #9a8c78}.js-usShowContent{margin-top:11px;color:#333;font-size:13px;font-family:Circe,Helvetica,sans-serif;font-weight:500;width:100%;display:none}.js-usShowMore:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-image:url(/upload/b_bottom.png);background-repeat:repeat-x;background-size:auto;background-position:left center;background-color:#999;opacity:.5;display:none}.js-usShowMore:hover{color:#333;border-bottom:1px dotted #202020}.js-usShowMore:hover:after{background-color:#333}.co__extra-content .b1c-name span:after{display:none}.field__block.co__extra-block.js-toggle__wrap.opened{margin-bottom:10px}.field__block.co__extra-block.js-toggle__wrap.opened .b1c-note{margin-top:30px}.field__block.co__extra-block.js-toggle__wrap.opened .b1c-service{padding-bottom:3px}.b1c-service{padding:1rem 0 1.5rem 0;text-align:center}.b1c-service>a{color:#d6000a;border-bottom:0;font-size:1.6rem;display:inline-block;position:relative}.b1c-service>a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-image:url('/upload/b_bottom.png');background-repeat:repeat-x;background-size:auto;background-position:left center;background-color:#d84c4f;opacity:.5}.b1c-service>a:hover:after{background-color:#202020}.b1c-service>a:after,.b1c-name span:after{-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s}.b1c-name{text-decoration:none}.co__extra-content .b1c-name span{position:relative;line-height:1.3rem}.co__extra-content .b1c-name span:after{content:'';position:absolute;bottom:3px;left:0;width:100%;height:1px;background-image:url('/upload/b_bottom.png');background-repeat:repeat-x;background-size:auto;background-position:left center;background-color:#a29583}.co__extra-type.b1c-name:hover span:after{background-color:#333}.co__extra-type.b1c-name{-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s}.co__extra-type.b1c-name{cursor:pointer}.co__extra-type.b1c-name:hover{color:#333}.field__block.co__extra-block.js-toggle__wrap{padding-top:0;margin-left:-80px;margin-right:-80px;margin-bottom:26px}.js-form__result[name='fast_buy']{padding-bottom:5px}.js-form__result[name='fast_buy'] .field:hover,.js-form__result[name='fast_buy'] .field:focus{border-color:#333}.js-form__result[name='fast_buy'] .field{color:#333}.field__block.co__extra-block{padding-left:80px;padding-right:80px;margin-bottom:40px;padding-top:12px;padding-bottom:5px}.b1c-note{text-align:center;padding:2rem 4rem}.b1c-note>span{font-size:1.5rem;color:#000;padding-left:20px}.b1c-checkbox{position:unset}.cart-review_footer{padding:2rem 0}.cart-review_footer>span{font-size:2rem;font-weight:bold}.cart-review_footer>.balloon__sum{color:#d6000a}.cart-review_footer span.rub{padding-left:.5rem}.cart-review_buttons{display:flex;justify-content:space-between;padding:unset}.cart-review_button-continue{color:#d6000a;background-color:#fff;margin:unset}.cart-review_button-continue:hover,.cart-review_button-continue:active{background-color:#fff;color:#c0000a;border-color:#c0000a}.cart-review_button-cart{min-width:180px}@media(max-width:770px){.cart-review_buttons{flex-direction:column}.b1c-service>a{font-size:1.3rem}.js-dialog[data-dialog="fast_buy"] .co__extra-content .b1c-name span{font-size:15px}.js-dialog[data-dialog="fast_buy"] .b1c-note>span{font-size:14px;padding-left:0}.b1c-note{padding:2rem 2rem}.b1c-note>span{font-size:1.2rem}.js-usShowContent{font-size:13px}} /* End */ /* Start:/local/templates/lovePiano/css/jquery.fancybox.min.css?171938853712795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.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:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.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{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.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{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/lovePiano/components/dudoroff/search.title/search/style.min.css?17193885372149*/ div.title-search-result{border:1px solid #c6c6c6;display:none;overflow:hidden;z-index:205}table.title-search-result{border-collapse:collapse;border:0;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:0}table.title-search-result td.title-search-more a{padding-left:12px;padding-right:15px;text-decoration:none;color:#999}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:gray}table.title-search-result td.title-search-separator,table.title-search-result th.title-search-separator{padding-top:0;padding-bottom:0;font-size:4px}div.title-search-fader{display:none;background-image:url('/local/templates/lovePiano/components/dudoroff/search.title/search/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}.topbar__search.sticky_s{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;margin-top:-7px}.topbar__menu{margin-top:5px;border-radius:24px;border:2px solid #ececec}.sticky__search{top:15px} /* End */ /* Start:/local/templates/lovePiano/components/dudoroff/search.title/searchMobile/style.min.css?17193885372149*/ div.title-search-result{border:1px solid #c6c6c6;display:none;overflow:hidden;z-index:205}table.title-search-result{border-collapse:collapse;border:0;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:0}table.title-search-result td.title-search-more a{padding-left:12px;padding-right:15px;text-decoration:none;color:#999}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:gray}table.title-search-result td.title-search-separator,table.title-search-result th.title-search-separator{padding-top:0;padding-bottom:0;font-size:4px}div.title-search-fader{display:none;background-image:url('/local/templates/lovePiano/components/dudoroff/search.title/searchMobile/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}.topbar__search.sticky_s{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;margin-top:-7px}.topbar__menu{margin-top:5px;border-radius:24px;border:2px solid #ececec}.sticky__search{top:15px} /* End */ /* Start:/local/templates/lovePiano/components/bitrix/sale.location.selector.search/location.search/style.css?1780259002511*/ .dialog_city .bx-ui-sls-variants{ padding-bottom: 25px; } #loader{ display: none; position: absolute; top: 200px; left: 50%; transform: translateX(-50%); z-index: 5; } .dialog__cities button , .dialog__suggest button { -webkit-transition: color .3s; transition: color .3s; color: #202020; border: none; background: none; padding: 0; cursor: pointer; display: block; } .dialog__cities button:hover, .dialog__suggest button:hover { color: #d6000a; } /* End */ /* Start:/local/templates/lovePiano/template_styles.css?1780259473104246*/ .header__inner { padding-bottom: 5px; }.dialog__close.js-city__clear{ display: none; } .gallery_m{ margin-top: 30px; } #agree-error{ position: relative; top: -7px; } .cut_from_page{ display: none; } .navmob_opened{ transition: top 1s; } .field__block.captcha{ overflow: hidden; } .basket__button-i{ stroke: #aaa; transition: stroke 0.3s; } .topbar__menu{ max-height: 62vh; overflow: auto; } .catalog__block-icon:hover .catalog__block-i.basket__button-i{ stroke: #000; } .ui-menu.ui-widget.ui-widget-content{ border: none; -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.2); box-shadow: 0 3px 5px rgba(0,0,0,.2); } .ui-widget li.ui-menu-item:before{ display: none; } .ui-widget li.ui-menu-item{ font-size: 1.5rem; font-family: Circe,Helvetica,sans-serif; padding-left: 5px; } .ui-widget li.ui-menu-item:hover{ color: #d6000a; } body .ui-menu.ui-widget.ui-widget-content.ui-corner-all .ui-corner-all:hover{ color: #d6000a; } .ui-state-active, .ui-widget.ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid transparent; background: #ffffff; font-weight: normal; color: #d6000a; } body .ui-menu .ui-menu-item a:hover, .ui-menu-item-wrapper:hover{ background-color: #fff; } .ui-helper-hidden-accessible{ opacity: 0; } .main__service h2, .action__container h2, body .main__service :where(.h2), body .action__container :where(.h2) { margin-bottom: 19px; font-size:28px; line-height: 32px; letter-spacing: -0.5px; font-weight: bold; } .main__subscribe-inner .dialog__success{ display: none; } .main__news-feed h5, body .main__news-feed :where(.h5) { margin-top: 0; } .sticky-small{ position: relative; margin-bottom: 25px; -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.2); box-shadow: 0 3px 5px rgba(0,0,0,.2); } .sticky-small .header__search, .sticky-small .header__contacts, .sticky-small .header__call{ display: inline-block; } .sticky-small .header__call{ margin: 5px 0; } .sticky-small .header__contacts { display: block; margin-left: auto; font-style: normal; margin-right: 37px; -webkit-transform: translateY(4px); transform: translateY(4px); } .sticky-small .header__phone { font-size: 2.8rem; line-height: 3.2rem; letter-spacing: -.05em; font-weight: 700; color: #202020; } .sticky-small .header__contacts-descr { display: none; } h3.catalog__filter-h1, body .catalog__filter-h1:where(.h3){ margin-top: 0; } h3.co__title, body .co__title:where(.h3){ margin-top: 0; } h3.static__title, body .static__title:where(.h3){ font-size: 28px; margin-bottom: 28px; } .co__steps-header .static__city{ position: absolute; right: 0; } .navmob_opened { overflow: auto; } .navmob_opened .page { height: 100%; } .navmob_opened .page__wrap{ height: 100%; } .navmob_opened .sticky_container{ height: 100%; overflow: auto; } .static.p404, .static.pThnx{ text-align: center; margin-bottom: 0; } .thnxIcon{ transform: scale(.7); } .er404text{ line-height: 223px; font-size: 150px; color: #cbc4bb; font-weight: bold; text-anchor: middle; display: inline-block; } .er404desc, .thnxdesc{ font-size: 20px; font-weight: 700; text-transform: uppercase; color: #cbc4bb; } .p404 p, .pThnx p{ font-size: 20px; margin-bottom: 30px; } .pThnx p{ margin-bottom: 25px; } .pThnx p:last-of-type{ margin-bottom: 30px; } .pThnx p.thnxdesc{ margin-bottom: 10px; } .p404 p:last-child{ font-size: 15px; } .p404 a{ color: #d6000a; text-decoration: underline; } .wrap_404 .main__sale{ padding-top: 0; margin-top: 0; } .wrap_404 .main__sale-title, .wrap_404 .main__sale-descr{ display: none; } .wrap_thnx .btn{ margin: auto; width: max-content; } form ul.dialog__cities li::before, .co__steps-body ul.co__steps-payment li::before, ul.colors_offers li.product-item-scu-item-text-container::before, .topbar__menu ul.topbar__menu-list li::before{ display: none; } .topbar__menu-list img { width: 50px; height: 50px; } .product__aside-content ul.product__aside-list li::before{ top: 5px; } .co__steps-body ul.co__steps-payment li, ul.colors_offers li.product-item-scu-item-text-container, .topbar__menu ul.topbar__menu-list li{ padding-left: 0; } .co__extra-item:last-child{ border-bottom: none; } .co__steps-body, #extraServices, #delivery__container{ position: relative; } #payments .co__steps-body::after, #delivery__container.block::after, #extraServices::after, #extraServices .co__steps-body.choose::after{ content: 'Выберите способ доставки'; position: absolute; top: -1px; bottom: 0; opacity: 0.9; left: 0; right: 0; background-color: white; display: flex; justify-content: center; line-height: 100%; font-size: 24px; font-weight: 600; z-index: 10; padding-top: 100px; color: #d6000a; } #delivery__container.block::after{ content: 'Способ доставки выбран'; } #payments .co__steps-body.not_after::after{ display: none; } #payments .co__steps-body.choose::after{ content: 'Тип оплаты выбран'; } #extraServices .co__steps-body.choose::after{ content: 'Дополнительные услуги выбраны'; } .co__delivery .button_sec,.co__container .button_sec{ width: 100%; max-width: 320px; border-color: #ececec; color: #ececec; display: inline-block; margin-top: 30px; margin-right: 10px; } .co__container .button_prev{ border-color: #999999; color: #999999; } .co__container .extra_serv_next{ color: #d6000a; border-color: #d6000a; } #extraServices::after{ content: "Выберите способ доставки и тип оплаты"; padding-top: 120px; top: 75px; } #extraServices.deliveryChoose::after{ content: 'Выберите способ оплаты'; } #extraServices.paymentChoose::after{ display: none; } .main__news-pic{ width: 72px !important; } .main__news-inner { width: calc(100% - 88px); } .action__block-inner a:hover{ color:#d6000a; } .main__news-all:hover { color: #202020; } .main__service ul, .action__container ul{ margin-bottom: 17px; } .main__reviews-name:hover{text-decoration:none; cursor: default} .main__reviews-type:hover{color: #999; cursor: default} .dialog__search div.dialog__close{ right: 0; } .bx-ui-sls-variant{ margin-bottom: 10px; cursor: pointer; } .bx-ui-sls-variant:hover{ color: #d6000a; } input.bx-ui-sls-fake { position: absolute; background-color: transparent; left: 0; top: 0; padding-bottom: 8px; } .bx-ui-sls-pane{ overflow: scroll; max-height:350px; } .topbar__menu-list li { list-style: none; } .catalog__filter{ z-index: 100; } .catalog__filter-clear{ border:none; background: none; } .product__sticker_best{ background-color: #f66; } .product__sticker_top2019{ background-color: #d0b298; } .catalog__block-color_grey, .catalog__filter-color_white{ border: 1px solid #c6c6c6; } .product__sticker_black_friday{ background-color: #131313; color: #d6000a; } .product__sticker_text-yellow{ color: #fbbc0c; } .catalog__block-type{ max-width: 300px; } .catalog__block-icons{ z-index: 20; } .info__content ul{ padding-left: 32px; } .info__table{ max-width: 550px; } #call_feedback{ padding: 35px; } .popup-window-close-icon:after{ background-image: none; content: 'X'; font-size: 17px; } .product__about-descr p{ margin-bottom: 10px; } .product__info-color.current::before{ border: 1px solid #d6000a; } .product__info-color.white_circle{ width: 15px; height: 15px; border: 1px solid #b1b1b1; } .product__info-name, .product__info-func{ width: unset; } .product__info-block .product__about-title{ margin-bottom: 0; } .product__additional-more.product__about-link{ border-bottom: none; } .info__content h2, body .info__content :where(.h2) { font-size: 2.8rem; line-height: 3.2rem; margin-bottom: 28px; } .product__about-descr.opened .product__about-shown{ display: block; } .header__menu-block .balloon.no-menu{ display: none; } .sticky{ z-index: 99; } .sticky_s { -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.2); box-shadow: 0 3px 5px rgba(0,0,0,.2); } .topbar{ z-index: 100; } .navmob__overlay{ z-index: 98; } [data-balloon][data-balloon-pos="up"],[data-balloon][data-balloon-pos="down"]{ cursor: help; text-align: center; border-color: #ececec; --balloon-color: white; } [data-balloon][data-balloon-pos="up"]:hover,[data-balloon][data-balloon-pos="down"]:hover{ border-color: #999; } [data-balloon][data-balloon-pos="up"]:before{ display: none; } [data-balloon][data-balloon-pos="down"]:before{ background: no-repeat url('data:image/svg+xml;charset=utf-8,'); } [data-balloon][data-balloon-pos="up"]:after, [data-balloon][data-balloon-pos="down"]:after{ background-color: #fff; color: black; border-radius: 0; font-size: 12px; margin-left: 60px; border: 1px solid #ececec; z-index: 2; font-family: Circe !important; } .product__aside-help[data-balloon][data-balloon-pos="up"]:after, .product__aside-help[data-balloon][data-balloon-pos="down"]:after{ left: auto; } .catalog__block-footer{ padding-top: 15px; } .colors_offers{ list-style: none; display: flex; } .main__action-product .colors_offers{ display: flex; } .colors_offers .catalog__block-color{ cursor: auto; } .basket__remove{ bottom: 22px; z-index: 22; } .basket__sidebar .co__sidebar-list:last-child{ margin-bottom: 0; border-bottom: none; } .basket__sidebar .co__sidebar{ padding-bottom: 0; } .basket__sidebar-button .button { max-width: 320px; margin: 0 auto; } .co__sidebar-list .co__sidebar-name{ width: calc(100% - 35px); } .co__extra-price{ width: 111px; } .static__tbl.pt0{ padding-top: 0px; } .static__tbl-block{ border: 0; } .static__map-title{ margin-top: 0; } .static__acceptance p{ padding: 0; margin: 0; } .static__acceptance h3, body .static__acceptance :where(.h3) { margin-top: 5px; } .static__acceptance +.static__acceptance{ border-top: none; padding-top: 0; } .action__about p, .about p, .action__container p, .main__best-info p{margin-bottom:12px} .main__best-info li:last-child,.action__about li:last-child, .about li:last-child, .action__container li:last-child{padding-bottom:0} .main__best-info ul,.action__about ul, .about ul, .action__container ul{padding-top:5px} .kit__product { cursor: default; } .kit__name { min-height: 2.4rem; } .kit__title{ margin-bottom: 0px; margin-top: 0; } .pic-sign{ font-size: 10pt; position: absolute; width: 300px; margin-top: -10px; text-align: center; left: 97px; } .js-delivery__block{ margin-bottom: 32px; } /*****ОБЩИЕ СТИЛИ СПИСКОВ*****/ ul:not(.nav__list) li, ul:not(.nav__list) ul > li{ padding-left: 10px; position: relative; } ul{ /* list-style: none; */ margin-bottom: 17px } ul:not(.nav__list) ul > li::before, ul:not(.nav__list) > li::before{ content: ''; display: block; position: absolute; left: 0; top: 0.6em; width: 4px; height: 4px; border-radius: 50%; background-color: #c0000a; } .product__about-descr ul:not(.nav__list) ul > li::before, .product__about-descr ul:not(.nav__list) > li::before, .about__team-content ul:not(.nav__list) ul > li::before, .about__team-content ul:not(.nav__list) > li::before{ top: 0.5em; } .main__action-slider ul:not(.nav__list) ul > li::before, .main__action-slider ul:not(.nav__list) > li::before{ top: 50%; } ul.nav__list li::before{ display: none; } ul.nav__list li{ padding-left: 0; } ul:not(.nav__list) ul{ margin-left: 30px; } ul:not(.nav__list) > ul > li::before{ background-color: #000; } ul:not(.nav__list) > ul > ul li::before{ background-color: transparent; border: 1px solid #ccc; padding: -1px; } ol { list-style: none; counter-reset: my-awesome-counter; } ol > ol{ margin-left: 30px; } ol > li{ padding-left: 25px; position: relative; } ol > ol li{ padding-left: 40px; } ol > ol > ol li{ padding-left: 45px; } ol > li::before { content: counter(my-awesome-counter) "."; counter-increment: my-awesome-counter; color: #c0000a; display: block; position: absolute; left: 0; font-weight:600; } ol>ol>li::before{ color: #000; } ol>ol>ol>li::before{ color: #ccc; } /**********/ .main__best-header__search.main__best-header .main__best-name{ margin-bottom: 0; } .search_dop-text{ display: inline-block; margin-left: 10px; color: #202020; font-size: 20px; font-weight: 400; border-left: 1px solid #ccc; padding-left: 10px; letter-spacing: 0.1px; margin-top: 10px; } .search__footer{ padding: 50px; } .search__footer a{ border-radius: 24px; background-color: #f8f6f4; text-transform: uppercase; padding: 12px 73px; font-size: 12px; font-weight: 700; display: inline-block; margin: 0 auto; } .search__text-icon{ top: 5px; position: relative; margin-left: 5px; } .dialog__suggest{ z-index: 1; } .non_desktop{ display: inline; } .desktop_only{ display: none; } .mobile_only{ display: none; } .static__benefits-i.car-icon{ width: 65px; height: 45px; top: 2px; left: -13px; } .main__sale-pic { max-width: 110px; } .catalog__block-info td{ font-size: 1.2rem; } .reviews__body img{ max-width:100%; } .reviews__container .reviews__info{ width: 300px; } .main__reviews .reviews__info { display: flex; margin-top: 25px; } .balloon_city{ left: 10px; padding: 25px 32px; max-width: 300px; text-align: center; top: 28px; z-index: 200; display: none; } .balloon_city::before{ left: 25px; } .balloon_city .balloon__content{ width: 100%; } .balloon__text{ color: #000000; font-size: 14px; font-weight: 400; margin-bottom: 15px; } .balloon_city .balloon__name{ font-size: 18px; font-weight: 700; line-height: 20px; margin-bottom: 13px; } .balloon_city .balloon__card-inner{ padding-bottom: 10px; } .balloon_city .balloon__buttons{ padding: 0; display: flex; } .balloon_city .balloon__buttons .button{ display: inline-block; min-width:min-content; width:max-content; margin: 0 10px 0 0; } .balloon__card .compare__remove-i{ right: 10px; top: 14px; left: auto; transform: scale(1.1); } .balloon__card .compare__remove-i:hover, .info__content a:hover{ border-color: #202020; color: #202020; } .info__content .kit__buy a.button_sec:hover{ background-color: #fff; color: #c0000a; border-color: #c0000a; } .balloon__temporary-container .balloon__card{ cursor: auto; } .compare__remove-i:hover::before, .compare__remove-i:hover::after{ background-color: #202020; } .nav__item.active{ color: #c6c6c6; } .button-outline{ padding-top: 18px; color: #d6000a; } .button-outline:hover{ color: #000; } .static__nav a.current, .topbar__nav .current, .footer__nav-item.current{ color: #d6000a; } .topbar__search-button{ top: -10px; } .topbar__search.sticky_s{ margin-top: -17px; } .checkbox__label{ line-height: 18px; } .error+.checkbox{ border-color: #d6000a; } .colors_offers{ margin-bottom: 0; } .main__action-product+.main__action-slider{ height: 100%; } .main__action-item{ -webkit-background-size: calc(50% + 1px) 100%; background-size: calc(50% + 1px) 100%; position: relative; } .main__action-item .tovarImg img{ width: 100%; } .main__action-item .tovarImg{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 50%; } .main__action-item .button { background-color: #d0021b; border: none; padding: 0 15px; line-height: 48px; min-height: 48px; } .main__action-item .button:hover{ background-color: #c0000a; border-color: #c0000a; } .main__action-date{ font-size: 30px; line-height: 20px; } .main__action-priceblock{ position: absolute; } .main__action-price{ font-weight: 700; } .main__action-price__label{ text-transform: lowercase; border-radius: 18px; background-color: #fff; padding: 4px 20px; vertical-align: middle; } .kit__title b{ font-weight: 400; font-size: 0.8em; } .product__aside-help { display: inline-block; right: 0px; position: absolute; top: 0; padding-top: 14px; height: 67%; width: 100px; z-index: 1; } .product__aside-help__circle{ border-radius: 50%; border: 1px solid #ececec; width: 18px; height: 18px; position: absolute; margin-top: -22px; right: 40px; } .product__aside-header::before{ right: 110px; } .product__aside-header{ cursor: auto; } .hide-balloon[data-balloon]:after,.hide-balloon[data-balloon]:before{ opacity:0; } .product__aside-help{ z-index: 3; } .product__aside-help.hide-balloon{ z-index: 1; } .product__aside-help[data-balloon][data-balloon-pos="up"]:after, .product__aside-help[data-balloon][data-balloon-pos="down"]:after{ right: auto; transform: translateX(-100%); } .co__sidebar-list{ position: relative; } .co__sidebar-list .compare__remove{ right: 0; } .button__basket{ color: #828282; border-color: #828282; } .static__tbl{ margin-bottom: 45px; padding-bottom: 45px; border-bottom: 1px solid #eeeeee; } .static__tbl-price:last-of-type p{ margin-bottom: 0; } .topBanner{ padding:14px 0; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; } .topBanner .main__wrap{ height: 100%; position: relative; } .topBanner .compare__remove-i{ right: 50px; cursor: pointer; top: 50%; transform: translateY(-50%); position: absolute; left: auto; -webkit-transition: color,border-color .3s; transition: color,border-color .3s; } .topBanner .compare__remove-i::before, .topBanner .compare__remove-i::after{ background: #fff; } .topBanner .compare__remove-i:hover{ color: #202020; border-color: #202020; } .topBanner .compare__remove-i:hover::before, .topBanner .compare__remove-i:hover::after{ background-color: #202020; } .banner-text{ color: white; margin:0 auto; height: 100%; text-align: center; padding: 0 75px; } .sticky__nav a{ font-size: 15px; text-transform: none; letter-spacing:0em; } .geo-icon{ cursor: pointer; color: #828282; padding-top: 2px; } .geo-icon svg{ fill: #828282; height: 22px; width: 24px; } .geo-icon:hover svg{ fill: #d6000a; } .geo-icon{ display: none; } .sticky_s .geo-icon{ display: inline-block; } .co__steps-payment{ margin: 0; } .co__steps-payment input[type=radio]:checked+.co__steps-checked{ height: 54px; width: 54px; } .co__steps-payment input[type=radio]+.co__steps-checked{ display: block; height: 54px; width: 54px; position: absolute; } .co__steps-payment input[type=radio]+.co__steps-checked+.co__steps-current+.co__steps-text{ padding-left: 80px; width: 110px; cursor: pointer; padding-top: 7px; } .co__steps-payment input[type=radio]:hover+.co__steps-checked+.co__steps-current+.co__steps-text{ color: #d6000a; } .co__steps-payment label:hover .co__steps-current{ border:1px solid #d6000a; } .co__steps-payment input[type=radio]:checked+.co__steps-checked+.co__steps-current+.co__steps-text{ padding-left: 64px; color: #d6000a; } .about__header{ background-image: url(/local/templates/lovePiano/../. ./. ./upload/medialibrary/f86/v_4.jpg); } .swiper-slide.product__additional:hover div{ color: #202020; } .mfp-zoom-out-cur .mfp-image-holder .mfp-close, .zoom__close,.zoom__prev ,.zoom__next{ transform: scale(1.5); cursor: pointer; } .zoom__next{ right: 50px; } .zoom__prev{ left: 50px; } .mfp-image-holder .mfp-close{ top: 15px; right: 15px; } .co__delivery-price { text-align: right; line-height: 1em; max-width: 200px; } .co__delivery-type{ margin-right: 10px; } .co__delivery-item{ place-items: baseline; } .field{ font-size: 16px; } .product__title{ display: block; } .sticky__search { top: 10px; } .balloon__temporary{ padding-bottom: 0; } .balloon__temporary-title{ margin-top: 0; } .compare__table .catalog__block-basket{ display: flex; } .main__team-item.opened .main__team-info{ display: -webkit-box; display: -ms-flexbox; display: flex; } .catalog__block-pic img{ width: 147px; } .info__title:first-child { margin-top: 0; } ul.co__steps-help{ padding-left: 20px; padding-top: 0; } ul.co__steps-help li{ list-style: disc; padding-left: 0px; } ul.co__steps-help li::before{ display: none; } .header__mini_call .button{ padding: 9px 17px 8px; min-height: auto; min-width: auto; } #banks .static__partners a{ margin-bottom: 15px; } .hide-options.main__action-product table.catalog__block-info{ display: none; } .header__logo{ padding: 10px 15px 12px; } @media (max-width: 425px) { .header__mini_call .button{ min-width: auto; max-width: 90px; min-height: auto; padding: 6px 0px 5px; border-radius: 18px; font-size: 9px; line-height: 10px; } .pb-sdk-pos-credit__cont{ min-width: 100%!important; box-sizing: border-box !important; } .pb-sdk-pos-credit .pb-sdk-pos-credit__head{ flex-wrap: wrap; } .button_sec{ padding-top: 15px; padding-bottom: 14px; min-height: 42px; border-radius: 20px; } #payments .button_sec, #extraServices .button_sec{ width: 150px; min-width: 150px; } #payments .button_sec{ margin-top: 55px; } .action__block-inner img{ width: 100%; } html:not([dir=rtl]) .noUi-horizontal .noUi-handle{ padding: 10px; top:-8px; } .noUi-target { padding: 0 18px 0 5px; } .catalog__filter-field input{ font-size: 16px; } .co__steps-header .static__city{ right: auto; } .about__header{ min-height: 450px; } .kit__group:first-child .kit__name{ /* margin-bottom: 26px; */ } .banner-text{ padding-left: 0; padding-right: 32px; } .topBanner .compare__remove-i{ right: 14px; } .header__logo-pic{ width: 150px; } .sticky-small{ margin-bottom: 0; } .sticky-small .header__phone{ font-size: 12px; } .button__basket{ font-size: 9px; padding: 8px 8px 7px; height: auto; min-height: auto; min-width: auto; transform: translateY(-2px); } .sticky-small .button_xl { padding-top: 8px; padding-bottom: 7px; min-width: 80px; min-height: auto; font-size: 9px; border-radius: 24px; line-height: 9px; } .sticky-small .header__contacts{ margin-right: 12px; -webkit-transform: translateY(1px); transform: translateY(1px); margin-left: auto; width: auto; } .basket__header { padding: 18px 16px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .main__reviews .reviews__info{ justify-content:space-between; flex-wrap: wrap; } .main__reviews .reviews__info-item{ margin-right: 0; width: 50%; box-sizing: border-box; } .thnxdesc{ line-height: 33px; font-size: 18px; } .pThnx p { margin-bottom: 34px; } .pThnx p:last-of-type { margin-bottom: 20px; } .co__extra-content { width: calc(100% - 120px); } .co__delivery-price { text-align: right; } .navmob__city{ height: 100%; overflow: scroll; } .navmob__city .dialog__suggest-inner:not(.dropdown-item){ margin-top: 60px; padding-bottom: 60px; } .navmob__city .bx-ui-sls-variants{ padding-bottom: 220px; } .navmob__city .bx-ui-sls-variants .dialog__suggest-inner{ margin-top: 0; } .bx-sls{ background-color: #fff; position: absolute; height: auto; padding-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .navmob__city .bx-ui-sls-pane{ overflow: auto; height: 100vh; max-height: 800px; } .navmob_opened .navmob{ display: block; } .navmob__main{ margin-top: 48px; } .navmob{ height: 100%; z-index: 9999999990; width: 100%; overflow-y: auto; -webkit-overflow-scrolling:touch; display:none; } .action__info_inner dd:last-child{ font-size: 1.5rem; } .action__info_inner dd{ border: none; } .fix-ios{ height: 100vh; overflow: hidden; } .topbar__search-button{ top: -10px; } .topbar__search-submit{ bottom: auto; top: 11px; } .product__about-title{ margin-bottom: 0; } .product__info-name{ display: none; } .catalog__block-name{ min-height: 4rem; } .main__action-slider{ margin-bottom: 10px; } .main__action-swiper .swiper-slide { height: 345px; padding-top: 215px; padding-left: 55px; } .main__action-item .tovarImg{ top: 0; width: 100%; height: 60%; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .main__action-item .tovarImg img { width: auto; height: 100%; max-width: 100%; margin: 0 auto; display: block; } .main__action-title{ font-size: 26px; line-height: 22px; margin-bottom: 15px; } a.middle .main__action-title{ position: absolute; top: 75%; left: 50%; transform: translate(-50%, -50%); } .main__action-date{ font-size: 16px; } .main__action-price{ font-size: 17px; line-height: 17px; margin-right: 5px; } .main__action-price__label{ vertical-align: text-bottom; font-size: 14px; border-radius: 10px; padding: 0px 10px; } .main__action-priceblock{ bottom: 40px; } .button.button_sec2{ display: none; } .js-balloon__temporary{ max-width: 200px; padding-bottom: 20px; } .balloon_basket + .balloon__temporary{ } .balloon__temporary-title{ text-align: justify; border-bottom: none; margin: 0; padding: 0; } .balloon__temporary-container{ display: none; } #credit .static__title{ font-size: 28px; line-height: 32px; } #credit .static__block-desc{ font-size: 16px; } .mobile_only{ display: inherit; } td{ font-size: 16px; } .product__about-tbl td{ font-size: 12px; } .static__block-table tr:first-child{ display: none; } .static__block-table tr{ display: flex; flex-wrap: wrap; } .static__block-table td{ width: 100%; } .static__block-table td:nth-of-type(1){ font-size: 21px; font-weight: 700; padding-left: 70px; min-height:45px; max-width: 110px; padding-bottom: 15px; } .static__block-table td:nth-of-type(1)::before{ position: absolute; left: 30px; height: 45px; } .static__block-table td:not(:nth-of-type(1)){ background-color: #fdfbf9; padding: 15px; } .static__block-table td:nth-of-type(2){ padding-bottom: 0; } .static__block-table td:nth-of-type(3){ margin-bottom: 34px; } .static__block-table_first::before{ content: url("/local/templates/lovePiano/i/wallet2.svg"); } .static__block-table .static__block-table_sum::before{ content: url("/local/templates/lovePiano/i/bill2.svg"); } .static__block-table_paid::before{ content: url("/local/templates/lovePiano/i/time1.svg"); } .static__block-table_for::before{ content: url("/local/templates/lovePiano/i/piano2.svg"); } .mobile_credit-header{ color: #9a8c78; font-weight: 700; line-height: 32px; font-size: 24px; } dd{ border-bottom:1px solid rgba(0,0,0,0.1); padding-bottom: 20px; } #requirements{ width: 100%; } #requirements .static__title{ margin-bottom: 33px; } .static__requirements{ display: block; } .static__requirements-block{ width: 100%; padding-left: 60px; position: relative; border-bottom: 1px solid rgba(0,0,0,0.1); min-height: 106px; padding-top: 25px; padding-bottom: 25px; box-sizing: border-box; font-size: 21px; font-weight: 700; } .static__requirements-block:last-child{ padding-bottom: 0; border-bottom:none; } #age18.static__requirements-block{ padding-left: 60px; } .static__requirements-block::before{ position: absolute; left: 0; width: 40px; height: 40px; -webkit-background-size: 40px auto; background-size: 40px auto; } #age18.static__requirements-block::before{ content: ''; background-image: url("/local/templates/lovePiano/i/18x2.png"); } #passport.static__requirements-block::before{ content: ''; background-image: url("/local/templates/lovePiano/i/passportx2.png"); } #house.static__requirements-block::before{ content: ''; background-image: url("/local/templates/lovePiano/i/housex2.png") } #regions.static__requirements-block::before{ content: ''; background-image: url("/local/templates/lovePiano/i/coat-of-armsx2.png"); } #variants .static__list{ font-size: 16px; font-weight: 400; } .static__partners a{ margin-right: 0; margin-bottom: 37px; } .static__partners img{ float: left; width: 100px; } .static__partners .static__sec{ padding-left: 140px; padding-top: 0; } } @media (min-width: 426px) { a.middle .main__action-title{ position: absolute; top: 50%; transform: translate(50%, -50%); text-align: center; width: auto; right: 25%; } .sticky_s .sticky__search-field { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 24px; border: 2px solid #F7F6F4; padding: 5px 60px 5px 20px; font-size: 1.5rem; line-height: 2.4rem; font-weight: 400; background-color: #F7F6F4; } .basket__header-return{ display: block; } .sticky-small .header{ padding-top: 10px; padding-bottom: 10px; } .basket__header{ justify-content: space-between; } .sticky-small .button_xl{ min-width:97px; min-height: 38px; padding-top: 11px; padding-bottom: 10px; font-size: 9px; line-height:13px; } .sticky-small .header__contacts{ margin-right: 20px; } .sticky-small .header__contacts .header__phone{ font-size: 20px; } .main__action-product+.main__action-slider{ height: 100%; margin-bottom: 10px; } .main__action-title{ font-size: 22px; line-height: 24px; } .main__action-item { padding: 40px 20px 60px calc(50% + 2em); height: 217px; } .main__action-date{ font-size: 16px; line-height: 24px; } .main__action-priceblock{ bottom: 45px; } .main__action-price__label{ padding: 2px 20px; vertical-align: text-bottom; display: none; } .main__action-price{ margin-right: 5px; font-size: 26px; vertical-align: text-top; } .button.button_sec2{ display: none; } .co__extra-price{ text-align: left; } .co__extra-content { width: calc(100% - 116px); } .main__reviews .reviews__info{ width: 425px; } .main__reviews .reviews__info-item{ margin-right: 30px; } h2.static__title-credit, body .static__title-credit:where(.h2) { font-size: 34px; } p.static__block-desc_credit{ margin-bottom: 50px; } .static__block-table{ max-width: 1130px; margin-bottom: 15px; } .static__block-table td{ padding-bottom: 50px; } .static__block-table th{ text-align: left; color: #9a8c78; font-size: 28px; font-weight: 700; padding: 40px 20px 26px 20px; text-transform: uppercase; } .static__block-table tr:last-child td{ padding-bottom: 45px; } .static__block-table td{ padding: 0 20px; } .static__block-table td:nth-of-type(1){ color: #222222; font-size: 21px; font-weight: 700; padding-left: 100px; position: relative; padding-bottom: 50px; } .static__block-table td:nth-of-type(1)::before{ position: absolute; left: 30px; height: 45px; } .static__block-table_first::before{ content: url("/local/templates/lovePiano/i/wallet2.svg"); } .static__block-table .static__block-table_sum::before{ content: url("/local/templates/lovePiano/i/bill2.svg"); } .static__block-table_paid::before{ content: url("/local/templates/lovePiano/i/time1.svg"); } .static__block-table_for::before{ content: url("/local/templates/lovePiano/i/piano2.svg"); } .static__block-table th:nth-of-type(2), .static__block-table td:nth-of-type(2){ width: 40%; background-color: #fdfbf9; } .static__block{ margin-bottom: 69px; } h3.static__title, body .static__title:where(.h3) { font-size: 34px; } .static__dl-credit dd { padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .static__dl-credit dd:last-child{ border-bottom:none; padding-bottom: 0; } .static__dl-credit dt{ float: left; padding-right: 40px; } #requirements{ width: 100%; } #requirements .static__title{ margin-bottom: 33px; } .static__requirements{ display: flex; flex-wrap: wrap; } .static__requirements-block{ width: 50%; padding-left: 70px; position: relative; border-right: 1px solid rgba(0,0,0,0.1); height: 95px; padding-top: 8px; box-sizing: border-box; padding-right: 38px; } #age18.static__requirements-block{ padding-left: 60px; } #regions.static__requirements-block{ min-width: 30%; padding-right: 0; } #house.static__requirements-block{ padding-left: 60px; } .static__requirements-block::before{ position: absolute; left: 15px; width: 40px; display: block; height: 40px; -webkit-background-size: 40px auto; background-size: 40px auto; } #age18.static__requirements-block::before{ content: ''; background-image: url("/local/templates/lovePiano/i/18x2.png"); left: 0; } #passport.static__requirements-block::before{ content: ''; background-image: url("/local/templates/lovePiano/i/passportx2.png"); } #house.static__requirements-block::before{ content: ''; background-image: url("/local/templates/lovePiano/i/housex2.png") } #regions.static__requirements-block::before{ content: ''; background-image: url("/local/templates/lovePiano/i/coat-of-armsx2.png"); } .static__requirements-block:last-child,.static__requirements-block:nth-of-type(2){ border-right:none; } .static__requirements-block:nth-of-type(2), .static__requirements-block:nth-of-type(1){ border-bottom: 1px solid rgba(0,0,0,0.1); } .static__requirements-block p{ color: #222222; font-size: 21px; font-weight: 700; } #banks.static__block{ margin-bottom: 55px; } #banks .static__partners a { margin-right: 0; width: 50%; margin-bottom: 37px; } #banks .static__partners .static__sec{ padding-top: 20px; } #banks .static__title{ font-size: 34px; } .static__table-block{ overflow-x: auto; } } @media (min-width: 771px) { .main__action-product+.main__action-slider{ width: 100%; } .main__action-product{ display: none; } /*.co__container .extra_serv_next{ display: none; }*/ .catalog__block-pic img{ width: 100%; } .header__logo { padding-top: 11px; padding-bottom: 17px; } .sticky-small .button_xl{ font-size: 11px; } .sticky-small .button_xl br{ display: none; } .about__title { top: 35%; } .about__info { bottom: 100px; } .catalog__block-info th{ padding-right: 7px; } .main__action .catalog__block-footer { position: absolute; bottom: 24px; width: calc(100% - 48px); } .main__action-product+.main__action-slider{ height: 100%; margin-bottom: auto; } .main__action-item { padding: 70px 20px 110px calc(50% + 2em); height: inherit; cursor: auto; -webkit-background-size: calc(50% + 1px) 100%; background-size: calc(50% + 1px) 100%; } .main__action-item .button{ display: block; } .main__action{ height: 400px; } .main__action-title{ font-size: 30px; font-weight: 700; width: 100%; } .main__action-product table.catalog__block-info{ display: flex; } .main__action-product .catalog__block-name{ min-height: 24px; } .main__action-product table.catalog__block-info tr:nth-of-type(odd){ padding-right: 2px; } .main__action-product table.catalog__block-info th{ width: 85px; } .main__action-date { font-size: 23px; margin-bottom: 100px; } .main__action-priceblock{ margin-top: 35px; bottom:auto; } .main__action-price{ font-size: 30px; line-height: 37px; margin-right: 15px; vertical-align: bottom; } .main__action-price__label{ font-size: 20px; display: inline-block; } .co__extra-price{ text-align: right; } .co__extra-content { width: calc(50% - 40px); } .balloon_city{ left: auto; right: 47px; } .balloon_city::before{ right: 125px; left: auto; } .er404text { font-size: 261px; } .catalog__tag { margin-bottom: 5px; } .search_dop-text{ min-width: 639px; } #banks .static__partners a { margin-right: 55px; width: calc(33.33333333% - 55px); margin-bottom: 15px; cursor: auto; } .static__partners img{ height: 45px; } #banks .static__title{ font-size: 28px; } #house.static__requirements-block{ min-width: 31%; padding-left: 100px; } #house.static__requirements-block::before{ left: 40px; } .static__requirements-block:nth-of-type(2){ border-right: 1px solid rgba(0,0,0,0.1); } .static__requirements-block:nth-of-type(2), .static__requirements-block:nth-of-type(1){ border-bottom: none; } .static__requirements{ flex-wrap: nowrap; } .static__requirements-block{ width: auto; } h3.static__title, body .static__title:where(.h3) { font-size: 28px; } .static__block{ margin-bottom: 40px; } .non_desktop{ display: none; } .desktop_only{ display: inline; } p.static__block-desc_credit{ margin-bottom: 20px; } .static__block-table th{ text-transform: none; } .static__nav a{ font-size: 18px; letter-spacing:0.1px; } .static__block-table th{ padding: 40px 40px 26px 40px; } .static__block-table td{ padding: 0 40px; } .static__block-table th:nth-of-type(2), .static__block-table td:nth-of-type(2){ width: 50%; background-color: #fdfbf9; } .syntCat{ height: 440px; } .dialog__suggest-inner{ overflow: hidden; } .catalog__list .catalog__block:nth-child(3n) { border-right: 1px solid #ececec; } .catalog__list .catalog__block:nth-of-type(3n) { border-right: 0; } .catalog__body_full .catalog__list .catalog__block:nth-of-type(3n) { border-right: 1px solid #ececec; } .catalog__block-content{ z-index: 19; } .basket__block .catalog__block-content{ width: calc(94% - 183px) !important; } .basket__content.catalog_list .catalog__list .catalog__block-content { margin-bottom: 48px; } .nav__sidebar{ display: none; } .catalog__block-header{ width: 69%; margin-left: 10%; max-width: 278px; } .catalog__block-text{ width: 100%; } .info__table{ max-width: 1000px; } .info__table th{ width: 30%; } .info__table td{ width: 70%; } .catalog_list .catalog__list .catalog__block { padding: 20px 20px 0px 0; box-sizing: content-box; } .catalog_list .table_view .catalog__list .catalog__block { width: calc(100% - 20px); } .catalog_list .catalog__list .catalog__block-header{ width: 19%; margin-right: 4%; margin-left: 3%; } .catalog_list .catalog__list .catalog__block-footer{ left: 26%; } .catalog_list .catalog__list .catalog__block-content { margin-bottom: 60px; } .catalog__block-text{ height: 85px; } .catalog__block-name { min-height: 48px; } .compare__table{ table-layout : fixed; } /******** ИЗБРАННОЕ**********/ .catalog__list .catalog__block.wishlist .catalog__block-header{ width: 20%; max-width: 20%; margin-right: 3%; margin-left: 2%; } .basket__block.wishlist .catalog__block-content{ width: 75% !important; } /****Всплывашка фильтра******/ #modef{ border: 1px solid #d6000a; padding: 12px 16px; left: 0; transform: translateX(-105%); background-color: #d6000a; position: absolute; color: #fff; font-weight:700; z-index:200; } #modef a:hover{ color: black; } #modef a.catalog__alert-button:hover{ color: white; } .sticky-small .header{ padding-bottom: 0px; padding-top: 0px; } .sticky-small .header__inner{ padding-bottom: 0px; } .sticky-small .header__logo{ padding-top: 13px; } .sticky-small .header__logo-pic { width: 180px; } .sticky-small .header__contacts .header__phone{ font-size: 2.8rem; } .sticky-small .button_xl{ padding-top: 17px; padding-bottom: 17px; min-width: 200px; min-height: 48px; } .sticky-small .header__contacts { -webkit-transform: translateY(2px); transform: translateY(2px); margin-right: 37px; } .sticky-small .header__contacts-descr{ color: #c6c6c6; font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; } } @media (min-width: 1260px){ .button.button_sec2{ position: absolute; bottom:50px; } .header__logo{ padding-top: 10px; padding-bottom: 10px; } .header__logo-pic { width: 250px; height: 47px; margin-top: -3px; margin-bottom: 0px; } .sticky_s .header__logo-pic{ width: 204px; height: 35px; max-width: none;margin-top: 0; } .main__action-product+.main__action-slider{ width: calc(100% - 409px); } .main__action-product{ display: block; width: 375px; } .main__action { height: 460px; } .header__mini_call .button{ padding: 15px 15px 14px; min-height: 40px; min-width: 200px; } .main__team-container .swiper-wrapper{ justify-content: center; cursor: auto; } .sticky_s .header__logo{ width: 35px; } .sticky_s .header .main__wrap { padding-top: 11px; padding-bottom: 11px; } .catalog__filter{ z-index: 49; } .kit__group:first-child .kit__name{ width: 218px; /* margin-bottom: 26px; */ } .product__aside-help { top: 14px; padding-top: 0; } .product__aside-help__circle, .header__mini_call{ display: none; } .button { padding-top: 18px; padding-bottom: 17px; border-radius: 26px; } .basket__sidebar{ top: 20px; } .product__aside-help { right: auto; position: relative; top: auto; transform: translateY(0px); display: flex; width: 18px; height: 18px; line-height: 18px; } .product__aside-help[data-balloon][data-balloon-pos="up"]:after, .product__aside-help[data-balloon][data-balloon-pos="down"]:after{ right: 0; transform: translateX(0%); left: auto; } .compare__title{ font-size: 3.4rem; } .main__action-title { font-size: 43px; } .main__action-date { font-size: 30px; line-height: 30px; } .main__action-price { font-size: 37px; } .main__action-price__label{ padding: 7px 20px; vertical-align: baseline; } .kit__container{ border-bottom:none; padding-bottom: 0; } .balloon_city{ top: 20px; } .balloon_city::before{ right: 25px; } .wishlist .product__icons{ margin-left: 0; } .main__sale-pic { max-width: 180px; } .static__title-credit{ margin-bottom: 28px; } p.static__block-desc{ max-width: 1130px; margin-bottom: 45px; } .static__dl-credit { max-width: 1130px; } #variants.static__block, #banks.static__blockmb55{ max-width: 1130px; } #requirements{ width: 1130px; margin-bottom: 30px; } .static__acceptance + .static__acceptance-tovar .static__acceptance-i{ top: -7px; } #banks .static__partners a{ max-width: 200px; } .main__news{ display: flex; } .main__news-container{ width: 100%; } .main__news-content{ width: 40%; border-right:none; } .main__news-issue{ width: 100%; } .main__news-blog{ display: block; } .main__news-sidebar{ right: auto; left: 40.3%; width: 40%; bottom: 55px; } .main__news-video{ width: 45%; padding-top: 22.3%; } .main__reviews-video{ width: 585px; height: 290px; padding-top: 0; } .main__reviews-body{ width:calc(100% - 585px); font-size: 15px; } .main__reviews-header{ margin-bottom: 0; } .main__reviews-text{ margin-bottom: 22px; } .main__reviews-info .reviews__info{ width: auto; display: flex; } .main__reviews-info .reviews__info-item{ margin-right: 40px; } .static__benefits-container.static__deliveries-container{ margin-left: 0; } .static__deliveries-container .static__benefits-item{ margin-left: auto; } .static__deliveries-container .static__benefits-item:first-child{ margin-left: 0; } .static__deliveries-container .static__benefits-item.one-word{ line-height: 48px; } .nav__container{ width: inherit; } .basket__block .catalog__block-content{ width: calc(93% - 150px) !important; } .static__nav { padding: 0; } .about__team{ padding-top: 0; } .catalog__body_full .catalog__list .catalog__block:nth-child(4n+1) { border-left: 1px solid #ececec; } .catalog__body_full .catalog__list .catalog__block:nth-child(8n+1) { border-left: 0; } .kit__name { min-height: 2.6rem; } .action__info dd:last-child{ font-size: 1.6rem; } .static__important_delivery{ margin-bottom: 45px; } .static__important-checkout{ margin-left: -50px; margin-right: -50px; padding-left: 103px; } .static__important-checkout::before{ left: 55px; } } @media (max-width:1400px){ .search_dop-text{ padding-left: 0; margin-left: 0; border: none; display: block; } } .check-device{z-index:3;position: absolute;} @media (min-width:770px){ .check-device{ z-index:2 } } @media (min-width:1260px){.check-device{z-index:1}} @media all and (max-width: 1260px) { .topbar__search.sticky_s{margin-top: -12px;} } [data-balloon][data-balloon-pos="up"]:hover, [data-balloon][data-balloon-pos="down"]:hover{z-index: 100} .opacityNone {display: none} .dialog.js-dialog[data-dialog='add_review'] .field__block:nth-of-type(3){display: none} .bottom_catalog__body {display: flex;width: 100%;} .bottom_catalog__body .catalog__pref{border-top: none;width: 100%;display: flex} .bottom_catalog__body .catalog__pref-block{margin-left: auto} @media all and (max-width: 1024px) { .bottom_catalog__body .catalog__pref { border-top: 1px solid #ececec; padding-right: 16px; } .bottom_catalog__body .catalog__pref-block { margin-left: auto; margin-right: auto; } } .product__sticker_top{background-color:#f5a623} .product__sticker_popular{background-color:#d0021b} .product__sticker_popular .product__sticker-i{width:14px;height:21px;margin-top:-6px;margin-bottom:5px} .product__sticker_new{background-color:#00b5a7} .product__sticker_profitable{background-color:#9a68c6} .product__sticker_profitable .product__sticker-i{width:20px;height:18px;margin-top:-3px;margin-bottom:7px} .product__sticker_presents{background-color:#5560ce} .product__sticker_presents .product__sticker-i{width:18px;height:18px;margin-top:-3px;margin-bottom:6px} .product__sticker_top2{color:#4a90e2;border:4px solid #4a90e2;background-color:#fff} .product__sticker_best{background-image:url(/local/templates/lovePiano/css/. ./i/heart.svg);background-position:50% 50%} .product__sticker_best2{background-color:#f66} .main__action-product picture img {display: block} .main__popular .catalog__block-text{display: none} .banner-text b span{font-family: Circe;font-size: 20px;font-style: normal;font-weight: 700;line-height: 29px;letter-spacing: 0.1em;text-align: left;} @media all and (max-width: 770px) { .banner-text b span{font-size: 16px} } /* Новогодние логотипы */ .day5 .header__logo-pic{margin-top: 5px} .sticky_s .header__logo.day5{width:20px} .day10 .header__logo-pic{margin-top: -3px} .sticky_s .header__logo.day10 {width:20px;height: 45px;} .sticky_s .header__logo.day10 .header__logo-pic{margin-top: 0} .day15 .header__logo-pic{margin-top: 5px} .sticky_s .header__logo.day15{width:30px} .sticky_s .header__logo.day20{width:20px;height: 40px} .day25 .header__logo-pic{margin-top: 5px} .sticky_s .header__logo.day25{width:30px} .day30 .header__logo-pic{margin-top: 5px} .sticky_s .header__logo.day30{width:20px} .day35 .header__logo-pic{margin-top: 5px} .sticky_s .header__logo.day35{width:30px} .day40 .header__logo-pic{margin-top: -7px} .sticky_s .day40 .header__logo-pic{margin-top: 0} .sticky_s .header__logo.day40{width:22px;height: 45px} .day45 .header__logo-pic{margin-top: 0} .sticky_s .header__logo.day45{width:30px} .sticky-small .day45 .header__logo-pic {margin-top: 5px;} .sticky-small .day40 .header__logo-pic {margin-top: 0;} .sticky-small .day35 .header__logo-pic {margin-top: 10px;} .sticky-small .day30 .header__logo-pic {margin-top: 10px;} .sticky-small .day25 .header__logo-pic {margin-top: 10px;} .sticky-small .day20 .header__logo-pic {margin-top: 5px;} .sticky-small .day15 .header__logo-pic {margin-top: 10px;} .sticky-small .day10 .header__logo-pic {margin-top: 0;} .sticky-small .day5 .header__logo-pic {margin-top: 10px;} @media all and (max-width: 1260px) { .header__logo.day5{padding-bottom: 7px;} .header__logo.day10{padding-bottom: 7px;} .header__logo.day15{padding-bottom: 7px;} .header__logo.day20{padding-bottom: 7px;} .header__logo.day25{padding-bottom: 7px;} .header__logo.day30{padding-bottom: 7px;} .header__logo.day35{padding-bottom: 7px;} .header__logo.day40{padding-bottom: 7px;} .header__logo.day45{padding-bottom: 7px;} } @media all and (max-width: 770px) { .day40 .header__logo-pic{margin-top: -3px} } /* Ногодняя гирлянда */ .sticky_s .y--girlyandaWrap{display: none} .y--girlyandaWrap {position: absolute; top: 0; left: 0; height: 41px; width: 100%; z-index: 101; pointer-events: none; overflow: hidden; } .y--girlyanda{width:1920px;height: 41px;position: absolute;top: 0;left: 50%;pointer-events: none;transform: translateX(-50%)} .y--gEven {animation: y--changeColor 5s linear infinite;} .y--gOdd {animation: y--changeColorOdd 5s linear infinite;} @keyframes y--changeColor { 0% { fill: #FFFFFF; } 20% { fill: #E15057; } 40% { fill: #FFFFFF; } 60% { fill: #FFCD6B; } 80% { fill: #E15057; } 100% { fill: #FFCD6B; } } @keyframes y--changeColorOdd { 0% { fill: #E15057; } 20% { fill: #FFFFFF; } 40% { fill: #FFCD6B; } 60% { fill: #FFFFFF; } 80% { fill: #FFCD6B; } 100% { fill: #E15057; } } .product__sticker_top2019 .product__sticker-i { display: block; width: 16px; height: 11px; margin-bottom: 4px; } /* Вторая гирлянда */ .y--gEven2 {animation: y--changeColor2 5s linear infinite;} .y--gOdd2 {animation: y--changeColorOdd2 5s linear infinite;} @keyframes y--changeColor2 { 0% { fill: #DADADA; } 50% { fill: #FFCD6B; } 100% { fill: #DADADA; } } @keyframes y--changeColorOdd2 { 0% { fill: #FFCD6B; } 50% { fill: #DADADA; } 100% { fill: #FFCD6B; } } /* Правка чекаута LP-84 */ .co__extra-price {display: none} .catalog__pag.search__footer a:hover{background-color: #f4f4f3;color:#000} @media screen and (max-width:1259px) and (min-width:771px){ .header__inner{ height: 60px; } .nav__button.js-navmob__button{ display:none; } .topbar__block{ width: 100%; flex-direction: row; justify-content: end; } .sticky > .topbar > .main__wrap{ height: 48px; } } /*Новый header mobile */ .sticky-mobile{ display:none; } @media screen and (max-width: 770px){ .topbar__menu{ margin-top: 55px; } .sticky__search-field.js-toggle__focus.js-autocomplete{ position: absolute; left: 0; right: 0; border: solid 1px #ececec; background-color: #F7F6F4; padding-left: 10px; box-sizing: border-box; width: 100%; height: 32px; border-radius: 24px; font-size: 16px; } .topbar__search-close::before, .topbar__search-close::after{ background-color: #9A8C78; } .topbar__search-close::after{ top:6px; } .topbar__search-close::before{ top:13px; } .topbar__search-close{ z-index:9999; } .sticky_s .sticky__search-field{ padding:4px 60px 4px 20px; } form.active > .topbar__search-overlay { animation-name: slideRight; -webkit-animation-name: slideRight; animation-duration: 0.2s; -webkit-animation-duration: 0.2s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; display: block; position: relative; left: auto; top: 20px; right: auto; bottom: auto; background: 0; padding: 0; z-index: 9999; width:397px; transition: opacity 1s; opacity: 1; } .topbar__search-overlay{ display:block; position: relative; left: auto; top: 20px; right: auto; bottom: auto; background: 0; padding: 0; z-index: 9999; width:397px; visibility: hidden; transition-delay:0.2s; opacity: 0; animation-name: slideLeft; -webkit-animation-name: slideLeft; animation-duration: 0.2s; -webkit-animation-duration: 0.2s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; } @keyframes slideRight { 0% { width: 20px; } 100% { width:150px; } } @-webkit-keyframes slideRight { 0% { width:20px; } 100% { width:150px; } } @keyframes slideLeft { 0% { width: 150px; } 100% { width:20px; } } @-webkit-keyframes slideLeft { 0% { width:150px; } 100% { width:20px; } } .sticky-mobile-top .searchStrongPlace1 { margin-left: 12px; } .header__mini_call .button { min-width: auto; max-width: 90px; min-height: auto; padding: 6px 0px 5px; border-radius: 18px; font-size: 9px; line-height: 10px; color: #9A8C78; } .navmob { height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; } .navmob { height: 100%; z-index: 9999999990; width: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; display: none; } .navmob_opened .navmob { display: block; } .wrap__navmob{ display: flex; flex-direction: row; justify-content: space-between; } .navmob__return{ margin-left:14px; } .navmob__description{ margin-left:30px; margin-right:25px; border-top: 1px solid #828282; font-family: Circe; font-style: normal; font-weight: normal; font-size: 13px; line-height: 24px; color: #828282; } .navmob .wrap__navmob .navmob__link{ font-family: Circe; font-style: normal; font-weight: normal; font-size: 13px; line-height: 24px; color: #9A8C78; } .topbar__call{ padding-right: 4px; display:flex; min-width:135px; justify-content: space-between; } .location__search__header{ font-family: Circe; font-style: normal; font-weight: bold; font-size: 20px; line-height: 24px; color: #000000; display: flex; flex-direction: row; justify-content: space-between; padding: 20px 14px 0px 14px; } .location__search__header svg{ vertical-align: middle; } .location__search__wrap{ position: absolute; height: 100%; width: 100%; top: 0; z-index: 9999999999; background-color:#fff; } .navmob .navmob__city .field{ border-radius: 25px; } .navmob .navmob__city .dialog__suggest-inner:not(.dropdown-item){ margin-top: 48px; } .navmob__city > .dialog__suggest{ z-index: 999999999999; position: absolute; top: 64px; } .navmob .navmob__city{ overflow-x: hidden; } .navmob_opened .navmob__city .dialog__suggest a, .navmob_opened .navmob__city .dialog__suggest button{ display: inline-block; min-width:40%; padding: 4px 16px; text-align: left; } .navmob_opened .bx-sls{ width:100%; } .navmob .navmob__time{ font-family: Circe; font-style: normal; font-weight: normal; font-size: 15px; line-height: 24px; color: #828282; } .navmob .navmob__contacts .button{ background-color: #F8F6F4; border: 1px solid #D6000A; border-radius: 24px; color: #D6000A; } .navmob .navmob__counter::before{ display:none; } .navmob .navmob__link{ border-bottom: none; color:#333333; font-family: Circe; font-style: normal; font-weight: normal; font-size: 13px; letter-spacing: 0.1em; text-transform: uppercase; } .navmob__header .phone-number, .sticky-mobile-header .phone-number{ width: 25px; height: 25px; background-color: #D6000A; border-radius: 100%; position: relative; top: 5px; margin-right:8px; } .sticky-mobile-header .topbar__location a{ display: block; padding: 6px 0px 0px 8px; font-family: Circe; font-style: normal; font-weight: normal; font-size: 10px; color: #333333; } .sticky-mobile-header .topbar__location svg{ vertical-align: middle; padding-right:6px; } .sticky-mobile-header .header__mini_call{ padding-top: 5px; } .navmob__header .nav__button{ padding-right: 32px; } .navmob__header .topbar__search-button{ padding: 28px 0px 0px 0px; } .navmob__header .left__side{ display:flex; flex-direction: row; justify-content: flex-start; } .navmob__header .nav__icon{ position: relative; top: 7px; } .navmob__header .phone-number a , .sticky-mobile-header .phone-number a{ position: absolute; top: 3px; left: 6px; } .navmob__header .nav__icon{ margin-top: 6px; } .navmob__location-inner { font-size: 13px; display: flex; align-items: center; } .navmob__location-inner svg { position: relative; top: -1px; width: 19px; height: 19px; margin-right: 5px; } .sticky-mobile-header .topbar__location-i, .sticky-mobile-header .topbar__location svg { width: 15px; height: 15px; position: relative; top: -1px; } .js-navmob__block{ margin-top:48px; background-color:#fff; padding-top:10px; } .navmob__header .navmob__location{ background-color: #fff; color:#111; } .navmob__header .navmob__location-inner::before { display:none; } .navmob_opened .dialog__overlay{ z-index:999999999999999; left: -200vw; } .header__logo__fantom{width:70px;} .header__logo-wrap{position:absolute;left:calc(50% - 25px);} .main__wrap{ margin-top:48px; } .topBanner{ display:none; } .header__mini_call{ padding-top: 11px; } .header__mini_call a{ background-color: unset; border: 1px solid rgba(154, 140, 120, 0.2); font-size: 8px; font-family: Circe; font-style: normal; font-weight: normal; color:#111; width: 93px; height: 25px; text-transform: none; } .sticky-mobile-bottom .top-link-wrap{ height: 25px; display: block; width: 25px; margin-top: 11px; } .header__mini_call a:hover{ background-color: unset; border: 1px solid rgba(154, 140, 120, 0.2); font-size: 8px; font-family: Circe; font-style: normal; font-weight: normal; color:#111; } .sticky{ display:none; } .topbar__phone{ color: #111; } .topbar__location{ display:block; } .contacts .header__menu{ padding-right:8px; padding-top:4px; } .contacts .topbar__contacts{ font-size: 11px; padding-top:8px; margin-right:0px; } .contacts .topbar__location{ font-size: 10px; padding-top:6px; text-align:right; font-family: Circe; font-style: normal; font-weight: normal; } .contacts .topbar__location a{ border-bottom: 1px dashed #828282; font-family: Circe; font-style: normal; font-weight: normal; font-size: 8px; } .sticky-mobile{ display:block; } .nav__icon{ width:24px; } .nav__icon span:nth-child(2), .nav__icon span:nth-child(3){ top:0px; } .nav__button{ padding: 0 52px 0 0; height: 28px; margin-top: 12px; border-right: 1px solid #EBE8E4; } .topbar__search-button{ position: unset; } .topbar__search-button{ padding: 25px 0px 0px 0px; } .sticky-mobile-header{ position: fixed; height:35px; width:100%; background-color:#fff; border-bottom: 1px solid #ECECEC; display:flex; z-index: 9999999999; flex-direction: row; justify-content: space-between; } .phone-number.mobile-menu{ margin-top: 6px; } .topbar__search-overlay{ z-index: 2147483647; } .sticky-mobile-top{ position: fixed; top: 35px; z-index: 999999999; display:flex; flex-direction: row; justify-content: space-between; width:100%; background-color:#fff; -webkit-box-shadow: 0 10px 6px -6px #777; -moz-box-shadow: 0 10px 6px -6px #777; box-shadow: 0 10px 6px -6px #777; height:48px; } .navmob_opened .sticky-mobile-top{ top:0px; } .navmob_opened .sticky-mobile-header{ display:none; } } /* Слайдер на подкатегориях */ .slider-container1120 > a{ width:48%; } .slider-container1120 { display: flex; justify-content: space-between; } .slider-main-section{ padding-bottom: 18px; } .slider-main-section .splide__arrows{ display:block; } .slider-main-section ul:not(.nav__list) ul > li::before, ul:not(.nav__list) > li::before, .slider-main-section ul:not(.nav__list) ul > li::before, ul:not(.nav__list) > li::before{ background-color: unset; } .slider-main-section .splide__arrow--prev { left: 0px; } .slider-main-section .splide__arrow--next { right: 0px; } @media screen and (min-width: 1260px){ .slider-container1120 { display: flex; } .slider-container770{ display:none; } .slider-container426{ display:none; } .slider-container320{ display:none; } } @media screen and (max-width:770px){ .slider-container1120{ display:none; } .slider-container770{ display:block; } .slider-container426{ display:none; } .slider-container320{ display:none; } } @media screen and (max-width: 426px){ .slider-container1120{ display:none; } .slider-container770{ display:none; } .slider-container426{ display:block; } .slider-container320{ display:none; } } @media screen and (max-width: 320px){ .slider-container1120{ display:none; } .slider-container770{ display:none; } .slider-container426{ display:none; } .slider-container320{ display:block; } } /*-------new-------*/ .sticky:not(.stick_new) { //position: sticky; } .stick_new { -webkit-box-shadow: 0 3px 5px rgb(0 0 0 / 20%) !important; box-shadow: 0 3px 5px rgb(0 0 0 / 20%) !important; } .stick_new .header__logo.day10 .header__logo-pic { margin-top: 0 !important; } .stick_new .header__logo.day10 { width: 20px !important; height: 45px !important; } .topbar__search.stick_new { margin-top: -17px; } .topbar__search-button { -webkit-tap-highlight-color: #fff0; } .topbar__search-close { -webkit-tap-highlight-color: #fff0; } .table--podem tr td:not(:first-child), .table--sborka tr td:not(:first-child) { text-align: center; } .usluga--nachenka { left: 65%; } .animate__slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @media(min-width:768px){ .main__action-product picture img { display: block; max-height: 100%; object-fit: cover; } } @media (min-width: 1260px) { .stick_new { position: -webkit-sticky !important; position: sticky !important; -webkit-box-shadow: 0 3px 5px rgb(0 0 0 / 20%) !important; box-shadow: 0 3px 5px rgb(0 0 0 / 20%) !important; } .stick_new .header__logo-pic { width: 204px !important; height: 35px !important; max-width: none !important; margin-top: 0 !important; } .stick_new .header { padding-top: 0 !important; } .stick_new .header .main__wrap { padding-top: 11px !important; padding-bottom: 11px !important; } .stick_new .header__inner { padding-bottom: 0 !important; } .stick_new .sticky__nav { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .stick_new .sticky__search { display: block !important; } .stick_new .header__menu { top: 3px !important; } .stick_new .header__menu { bottom: 0 !important; } .stick_new .header .main__wrap { padding-top: 22px; padding-bottom: 22px; } .stick_new .topbar, .stick_new .header__contacts, .stick_new .header__call { display: none !important; } .stick_new .header__menu::before { display: none; } .stick_new .sticky__search-field { font-size: 1.6rem; } .stick_new .sticky__search-field { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 24px; border: 2px solid #ececec; padding: 10px 60px 10px 20px; font-size: 1.5rem; line-height: 2.4rem; font-weight: 400; } .stick_new .sticky__search .topbar__search-submit { right: 4px; } .stick_new .sticky__search svg { fill: #202020; -webkit-transition: all .3s; transition: all .3s; } .stick_new .header__logo { width: 30px; height: 36px; overflow: hidden; } .stick_new .header__logo { padding-top: 0; padding-bottom: 0; } } @media screen and (max-width: 770px) { .topbar__search { position: static; } form.active > .topbar__search-overlay { //animation: none; } form:not(.active) .topbar__search-overlay.mobile { transition: none;/* ticket_34036 */ opacity: 1; } form:not(.active) .sticky__search-field { padding-left: 0; padding-right: 0; } .sticky_s .sticky__search-field { padding: 4px 30px 4px 20px; } /* ticket_34036 */ .topbar__search.opened .topbar__search-overlay.mobile { position: absolute; left: 0; right: 0; top: 0px; width: auto; padding-top: 8px; padding-bottom: 8px; background: #fff; visibility: visible; } .topbar__search.opened .sticky__search-field.js-toggle__focus { position: relative; } .topbar__search.opened .topbar__search-close { left: auto; top: 7px; opacity: 1; } .topbar__search.opened .topbar__menu { margin-top: 8px; } /*!ticket_34036!*/ } @media screen and (max-width: 1259px) and (min-width: 771px) { .topbar__block { //justify-content: flex-end; } .header__mini_call { flex-basis: 180px; } .topbar__contacts { flex-basis: 120px; } .topbar__location { //flex-basis: calc(100% - 300px) } .navmob_opened .page__wrap, .navmob_opened .footer { -webkit-transform: none !important; transform: none !important; } } @media(max-width: 768px){ .topbar__location-i { width: 20px; height: 20px; } .sticky__search-field.js-toggle__focus.js-autocomplete::placeholder { font-size: 12px; } .navmob__location-i { stroke: #9a8c78; } .sticky-mobile-header .topbar__location use { fill: white; stroke: rgb(189 189 189); } .navmob__location { line-height: 1.8rem; } .navmob__location-i { top: -1px; } .navmob__city > .dialog__suggest { top: 90px; } .navmob .navmob__city .dialog__suggest-inner:not(.dropdown-item) { margin-top: 18px; } .navmob .navmob__city .field { padding-right: 50px; overflow: hidden; } .location__search__wrap .bx-ui-sls-container:after { content:''; width: 50px; top: 0; position: absolute; height: 100%; right: 35px; background: linear-gradient(to right, #f8f6f400, #f8f6f4); } } .catalog__footer .catalog__prev { top: calc(50% - 15px); } * { -webkit-tap-highlight-color: #00000000; } @media (max-width: 960px) and (min-width: 770px) { .catalog__footer .catalog__prev { left: 10px; top: calc(50% - 15px); box-shadow: 0 0 0; } .catalog__footer .catalog__next { right: 10px; box-shadow: 0 0 0; } } @-moz-document url-prefix() { .splide .splide__pagination__page { position: relative; top: -4px; } } .table--tab-category .is-open > .acnav__list--level2 { display: flex !important; flex-direction: row; flex-wrap: wrap; background: #f7f7f7; } .nav-wrap .table--tab-category ul > li.table--item { flex-basis: calc(33% - 30.9px); width: 100% !important; padding-top: 15px; padding-bottom: 15px; line-height: 1.2; } .table--tab-search .is-open > .acnav__list--level4 { padding-left: 70px !important; } @media(max-width:768px){ .table--tab-search .is-open > .acnav__list--level4 { padding-left: 0px !important; } #top-link { position: relative; top: 30px; padding-top: 30px; } } @media(max-width:680px){ .nav-wrap .table--tab-category ul > li.table--item { flex-basis: calc(50% - 33.9px) !imporatnt; width: 100% !important; } } .main__action-slider .preloader { position: absolute; top: calc(50% - 24px); left: calc(50% - 24px); z-index: 0; } .main__action-slider .preloader path { fill: #c4c3c2; } .main__action_new .owl-carousel { z-index: 1; position: relative; } @media(max-width:960px) and (min-width:770px){ .swiper-container-android .swiper-slide { margin-right: 0 !important; width: 50% !important; } } @media(max-width:960px){ .kit { overflow: hidden; } .kit__buy { margin-left: 0; margin-right: 0; } .catalog__footer .catalog__prev { left: 15px; } .catalog__footer .catalog__next { right: 15px; } .kit__title { margin-left: 15px; } } /*burger*/ .nav__icon span{ background: #333; } /*TABLETOTOCHNYI` BURGER*/ @media (min-width: 770px) { .navmob { -webkit-transform: translate(-680px, 0) !important; transform: translate(-680px, 0) !important; width: 680px; } .navmob_opened .page__wrap, .navmob_opened .footer { -webkit-transform: translateX(680px) !important; transform: translateX(680px) !important; } .navmob_opened.menu-close .page__wrap, .navmob_opened.menu-close .footer { -webkit-transform: translateX(0px) !important; transform: translateX(0px) !important; } .navmob_opened .topbar__search { visibility: hidden; } .navmob__city, .navmob__location, .navmob__main, .navmob__sec { display: none !important; } .navmob__contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .navmob__contacts .button { width: 200px; margin-right: 20px; } .navmob__time { padding-top: 2px; } .navmob__link, .navmob__contacts { padding-left: 24px; padding-right: 24px; } .navmob_opened.menu-close .nav__icon span:nth-child(2), .navmob_opened.menu-close .nav__icon span:nth-child(4) { -webkit-transform: rotate(0deg); transform: rotate(0deg); transition: all 0 !imporatnt; } .navmob_opened.menu-close .nav__icon span:nth-child(3) { display: none; } .navmob_opened.menu-close .nav__icon span:nth-child(4) { top: 10px; width: 100%; left: 0; transition: all 0 !imporatnt; } .navmob_opened.menu-close .nav__icon span:nth-child(1) { top: 0; width: 100%; left: 0; transition: all 0 !imporatnt; } } @media(max-width:1259px) and (min-width: 771px) { .nav__button.js-navmob__button { display: block !important; font-size: 0 !important; padding: 0 !important; } .nav__button.js-navmob__button span { background: #333333 !important; } .navmob .phone-number svg, .navmob .nav__icon { display: none; } } @media screen and (max-width: 770px) { .sticky-mobile-header { top: 0; } .sticky-mobile { position: fixed; z-index: 11; top: 0; } } .sticky { /*top: -1px;*/ } /*@media screen and (max-width: 1259px) and (min-width: 771px) { .navbutton.js-navmobbutton { display: block; font-size: 0; padding: 0; } .navbutton.js-navmobbutton span { color: white; } .navmob_opened .navmob { display: block; } .navmob { height: 100%; z-index: 9999999990; width: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; display: none; transform: translate(-235px,0); width: 235px; position: absolute; left: 0; top: 0; bottom: 0; background-color: #f8f6f4; overflow: hidden; overflow-y: hidden; border-right: 1px solid #ececec; -webkit-box-sizing: border-box; box-sizing: border-box; } } */ /*chto by` ne skukozhivalsia banner na glavnoi`*/ .navmob_opened .page__wrap { -webkit-transform: translateX(235px); transform: translateX(235px); } @media (min-width: 768px) { .mainaction-product picture img, .main__action_new .mainaction-item.swiper-slide img, .main__action_new .main__action-item.swiper-slide img, .main__action-product picture img { object-fit: cover !important; object-position: left !important; } } @media (max-width: 769px) { .main__sale-block picture, .main__sale-block picture img { width: 110px; max-height: 100%; object-fit: cover; } .sticky.sticky-small { display: block; position: relative; top: 0; margin-bottom: -95px; } .sticky.sticky-small .main__wrap { margin-top: 0; } .catalog__block-content, .catalog__block-icons { z-index: 10; } .navmob_opened .page__wrap { -webkit-transform: translateX(100vw); transform: translateX(100vw); } .navmob { -webkit-transform: translate(-100vw,0); transform: translate(-100vw,0); } body .navmob.navmob_city .navmob__link { display: none !important; } } .menu-new-navmob-tablet{ display: none; visibility: hidden; transition-delay:0.2s; opacity: 0; animation-name: slideLeftTableMenu; -webkit-animation-name: slideLeftTableMenu; animation-duration: 0.1s; -webkit-animation-duration: 0.1s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; } .overlay-new-navmob-tablet{ display:none; } .overlay-new-navmob-tablet.active{ display:block; position:absolute; background-color: #111; opacity: 0.7; width:100%; height:100%; z-index: 199; } .menu-new-navmob-tablet.active{ display:flex; visibility: visible; background-color: #fff; position: fixed; height: 100%; width: 330px; z-index: 200; flex-direction: column; transition: opacity 1s; opacity: 1; animation-name: slideRightTableMenu; -webkit-animation-name: slideRightTableMenu; animation-duration: 0.1s; -webkit-animation-duration: 0.1s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; } @keyframes slideRightTableMenu { 0% { transform: translateX(-150%); } 100% { transform: translateX(0%); } } @-webkit-keyframes slideRightTableMenu { 0% { -webkit-transform: translateX(-150%); } 100% { -webkit-transform: translateX(0%); } } @keyframes slideLeftTableMenu { 0% { transform: translateX(0%); } 100% { transform: translateX(-150%); } } @-webkit-keyframes slideLeftTableMenu { 0% { -webkit-transform: translateX(0%); } 100% { -webkit-transform: translateX(-150%); } } .menu-new-navmob-tablet #searchStrongPlace{ position:absolute; } .menu-new-navmob-tablet .search-button .topbar__search{ visibility: hidden; width: 258px; position: absolute; left: 0px; top: -20px; transition-delay:0.2s; opacity: 0; animation-name: slideLeftTableSearch; -webkit-animation-name: slideLeftTableSearch; animation-duration: 0.3s; -webkit-animation-duration: 0.3s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; z-index:201; } .search-tablet-close{ width:24px; height:24px; cursor: pointer; } .menu-new-navmob-tablet .search-button .topbar__search.active { visibility: visible; transition: opacity 0.1s; opacity: 1; animation-name: slideRightTableSearch; -webkit-animation-name: slideRightTableSearch; animation-duration: 0.3s; -webkit-animation-duration: 0.3s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; } .menu-new-navmob-tablet .topbar__location-i{ top:2px; } @keyframes slideRightTableSearch { 0% { width: 12px; } 100% { width:258px; } } @-webkit-keyframes slideRightTableSearch { 0% { width: 12px; } 100% { width:258px; } } @keyframes slideLeftTableSearch { 0% { width: 258px; } 100% { width:12px; } } @-webkit-keyframes slideLeftTableSearch { 0% { width: 258px; } 100% { width:12px; } } .menu-new-navmob-tablet > .navmob-tablet-header{ padding: 17px 24px; -webkit-box-shadow: 0px 10px 10px -8px #777; -moz-box-shadow: 0px 10px 10px -8px #777; box-shadow: 0px 10px 10px -8px #777; } .menu-new-navmob-tablet > .tablet-header{ display: flex; flex-direction: row; justify-content: start; height: 26px; width: 100%; padding-top: 9px; padding-bottom: 12px; -webkit-box-shadow: 0px 10px 10px -8px #777; -moz-box-shadow: 0px 10px 10px -8px #777; box-shadow: 0px 10px 10px -8px #777; } .menu-new-navmob-tablet > .search-button{ width: 12px; height: 12px; padding-top: 3px; } .menu-new-navmob-tablet > .tablet-header > .wrap-nav-search > .nav__button{ padding: 4px 10px 0px 0px; } .menu-new-navmob-tablet .wrap-nav-search{ width: 28px; display: flex; justify-content: end; margin-left: 24px; margin-right: 10px; } .menu-new-navmob-tablet .topbar__location{ margin-left: 36px; width: 170px; } .menu-new-navmob-tablet .search-button{ padding-left:10px; border-left: 1px solid rgba(235, 232, 228, 1); } .menu-new-navmob-tablet .search-button svg{ padding-top:6px; } .menu-new-navmob-tablet .phone-number.mobile-menu > a{ width: 28px; height: 28px; background-color: red; border-radius: 100%; display:block; } .menu-new-navmob-tablet .phone-number.mobile-menu > a > svg{ padding-left: 7px; padding-top: 7px; } .menu-new-navmob-tablet .wrap-nav-content{ padding-top: 12px; } .wrap-nav-footer .navmob__contacts { display: flex; flex-direction: column; background-color: #F8F6F4; height: calc(100vh - 365px); } .menu-new-navmob-tablet .wrap-nav-content a{ display:block; color: rgba(51, 51, 51, 1); font-size:13px; text-transform: uppercase; padding: 12px 0px 9px 24px; letter-spacing: 0.1em; } .menu-new-navmob-tablet .wrap-nav-content a.current{ color: rgba(154, 140, 120, 1); } .menu-new-navmob-tablet .navmob__contacts .button{ margin-top: 50px; width:282px; height:44px; color:rgba(214, 0, 10, 1); border: 1px solid rgba(214, 0, 10, 1); background-color: unset; margin-bottom: 22px; } .menu-new-navmob-tablet .navmob__contacts .navmob__time{ font-size:15px; color: #828282; } @media (max-width: 771px) and (min-width: 769px) { .sticky-mobile { z-index: 99; } .nav { z-index: 0; } } @media (max-width: 768px) { .navmob .navmob__city .dialog__suggest-inner:not(.dropdown-item) { margin-top: 0; } .navmob__city > .dialog__suggest { z-index: 99999999999; position: absolute; top: 110px; background: white; } .topbar__search-overlay.mobile { width: 0; } .active>.topbar__search-overlay.mobile{ /* //width: calc(100vw - 77px) !important; */ animation: .3s linear grow; } @keyframes grow { from {width: 0;} to {width: calc(100vw - 77px);} } @-webkit-keyframes grow { from {width: 0;} to {width: calc(100vw - 77px);} } } @media (max-width: 460px) { .kit__buy .product__content-buy { //flex-direction: column; //width: auto; } .swiper-container-android .swiper-slide { width: 100% !important; //margin-right: 40px !important; } } @media (max-width: 426px) { .sticky-small .header__logo-pic { width: 100px; } .sticky-small .header__phone { font-size: 14px; } .navmob_opened .page__wrap { -webkit-transform: translateX(426px); transform: translateX(426px); } .navmob { -webkit-transform: translate(-426px,0); transform: translate(-426px,0); } } .burger_close { display: none; } @media(min-width: 1260px){ .header__mini_call > .button { border-color: #d6000a; background: #d6000a; color: white; } .topbar__location-current:hover .topbar__location-i { fill:rgba(51, 51, 51, 1); } } @media(max-width:1259px){ .topbar__location-current.js-dialog-show { //line-height: 1.2 } .menu-new-navmob-tablet .phone-number.mobile-menu > a { margin-right: 15px; } .menu-new-navmob-tablet.active.navmob_opened .burger_close { display: block; } .menu-new-navmob-tablet.active.navmob_opened .burger_hide { display: none; } .sticky.sticky_s .header { margin-bottom: 0; top: -1px; } } @media (max-width: 425px) { .topbar__search-submit { display: none; } } @media screen and (max-width: 1259px) and (min-width: 771px) { .topbar__block { justify-content: flex-end; } .topbar__contacts > .topbar__phone{ color: rgba(51, 51, 51, 1); border-left: 1px solid rgba(235, 232, 228, 1); padding-left:12px; font-weight: 900; font-size:11px; } address.topbar__contacts{ margin-left:0px; padding-left:12px; } .topbar__location > .topbar__location-current{ color: rgba(130, 130, 130, 1); font-size: 11px; } .nav__icon span:nth-child(2), .nav__icon span:nth-child(3){ top: 0px; } .nav__button > .nav__icon{ width: 20px; height: 10px; top: 20px; } .header__mini_call > .button{ background-color:#fff; color: rgba(154, 140, 120, 1); border-color: rgba(154, 140, 120, 1); text-transform: none; padding:12px 0px; } .topbar__block{ padding-top:4px; } header{ -webkit-box-shadow: 0px 10px 10px -8px #777; -moz-box-shadow: 0px 10px 10px -8px #777; box-shadow: 0px 10px 10px -8px #777; } } @media(min-width:770px){ .catalog .slider-main-section>div:not(:first-of-type) { display: none; } } .sticky-mobile .sticky-mobile-header .topbar__location-current svg { top: 4px; float: left; } @media(max-width: 771px) { body .nav__button { padding: 0 52px 0 0 !important; height: 28px; margin-top: 12px; border-right: 1px solid #EBE8E4; } body .navmob__header .nav__button{ padding-right:32px !important; } } @media(max-width: 415px) { .navmob_opened .dialog.js-dialog[data-dialog="contacts"] { margin-left: 106vw; } } /*------29.07.2021-------*/ .sticky_s .sticky__search-field, .navmob__city .field, .sticky__search-field.js-toggle__focus.js-autocomplete { border: 2px solid #ececec; background: white; } .location__search__wrap .bx-ui-sls-container:after { height: calc(100% - 4px); background: linear-gradient(to right, #f8f6f400, #ffffff); top: 2px; } .sticky { box-shadow: 0 0 0; } .topbar__nav a { font-size: 12px; } .header { padding-top: 0; } .header__inner { padding-bottom: 20px; } .topbar__location-i { fill: white; stroke: rgb(189 189 189); } .sticky__search { top: 14px; } .mainaction-product picture img, .main__action-product picture img { object-position: center !important; } @media (max-width: 1259px) and (min-width: 771px) { .header__inner { padding-bottom: 5px; } } @media screen and (max-width: 1259px) and (min-width: 771px) { .nav__button > .nav__icon { left: 22px; } } @media(min-width:1260px) { .topbar__search.sticky_s { margin-top: -30px; } .header__contacts { position: relative; top: -7px; } .topbar__nav > a.current { color: #c50009; } } @media(max-width:1260px) and (min-width: 770px) { .main__action_new .main__action-product picture { width: 100%; } } @media screen and (max-width: 770px){ .sticky-mobile-header { height: 45px } .sticky-mobile-top { top: 45px; } .sticky-mobile-header .topbar__location a { padding-top: 12px; } .sticky-mobile-header .header__mini_call { padding-top: 10px; } .navmob__header .phone-number, .sticky-mobile-header .phone-number { top: 10px; } .header__mini_call .button { padding: 7px 0px 5px; } } /*----траблы со слайдером----*/ @media (min-width: 769px) { .main__action-product { display: block; height: 337px !important; } .main__action, .splide__track { height: 340px !important; } .main__action-product picture img, .main__action_new .main__action-item.swiper-slide img { height: 337px; width: 100%; } .splide .splide__pagination { bottom: -5px; } } @media(max-width: 1170px) and (min-width: 769px){ .main__action.main__action_new, .main__action-product, .main__action-product picture img, .main__action_new .main__action-item.swiper-slide img { height: 300px !important; } } @media(max-width: 992px) and (min-width: 769px){ .main__action.main__action_new, .main__action-product, .main__action-product picture img, .main__action_new .main__action-item.swiper-slide img { height: 270px !important; } } /* .main__action-product, .splide__list { max-height: 337px; } */ /*------------------------------*/ .topbar__location-current:hover .topbar__location-i { fill: white; stroke: #d6000a; } .sticky_s .header { top: -1px; } .button.button_xl.js-dialog-show { padding-top: 17px; } .sticky.sticky_s { -webkit-box-shadow: 0 3px 5px rgb(0 0 0 / 20%) !important; } .sticky__search { top: 16px; } .navmob_opened .phone-number { top: 5px; } .sticky_s .sticky__search-field, .navmob__city .field, .sticky__search-field.js-toggle__focus.js-autocomplete { box-shadow: 0 0 0 !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .navmob .navmob__city { z-index: 9999999999; } @media (max-width: 769px) { .navmob_opened .dialog__overlay { -webkit-transform: translate(-100vw,0); transform: translate(-100vw,0); left: 0; width: 100%; overflow-y: auto; height: 100%; -webkit-overflow-scrolling: touch; } } @media (max-width: 415px) { .navmob_opened .dialog.js-dialog[data-dialog="contacts"] { margin-left: auto; } } @media (max-width: 426px) { .navmob_opened .dialog__overlay { -webkit-transform: translate(-426px,0); transform: translate(-426px,0); } .sticky_s .sticky__search-field, .navmob__city .field, .sticky__search-field.js-toggle__focus.js-autocomplete { overflow: hidden; } .sticky-mobile .topbar__search-close, .sticky-mobile .topbar__search-close { opacity: 0; left: 35px; } .sticky-mobile .active.opened .topbar__search-close, .active .topbar__search-close { opacity: 1; -webkit-opacity: 1; left: auto; //transition-delay: .2s; //-webkit-transition-delay: 0.2s; //-o-transition-delay: 0.2s; //-moz-transition-delay: 0.2s; } .topbar__search-overlay.mobile { opacity: 0; } .active>.topbar__search-overlay.mobile { //overflow: hidden; //height: 40px; //opacity: 1; //transition: all .3s; } .topbar__search-button { //position: absolute; //top: 1px; //left: 2px; //width: 200px; } } /*----05.08.2021 - 10.08.2021-----*/ .product__aside-content ul[data-id="pay"] li::before { background: #d6000a; } [data-balloon][data-balloon-pos='down']:before { content: ''; border-width: 5px; border-style: solid; border-color: transparent #000 #000 transparent; display: inline-block; position: absolute; top: 15px; right: 10px; width: 0; height: 0; background: none; } @media(max-width:768px){ .product__aside-help[data-balloon][data-balloon-pos="up"]:after, .product__aside-help[data-balloon][data-balloon-pos="down"]:after { margin-top: 0; } [data-balloon][data-balloon-pos='down']:before { top: 31px; } } .product__aside-help.opened { pointer-events: none; } .product__aside-help.opened:before { content: ''; border-width: 5px; border-style: solid; border-color: transparent #000 #000 transparent; display: inline-block; position: absolute; right: 10px; width: 0; height: 0; background: none; top: 31px; transform: translate(-50%, 0); } .product__aside-help.opened:after { background-color: #fff; color: black; border-radius: 0; margin-left: 60px; border: 1px solid #ececec; z-index: 2; font-family: Circe !important; white-space: normal; width: 90vw; left: auto; right: auto; transform: translateX(-100%); margin-top: 0; } .menu-new-navmob-tablet .phone-number.mobile-menu > a { font-size: 0; text-align: center; } .menu-new-navmob-tablet .phone-number.mobile-menu > a::before { content: url(/local/templates/lovePiano/i/phone_new.png); position: relative; top: 8px; } .menu-new-navmob-tablet .phone-number.mobile-menu > a { background: #d6000a; } .product__sticker_best { background-image: url(/local/templates/lovePiano/i/heart.svg); background-position: 50% 50%; } @media (min-width: 771px) { body .menu-new-navmob-tablet .nav__button { margin-top: 0; border: 0; } body .menu-new-navmob-tablet .nav__button svg { position: relative; top: 3px; } body .menu-new-navmob-tablet .topbar__location-current { position: relative; top: 4px; } .menu-new-navmob-tablet > .tablet-header { border-bottom: 1px solid #f8f6f4; -webkit-box-shadow: 0 10px 6px -6px #7770; -moz-box-shadow: 0 10px 9px -6px #7777770d; box-shadow: 0 10px 9px -6px #7777770d; } .menu-new-navmob-tablet .wrap-nav-content { padding-top: 10px; } } @media (max-width: 770px) { .nav { display: none; } #top-link { margin-top: 108px; } .sticky-mobile-top { border-bottom: 1px solid #f8f6f4; -webkit-box-shadow: 0 10px 6px -6px #7770; -moz-box-shadow: 0 10px 9px -6px #7777770d; box-shadow: 0 10px 9px -6px #7777770d; } .sticky-mobile.box-shadow { -webkit-box-shadow: 0px 10px 10px -8px #777; -moz-box-shadow: 0px 10px 10px -8px #777; box-shadow: 0px 10px 10px -8px #777; } #top-link { position: relative; top: 30px; padding-top: 30px; } #top-link { margin-top: 0; } .main__action.main__action_new { margin-top: 48px; } } @media screen and (max-width: 1259px) and (min-width: 771px) { header, .sticky-mobile-top { -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; } .sticky_s header { -webkit-box-shadow: 0px 10px 10px -8px #777; -moz-box-shadow: 0px 10px 10px -8px #777; box-shadow: 0px 10px 10px -8px #777; } } @media (max-width: 769px) { .main__action.main__action_new { height: auto !important; } .mainaction-product picture img, .main__action_new .mainaction-item.swiper-slide img, .main__action_new .main__action-item.swiper-slide img, .main__action-product picture img { object-fit: cover !important; object-position: left !important; } .main__action-product picture img { display: block; max-height: 100%; } .main__action.main__action_new, .main__action-product, .main__action-product picture img, .main__action_new .main__action-item.swiper-slide img, .mainaction-product picture img, .main__action_new .mainaction-item.swiper-slide img, .main__action_new .main__action-item.swiper-slide img, .main__action-product picture img, .main__action, .splide__track { height: auto !important; } } @media (max-width: 960px) and (min-width: 770px) { .product__wrap .product__sidebar .product__gallery .swiper-slide { margin-right: 0 !important; width: auto !important; } } @media(min-width:1260px){ .catalog__footer .catalog__prev { top: calc(50% - 61px); } .catalog__footer .catalog__next { top: calc(50% - 41px); } } /*---iPhone 8---*/ @media only screen and (device-width : 375px) and (device-height : 667px) and (-webkit-device-pixel-ratio : 2) { .main__action.main__action_new { margin-top: 48px; } } /*---iPhone 8 плюс---*/ @media only screen and (device-width : 414px) and (device-height : 736px) and (-webkit-device-pixel-ratio : 3) { .main__action.main__action_new { margin-top: 48px; } } /*---safari---*/ @media screen and (-webkit-min-device-pixel-ratio:0) { } /* баннер */ @media(max-width:770px){ .topBanner { display: block; } .topBanner .main__wrap { margin: 0; } .with_banner .sticky-mobile-header { /* top: 57px; */ } .with_banner .sticky-mobile-top { /* top: 103px; */ } } @media(max-width:320px){ .topBanner { display: none; } .with_banner .sticky-mobile-header { top: 0; } .with_banner .sticky-mobile-top { top: 45px; } } /* фикс вылазящих надписей из меню */ @media (min-width: 770px) { .nav__balloon { min-height: 445px; } } @media (max-width: 960px) and (min-width: 959px) { body .swiper-container-android .swiper-slide { width: 100% !important; } } @media (max-width: 1260px) { .sticky .header__logo-pic { max-width: none !important; } .sticky .header__logo { //overflow: hidden; } } .topBanner { height: 57px; overflow: hidden; padding: 0; } .topBanner>.main__wrap { display: flex; justify-items: center; align-items: center; } .topBanner>.main__wrap .banner-text { height: auto; line-height: 1.3; } .topBanner>.main__wrap .banner-text b span { line-height: 0; } @media (max-width: 770px) { .balloon { display: none } } .price-txt { display: inline-block; } .catalog__block-price .price-txt { font-size: 1.7rem; line-height: 2rem; letter-spacing: -.05em; font-weight: 700; color: #d6000a; display: block; white-space: nowrap; } @media (min-width: 770px) { .catalog__block-name, .catalog__block-price .price-txt, .main__contacts-phone .price-txt { font-size: 1.8rem; line-height: 2rem; } } @media (min-width: 1260px) { .catalog__block-price .price-txt { font-size: 2.1rem; line-height: 2.4rem; } } .detail_product_table_block, .detail_product_table_block__row, .detail_product_table_block__cell, .detail_product_table_block__cell--img img {display: block;} .detail_product_table_block__cell {margin-bottom: 15px;} @media (min-width: 768px) { .detail_product_table_block__row {display: grid; grid-template-columns: 1fr 1fr;gap: 15px;margin-bottom: 15px;} .detail_product_table_block__cell{margin: 0;} } .detail_product_table_block__cell--img { } .detail_product_table_block__cell--img img { margin: 0 auto; height: auto; width: calc(100% - 20px); max-height: 450px; object-fit: contain; } .buttons3d{ cursor: pointer; position: absolute; z-index: 10; left: 10px; bottom: 0; } .button3d{ background: #f2f2f2; border: initial; border-radius: 100px; color: #212121; display: inline-block; margin-right: 10px; font-size: 14px; line-height: 1.4285714286; line-height: 1.5rem; padding: .5rem 1rem; -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; white-space: nowrap; } .button3d svg{ width:25px; height: 25px; } .button3d span { position: relative; top: -7px; margin-left: 6px; } .button3d .activeIcon{ display: none; } .button3d:hover .activeIcon{ display: initial; } .button3d:hover .noactiveIcon{ display: none; } .buttons3d-m{ display: none; } @media (max-width: 768px) { .buttons3d{ display: none; } .buttons3d-m{ display: block; cursor: pointer; position: inherit; z-index: 10; left: 10px; bottom: 0; } .buttons3d-m .button3d span { font-size: 10px; } } .icon { display: inline-block; padding: calc(var(--bs-gutter-x)* 0.5); height: calc(2.0rem + var(--bs-gutter-x)); width: calc(2.0rem + var(--bs-gutter-x)); } .icon { display: inline-block; fill: currentColor; --svg-main-fill: rgba(var(--k-color-1), 1); --svg-main-fill--hover: rgba(var(--k-color-1), 0); --svg-state_1-fill: rgba(var(--k-color-2), 0); --svg-state_1-fill--hover: rgba(var(--k-color-2), 0); --svg-main-opacity: 1; --svg-main-opacity--hover: 0; --svg-main-transform: scale(1); --svg-main-transform--hover: scale(1); --svg-state_1-opacity: 0; --svg-state_1-opacity--hover: 0; } .icon--black { color: rgb(var(--white)); background-color: rgb(var(--black)); border-radius: 1rem; } a.zoom__close.js-zoom-close { z-index: 100; } /* End */ /* /local/templates/lovePiano/css/tippy.min.css?171938853712275 */ /* /local/templates/lovePiano/css/nouislider.min.css?17193885373820 */ /* /local/templates/lovePiano/css/normalize.min.css?17193885371798 */ /* /local/templates/lovePiano/css/mediaelementplayer.min.css?171938853711402 */ /* /local/templates/lovePiano/css/select2.min.css?171938853715080 */ /* /local/templates/lovePiano/css/swiper.min.css?171938853719277 */ /* /local/templates/lovePiano/css/magnific-popup.min.css?17193885375235 */ /* /local/templates/lovePiano/css/splide/splide.min.css?17193885374172 */ /* /local/templates/lovePiano/styles.css?17618256231792 */ /* /local/templates/lovePiano/css/common.css?1780259423494210 */ /* /local/templates/lovePiano/add.min.css?17193885364612 */ /* /local/templates/lovePiano/css/jquery.fancybox.min.css?171938853712795 */ /* /local/templates/lovePiano/components/dudoroff/search.title/search/style.min.css?17193885372149 */ /* /local/templates/lovePiano/components/dudoroff/search.title/searchMobile/style.min.css?17193885372149 */ /* /local/templates/lovePiano/components/bitrix/sale.location.selector.search/location.search/style.css?1780259002511 */ /* /local/templates/lovePiano/template_styles.css?1780259473104246 */