/* Start:/local/templates/nebo_/libs/plyr.css?169044953424855*/ @keyframes plyr-progress{to{background-position:25px 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{from{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:auto;-webkit-font-smoothing:subpixel-antialiased;direction:ltr;font-family:Avenir,"Avenir Next","Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;font-variant-numeric:tabular-nums;font-weight:500;line-height:1.7;max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease}.plyr audio,.plyr video{border-radius:inherit;height:auto;vertical-align:middle;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui ::after,.plyr--full-ui ::before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4f5b5f;border-radius:2px;color:#fff;font-size:9px;line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;color:#fff;display:none;font-size:14px;left:0;padding:10px;position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions .plyr__caption{background:rgba(0,0,0,.8);border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__captions .plyr__caption div{display:inline}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:16px;padding:20px}}@media (min-width:768px){.plyr__captions{font-size:18px}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px)}.plyr__control{background:0 0;border:0;border-radius:3px;color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;position:relative;transition:all .3s ease}.plyr__control svg{display:block;fill:currentColor;height:18px;pointer-events:none;width:18px}.plyr__control:focus{outline:0}.plyr__control.plyr__tab-focus{box-shadow:0 0 0 5px rgba(26,175,255,.5);outline:0}a.plyr__control{text-decoration:none}a.plyr__control::after,a.plyr__control::before{display:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed{display:none}.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#1aafff;color:#fff}.plyr--video .plyr__control svg{filter:drop-shadow(0 1px 1px rgba(0, 0, 0, .15))}.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#1aafff;color:#fff}.plyr__control--overlaid{background:rgba(26,175,255,.8);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15);color:#fff;display:none;left:50%;padding:15px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{background:#1aafff}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1}.plyr__controls .plyr__controls__item{margin-left:2.5px}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr__controls .plyr__controls__item.plyr__volume{padding-right:5px}.plyr__controls .plyr__controls__item.plyr__volume:first-child{padding-right:0}.plyr__controls:empty{display:none}.plyr--audio .plyr__controls{background:#fff;border-radius:inherit;color:#4f5b5f;padding:10px}.plyr--video .plyr__controls{background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.7));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;left:0;padding:20px 5px 5px;position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media (min-width:480px){.plyr--video .plyr__controls{padding:35px 10px 10px}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip]{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:rgba(255,255,255,.9);border-radius:4px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);color:#4f5b5f;font-size:16px;margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container::after{border:4px solid transparent;border-top-color:rgba(255,255,255,.9);content:'';height:0;position:absolute;right:15px;top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4f5b5f;display:flex;font-size:14px;padding:4px 11px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control::after{border:4px solid transparent;content:'';position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px}.plyr__menu__container .plyr__control--forward::after{border-left-color:rgba(79,91,95,.8);right:5px}.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,.plyr__menu__container .plyr__control--forward:hover::after{border-left-color:currentColor}.plyr__menu__container .plyr__control--back{font-weight:500;margin:7px;margin-bottom:3px;padding-left:28px;position:relative;width:calc(100% - 14px)}.plyr__menu__container .plyr__control--back::after{border-right-color:rgba(79,91,95,.8);left:7px}.plyr__menu__container .plyr__control--back::before{background:#b7c5cd;box-shadow:0 1px 0 #fff;content:'';height:1px;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,.plyr__menu__container .plyr__control--back:hover::after{border-right-color:currentColor}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px}.plyr__menu__container .plyr__control[role=menuitemradio]::after,.plyr__menu__container .plyr__control[role=menuitemradio]::before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]::before{background:rgba(0,0,0,.1);content:'';display:block;flex-shrink:0;height:16px;margin-right:10px;transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]::after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before{background:#1aafff}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before{background:rgba(0,0,0,.1)}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:-5px;overflow:hidden;padding-left:25px;pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;background:0 0;border:0;border-radius:26px;color:#1aafff;display:block;height:19px;margin:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none;background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0))}.plyr--full-ui input[type=range]::-webkit-slider-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2);height:13px;position:relative;transition:all .2s ease;width:13px;-webkit-appearance:none;margin-top:-4px}.plyr--full-ui input[type=range]::-moz-range-track{background:0 0;border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;-moz-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2);height:13px;position:relative;transition:all .2s ease;width:13px}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;height:5px}.plyr--full-ui input[type=range]::-ms-track{background:0 0;border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;color:transparent}.plyr--full-ui input[type=range]::-ms-fill-upper{background:0 0;border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:0 0;border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;background:currentColor}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2);height:13px;position:relative;transition:all .2s ease;width:13px;margin-top:0}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{box-shadow:0 0 0 5px rgba(26,175,255,.5);outline:0}.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{box-shadow:0 0 0 5px rgba(26,175,255,.5);outline:0}.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{box-shadow:0 0 0 5px rgba(26,175,255,.5);outline:0}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:rgba(255,255,255,.25)}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:rgba(255,255,255,.25)}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:rgba(255,255,255,.25)}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(255,255,255,.5)}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(255,255,255,.5)}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(255,255,255,.5)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(183,197,205,.66)}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(183,197,205,.66)}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(183,197,205,.66)}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(0,0,0,.1)}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(0,0,0,.1)}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(0,0,0,.1)}.plyr__poster{background-color:#000;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr__time{font-size:14px}.plyr__time+.plyr__time::before{content:'\2044';margin-right:10px}@media (max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr--video .plyr__time{text-shadow:0 1px 1px rgba(0,0,0,.15)}.plyr__tooltip{background:rgba(255,255,255,.9);border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);color:#4f5b5f;font-size:14px;font-weight:500;left:50%;line-height:1.3;margin-bottom:10px;opacity:0;padding:5px 7.5px;pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;white-space:nowrap;z-index:2}.plyr__tooltip::before{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(255,255,255,.9);bottom:-4px;content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%,0) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translate(0,10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before{left:16px}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translate(0,10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip::before{left:auto;right:16px;transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0,0) scale(1)}.plyr--video{background:#000;overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;border-radius:inherit;overflow:hidden;position:relative;z-index:0}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr__progress{left:6.5px;margin-right:13px;position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-right:-6.5px;width:calc(100% + 13px)}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{font-size:14px;left:0}.plyr__progress__buffer{-webkit-appearance:none;background:0 0;border:0;border-radius:100px;height:5px;left:0;margin-top:-2.5px;padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:0 0}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;transition:width .2s ease}.plyr--video .plyr__progress__buffer{box-shadow:0 1px 1px rgba(0,0,0,.15);color:rgba(255,255,255,.25)}.plyr--audio .plyr__progress__buffer{color:rgba(183,197,205,.66)}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(47,52,61,.6) 25%,transparent 25%,transparent 50%,rgba(47,52,61,.6) 50%,rgba(47,52,61,.6) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;color:transparent}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:rgba(255,255,255,.25)}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(183,197,205,.66)}.plyr__volume{align-items:center;display:flex;flex:1;position:relative}.plyr__volume input[type=range]{margin-left:5px;position:relative;z-index:2}@media (min-width:480px){.plyr__volume{max-width:90px}}@media (min-width:768px){.plyr__volume{max-width:110px}}.plyr--is-ios .plyr__volume{display:none!important}.plyr--is-ios.plyr--vimeo [data-plyr=mute]{display:none!important}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:fullscreen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;width:100%}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;width:100%}.plyr:fullscreen .plyr__video-wrapper{height:100%;width:100%}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;transform:translateY(-50%)}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;transform:translateY(-50%)}.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;transform:translateY(-50%)}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px}.plyr:-ms-fullscreen .plyr__captions{font-size:21px}.plyr:fullscreen .plyr__captions{font-size:21px}}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;width:100%}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;transform:translateY(-50%)}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px}}.plyr:-moz-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-moz-full-screen video{height:100%}.plyr:-moz-full-screen .plyr__video-wrapper{height:100%;width:100%}.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;transform:translateY(-50%)}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-moz-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-moz-full-screen .plyr__captions{font-size:21px}}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;width:100%}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;transform:translateY(-50%)}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-ms-fullscreen .plyr__captions{font-size:21px}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;margin:0;width:100%;bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__video-wrapper{height:100%;width:100%}.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;transform:translateY(-50%)}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads::after{background:rgba(47,52,61,.8);border-radius:2px;bottom:10px;color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;z-index:3}.plyr__ads::after:empty{display:none}.plyr__cues{background:currentColor;display:block;height:5px;left:0;margin:-2.5px 0 0;opacity:.8;position:absolute;top:50%;width:3px;z-index:3}.plyr__preview-thumb{background-color:rgba(255,255,255,.9);border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);margin-bottom:10px;opacity:0;padding:3px;pointer-events:none;position:absolute;transform:translate(0,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0,0) scale(1)}.plyr__preview-thumb::before{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(255,255,255,.9);bottom:-4px;content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#b7c5cd;border-radius:2px;overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img{height:100%;left:0;max-height:none;max-width:none;position:absolute;top:0;width:100%}.plyr__preview-thumb__time-container{bottom:6px;left:0;position:absolute;right:0;white-space:nowrap;z-index:3}.plyr__preview-thumb__time-container span{background-color:rgba(0,0,0,.55);border-radius:2px;color:#fff;font-size:14px;padding:3px 6px}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;-o-object-fit:contain;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);overflow:hidden;border:0!important;height:1px!important;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important} /* End */ /* Start:/local/templates/nebo_/fonts/fonts.css?16904495341743*/ @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap&subset=cyrillic'); /* @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&subset=cyrillic,cyrillic-ext'); */ @font-face { font-family: 'Asket Extended'; font-weight: 500; font-style: normal; font-display: swap; src: url('/local/templates/nebo_/fonts/AsketExtended-Medium.woff2') format('woff2'), url('/local/templates/nebo_/fonts/AsketExtended-Medium.woff') format('woff'), url('/local/templates/nebo_/fonts/AsketExtended-Medium.ttf') format('truetype'); } @font-face { font-family: 'Asket Extended'; font-weight: bold; font-style: normal; font-display: swap; src: url('/local/templates/nebo_/fonts/AsketExtended-Bold.woff2') format('woff2'), url('/local/templates/nebo_/fonts/AsketExtended-Bold.woff') format('woff'), url('/local/templates/nebo_/fonts/AsketExtended-Bold.ttf') format('truetype'); } @font-face { font-family: 'Asket Extended'; font-weight: 300; font-style: normal; font-display: swap; src: url('/local/templates/nebo_/fonts/hinted-AsketExtended-Light.woff2') format('woff2'), url('/local/templates/nebo_/fonts/hinted-AsketExtended-Light.woff') format('woff'), url('/local/templates/nebo_/fonts/hinted-AsketExtended-Light.ttf') format('truetype'); } @font-face { font-family: 'DIN2014Narrow-Light'; font-weight: normal; font-style: normal; font-display: swap; src: url('/local/templates/nebo_/fonts/DIN2014Narrow-Light/DIN2014Narrow-Light.eot'); src: url('/local/templates/nebo_/fonts/DIN2014Narrow-Light/DIN2014Narrow-Light.woff2') format('woff2'), url('/local/templates/nebo_/fonts/DIN2014Narrow-Light/DIN2014Narrow-Light.woff') format('woff'), url('/local/templates/nebo_/fonts/DIN2014Narrow-Light/DIN2014Narrow-Light.ttf') format('truetype'), url('/local/templates/nebo_/fonts/DIN2014Narrow-Light/DIN2014Narrow-Light.svg#DIN2014Narrow-Light') format('svg'), url('/local/templates/nebo_/fonts/DIN2014Narrow-Light/DIN2014Narrow-Light.eot?#iefix') format('embedded-opentype'); } /* End */ /* Start:/local/templates/nebo_/styles/documents.css?16904495343174*/ .documents, .documents * { box-sizing: border-box; } /* Main wrapper */ .documents { display: flex; width: 100%; height: 100vh; overflow: hidden; font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 10px; letter-spacing: 0.11px; } /* Left part */ .documents__main-wrapper { position: relative; z-index: 2; height: 100%; width: 40vw; padding: 20vh 4vw 4vh 5.5vw; background: #818f9c; color: #fff; } .documents__main { position: relative; height: 100%; overflow: auto; } .documents__main .breadcrumbs__wrapper { margin-bottom: 40px; } .documents__title { opacity: .8; font-family: "Asket Extended", Roboto, Arial, Helvetica, sans-serif; font-weight: 500; font-size: 2.5vw; letter-spacing: 1.4px; line-height: normal; text-transform: uppercase; margin-bottom: 80px; } .documents__description { opacity: .8; font-weight: 300; font-size: 1.6vw; line-height: 1.54; margin-bottom: 50px; } .documents__deadline-title { opacity: .8; text-transform: uppercase; font-weight: 500; font-size: 1.4em; margin-bottom: 10px; } .documents__deadline-value { opacity: .8; font-weight: 300; font-size: 1.4em; margin-bottom: 20px; } /* Right part */ .documents__list-wrapper { position: relative; z-index: 2; height: 100%; width: 60vw; padding: 18vh 0 0; } .documents__list { position: relative; height: 100%; overflow: auto; } .documents__item { display: flex; align-items: center; justify-content: space-between; font-size: 1.8em; color: #717171; padding: 20px 6%; cursor: pointer; text-decoration: none; transition: all .1s linear; } .documents__item:nth-of-type(odd) { background-color: #dedee0; } .documents__item-name { flex: 1; font-weight: bold; text-transform: uppercase; } .documents__item-date { margin-left: 60px; } .documents__item-file { display: flex; flex-direction: column; align-items: center; width: 50px; margin-left: 60px; font-size: 10px; } .documents__item-file::before { content: ''; position: relative; display: block; width: 24px; height: 30px; margin-bottom: 10px; background: url('/local/templates/nebo_/styles/../images/icons/download.svg') center 100% no-repeat; } /* HOVER effect */ .documents__item:hover { background-color: #818f9c; color: #fff; } .documents__item:hover .documents__item-file::before { background-image: url('/local/templates/nebo_/styles/../images/icons/download--light.svg'); } @media screen and (max-width: 1279px) and (orientation: portrait) { .documents { display: block; height: auto; overflow: visible; font-size: 5px; } .documents__main-wrapper { width: auto; height: auto; padding-top: 200px; } .documents__main { height: auto; } .documents__title { margin-bottom: 30px; font-size: 4.8em; } .documents__description { margin-bottom: 30px; font-size: 3em; } .documents__deadline-title { font-size: 2.8em; } .documents__deadline-value { font-size: 2.8em; } .documents__list-wrapper { width: auto; height: auto; padding: 0; } .documents__list { height: auto; } .documents__item { font-size: 2.8em; } } /* End */ /* Start:/local/templates/nebo_/styles/main.css?1690449534295708*/ /*! 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: 0.67em 0; } hr { -webkit-box-sizing: content-box; 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; -webkit-text-decoration: underline dotted; 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 { -webkit-box-sizing: border-box; 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"] { -webkit-box-sizing: border-box; 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; } body,html { margin: 0; padding: 0; } html { height: 100%; background: #ffffff; } body { opacity: 1; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; min-height: 100vh; } body.preload { opacity: 0; overflow: hidden; } h1,h2,h3,h4,h5,h6 { font-weight: normal; } a,button,input { color: inherit; outline: none; -webkit-tap-highlight-color: transparent; } * { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-tap-highlight-color: transparent; } .clearfix::after,.slider__controls::after { content: ""; display: table; clear: both; } .btn_back,.btn-back__text,.info-apartment__finish { font-size: .729vw; letter-spacing: .119vw; line-height: 1.57; text-transform: uppercase; opacity: 0.7; font-weight: 500; color: #4b4442; } .btn__text { font-family: Roboto,Arial,Helvetica,sans-serif; font-size: .781vw; letter-spacing: .13vw; line-height: 5.214vh; text-transform: uppercase; color: #fff; } .btn_dark .btn__text,.details__plan { color: #4e4e4e; } .check-input__label,.selection-toggle__text { font-family: Roboto,Arial,Helvetica,sans-serif; font-size: .937vw; letter-spacing: normal; line-height: normal; opacity: 0.6; color: #fff; } .construction-modal__title-container { font-family: "Asket Extended",Arial,Helvetica,sans-serif; font-size: 1.875vw; letter-spacing: normal; line-height: 1.5; text-transform: uppercase; opacity: 0.8; font-weight: bold; color: #fff; } .construction-img__name { font-family: "Asket Extended",Arial,Helvetica,sans-serif; font-size: 1.875vw; letter-spacing: normal; line-height: 1.5; text-transform: uppercase; opacity: 0.8; font-weight: bold; color: #fff; } .construction__about-text { font-family: Roboto,Arial,Helvetica,sans-serif; font-size: 1.458vw; letter-spacing: .005vw; line-height: 1.54; opacity: 0.81; font-weight: 300; color: #212121; } .conditions__title,.construction__about-title { font-family: "Asket Extended",Arial,Helvetica,sans-serif; font-size: 2.187vw; letter-spacing: .135vw; line-height: 1.6; text-transform: uppercase; font-weight: 500; color: #4b4442; } .construction__year-text { font-family: Roboto,Arial,Helvetica,sans-serif; font-size: 1.875vw; letter-spacing: .062vw; line-height: 1.2; opacity: 0.3; color: #4b4442; } .contacts__link,.contacts__item-text,.infrastructure__about-text,.infrastructure__about-item-text { font-size: 1.25vw; letter-spacing: .083vw; line-height: 1.625; color: #fff; } .selection-towers__coming-soon,.contacts__item-title,.infrastructure__about-item-title { font-size: .729vw; letter-spacing: .104vw; line-height: 1; text-transform: uppercase; color: #fff; } .map__link { font-size: 1.666vw; letter-spacing: .239vw; line-height: 1; text-transform: uppercase; color: #fff; } .footer__text { font-size: .729vw; letter-spacing: .046vw; line-height: 1.29; font-weight: 300; color: #fff; } .footer__text--no-logo { margin-left: auto; } .custom-page { font-family: Roboto,Arial,Helvetica,sans-serif; font-size: .937vw; letter-spacing: normal; line-height: 1; color: #000; } .details__location-title { font-size: .781vw; letter-spacing: .104vw; line-height: 1.57; text-transform: uppercase; color: #4b4442; } .dropdown__item { font-size: .833vw; letter-spacing: .036vw; line-height: normal; color: #fff; } .filters__clear { font-size: .937vw; letter-spacing: .057vw; line-height: 1; color: #68707a; } .selection__left-text { font-family: Roboto,Arial,Helvetica,sans-serif; font-size: 23px; letter-spacing: 2px; line-height: 1; text-transform: uppercase; font-weight: bold; color: #4b4442; } .filters__elem-title,.filters__elem-subtitle,.filters__elem-block-num,.slider__line-text,.slider__line-signature { font-family: Roboto,Arial,Helvetica,sans-serif; font-size: .729vw; letter-spacing: -.016vw; line-height: 1; text-transform: uppercase; color: #000; } .selection-pointer__value { font-size: 3.333vw; letter-spacing: -.157vw; line-height: 69px; color: #4b4442; } .selection-pointer__value-text { font-size: .729vw; letter-spacing: .052vw; line-height: 1.57; } .floor-pointer__detail-meters { font-family: Roboto,Arial,Helvetica,sans-serif; font-size: 1.458vw; letter-spacing: -.068vw; line-height: 1; color: #736b68; } .floor-pointer__detail-meters span { font-family: Roboto,Arial,Helvetica,sans-serif; font-size: 2.291vw; letter-spacing: -.11vw; line-height: 1; font-weight: 500; color: #4b4442; } .floor__about-state-text { font-family: Roboto,Arial,Helvetica,sans-serif; font-size: .677vw; letter-spacing: .114vw; line-height: 1.2; text-transform: uppercase; font-weight: 500; color: #4b4442; } .footer__link { font-family: "Asket Extended",Arial,Helvetica,sans-serif; font-size: .572vw; letter-spacing: .041vw; line-height: 3.83; text-transform: uppercase; color: #fff; } .gallery-tab__text { font-size: 1.041vw; letter-spacing: .13vw; line-height: 2.35; text-transform: uppercase; color: #fff; } .custom-header__item { font-size: 1.166vw; letter-spacing: normal; line-height: 2.56; text-transform: uppercase; font-weight: bold; color: #fff; } .index-block,.gallery-carousel__item-text { font-size: 1.458vw; color: #fff; } .index-block_white { color: #000; } .index-block__location-text { font-size: 1.145vw; letter-spacing: .052vw; } .index-block__index { font-family: "Asket Extended",Arial,Helvetica,sans-serif; font-size: 1.822vw; opacity: 0.8; font-weight: 300; } .index-block__main-title { font-family: "Asket Extended",Arial,Helvetica,sans-serif; font-size: 4.166vw; letter-spacing: .359vw; font-weight: 500; } .index-block__subtitle { font-size: .833vw; letter-spacing: .208vw; text-transform: uppercase; } .index-block__text,.gallery-carousel__item-text { letter-spacing: .005vw; line-height: 1.54; opacity: 0.8; } .index-block__title,.p-gallery__title { font-family: "Asket Extended",Arial,Helvetica,sans-serif; font-size: 2.187vw; letter-spacing: .135vw; line-height: 1.24; text-transform: uppercase; opacity: 0.7; font-weight: 500; color: #fff; } .index-block__link { font-family: "Asket Extended",Arial,Helvetica,sans-serif; font-size: .625vw; letter-spacing: .104vw; line-height: 1; text-transform: uppercase; color: rgba(255,255,255,0.81); } .news__title,.infrastructure__title,.finish__title,.news-list__title { font-family: "Asket Extended",Arial,Helvetica,sans-serif; font-size: 2.187vw; letter-spacing: .072vw; line-height: 1; text-transform: uppercase; font-weight: 500; color: #fff; } .infrastructure__tab-title { font-family: Roboto,Arial,Helvetica,sans-serif; font-size: 1.041vw; letter-spacing: .13vw; line-height: 1; text-transform: uppercase; font-weight: bold; color: #cecece; } .infrastructure__content-title { font-family: Roboto,Arial,Helvetica,sans-serif; font-size: 0.9vw; letter-spacing: .005vw; line-height: 1.4; opacity: 0.8; font-weight: 300; color: #fff; } .team__item-text,.infrastructure__content-subtitle { font-family: Roboto,Arial,Helvetica,sans-serif; font-size: 1.041vw; line-height: 1.2; opacity: 0.8; font-weight: 300; color: #fff; } .images-block__text { font-family: Roboto,Arial,Helvetica,sans-serif; font-size: .729vw; letter-spacing: .104vw; line-height: 1.2; text-transform: uppercase; font-weight: bold; color: #fff; } .input,.dropdown__item_active,.form__timing>* { font-family: Roboto,Arial,Helvetica,sans-serif; font-size: 1.406vw; letter-spacing: .057vw; line-height: normal; font-weight: 300; color: #fff; } .menu-modal__link { font-family: "Asket Extended",Arial,Helvetica,sans-serif; font-size: .625vw; letter-spacing: .041vw; line-height: 1.8; text-transform: uppercase; color: #fff; } .custom-menu__item-link,.menu-modal__item { font-family: "Asket Extended",Arial,Helvetica,sans-serif; font-size: 2.083vw; letter-spacing: .104vw; line-height: 1; text-transform: uppercase; color: #fff; } .more-info__item-text { font-size: .937vw; letter-spacing: .052vw; opacity: 0.5; } .custom-menu__subitem,.more-info__item-title { font-size: .781vw; letter-spacing: .13vw; text-transform: uppercase; opacity: 0.8; font-weight: 600; } .p-index__next-block-title { font-family: "Asket Extended",Arial,Helvetica,sans-serif; font-size: 1.093vw; letter-spacing: .104vw; line-height: 2.48; text-transform: uppercase; color: #fff; } .shares__left-text { font-family: "Asket Extended",Arial,Helvetica,sans-serif; font-size: 2.187vw; letter-spacing: .135vw; line-height: 1; text-transform: uppercase; font-weight: 500; color: #7f7f7f; } .shares__item-title { font-family: "Asket Extended",Arial,Helvetica,sans-serif; font-size: .729vw; letter-spacing: .104vw; line-height: 1.3; text-transform: uppercase; opacity: 0.8; font-weight: bold; color: #000; } .shares__item-date,.shares-detail__date { font-family: Roboto,Arial,Helvetica,sans-serif; font-size: .625vw; letter-spacing: .078vw; line-height: 1; text-transform: uppercase; font-weight: bold; color: #000; } .shares__item-text,.shares-detail__text { font-family: Roboto,Arial,Helvetica,sans-serif; font-size: .937vw; letter-spacing: 0; line-height: 1.4; opacity: 0.6; color: #000; } .shares__item-detail,.shares-detail__personal { font-family: Roboto,Arial,Helvetica,sans-serif; font-size: .625vw; letter-spacing: .104vw; line-height: 1; text-transform: uppercase; font-weight: bold; color: #43a4d8; } .shares-detail__title { font-family: "Asket Extended",Arial,Helvetica,sans-serif; font-size: .937vw; letter-spacing: .135vw; line-height: 1.3; text-transform: uppercase; opacity: 0.8; font-weight: bold; color: #000; } .shares-detail__overs-title { font-family: Roboto,Arial,Helvetica,sans-serif; font-size: .729vw; letter-spacing: .104vw; line-height: 1.3; opacity: 0.8; font-weight: bold; color: #000; } .shares-detail__overs-item-text { font-family: "Asket Extended",Arial,Helvetica,sans-serif; font-size: .729vw; letter-spacing: .104vw; line-height: 1.3; text-transform: uppercase; opacity: 0.8; font-weight: bold; color: #000; } .menu-modal__submenu-item { font-size: .781vw; letter-spacing: .13vw; line-height: 1; text-transform: uppercase; color: #fff; } .info-apartment__subtitle,.floor__about-tower { font-size: 1.145vw; letter-spacing: .046vw; line-height: 2.14; text-transform: uppercase; color: #4b4442; } .info-apartment__item-title { font-size: .729vw; letter-spacing: .046vw; line-height: 2.14; text-transform: uppercase; color: #4b4442; } .selection-catalog__cell { font-size: 1.041vw; letter-spacing: .041vw; text-transform: uppercase; color: #4b4442; } .selection-catalog__header .selection-catalog__cell,.selection-catalog__cell-title { font-size: .625vw; letter-spacing: .088vw; line-height: 1.303vh; font-weight: bold; color: #a6aeb8; } .selection-catalog__cell_tower { font-size: .729vw; letter-spacing: .104vw; font-weight: bold; color: #717171; } .selection-catalog__cell_rooms { font-size: 1.145vw; letter-spacing: .046vw; } .selection-catalog__cell_more { font-size: .625vw; letter-spacing: .104vw; color: #635e5d; } .selection-catalog__cell_finish { font-size: .729vw; letter-spacing: .052vw; font-weight: 500; } .selection-catalog__m2 { font-size: .625vw; letter-spacing: .088vw; opacity: 0.8; font-weight: bold; color: #a6aeb8; } .info-apartment__text { font-size: 1.25vw; letter-spacing: normal; line-height: 1; color: #4b4442; } .selection__title,.filters__title,.form__title,.contacts__title,.team__title,.p-404__title { font-family: "Asket Extended",Arial,Helvetica,sans-serif; font-size: 2.5vw; letter-spacing: .104vw; line-height: 1.44; text-transform: uppercase; color: #fff; } .info-apartment__title,.floor__about-level { font-family: "Asket Extended",Arial,Helvetica,sans-serif; font-size: 2.5vw; letter-spacing: .104vw; line-height: 1.44; text-transform: uppercase; font-weight: 500; color: #4b4442; } .selection-towers__item-name,.filters__item-text { font-family: "Asket Extended",Arial,Helvetica,sans-serif; font-size: .729vw; letter-spacing: .104vw; line-height: 1; text-transform: uppercase; font-weight: bold; color: #000; } .conditions__text,.conditions__text_small { font-size: 1.458vw; letter-spacing: normal; line-height: 1.54; opacity: 0.8; font-weight: 300; color: #fff; } .conditions__text_small { font-size: 1.041vw; line-height: 1.4; } .team__statistic-index { font-family: "Asket Extended",Arial,Helvetica,sans-serif; font-size: 3.229vw; letter-spacing: normal; line-height: 1; font-weight: 300; color: #fff; } .team__statistic-text { font-size: .625vw; letter-spacing: .104vw; line-height: 1.5; text-transform: uppercase; opacity: 0.5; font-weight: 500; color: #fff; } .team__item-title { font-size: .729vw; letter-spacing: .093vw; line-height: 1; text-transform: uppercase; font-weight: 500; color: #fff; } .selection-error__title { font-family: "Asket Extended",Arial,Helvetica,sans-serif; font-size: 1.77vw; letter-spacing: .072vw; line-height: 1; text-transform: uppercase; font-weight: normal; color: #4b4442; } .selection-error__subtitle { font-family: Roboto,Arial,Helvetica,sans-serif; font-size: 2.083vw; letter-spacing: .088vw; line-height: 1.3; opacity: 0.5; font-weight: normal; color: #4b4442; } .news-list__item-date { font-family: Roboto,Arial,Helvetica,sans-serif; font-size: .729vw; letter-spacing: .119vw; line-height: 1; opacity: 0.5; font-weight: normal; color: #fff; } .news-list__item-title { font-family: Roboto,Arial,Helvetica,sans-serif; font-size: 1.041vw; letter-spacing: .151vw; line-height: 1.3; text-transform: uppercase; font-weight: bold; color: #fff; } .news-list__item-text { font-family: Roboto,Arial,Helvetica,sans-serif; font-size: 1.041vw; letter-spacing: normal; line-height: 1.4; opacity: 0.8; font-weight: normal; color: #fff; } .news__date { font-family: Roboto,Arial,Helvetica,sans-serif; font-size: .729vw; letter-spacing: .015vw; line-height: 1; opacity: 0.5; font-weight: normal; color: #fff; } .news__text { font-family: Roboto,Arial,Helvetica,sans-serif; font-size: 1.154vw; letter-spacing: .005vw; line-height: 1.54; opacity: 0.8; font-weight: 300; color: #fff; } .infrastructure-pointer__text span { font-family: Roboto,Arial,Helvetica,sans-serif; font-size: .52vw; letter-spacing: .072vw; line-height: 1.4; text-transform: uppercase; opacity: 0; font-weight: bold; color: #fff; } .floor-pointer__detail-rooms,.floor-pointer__detail-finish { font-size: .625vw; letter-spacing: .119vw; line-height: 1.57; text-transform: uppercase; opacity: 0.7; font-weight: 500; color: #4b4442; } .bitrix-panel { position: absolute; left: 0; right: 0; } ._admin .bitrix-panel { position: static; } .template-engine { display: none; } .tingle-modal * { -webkit-box-sizing: border-box; box-sizing: border-box; } .tingle-modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; display: -webkit-box; display: -ms-flexbox; display: flex; visibility: hidden; -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; overflow: hidden; -webkit-overflow-scrolling: touch; background: rgba(0,0,0,0.8); opacity: 0; cursor: pointer; -webkit-transition: -webkit-transform .2s ease; transition: -webkit-transform .2s ease; transition: transform .2s ease; transition: transform .2s ease, -webkit-transform .2s ease; transition: transform .2s ease,-webkit-transform .2s ease; } .tingle-modal--noClose .tingle-modal__close,.tingle-modal__closeLabel { display: none; } .tingle-modal--confirm .tingle-modal-box { text-align: center; } .tingle-modal--noOverlayClose { cursor: default; } .tingle-modal__close { position: fixed; top: 10px; right: 28px; z-index: 1000; padding: 0; width: 5rem; height: 5rem; border: none; background-color: transparent; color: #f0f0f0; font-size: 6rem; font-family: monospace; line-height: 1; cursor: pointer; -webkit-transition: color .3s ease; transition: color .3s ease; } .tingle-modal__close:hover { color: #fff; } .tingle-modal-box { position: relative; -ms-flex-negative: 0; flex-shrink: 0; margin-top: auto; margin-bottom: auto; width: 60%; border-radius: 4px; background: #fff; opacity: 1; cursor: auto; -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275),-webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); -webkit-transform: scale(0.8); transform: scale(0.8); } .tingle-modal-box__content { padding: 3rem; } .tingle-modal-box__footer { padding: 1.5rem 2rem; width: auto; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: #f5f5f5; cursor: auto; } .tingle-modal-box__footer::after { display: table; clear: both; content: ""; } .tingle-modal-box__footer--sticky { position: fixed; bottom: -200px; z-index: 10001; opacity: 1; -webkit-transition: bottom .3s ease-in-out .3s; transition: bottom .3s ease-in-out .3s; } .tingle-enabled { position: fixed; overflow: hidden; left: 0; right: 0; } .tingle-modal--visible .tingle-modal-box__footer { bottom: 0; } .tingle-enabled .tingle-content-wrapper { -webkit-filter: blur(8px); filter: blur(8px); } .tingle-modal--visible { visibility: visible; opacity: 1; } .tingle-modal--visible .tingle-modal-box { -webkit-transform: scale(1); transform: scale(1); } .tingle-modal--overflow { overflow-y: scroll; padding-top: 8vh; } .tingle-btn { display: inline-block; margin: 0 .5rem; padding: 1rem 2rem; border: none; background-color: grey; -webkit-box-shadow: none; box-shadow: none; color: #fff; vertical-align: middle; text-decoration: none; font-size: inherit; font-family: inherit; line-height: normal; cursor: pointer; -webkit-transition: background-color .4s ease; transition: background-color .4s ease; } .tingle-btn--primary { background-color: #3498db; } .tingle-btn--danger { background-color: #e74c3c; } .tingle-btn--default { background-color: #34495e; } .tingle-btn--pull-left { float: left; } .tingle-btn--pull-right { float: right; } .tingle-modal { display: block; text-align: center; opacity: 0; -webkit-transition: opacity .2s; transition: opacity .2s; visibility: visible; pointer-events: none; top: 0 !important; z-index: 1000; } .tingle-modal--under-header { z-index: 499; } .tingle-modal--overflow { padding-top: 0; overflow-y: auto; } .tingle-modal--visible { pointer-events: all; opacity: 1; } .tingle-modal::before,.tingle-modal::after { content: ""; display: inline-block; height: 100%; vertical-align: middle; display: none; } .tingle-modal-box { display: inline-block; vertical-align: middle; background: none; width: auto; -webkit-transition: -webkit-transform 0.6s ease-out; transition: -webkit-transform 0.6s ease-out; transition: transform 0.6s ease-out; transition: transform 0.6s ease-out, -webkit-transform 0.6s ease-out; -webkit-transform: translate(0, -100%); transform: translate(0, -100%); } .tingle-modal-box__content { padding: 0; } .modal { position: relative; display: block; background: #ffffff; margin: auto; -webkit-box-sizing: border-box; box-sizing: border-box; } #menu-burger { display: none; } .custom-page { min-height: 100vh; position: relative; height: 100%; -webkit-font-smoothing: antialiased; } ._hidden .custom-page { overflow: hidden; } .custom-modal { position: relative; padding: 24px; width: 100vw; height: 100vh; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; background-color: #a6aeb8; } .custom-modal_iframe-modal { padding: 0; } .custom-modal__content { height: 100%; } .custom-modal__close-btn { position: absolute; right: 2.604vw; top: 5.586vh; width: 3.437vw; height: 3.437vw; cursor: pointer; border: .052vw solid #fff; border-radius: 50%; opacity: 0.5; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .custom-modal__close-btn::before,.custom-modal__close-btn::after { position: absolute; top: 50%; left: 25%; content: ""; display: block; width: 1.562vw; height: .186vh; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; background: #fff; } .custom-modal__close-btn::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .custom-modal__close-btn::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .custom-modal_menu-modal .custom-modal__close-btn { right: calc(50% - 30px); top: 3.724vh; width: 1.562vw; height: 1.562vw; } .custom-modal_construction-modal .custom-modal__close-btn { top: 4.655vh; right: 3.125vw; z-index: 101; } .custom-modal__close-btn:hover { opacity: 1; } .custom-modal_construction-modal { padding: 0; background-color: #3c3c3c; } .header__burger { position: relative; z-index: 2; display: none; cursor: pointer; z-index: 2; display: block; } .header__burger>* { display: block; height: 3px; margin: 0 0 3px; } .header__wrapper { top: 0; bottom: 100%; left: 0; right: 0; position: absolute; z-index: 1; overflow: hidden; -webkit-transition: bottom 0.01s ease-out .4s; transition: bottom 0.01s ease-out .4s; } /* .ios.iphone.landscape .penthouse .header__wrapper { position: fixed; top: 50px; } */ #menu-burger:checked ~ * .header__wrapper { bottom: 0; -webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; overflow-y: auto; } .header__content { position: absolute; z-index: 1; left: 0; right: 0; top: 0; -webkit-transition: -webkit-transform .4s; transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s; -webkit-transform: translateY(-100%); transform: translateY(-100%); } #menu-burger:checked ~ * .header__content { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .custom-header__logo,.custom-header__burger,.custom-header__items { position: absolute; margin: 1.822vw 2.604vw; } ._admin .custom-header { display: none !important; } ._noheader .custom-header { display: none !important; } .custom-header__logo { z-index: 503; left: .52vw; width: 10.052vw; height: 9.683vh; margin: 1.822vw 2.604vw; } ._dark-bg .custom-header__logo path { fill: #fff; } ._conditions .custom-header__logo path { fill: #fff; } ._shares .custom-header__logo path { fill: #42A5D7; } ._brown .custom-header__logo path { fill: #4b4442; } .__penthouse-selection .custom-header__item { color: #415364; } ._contacts .custom-header__logo path { fill: #fff; } ._white .custom-header__logo path { fill: #fff; } ._white-blue .custom-header__logo path { fill: #fff; } ._gray .custom-header__logo path { fill: #979797 !important; } ._shares-blue .custom-header__logo path { fill: #42A5D7 !important; } ._small .custom-header__logo { top: 0; left: 0; width: 7.812vw; height: 4.687vw; } .__blue.__penthouse-selection .custom-header__logo path { fill: #003a5d !important; } .custom-header__burger { z-index: 501; left: 42%; display: inline-block; width: 2.083vw; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } .custom-header__burger>* { position: relative; height: 40px; margin: .325vh 0; } .custom-header__burger>* svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } ._conditions .custom-header__burger { color: #4b4442; } ._conditions .custom-header__burger>* svg path { fill: #fff; } ._brown .custom-header__burger { color: #4b4442; } ._brown .custom-header__burger>* svg path { fill: #4b4442; } ._gray .custom-header__burger { color: #979797; } ._gray .custom-header__burger>* svg path { fill: #979797; } ._shares .custom-header__burger>* svg path { fill: #468ebd; } ._blue .custom-header__burger>* svg path { fill: #468ebd; } ._dark-bg .custom-header__burger { color: #fff; } ._dark-bg .custom-header__burger>* svg path { fill: #fff; } ._shares-blue .custom-header__burger { color: #42A5D7; } ._shares-blue .custom-header__burger>* svg path { fill: #42A5D7; } ._nocenter .custom-header__burger { left: 31%; } ._menuCenter .custom-header__burger { left: 45%; } .custom-header__burger:hover { -webkit-transform: scaleY(1.3); transform: scaleY(1.3); } .custom-header__wrapper { display: inline-block; vertical-align: middle; z-index: 505; } .custom-header__content { height: 100vh; } .custom-header__items { z-index: 500; right: 0; width: 50vw; padding: 1.822vw 2.604vw; margin: auto; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; pointer-events: none; } ._norightheader .custom-header__items { display: none !important; } .custom-header__item { position: relative; display: inline-block; vertical-align: middle; text-decoration: none; margin: 0 .781vw; pointer-events: all; background: none; border: none; padding: 0; cursor: pointer; } ._conditions .custom-header__item { color: #4b4442; } ._white-blue .custom-header__item { color: #212941; } ._brown .custom-header__item { color: #4b4442; } ._gray .custom-header__item { color: #979797; } ._shares .custom-header__item { color: #42A5D7; } ._shares-blue .custom-header__item { color: #42A5D7; } .custom-header__item_link { border: 1px solid; padding: 0 1.562vw; border-radius: 50px; } .custom-menu { list-style: none; margin: 0; padding: 0; background: red; } .custom-menu a { text-decoration: none; } .custom-menu__item { display: block; text-decoration: none; margin: 2em 0; display: block; margin: auto; } .custom-menu__item-link { display: inline-block; margin: 0 1em; margin: 1em auto; text-align: center; } .custom-menu__submenu { display: inline-block; padding: 0; } .custom-menu__subitem { margin: 0 0.5em; color: #fff; } .logo,.logo svg { width: 100%; height: 100%; } .logo path { fill: #fff; } .logo_white path,#menu-burger:checked ~ * .custom-header .logo path { fill: #fff; } .footer { position: absolute; z-index: 500; top: auto; left: auto; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 91.766vw; /*max-width: 35vw;*/ margin: 1.822vw 1.041vw 1.822vw 7.193vw; } .footer--custom { width: 93.334vw; margin: 1.822vw 1.041vw 1.822vw 5.625vw; } .footer-left { position: absolute; z-index: 500; top: auto; left: auto; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; box-sizing: border-box; padding: 1.822vw 5.572vw; } .infrastructure .footer { width: 35vw; max-width: 35vw; margin: 1.822vw 1.041vw; } ._admin .footer,._selection_list .footer,._nofooter .footer { display: none !important; } ._selection .footer { width: auto; } .footer>* { display: inline-block; vertical-align: middle; } .footer__link { text-decoration: none; text-shadow: 2px 3px 2px #000; } ._selection .footer__link { display: none; } ._brown .footer__link { color: #4b4442; } ._white-blue .footer__link { color: #212941; } ._shares-blue .footer__link { color: #42A5D7; } ._gray .footer__link { color: #979797; } ._black .footer__link { color: rgba(0,0,0,0.5); } ._opacityWhite .footer__link { color: rgba(255,255,255,0.5); } ._brown .footer__text { color: #4b4442; } ._shares-blue .footer__text { color: #42A5D7; } ._white-blue .footer__text { color: #212941; } ._gray .footer__text { color: #979797; } ._black .footer__text { color: rgba(0,0,0,0.5); } ._opacityWhite .footer__text { color: rgba(255,255,255,0.5); } .footer__logo-block { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-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; width: 175px; max-height: 23px; } .footer__logo-block img { width: 100%; height: 100%; } ._selection .footer__logo-block { display: none; } ._brown .footer__logo-block svg path { fill: #4b4442; } ._white-blue .footer__logo-block svg path { fill: #212941; } ._gray .footer__logo-block path { fill: #979797; } ._shares-blue .footer__logo-block path { fill: #42A5D7; } .is-desktop { position: absolute; left: -9999px; top: -9999px; } .arrow-pagination__arrow { background: url("/local/templates/nebo_/styles/../images/icons/arrow_2x.png") no-repeat center/contain; width: 1.666vw; height: 1.396vh; margin: 2.048vh 0 0; cursor: pointer; -webkit-filter: drop-shadow(0px 2.5px 1px #000); filter: drop-shadow(0px 2.5px 1px #000); } .arrow-pagination__arrow_next { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .input { display: block; width: 27.708vw; padding: 1.489vh 0; margin-bottom: 3.165vh; background-color: rgba(255,255,255,0); outline: none; border: none; border-radius: 0; border-bottom: .093vh solid rgba(255,255,255,0.6); } .input_error { border-color: rgba(255,0,0,0.6); } .input::-webkit-input-placeholder { color: #fff; } .input:-ms-input-placeholder { color: #fff; } .input::-ms-input-placeholder { color: #fff; } .input::placeholder { color: #fff; } .input_error:placeholder { color: #d15156; } .input:-webkit-autofill { -webkit-box-shadow: 0 0 0 50px #a6aeb8 inset; -webkit-text-fill-color: #fff !important; } .btn { position: relative; display: inline-block; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-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; padding: 0; vertical-align: middle; text-decoration: none; height: 5.214vh; min-height: 38px; background-color: transparent; border: none; cursor: pointer; } .btn:hover:before { opacity: 1; } .btn::before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; display: block; border-radius: 5.208vw; border: 3px solid; border-color: #fff; opacity: 0.2; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .btn_dark:before { border-color: #979797; opacity: 0.5; } .btn_back:before { top: calc(50% - vh(5px)); width: 3.02vw; height: .931vh; background-color: red; } .btn__text,.btn__icon { display: inline-block; vertical-align: middle; } .btn__bg { position: relative; padding: 0 1.848vw; 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; } .btn__text { line-height: 1 !important; min-width: 2.343vw; text-align: left; font-weight: bold; } .btn__icon { height: 1.303vh; width: 1.718vw; margin: auto 0 auto 1.875vw; } .btn__icon svg { width: 100%; height: 100%; display: block; } .btn__icon path { stroke: #fff; } .btn_dark .btn__icon path { stroke: #4e4e4e; } .btn_back .btn__icon { display: none; } .btn_filters { vertical-align: middle; } .btn_back { position: absolute; left: 5%; top: 18.621vh; padding-left: 1.562vw; opacity: 0.7; border: none; } .btn_contacts { color: #fff; } .check-input { display: block; margin-top: 5.121vh; cursor: pointer; } .check-input__input { display: none; } .check-input__checkbox { position: relative; display: inline-block; vertical-align: middle; width: 1.041vw; height: 1.041vw; border: .052vw solid #e8e8e8; -webkit-box-sizing: border-box; box-sizing: border-box; } .check-input__checkbox:after { content: ''; clear: both; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; width: .52vw; height: .52vw; margin: auto; background: #fff; opacity: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .check-input__input:checked ~ .check-input__checkbox:after { opacity: 1; } .check-input_error .check-input__checkbox { border-color: rgba(255,0,0,0.4); } .check-input__label { display: inline-block; vertical-align: middle; margin-left: .677vw; } .check-input_error .check-input__label { color: red; } .dropdown { position: relative; width: auto; } .dropdown__input { display: none; } .dropdown__content { position: absolute; display: block; padding: 0; width: 100%; height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: height 0.3s; transition: height 0.3s; z-index: 10; background: #9aa6b5; } .dropdown__input:checked ~ .dropdown__content { height: calc(18.993vh - 1px); } .dropdown__list { position: relative; display: block; margin: .186vh 0; padding: 0; text-align: center; } .dropdown__item { position: relative; display: block; padding: 0; cursor: pointer; text-align: center; } .dropdown__item::before,.dropdown__item::after { content: ''; display: inline-block; clear: both; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 1.041vw; height: 1px; margin: auto; background: #fff; vertical-align: middle; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; } .dropdown__item::before { right: auto; } .dropdown__item::after { left: auto; } .dropdown__item:hover::before,.dropdown__item:hover::after { opacity: 1; } .dropdown__item_active { padding: 0; border-bottom: .093vh solid; -webkit-transition: border .3s, background .3s; transition: border .3s, background .3s; } .dropdown__item_active:before,.dropdown__item_active:after { display: none; } .dropdown__input:checked ~ .dropdown__item_active { background: #9aa6b5; border-bottom: .093vh solid #9aa6b5; } .btn-call { display: none; } ._norightheader .btn-call { display: none !important; } .btn-back { position: absolute; top: 20.204vh; left: 5.677vw; font-size: 0; text-decoration: none; } .btn-back>* { display: inline-block; vertical-align: middle; } .btn-back__icon { width: 3.125vw; height: 1.21vh; background: url("/local/templates/nebo_/styles/../images/arrow/prev-brown.svg") no-repeat center/100%; margin-right: .598vw; } .btn-back_white .btn-back__icon { background-image: url("/local/templates/nebo_/styles/../images/arrow/prev.svg"); } .btn-back_white .btn-back__text { color: #ffffff; } .btn-back_apartment { position: relative; top: auto; left: auto; display: block; } .before-after { position: relative; } .before-after__layer { position: absolute; top: 0; bottom: 0; margin: auto; height: 100%; width: 50%; overflow: hidden; } .before-after__layer:first-child { right: 0; direction: rtl; } .before-after__layer:last-child { left: 0; } .before-after__img-wrapper { position: relative; } .before-after__img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; max-width: 100%; max-height: 100%; margin: auto; } .before-after__line { position: absolute; left: 50%; top: 0; bottom: 0; display: block; height: 100%; margin: auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 10; } .before-after_single .before-after__line { display: none; } .before-after__line::before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; width: 1px; margin: auto; background-color: #7a7a7a; } .before-after__drag { position: absolute; top: 0; bottom: 0; left: -50px; right: -50px; display: block; width: .729vw; height: 4.841vh; margin: auto; background-color: #262626; cursor: pointer; } .before-after__drag::before,.before-after__drag::after { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .before-after__drag-lines { display: inline-block; vertical-align: middle; width: .26vw; margin: auto; } .before-after__drag-lines p { height: 2px; margin: 3px 0; background: #ffffff; } .mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; } .mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox { position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container { overflow: hidden; width: auto; height: auto; } .mCSB_inside>.mCSB_container { margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; } .mCS-dir-rtl>.mCSB_inside>.mCSB_container { margin-right: 0; margin-left: 30px; } .mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; } .mCSB_scrollTools { position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside+.mCSB_scrollTools { right: -26px; } .mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools { right: auto; left: 0; } .mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools { left: -26px; } .mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a+.mCSB_draggerContainer { margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { position: relative; width: 4px; height: 100%; margin: 0 auto; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px; } .mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown { bottom: 0; } .mCSB_horizontal.mCSB_inside>.mCSB_container { margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside>.mCSB_container { min-height: 100%; } .mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer { margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0; } .mCSB_container_wrapper { position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper>.mCSB_container { padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px; } .mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0; } .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px; } .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 0; } .mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper { margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container { padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container { padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; margin-left: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } .mCSB_scrollTools,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight { -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail { -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox ~ .mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover ~ .mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox ~ .mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight { background-image: url(/local/templates/nebo_/styles/mCSB_buttons.png); background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0; } .mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px; } .mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; } .mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; } .mCSB_scrollTools .mCSB_buttonUp:hover,.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active,.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active { opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -56px; } .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,0.1); border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.75); border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -56px; } .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -56px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,0.1); border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.75); border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -56px; } .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto; } .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger { height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 16px; height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 4px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 16px; width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 4px; margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -128px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -128px; } .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail { width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -128px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -128px; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-y; background-image: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0.5)), to(rgba(255,255,255,0))); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-x; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.5)), to(rgba(255,255,255,0))); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 70px; } .mCS-3d.mCSB_scrollTools,.mCS-3d-dark.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); -webkit-box-shadow: inset 1px 0 1px rgba(0,0,0,0.5),inset -1px 0 1px rgba(255,255,255,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5),inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 8px; margin: 4px 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.5),inset 0 -1px 1px rgba(255,255,255,0.2); box-shadow: inset 0 1px 1px rgba(0,0,0,0.5),inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } .mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { border-radius: 5px; } .mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical { right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical,.mCS-3d-thick-dark.mCSB_scrollTools_vertical { -webkit-box-shadow: inset 1px 0 1px rgba(0,0,0,0.1),inset 0 0 14px rgba(0,0,0,0.5); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1),inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal { bottom: 1px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1),inset 0 0 14px rgba(0,0,0,0.5); box-shadow: inset 0 1px 1px rgba(0,0,0,0.1),inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { background-color: #000; background-color: rgba(0,0,0,0.05); -webkit-box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } .mCS-3d-thick-dark.mCSB_scrollTools { -webkit-box-shadow: inset 0 0 14px rgba(0,0,0,0.2); box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1),inset 0 0 14px rgba(0,0,0,0.2); box-shadow: inset 0 1px 1px rgba(0,0,0,0.1),inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,0.4),inset -1px 0 0 rgba(0,0,0,0.2); box-shadow: inset 1px 0 0 rgba(255,255,255,0.4),inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4),inset 0 -1px 0 rgba(0,0,0,0.2); box-shadow: inset 0 1px 0 rgba(255,255,255,0.4),inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { background-color: #fff; background-color: rgba(0,0,0,0.05); -webkit-box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical { right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0; margin: 0 12px; } .mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical { left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } .mCS-inset.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { border-color: #000; border-color: rgba(0,0,0,0.2); } .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,0.9); } .custom-scroll .mCSB_inside>.mCSB_container { margin: 0; } .custom-scroll .mCSB_scrollTools { opacity: 0.25; width: 2px; } .custom-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.custom-scroll .mCSB_scrollTools .mCSB_draggerRail { width: 100%; border-radius: 0; } .custom-scroll .mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.custom-scroll .mCustomScrollbar>.mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,.custom-scroll .mCustomScrollBox:hover>.mCSB_scrollTools,.custom-scroll .mCustomScrollBox:hover ~ .mCSB_scrollTools,.custom-scroll .mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.custom-scroll .mCS-autoHide:hover>.mCustomScrollBox ~ .mCSB_scrollTools { opacity: 0.5; filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } .index-block { width: 33.687vw; height: 57.169vh; padding-right: 1.927vw; margin: auto; } .p-index__item_main .index-block { color: #cddbe7; } .index-block__main-title { margin: 2.327vh 0; text-indent: -.365vw; } .index-block__title { margin: 1.862vh 0; cursor: default; } .index-block__text { margin: 5.121vh 0; } .index-block_white .index-block__text { opacity: 0.5; } .p-index__item_main .index-block__text { opacity: initial; } .index-block__text>* { margin: 0 0 10px; } .index-block__buttons { margin: 7.076vh 0; } .index-block__buttons>* { margin: 0 1.145vw; } .index-block__buttons>*:first-child { margin-left: 0; } .index-block__buttons>*:last-child { margin-right: 0; } .index-block__location { display: block; font-size: 0; margin: 5.214vh 0 6.517vh; } .index-block__location>* { display: inline-block; vertical-align: middle; } .index-block__location-icon { width: 1.354vw; height: 3.631vh; margin-right: .989vw; background: url("/local/templates/nebo_/styles/../images/index-block/map-marker.svg") no-repeat center; background-size: contain; } .index-block__location-text { text-decoration: none; } .index-block__link { position: relative; display: inline-block; vertical-align: middle; text-decoration: none; border-bottom: 1px solid; margin-right: 1.666vw; -webkit-transition: color 0.5s !important; transition: color 0.5s !important; } .index-block__link:hover { color: #fff; } .more-info { position: relative; margin: 4.655vh 0 0; padding: 3.351vh 0 0; position: absolute; bottom: -10.243vh; } .more-info::before { content: ''; position: absolute; left: 0; right: 0; top: 0; display: block; border-top: .186vh solid; opacity: 0.3; } .more-info__item { display: inline-block; vertical-align: top; min-width: 7.031vw; margin: 0 4.062vw 0 0; } .more-info__item-title { margin: 1.489vh 0; opacity: initial; } .more-info__item-text { opacity: initial; } .selection-pointer { -webkit-transition: top 0.1s; transition: top 0.1s; opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); } .selection-pointer_show { -webkit-transition: top 0.2s, -webkit-transform 0.4s ease-out; transition: top 0.2s, -webkit-transform 0.4s ease-out; transition: transform 0.4s ease-out, top 0.2s; transition: transform 0.4s ease-out, top 0.2s, -webkit-transform 0.4s ease-out; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .selection-pointer_hide { -webkit-transition: opacity 0s ease-out 0.8s; transition: opacity 0s ease-out 0.8s; -webkit-transform: translateY(0); transform: translateY(0); } .selection-pointer_immediate,.selection-pointer_immediate * { -webkit-transition: none !important; transition: none !important; } .selection-pointer__line { height: .093vh; background-color: #4b4442; opacity: 0.4; margin: auto; width: 13.854vw; -webkit-transition: width 0.3s ease-out 0.12s; transition: width 0.3s ease-out 0.12s; } .selection-pointer_show .selection-pointer__line { width: 100%; } .selection-pointer_hide .selection-pointer__line { -webkit-transition-delay: 0s; transition-delay: 0s; } .selection-pointer__indicator { width: 13.854vw; height: 2.141vh; margin: auto; background-color: rgba(167,136,126,0.7); border: 1px solid #979797; mix-blend-mode: multiply; cursor: pointer; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scaleY(0); transform: scaleY(0); } .selection-pointer_show .selection-pointer__indicator { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; } .selection-pointer_hide .selection-pointer__indicator { -webkit-transition-delay: 0s; transition-delay: 0s; } .selection-pointer__value { position: absolute; bottom: 0; padding: 0 0 1.489vh; overflow: hidden; } .selection-pointer__value>* { display: inline-block; vertical-align: baseline; } .selection-pointer__value_flats { left: 0; } .selection-pointer__value_flats::after { content: ''; position: absolute; left: 0; bottom: 0; width: 1.1em; border-bottom: .465vh solid; } .selection-pointer__value_flats::after { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transition: -webkit-transform 0.3s ease-out 0.24s; transition: -webkit-transform 0.3s ease-out 0.24s; transition: transform 0.3s ease-out 0.24s; transition: transform 0.3s ease-out 0.24s, -webkit-transform 0.3s ease-out 0.24s; } .selection-pointer_show .selection-pointer__value_flats::after { -webkit-transform: scaleY(1); transform: scaleY(1); } .selection-pointer_hide .selection-pointer__value_flats::after { -webkit-transition-delay: 0s; transition-delay: 0s; } .selection-pointer__value_floor { right: 0; } .selection-pointer__value-text { text-transform: uppercase; text-align: left; opacity: 0.7; -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0; -webkit-transition: opacity 0.26s ease-out 0.4s,-webkit-transform 0.52s cubic-bezier(0.21, 1.11, 0.23, 1.12) 0.4s; transition: opacity 0.26s ease-out 0.4s,-webkit-transform 0.52s cubic-bezier(0.21, 1.11, 0.23, 1.12) 0.4s; transition: transform 0.52s cubic-bezier(0.21, 1.11, 0.23, 1.12) 0.4s,opacity 0.26s ease-out 0.4s; transition: transform 0.52s cubic-bezier(0.21, 1.11, 0.23, 1.12) 0.4s,opacity 0.26s ease-out 0.4s,-webkit-transform 0.52s cubic-bezier(0.21, 1.11, 0.23, 1.12) 0.4s; } .selection-pointer_show .selection-pointer__value-text { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .selection-pointer_hide .selection-pointer__value-text { -webkit-transition-delay: 0s !important; transition-delay: 0s !important; } .selection-pointer_show .selection-pointer__value_floor .selection-pointer__value-text { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .selection-pointer__value-val { -webkit-transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out; transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out; transition: opacity 0.2s ease-out, transform 0.2s ease-out; transition: opacity 0.2s ease-out, transform 0.2s ease-out, -webkit-transform 0.2s ease-out; } .selection-pointer__value-val_hide { opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8); } .selection-pointer__value-num { width: 1.1em; text-align: center; text-indent: -0.09em; -webkit-transform: translateY(125%); transform: translateY(125%); -webkit-transition: -webkit-transform 0.52s cubic-bezier(0.21, 1.11, 0.23, 1.12) 0.28s; transition: -webkit-transform 0.52s cubic-bezier(0.21, 1.11, 0.23, 1.12) 0.28s; transition: transform 0.52s cubic-bezier(0.21, 1.11, 0.23, 1.12) 0.28s; transition: transform 0.52s cubic-bezier(0.21, 1.11, 0.23, 1.12) 0.28s, -webkit-transform 0.52s cubic-bezier(0.21, 1.11, 0.23, 1.12) 0.28s; } .selection-pointer__value-num_hide { opacity: 0; } .selection-pointer_show .selection-pointer__value-num { -webkit-transform: translateY(0); transform: translateY(0); } .selection-pointer_hide .selection-pointer__value-num { -webkit-transition-delay: 0s !important; transition-delay: 0s !important; -webkit-transform: translateY(-125%); transform: translateY(-125%); } .selection-pointer_show .selection-pointer__value_floor .selection-pointer__value-num { -webkit-transition-delay: 0.48s; transition-delay: 0.48s; } .selection-towers { text-align: center; background-color: #ded5d0; } .selection-towers_immediate * { -webkit-animation-delay: 0s !important; animation-delay: 0s !important; -webkit-animation-duration: 0s !important; animation-duration: 0s !important; -webkit-transition-delay: 0s !important; transition-delay: 0s !important; -webkit-transition-duration: 0s !important; transition-duration: 0s !important; } .selection-towers__item { position: absolute; left: 50%; display: inline-block; margin: 0 1.041vw; text-align: left; -webkit-transition: left,-webkit-transform 0.5s; transition: left,-webkit-transform 0.5s; transition: transform 0.5s,left; transition: transform 0.5s,left,-webkit-transform 0.5s; -webkit-transition-duration: .8s; transition-duration: .8s; } .selection-towers__item_prev-prev { left: -50%; } .selection-towers__item_prev { -webkit-transform: translateX(-50%) translateX(-222px); transform: translateX(-50%) translateX(-222px); } .selection-towers_expanded .selection-towers__item_prev { -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 0; } .selection-towers__item_center { -webkit-transform: translateX(-50%); transform: translateX(-50%); } .selection-towers__item_next { -webkit-transform: translateX(-50%) translateX(222px); transform: translateX(-50%) translateX(222px); } .selection-towers_expanded .selection-towers__item_next { -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 100%; } .selection-towers__item_next-next { left: 150%; } .selection-towers__item-name { position: relative; z-index: 1; width: 10vw; margin: 2.793vh auto; } .selection-towers__item-name::after { content: '-'; visibility: hidden; } .selection-towers__item-text { position: absolute; float: left; bottom: 0; left: 0; color: rgba(0,0,0,0.5); font-size: 3em; -webkit-transform: scale(0.33); transform: scale(0.33); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transition: left,opacity,color,-webkit-transform; transition: left,opacity,color,-webkit-transform; transition: transform,left,opacity,color; transition: transform,left,opacity,color,-webkit-transform; -webkit-transition-duration: .8s; transition-duration: .8s; } .selection-towers_expanded .selection-towers__item_prev .selection-towers__item-text { left: 100%; -webkit-transform: translate(24px, 110px) scale(0.33); transform: translate(24px, 110px) scale(0.33); } .selection-towers_expanded .selection-towers__item_center .selection-towers__item-text { color: #4b4442; -webkit-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); left: 50%; } .selection-towers_expanded .selection-towers__item_next .selection-towers__item-text { -webkit-transform: translate(-24px, 110px) scale(0.33) translateX(-100%); transform: translate(-24px, 110px) scale(0.33) translateX(-100%); } .selection-towers__item-build { position: relative; width: 13.854vw; padding-top: 3.258vh; margin-top: -3.259vh; -webkit-transform: scale(.7218045113); transform: scale(.7218045113); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition: -webkit-transform .8s ease-out; transition: -webkit-transform .8s ease-out; transition: transform .8s ease-out; transition: transform .8s ease-out, -webkit-transform .8s ease-out; overflow: hidden; opacity: 0.5; cursor: pointer; } .selection-towers__item_active .selection-towers__item-build { opacity: 1; } .selection-towers_expanded .selection-towers__item-build { -webkit-transform: translateY(60px) scale(.7218045113); transform: translateY(60px) scale(.7218045113); } .selection-towers_expanded .selection-towers__item_center .selection-towers__item-build { -webkit-transform: scale(1); transform: scale(1); } .selection-towers__item-build::before { content: ''; position: absolute; z-index: 1; top: 0; display: block; width: 100%; height: 3.258vh; background: -webkit-gradient(linear, left top, left bottom, from(#ded5d0), to(rgba(222,213,208,0))); background: linear-gradient(to bottom, #ded5d0 0%, rgba(222,213,208,0) 100%); } .selection-towers__item-build-img { opacity: 1; -webkit-transition: opacity .8s; transition: opacity .8s; } .selection-towers_expanded .selection-towers__item-build-img { opacity: 0.4; } .selection-towers__item_center .selection-towers__item-build-img { opacity: 1; } .selection-towers__item-build-img::after { content: ''; display: block; padding-bottom: 434.895833333%; background: url("/local/templates/nebo_/styles/../images/towers/house.png") no-repeat center/contain; } .selection-towers__pointer { position: absolute; left: -52.084vw; right: -52.084vw; top: 34.45vh; width: 35.937vw; margin: auto; display: none; } .selection-towers_expanded .selection-towers__item_center .selection-towers__pointer { display: block; } .selection-towers__scroll-placeholder { position: absolute; bottom: 0; left: 0; right: 0; height: 4.655vh; background: rgba(0,0,0,0); } .selection-towers:not(.selection-towers_expanded) .selection-towers__scroll-placeholder { display: none; } .selection-towers__scroll-placeholder_inactive { display: none; } .selection-towers__scroll-placeholder_top { bottom: auto; top: 0; height: 24.208vh; } .selection-towers__coming-soon { position: absolute; top: 6vh; bottom: 27.8195488722%; left: 0; right: 0; margin: auto; text-align: center; background: #4b4442; } .selection-towers__item_active .selection-towers__coming-soon { display: none; } .selection-error { width: 100%; height: 100%; text-align: left; background-color: #e7eaed; } .selection-error::before { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .selection-error__block { display: inline-block; vertical-align: middle; margin: 0 0 5.208vw 11.093vw; } .selection-error__title { margin-bottom: 2.916vw; } .selection-catalog { position: relative; background: #e8eeef; } .selection-catalog__view { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .selection-catalog_empty .selection-catalog__view { display: none; } .selection-catalog__header { padding-right: 17px; } .selection-catalog__list { overflow: auto; height: 100%; } .selection-catalog__row { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding: 0 2.291vw; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 9.683vh; white-space: nowrap; font-size: 0; text-decoration: none; } .selection-catalog__row_hide { display: none !important; } .selection-catalog__row_rejected { display: none !important; } .selection-catalog__row:nth-child(odd) { background: rgba(217,206,202,0.3); } .selection-catalog__header .selection-catalog__row { line-height: 5.027vh; padding: 1.862vh 2.291vw; white-space: normal; background: none; } .selection-catalog__row>* { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; width: auto; } .selection-catalog_bank .selection-catalog__row>* { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .selection-catalog__link { text-decoration: underline; } .selection-catalog__cell { display: inline-block; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; } .selection-catalog__cell_contribution { width: 13.02vw; } .selection-catalog__cell_terms { width: 10.416vw; } .selection-catalog__cell_rate { width: 6.51vw; } .selection-catalog__cell_tower,.selection-catalog__cell_floor,.selection-catalog__cell_rooms,.selection-catalog__cell_index { width: 5.989vw; } .selection-catalog__cell_square { width: 7.291vw; } .selection-catalog__cell_finish,.selection-catalog__cell_price-m2,.selection-catalog__cell_price { width: 14.7%; } .selection-catalog__cell_more { width: auto; margin: 0 0 0 auto; } .selection-catalog__row_solo .selection-catalog__cell,.selection-catalog__row_tandem .selection-catalog__cell,.selection-catalog__row_family .selection-catalog__cell { color: #482727; } .selection-catalog__header .selection-catalog__cell { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-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; vertical-align: baseline; cursor: pointer; background-color: #e7ebee; } .selection-catalog_bank .selection-catalog__header .selection-catalog__cell { background-color: transparent; } .selection-catalog__header .selection-catalog__cell::before { content: ''; position: absolute; bottom: 0; right: 45%; width: .416vw; height: .833vw; margin: auto; background-image: url("/local/templates/nebo_/styles/../images/icons/arrow_sort.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; -webkit-transition: -webkit-transform 0.25s; transition: -webkit-transform 0.25s; transition: transform 0.25s; transition: transform 0.25s, -webkit-transform 0.25s; } .selection-catalog__header .selection-catalog__cell:hover::before { background-image: url("/local/templates/nebo_/styles/../images/icons/arrow_sort_dark.svg"); } .selection-catalog__header .selection-catalog__cell_rooms:before { right: 26%; } .selection-catalog__header .selection-catalog__cell_square:before { right: 37%; } .selection-catalog__header .selection-catalog__cell_price-m2:before { right: 16%; } .selection-catalog__header .selection-catalog__cell_price:before { right: 54%; } .selection-catalog__header .selection-catalog__cell_nosort::before { display: none; } .selection-catalog__header .selection-catalog__cell_rate::before { left: 87%; } .selection-catalog__header .selection-catalog__cell_finish::before { right: 30%; } .selection-catalog__header .selection-catalog__cell_contribution::before { left: 87%; } .selection-catalog__header .selection-catalog__cell_terms::before { left: 87%; } .selection-catalog__header .selection-catalog__cell_sort::before { background-image: url("/local/templates/nebo_/styles/../images/icons/arrow_sort_dark.svg"); -webkit-animation: sort 0.4s ease-in-out forwards; animation: sort 0.4s ease-in-out forwards; } .selection-catalog__header .selection-catalog__cell_sort_desc::before { -webkit-animation: sort_back 0.4s ease-in-out forwards; animation: sort_back 0.4s ease-in-out forwards; } .selection-catalog__cell a { display: block; } .selection-catalog__cell-title { display: none; } .selection-catalog_bank .selection-catalog__row-left { width: 50%; margin-right: 5%; } .selection-catalog__row-right { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .selection-catalog__error { position: absolute; top: 0; bottom: 0; right: 0; } .selection-catalog_empty .selection-catalog__error_empty,.selection-catalog_soon .selection-catalog__error { display: block; } .selection-catalog__error,.selection-catalog_soon .selection-catalog__error_empty { display: none; } .selection-catalog__studio.selection-catalog__studio { font-weight: normal; font-size: 0.8em; text-transform: none; } .selection-catalog_bank { height: 100vh; padding-top: 145px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #f4f4f4; } .selection-catalog_bank img { display: inline-block; vertical-align: middle; max-height: 2.979vh; } .selection-toggle { position: absolute; display: block; top: 8.007vh; left: 2.604vw; z-index: 1; cursor: pointer; } .selection__toggle-view:checked ~ .selection-toggle .selection-toggle__text_on { display: block; } .selection__toggle-view:checked ~ .selection-toggle .selection-toggle__text_off { display: none; } .selection-toggle__text { color: #67707a; opacity: 1; text-decoration: underline; } .selection-toggle__text_off { display: block; } .selection-toggle__text_on { display: none; } .selection { height: 100vh; width: 100%; font-size: 0; overflow: hidden; } .selection__filter-input,.selection__toggle-view { display: none; } .selection__title { position: absolute; top: 196px; left: 71px; color: #4b4442; display: none; margin: 0; } .selection__left { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-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; height: 100%; width: 39.062vw; background-color: #d6e0e7; float: left; padding: 7% 5%; -webkit-box-sizing: border-box; box-sizing: border-box; } .selection__left .breadcrumbs__wrapper { margin-top: 40px; } .selection__left-block { display: none; } .selection__left-close { width: 62px; height: 62px; } .selection__left-text { 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; } .selection__right { position: relative; height: 100%; overflow: hidden; background-color: #ded5d0; } .custom-page > .selection > .breadcrumbs__wrapper { display: none; position: absolute; z-index: 50; top: 140px; left: 71px; } .selection__toggle { position: absolute; bottom: 9.59vh; left: 4.27vw; } .selection__block { height: 100vh; padding-top: 14.059vh; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; -webkit-transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out; transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out; } .selection__block[data-block='towers'] { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale(1); transform: scale(1); -webkit-transition-delay: 0.2s; transition-delay: 0.2s; -webkit-transition-timing-function: linear; transition-timing-function: linear; } .selection__toggle-view:checked ~ .selection__block[data-block='towers'] { -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0.1; } .selection__block[data-block='list'] { position: absolute; top: 0; right: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } .selection__toggle-view:checked ~ .selection__block[data-block='list'] { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; -webkit-transform: translateX(0%); transform: translateX(0%); } .selection__filter-input:checked ~ .selection { min-height: 1138px; } .filters { width: 26.666vw; max-height: 100%; min-height: 74.301vh; margin-right: auto; margin: auto; } .filters__input { display: none; } .filters__title { color: #4b4442; margin: 3.165vh 0; } .filters__items { margin: 3.165vh 0; } .filters__item { position: relative; display: inline-block; vertical-align: middle; margin-right: 2.239vw; cursor: pointer; height: 1.862vh; -webkit-box-sizing: border-box; box-sizing: border-box; } .filters__item:last-child { margin-right: 0; } .filters__item-line { position: absolute; left: 0; right: 0; bottom: 0; margin: auto; width: 0; border-bottom: 1px solid black; -webkit-transition: width 0.3s; transition: width 0.3s; } .filters__input:checked ~ .filters__item-line { width: 100%; } .filters__item:hover .filters__item-line { width: 100%; } .filters__item-text { color: #a6aeb8; -webkit-transition: color 0.3s; transition: color 0.3s; } .filters__input:checked ~ .filters__item-text { color: #000; } .filters__item:hover .filters__item-text { color: #000; } .filters__block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-align: justify; margin: 7.169vh 0 7.728vh; -ms-flex-wrap: wrap; flex-wrap: wrap; } .filters__block::after { content: ''; display: inline-block; width: 100%; } .filters__elem { display: inline-block; vertical-align: top; width: 10.989vw; margin: 1.862vh 0; } .filters__elem_inline>* { display: inline-block; vertical-align: top; } .filters__elem-title { font-weight: bold; margin: 2.234vh 0; } .filters__elem_inline .filters__elem-title { display: inline-block; vertical-align: top; margin: .104vw 1.354vw 0 0; } .filters__elem-title span { font-size: .571em; color: #7b7b7b; } .filters__slider { width: 100%; } .filters__elem-subtitles { display: -webkit-box; display: -ms-flexbox; display: flex; -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; } .filters__elem-block { display: -webkit-box; display: -ms-flexbox; display: flex; -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; } .filters__elem_inline .filters__elem-block { display: inline-block; vertical-align: top; } .filters__elem-block-item { display: inline-block; vertical-align: top; text-align: center; } .filters__elem-block-label { cursor: pointer; } .filters__elem-block-box { position: relative; display: block; width: .833vw; height: .833vw; margin: .558vh 0 2.607vh; border: 2px solid #979797; } .filters__elem-block-box:after { position: absolute; content: ""; display: block; width: .625vw; height: .625vw; background-color: #4D4442; top: 0; left: 0; bottom: 0; right: 0; margin: auto; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .filters__input:checked ~ .filters__elem-block-box:after { -webkit-transform: scale(1); transform: scale(1); } .filters__elem-block-label:hover .filters__elem-block-box:after { -webkit-transform: scale(1); transform: scale(1); } .filters__elem_inline .filters__elem-block-box { display: inline-block; vertical-align: top; margin: 0; margin-right: .468vw; } .filters__input:checked ~ .filters__elem-block-num { font-weight: bold; } .filters__elem-block-label:hover .filters__elem-block-num { font-weight: bold; } .filters__elem_inline .filters__elem-block-num { display: inline-block; vertical-align: top; width: 5.468vw; margin-top: .208vw; text-align: left; text-transform: none; } .filters__clear { display: inline-block; vertical-align: middle; margin-left: 1.484vw; cursor: pointer; border-bottom: .186vh solid #68707a; opacity: 0.5; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .filters__clear:hover { opacity: 1; } .filters__elem_inline { width: auto; margin-bottom: 0; } .slider__line,.slider__bar { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .slider { position: relative; width: 100%; margin: auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .slider__controls { position: relative; font-size: 1.822vw; height: 1em; margin: 2.234vh 0; } .slider__line { height: 1px; background-color: #b1acab; } .slider__line_all { left: 0; right: 0; } .slider__line_current { background-color: #000; } .slider__control { cursor: pointer; position: absolute; z-index: 1; width: 0; } .slider__control_left { left: 0; } .slider__control_right { right: 0; } .slider__control-icon { display: block; vertical-align: middle; width: 1em; height: 1em; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .slider__control_helper .slider__control-icon { opacity: 0; border: none; border-radius: 0; width: 0.5em; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .slider__control_helper .slider__control-icon::after { display: none; } .slider__control-icon::after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; content: ''; display: block; clear: both; width: .26vw; height: .26vw; background: #000; border-radius: 50%; } .slider__control-number { text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .slider__control-number-block_inactive { color: green; } .slider__control-number-block:first-child { text-align: left; } .slider__control-number-block:last-child { text-align: right; } .slider__line-text { display: inline-block; border: none; background: none; color: inherit; font-family: inherit; vertical-align: middle; outline: none; text-decoration: none; text-align: inherit; } .slider_select .slider__line-text { white-space: nowrap; } .slider__line-signature { display: inline-block; vertical-align: middle; text-transform: none; } .gallery-tab { margin: 4.003vh 5.572vw 0; } .gallery-tab__content { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 0; margin: auto; pointer-events: none; opacity: 0; -webkit-transition: opacity 0.01s ease-out .9s,height 0.01s ease-out .9s; transition: opacity 0.01s ease-out .9s,height 0.01s ease-out .9s; } .gallery-tab__content_current { height: 100%; pointer-events: all; visibility: visible; opacity: 1; z-index: 1; -webkit-transition: opacity .9s ease-out; transition: opacity .9s ease-out; } .gallery-tab__item { position: relative; display: inline-block; cursor: pointer; z-index: 10; margin-right: 1.875vw; } .gallery-tab__text { border-bottom: .279vh solid rgba(255,255,255,0); color: #cecece; -webkit-transition: border-color .3s, color .3s; transition: border-color .3s, color .3s; } .gallery-tab__input:checked ~ .gallery-tab__text { color: #fff; border-bottom: .279vh solid #fff; } .gallery-tab__input { display: none; } .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track,.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before,.slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-list,.slick-track,.slick-slide,.slick-slide>* { height: 100%; } .gallery-carousel__list { width: 100%; height: 100%; } .gallery-carousel__item { position: relative; display: inline-block; vertical-align: top; float: left; width: 100%; height: 100%; } .gallery-carousel__item-image { position: relative; width: 100%; height: 100%; background-size: cover; background-position: center; } .gallery-carousel__item-image:before { content: ''; display: block; clear: both; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.25); pointer-events: none; } .gallery-carousel__item-text { position: absolute; bottom: 8.193vh; left: 5.572vw; margin: 0; width: 36.614vw; min-height: 13.035vh; white-space: normal; opacity: 0; -webkit-transition: opacity 0.15s ease-out, -webkit-transform 0.15s ease-out 0.5s; transition: opacity 0.15s ease-out, -webkit-transform 0.15s ease-out 0.5s; transition: opacity 0.15s ease-out, transform 0.15s ease-out 0.5s; transition: opacity 0.15s ease-out, transform 0.15s ease-out 0.5s, -webkit-transform 0.15s ease-out 0.5s; -webkit-transform: translateY(-50px); transform: translateY(-50px); } .slick-active .gallery-carousel__item-text { opacity: 1; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-delay: 0.35s; transition-delay: 0.35s; -webkit-transform: translateY(0); transform: translateY(0); } .gallery-carousel__preview { position: absolute; top: auto; left: auto; right: 0; bottom: 0; display: block; margin: auto; width: 44.583vw; height: 19.925vh; overflow: hidden; white-space: nowrap; display: none; } .gallery-carousel__preview_1 { width: 214px; } .gallery-carousel__preview_2 { width: 428px; } .gallery-carousel__preview_3 { width: 642px; } .gallery-carousel__preview .slick-track { margin-right: 0; } .gallery-carousel__preview-item { width: 11.145vw; height: 100%; display: inline-block; float: left; background-size: cover; cursor: pointer; } .pagination { position: absolute; left: 5.572vw; bottom: 0; right: 5.572vw; top: 0; width: auto; height: 100%; margin: auto; pointer-events: none; } .pagination__item { position: absolute; top: 0; bottom: 0; display: block; width: 2.968vw; height: 2.048vh; margin: auto; padding: 4.655vh 0; cursor: pointer; pointer-events: all; background: no-repeat center; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: transform 0.35s, opacity 0.35s; transition: transform 0.35s, opacity 0.35s, -webkit-transform 0.35s; opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-filter: drop-shadow(0px 2.5px 1px #000); filter: drop-shadow(0px 2.5px 1px #000); } .pagination__item_prev { left: 0; background-image: url("/local/templates/nebo_/styles/../images/arrow/prev.svg"); } .pagination__item_next { right: 0; background-image: url("/local/templates/nebo_/styles/../images/arrow/next.svg"); } .pagination__item_inactive,.pagination_is-first .pagination__item_prev,.pagination_is-last .pagination__item_next { pointer-events: none; -webkit-transform: scale(0.5, 0); transform: scale(0.5, 0); opacity: 0; } .menu-modal { display: block; width: 100%; height: 100%; background-color: #a6aeb8; } .menu-modal__wrapper { width: 50%; height: 100%; /* height: 85%; */ margin: auto 14px auto auto; } .menu-modal__close { position: absolute; left: 44.65%; top: 2.395vw; width: 1em; height: 1em; font-size: 2.083vw; cursor: pointer; z-index: 500; } .menu-modal__close::before,.menu-modal__close::after { position: absolute; top: 0; bottom: 0; content: ""; display: block; width: 100%; height: .279vh; margin: auto; background: #fff; } .menu-modal__close::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .menu-modal__close::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .menu-modal__items { 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; height: 100%; padding-bottom: 5.586vh; -webkit-box-sizing: border-box; box-sizing: border-box; } .menu-modal__item-link { text-decoration: none; opacity: 1; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .menu-modal__item-link:hover { opacity: 0.7; } .menu-modal__item { margin: 0 0 5.307vh; display: block; vertical-align: middle; } .tablet.landscape .menu-modal__item { margin: 0 0 3.5vh; } .tablet.landscape .menu-modal__link { margin-bottom: 17vh; } .menu-modal__item_current { position: relative; } .menu-modal__item_current:before { content: ""; position: absolute; top: 0; bottom: 0; left: -8.334vw; display: block; width: 6.25vw; height: 0; margin: auto; border-top: 1px solid #fff; } .menu-modal__submenu { display: inline-block; vertical-align: middle; } .menu-modal__submenu-item { display: inline-block; margin: 0 .781vw 0; vertical-align: middle; } .menu-modal__link { position: absolute; bottom: 0; margin: 9.31vh 0; text-decoration: none; cursor: pointer; } .menu-modal__link.menu-modal__link--2 { margin-left: 8.781vw !important; } .menu-modal__link:after { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; border-bottom: 1px solid; } .form { 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; } .form>* { display: inline-block; vertical-align: top; } .form__title { width: 24.479vw; text-align: left; margin-right: 14.322vw; } .form__wrapper { width: 27.708vw; } .form__timing { margin-bottom: 3.724vh; } .form__timing>* { display: inline-block; vertical-align: middle; } .request-modal { 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; width: 100%; height: 100%; } .feedback-modal { 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; width: 100%; height: 100%; } .construction-modal { width: 100vw; height: 100%; font-size: 0; } .construction-modal>* { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-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; vertical-align: top; } .construction-modal__left { width: 23%; height: 100%; padding-left: 106px; text-align: center; } .construction-modal__right { width: calc(100% - 23%); height: 100%; } .construction-modal__title-container { display: inline-block; text-align: left; } .construction-modal__gallery { position: relative; height: 80%; width: 94%; text-align: center; } .construction-modal__gallery-window { height: 100%; } .construction-modal__gallery-window:after { left: -1px; } .construction-modal__gallery-window:before { right: -1px; } .construction-modal__gallery-list { height: 100%; width: 10000px; text-align: left; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } .construction-modal__gallery-item { position: relative; height: 100%; text-align: center; } .construction-modal__gallery-item img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; max-width: 100%; max-height: 100%; display: block; height: 100%; margin: auto; } .construction-modal .slick-slide_prev { -webkit-transform: translateX(-15%) scale(0.9); transform: translateX(-15%) scale(0.9); } .construction-modal .slick-slide_now { -webkit-transform: translateX(0); transform: translateX(0); } .construction-modal .slick-slide_next { -webkit-transform: translateX(15%) scale(0.9); transform: translateX(15%) scale(0.9); } .contacts { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 50%; height: 100%; padding: 23.184vh 5.416vw 9.217vh; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; vertical-align: top; font-size: 0; background-color: #3f5363; } .contacts__wrapper { position: relative; display: block; width: 100%; height: 100vh; -webkit-box-sizing: border-box; box-sizing: border-box; } .contacts__wrapper .breadcrumbs__wrapper { margin-bottom: 40px; } .contacts__title { margin: 0 0 9.404vh 0; line-height: 1; } .contacts__wrapper-link-btn { position: relative; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; } .contacts__link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; -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; /*margin-left: 5.625vw;*/ text-decoration: none; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .contacts__link-text { padding-bottom: 5px; text-decoration: none; border-bottom: .186vh solid #979797; } .contacts__item { display: inline-block; vertical-align: top; width: 16.666vw; margin-right: 3.229vw; margin-bottom: 6.517vh; } .contacts__item:nth-child(2n) { margin-right: 0; } .contacts__item-title { display: block; opacity: 0.6; } .contacts__item-text { display: block; margin-top: 2.048vh; text-decoration: none; cursor: pointer; pointer-events: all; } .map { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 100%; width: 50%; float: left; vertical-align: top; } .map__route { width: 100%; height: 100%; color: #000000; } .map__route input { color: initial; } .map__map { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: none; opacity: 1; background: url("/local/templates/nebo_/styles/../images/bg/bg-map.jpg") no-repeat left top; background-size: cover; -webkit-transition: opacity 1s cubic-bezier(0, 1, 1, 1),visibility 0s; transition: opacity 1s cubic-bezier(0, 1, 1, 1),visibility 0s; display: block; } .map__input:checked ~ * .map__map,.map__input:checked ~ .map__map { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.35s ease-in, visibility 0s 1s; transition: opacity 0.35s ease-in, visibility 0s 1s; } .map__mark,.map ymaps[class*='-placemark-'] ymaps[class^='ymaps-2-'][class*='-image'] { position: absolute; top: 0 !important; left: 0 !important; display: block; width: 5.52vw !important; height: 7.395vw !important; background: url("/local/templates/nebo_/styles/../images/contacts/mark.svg") no-repeat center !important; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); } .map__mark_hide { display: none; } .map__input { display: none; } .map__link { position: absolute; bottom: 10.8vh; left: 4.583vw; display: inline-block; padding-bottom: .744vh; border-bottom: .279vh solid #4b4442; text-decoration: none; font-weight: bold; cursor: pointer; color: #4b4442; } .map label[for="map-toggle"] { display: none; display: block; } .news { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 100%; overflow: hidden; } .news>* { display: block; width: 50vw; height: 100%; } .news__image { background-size: cover; } .news__content { padding: 11.173vh 5.625vw 0; -webkit-box-sizing: border-box; box-sizing: border-box; height: auto; margin: auto; } .news__wrapper { position: relative; display: block; height: 63.78vh; margin-bottom: 6.517vh; } .news__wrapper .breadcrumbs__wrapper { margin-top: 6.607vh; margin-bottom: 20px; } .news__wrapper-content { padding: 3.724vh 10px 3.724vh 0; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; height: 100%; } .news__wrapper-content:before,.news__wrapper-content:after { position: absolute; content: ""; left: 0; width: 100%; z-index: 10; } .news__wrapper-content:before { top: 0; height: 11.173vh; background: -webkit-gradient(linear, left top, left bottom, from(#5787b3), color-stop(35%, rgba(87,135,179,0.98)), color-stop(50%, rgba(87,135,179,0.9)), color-stop(55%, rgba(87,135,179,0.85)), color-stop(59%, rgba(87,135,179,0.8)), color-stop(80%, rgba(87,135,179,0.4)), to(rgba(87,135,179,0))); background: linear-gradient(to bottom, #5787b3 0%, rgba(87,135,179,0.98) 35%, rgba(87,135,179,0.9) 50%, rgba(87,135,179,0.85) 55%, rgba(87,135,179,0.8) 59%, rgba(87,135,179,0.4) 80%, rgba(87,135,179,0) 100%); } .news__wrapper-content:after { bottom: 0; height: 9.31vh; background: -webkit-gradient(linear, left bottom, left top, from(#5787b3), color-stop(35%, rgba(87,135,179,0.98)), color-stop(45%, rgba(87,135,179,0.9)), color-stop(55%, rgba(87,135,179,0.8)), color-stop(75%, rgba(87,135,179,0.5)), color-stop(80%, rgba(87,135,179,0.4)), to(rgba(87,135,179,0))); background: linear-gradient(to top, #5787b3 0%, rgba(87,135,179,0.98) 35%, rgba(87,135,179,0.9) 45%, rgba(87,135,179,0.8) 55%, rgba(87,135,179,0.5) 75%, rgba(87,135,179,0.4) 80%, rgba(87,135,179,0) 100%); } .news__date { position: relative; margin-bottom: 28px; padding-top: 2.607vh; z-index: 10; } .news__title { line-height: 1.25; width: 38.854vw; margin-bottom: 5.586vh; max-width: -webkit-calc(100% - 10px); max-width: calc(100% - 10px); } .news__text { padding-bottom: 4.655vh; max-width: -webkit-calc(100% - 10px); max-width: calc(100% - 10px); } .conditions { display: block; width: 39.218vw; height: 100%; background: #4c4057; padding: 18.156vh 2.604vw 4.655vh 5.625vw; -webkit-box-sizing: border-box; box-sizing: border-box; } .conditions__title { color: #fff; margin: 0 0 3.445vh; } .conditions__text { margin: 2.327vh 0; } .conditions__text_small { width: 28.333vw; } .bank { display: block; -webkit-box-flex: 10000; -ms-flex-positive: 10000; flex-grow: 10000; background: #f4f4f4; } .team { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; height: 100%; overflow: hidden; } .team__title-wrapper .breadcrumbs__wrapper { margin-top: 12vh; margin-bottom: 4vh; } .team__title { display: inline-block; vertical-align: top; margin: 4vh 0 0; } .team__list { display: inline-block; vertical-align: top; width: 53.645vw; height: auto; } .team__item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 5.586vh; } .team__item-icon { width: 11.875vw; height: 2.42vh; text-align: left; } .team__item-icon img { max-width: 100%; max-height: 100%; } .team__item-wrapper { width: 38.541vw; } .team__item-title { margin: 0 0 1.862vh; } .team__statistic { position: absolute; top: 0; right: 0; display: block; } .team__statistic:before { content: ''; display: block; clear: both; position: absolute; top: 0; bottom: 0; left: -13%; right: 0; margin: auto; width: 55%; height: 1px; background: #979797; -webkit-transform: rotate(-55deg); transform: rotate(-55deg); } .team__statistic-item { display: inline-block; margin: 0 1.302vw; } .team__statistic-item_year { vertical-align: top; margin-bottom: 4.655vh; } .team__statistic-item_project { vertical-align: bottom; } .team__statistic-index { margin-bottom: .931vh; } .details { display: block; width: 15.416vw; text-align: left; } .details__location { margin-bottom: 2.979vh; } .details__location-title { text-align: left; } .details__location-image { position: relative; display: block; width: 100%; } .details__location-image svg { width: 100%; height: 100%; } .details__plan { text-align: left; text-decoration: none; text-transform: uppercase; } .details__plan span { padding-bottom: .372vh; border-bottom: 1px solid #979797; font-weight: bold; line-height: 3.724vh; } .details__analog-link-wrapper { margin-top: 3.2vh; } .details .cls-2 { fill: #e1e2e5; } .details__apartment.details__apartment { fill: #e1e2e5; } .details__apartment.details__apartment_current { fill: #ae9e9a; } .details_solo .details__apartment.details__apartment_current { fill: #7A97AB; } .details_tandem .details__apartment.details__apartment_current { fill: #4B7851; } .details_family .details__apartment.details__apartment_current { fill: #7A6E66; } .details__apartment.apartment__sold, .details__apartment_current { pointer-events: none; } .details__apartment.apartment__sale { cursor: pointer; fill: #d6e0e7; } .p-plan { display: -webkit-box; display: -ms-flexbox; display: flex; background: #d6e0e7; position: relative; text-align: center; overflow: hidden; height: 100vh; } .p-plan__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; width: 90%; height: auto; margin: auto; padding: 9.31vh 0 6.517vh; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .p-plan__plan { display: block; width: 35.083vw; height: 40.52vw; } .info-apartment { display: block; width: 25.52vw; height: auto; text-align: left; } .info-apartment__back { display: block; margin-bottom: 7.541vh; text-decoration: none; } .info-apartment__title { margin-bottom: .465vh; } .info-apartment__finish { display: inline-block; padding-bottom: .186vh; margin-bottom: 5.586vh; border-bottom: 1px solid #4b4442; text-decoration: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .info-apartment__items { margin-bottom: 10.242vh; } .info-apartment__item { display: inline-block; width: 12.5vw; margin-bottom: 3.724vh; vertical-align: top; } .info-apartment__subtitle,.info-apartment__item-title { opacity: 0.5; font-weight: 600; } .info-apartment__text { display: inline-block; padding-top: 1.489vh; font-weight: 600; text-decoration: none; border-bottom: none; } .info-apartment__m2 { font-size: .933em; font-weight: normal; letter-spacing: -1.3px; color: #736b68; text-transform: none; } .info-apartment__rouble { font-weight: 400; color: #736b68; } .construction-img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .construction-img__img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; margin: auto; border-radius: 50%; overflow: hidden; } .construction-img__img_fon { display: none; } .construction-img_selected .construction-img__img_fon { display: block; } .construction-img_selected .construction-img__img_main { width: 71.9412724307%; height: 71.9412724307%; } .construction-img__wrapper { position: absolute; left: 0; width: 100%; height: 100%; -webkit-transition: width 0.65s; transition: width 0.65s; will-change: width; } .construction-img__wrapper_right { left: auto; right: 0; } .construction-img__wrapper_hide { width: 0; } .construction-img__image { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; margin: auto; background: #786d66 no-repeat center / cover; } .construction-img__img_fon .construction-img__image { background-size: auto 200%; } .construction-img__name { position: absolute; 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; top: 0; height: 100%; width: 100%; text-align: center; opacity: 0; } .construction-img_selected .construction-img__name { opacity: 1; } .construction { width: 100%; height: 100vh; font-size: 0; background-color: #786d66; overflow: hidden; } .construction__year-input { display: none; } .construction__block { display: inline-block; vertical-align: top; height: 100%; min-height: 100vh; -webkit-box-sizing: border-box; box-sizing: border-box; } .construction__block_left { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-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; width: 40%; min-width: 27.604vw; height: 100vh; min-height: 82.681vh; padding: 13.78vh 0 0 13.035vh; } .construction__block_left .breadcrumbs__wrapper { margin-bottom: 40px; } .construction__about-title { margin: 0 0 5.027vh; } ._white .construction__about-title { color: #ffffff; } .construction__about-text { margin: 5.027vh 0; } ._white .construction__about-text { color: #ffffff; } .construction__year { margin: 6.61vh 0; padding: 0 .937vw; } .construction__year-label { display: inline-block; vertical-align: top; margin-right: 2.76vw; cursor: pointer; } .construction__year-item { border-bottom: 1px solid transparent; -webkit-transition: border-color 0.5s; transition: border-color 0.5s; } .construction__year-input:checked ~ .construction__year-item,.construction__year-input:checked ~ * .construction__year-item { border-color: #4b4442; } .construction__year-text { margin-bottom: .465vh; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .construction__year-input:checked ~ .construction__year-text,.construction__year-input:checked ~ * .construction__year-text { opacity: 1; } .construction__year-text:hover { opacity: 1; } ._white .construction__year-text { color: #ffffff; } .construction__gallery { position: relative; width: 31.927vw; height: 100%; } .construction__gallery-elem { position: absolute; top: 0; bottom: 0; width: 100%; white-space: nowrap; } .construction__gallery-elem:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .construction__gallery-window { position: relative; display: inline-block; vertical-align: middle; width: 100%; border-radius: 50%; overflow: hidden; cursor: pointer; z-index: 10; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition: opacity,-webkit-transform; transition: opacity,-webkit-transform; transition: transform,opacity; transition: transform,opacity,-webkit-transform; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; } .construction__gallery-elem_prev .construction__gallery-window,.construction__gallery-elem_next .construction__gallery-window { opacity: 0; pointer-events: none; } .construction__gallery-elem_prev .construction__gallery-window { -webkit-transform: translateY(-400px); transform: translateY(-400px); } .construction__gallery-elem_next .construction__gallery-window { -webkit-transform: translateY(400px); transform: translateY(400px); } .construction__gallery-window_2 { width: 71.9412724307%; margin-left: -37%; opacity: 1; z-index: 8; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .construction__gallery-window_3 { width: 38.3360522023%; margin-left: -15%; opacity: 0.5; z-index: 7; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .construction__gallery-window_4 { width: 24.6329526917%; margin-left: -11%; opacity: 0.2; z-index: 6; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .construction__gallery-window-block { width: 100%; padding-bottom: 100%; } .construction_pagination { left: -1.459vw; right: -1.459vw; z-index: 11; } .floor-pointer { position: absolute; pointer-events: none; } .floor-pointer__detail { position: absolute; text-align: left; white-space: nowrap; } .floor-pointer_up .floor-pointer__detail { bottom: 100%; } .floor-pointer_right .floor-pointer__detail { left: 100%; text-align: right; } .floor-pointer_down .floor-pointer__detail { top: 100%; } .floor-pointer_left .floor-pointer__detail { right: 100%; } .floor-pointer__detail::before { content: ''; display: block; width: 8.854vw; height: .186vh; background-color: #4b4442; opacity: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: opacity 0.3s ease-in, -webkit-transform 0.3s ease-in; transition: opacity 0.3s ease-in, -webkit-transform 0.3s ease-in; transition: transform 0.3s ease-in, opacity 0.3s ease-in; transition: transform 0.3s ease-in, opacity 0.3s ease-in, -webkit-transform 0.3s ease-in; } .floor-pointer_up .floor-pointer__detail::before,.floor-pointer_down .floor-pointer__detail::before { width: .104vw; height: 15.828vh; display: inline-block; } .floor-pointer_left .floor-pointer__detail::before { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .floor-pointer_right .floor-pointer__detail::before { -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .floor-pointer_up .floor-pointer__detail::before { vertical-align: top; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } .floor-pointer_down .floor-pointer__detail::before { vertical-align: bottom; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } .floor-pointer__detail-info { display: inline-block; position: relative; opacity: 0; -webkit-transition: opacity 0.15s ease-in; transition: opacity 0.15s ease-in; } .floor-pointer_up .floor-pointer__detail-info,.floor-pointer_down .floor-pointer__detail-info { padding: .186vh .744vh; } .floor-pointer_down .floor-pointer__detail-info { margin-bottom: -1.863vh; } .floor-pointer_left .floor-pointer__detail-meters,.floor-pointer_right .floor-pointer__detail-meters { position: absolute; bottom: 7.262vh; } .floor-pointer_right .floor-pointer__detail-meters { right: 0; } .floor-pointer__detail-meters span { font-weight: bold; } .floor-pointer__detail-rooms { font-weight: bold; margin: 0 0px 20px; } .floor-pointer_left .floor-pointer__detail-rooms,.floor-pointer_right .floor-pointer__detail-rooms,.floor-pointer_left .floor-pointer__detail-finish,.floor-pointer_right .floor-pointer__detail-finish { margin: 0px 0 13px; } .floor-pointer_left .floor-pointer__detail-rooms { margin: 0px 0 13px !important; } .floor-pointer_up .floor-pointer__detail-rooms { margin: 1px 0 0; } .floor-pointer_right .floor-pointer__detail-rooms { right: 0; margin: 0px 0 13px !important; } .floor-pointer__detail-finish { font-weight: bold; opacity: 1 !important; margin: 12px 0px 0; } .floor-pointer_left .floor-pointer__detail-rooms,.floor-pointer_right .floor-pointer__detail-rooms,.floor-pointer_left .floor-pointer__detail-finish,.floor-pointer_right .floor-pointer__detail-finish { margin: 12px 0 0; } .floor-pointer_right .floor-pointer__detail-finish { right: 0; } .floor-pointer_up .floor-pointer__detail-finish { margin: 12px 0 0px; } .floor-image__kv.floor-image__kv { -webkit-transition: fill 0.3s ease-out; transition: fill 0.3s ease-out; } .floor_solo .floor-image__kv.floor-image__kv { fill: rgba(122,151,171,0.4); } .floor_solo .floor-image__kv.floor-image__kv:hover { fill: rgba(65,83,100,0.7); } .floor_family .floor-image__kv.floor-image__kv { fill: rgba(104,78,75,0.4); } .floor_family .floor-image__kv.floor-image__kv:hover { fill: rgba(68,60,59,0.7); } .floor_tandem .floor-image__kv.floor-image__kv { fill: rgba(75,120,81,0.4); } .floor_tandem .floor-image__kv.floor-image__kv:hover { fill: rgba(18,71,52,0.7); } .floor-image__kv.floor-image__kv_sold { fill: rgba(224,218,214,0.4) !important; } .floor-image>svg { display: block; width: 100%; height: 100%; } .floor-image>svg #pivot { opacity: 0; } .floor-image>svg #apartments { display: block; pointer-events: all; } .floor-image>svg g { pointer-events: none; } @supports not (-ms-high-contrast: none) { .floor-image>svg [transform*="rotate"] { display: none; } } /*.floor-image>svg [transform*="rotate"] {*/ /* display: none;*/ /*}*/ .floor { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; height: 100vh; background-color: #d6e0e7; overflow: hidden; } .floor__about { position: absolute; top: 41.713vh; left: 5.52vw; text-align: left; } .floor__about-tower { margin-bottom: 1.862vh; opacity: 0.5; } .floor__about-level { margin-bottom: 4.189vh; } .floor__about-state-item { margin: 1.582vh 0; } .floor__about-state-item>* { display: inline-block; vertical-align: middle; } .floor__about-state-circle { width: 1.354vw; height: 1.354vw; margin-right: .989vw; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 2px rgba(0,0,0,0.1); } .floor_solo .floor__about-state-circle { background-color: rgba(122,151,171,0.4); } .floor_family .floor__about-state-circle { background-color: rgba(104,78,75,0.4); } .floor_tandem .floor__about-state-circle { background-color: rgba(75,120,81,0.4); } .floor__about-state-item_sold .floor__about-state-circle { background-color: #e0dad6; } .floor__image { position: relative; width: 33.437vw; height: 25.52vw; margin: auto; background: no-repeat / 100% auto; } .floor__tower { position: absolute; right: 4.01vw; bottom: 22.718vh; width: 15.312vw; height: 30.26vh; background: no-repeat 0 0; background-size: contain; } .infrastructure-pointer { position: absolute; z-index: 2; cursor: pointer; } .infrastructure-pointer_checked { z-index: 3; } .infrastructure-pointer .infrastructure-pointer__image-block_baby { background: url("/data/_infrastructure/pointers/baby.svg") no-repeat center/contain; } .infrastructure-pointer .infrastructure-pointer__image-block_moto { background: url("/data/_infrastructure/pointers/moto.svg") no-repeat center/contain; } .infrastructure-pointer .infrastructure-pointer__image-block_park { background: url("/data/_infrastructure/pointers/park.svg") no-repeat center/contain; } .infrastructure-pointer .infrastructure-pointer__image-block_jim { background: url("/data/_infrastructure/pointers/jim.svg") no-repeat center/contain; } .infrastructure-pointer .infrastructure-pointer__image-block_school { background: url("/data/_infrastructure/pointers/school.svg") no-repeat center/contain; } .infrastructure-pointer .infrastructure-pointer__image-block_shop { background: url("/data/_infrastructure/pointers/shop.svg") no-repeat center/contain; } .infrastructure-pointer .infrastructure-pointer__image-block_skiing { background: url("/data/_infrastructure/pointers/skiing.svg") no-repeat center/contain; } .infrastructure-pointer .infrastructure-pointer__image-block_study { background: url("/data/_infrastructure/pointers/study.svg") no-repeat center/contain; } .infrastructure-pointer__container { position: absolute; left: -1.25vw; top: -2.865vw; display: block; cursor: pointer; width: 2.5vw; } .infrastructure-pointer_left .infrastructure-pointer__container { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .infrastructure-pointer__input { display: none; } .infrastructure-pointer__block { height: 2.5vw; width: 15.625vw; pointer-events: none; } .infrastructure-pointer__input:checked ~ * .infrastructure-pointer__block { pointer-events: all; } .infrastructure-pointer__content { position: relative; } .infrastructure-pointer__content>* { display: inline-block; vertical-align: middle; } .infrastructure-pointer__image { position: relative; top: 0; bottom: 0; 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; height: 2.5vw; width: 2.5vw; padding: .416vw .468vw; background: #7797ac; border-radius: 2.239vw; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 2; } .infrastructure-pointer_left .infrastructure-pointer__image { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .infrastructure-pointer__image:after { position: absolute; content: ""; bottom: -.209vw; left: 0; right: 0; margin: auto; width: .625vw; height: .729vw; background: #7797ac; -webkit-transform: rotate(29deg) skewY(30deg); transform: rotate(29deg) skewY(30deg); border-radius: .182vw; } .infrastructure-pointer_green .infrastructure-pointer__image:after { background: #505736; } .infrastructure-pointer_violet .infrastructure-pointer__image:after { background: #5c4a6c; } .infrastructure-pointer_green .infrastructure-pointer__image { background: #505736; } .infrastructure-pointer_violet .infrastructure-pointer__image { background: #5c4a6c; } .infrastructure-pointer__image-block { width: 100%; height: 100%; } .infrastructure-pointer__image-block_skiing { height: 90%; width: 90%; } .infrastructure-pointer__image-block_shop { height: 90%; width: 90%; margin: auto; margin-bottom: .156vw; } .infrastructure-pointer__image-block_baby { height: 97%; width: 97%; margin: auto; margin-bottom: .156vw; } .infrastructure-pointer__text { position: absolute; top: 0; bottom: 0; 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; padding-left: 2.864vw; padding-right: 1.25vw; z-index: 1; } .infrastructure-pointer__text:before { position: absolute; content: ""; top: 0; left: 0; height: 2.5vw; width: 2.5vw; border-radius: 2.239vw; background: #7797ac; -webkit-transition: width 0.3s; transition: width 0.3s; pointer-events: all; } .infrastructure-pointer__input:checked ~ * .infrastructure-pointer__text:before { width: 100%; } .infrastructure-pointer_green .infrastructure-pointer__text:before { background: #505736; } .infrastructure-pointer_violet .infrastructure-pointer__text:before { background: #5c4a6c; } .infrastructure-pointer__text span { height: 0; padding-top: .104vw; pointer-events: none; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; overflow: hidden; z-index: 3; } .infrastructure-pointer_left .infrastructure-pointer__text span { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .infrastructure-pointer__input:checked ~ * .infrastructure-pointer__text span { opacity: 1 !important; height: auto; overflow: visible; } .infrastructure { width: 100%; height: 100vh; font-size: 0; overflow: hidden; } .infrastructure__tab-input { display: none; } .infrastructure__tab_notvisible { display: none; } .infrastructure__tab-input { display: none; } .infrastructure>* { display: inline-block; vertical-align: top; width: 50%; height: 100%; } .infrastructure__title { margin-bottom: 4.655vh; } .infrastructure__wrapper { position: relative; background: #7797ac; padding: 15.249vh 4.427vw 4.655vh 5.572vw; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; height: 100%; width: 50vw; z-index: 2; } .infrastructure__wrapper .breadcrumbs__wrapper { margin-bottom: 20px; } .infrastructure_conditions .infrastructure__wrapper { width: 39vw; background: #3f5363; } .infrastructure__image { background-position: center; background-repeat: no-repeat; background-size: cover; } .infrastructure_conditions .infrastructure__image { width: 61vw; } .infrastructure__bank { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #ffffff; -webkit-box-sizing: border-box; box-sizing: border-box; } .infrastructure_conditions .infrastructure__bank { -webkit-transform: translate(100%); transform: translate(100%); -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } .infrastructure__image_visible .infrastructure__bank { -webkit-transform: translate(0); transform: translate(0); } .infrastructure__right { position: relative; z-index: 1; width: 50vw; height: 100vh; background: url("/data/_infrastructure/outside.jpg") no-repeat 100% 50%/cover; overflow: hidden; } .infrastructure__map { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .infrastructure__map-image { display: block; width: auto; height: 100%; } .infrastructure__map-block { position: absolute; min-width: 100%; height: 100%; background: #ffffff; } .infrastructure_inside .infrastructure__map-block { -webkit-animation: infrastructure__fade-out 0.3s ease-out both; animation: infrastructure__fade-out 0.3s ease-out both; } .infrastructure__tab-item { display: inline-block; vertical-align: top; margin-right: 1.041vw; cursor: pointer; } .infrastructure_conditions .infrastructure__tab-item:nth-child(2) .infrastructure__tab-title { left: 162px; } .infrastructure_conditions .infrastructure__tab-item:nth-child(3) .infrastructure__tab-title { left: 280px; } .infrastructure__tab-image { position: absolute; top: 0; bottom: 0; right: 0; left: auto; margin: auto; width: 50vw; height: 100%; opacity: 0; background: white; } .infrastructure__tab-input:checked ~ .infrastructure__tab-image { opacity: 1; } .infrastructure__tab-input:checked ~ .infrastructure__tab-image .bank { -webkit-transform: translate(0); transform: translate(0); } .infrastructure_conditions .infrastructure__tab-image { width: 60.937vw; cursor: default; position: fixed; top: 0; right: 0; width: 61vw; } .infrastructure__bank { -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; -webkit-transform: translate(100%); transform: translate(100%); } .infrastructure__tab-title { padding-bottom: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: color 0.4s, border-color 0.4s; transition: color 0.4s, border-color 0.4s; border-bottom: .093vh solid transparent; } .infrastructure__tab-input:checked ~ .infrastructure__tab-title { color: #fff; border-color: #fff; } .infrastructure__tab-item_contacts .infrastructure__tab-input:checked ~ .infrastructure__tab-title { border-width: .186vh; border-color: rgba(255,255,255,0.6); } .infrastructure__tab-title:hover { color: #fff; } .infrastructure__content.infrastructure__content { position: absolute; left: 5.572vw; top: 32.588vh; display: inline-block; vertical-align: top; width: 40.364vw; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.7s; transition: opacity 0.7s; } .infrastructure__content.infrastructure__content form { pointer-events: all; padding-right: 30px; } .infrastructure__tab-input:checked ~ .infrastructure__content { opacity: 1; height: auto; -webkit-transition: opacity .3s; transition: opacity .3s; pointer-events: all; } .infrastructure__tab-item_contacts .infrastructure__tab-input:checked ~ .infrastructure__content { height: 0; } .infrastructure__tab-item_contacts .infrastructure__content { top: 14.432vh; left: 0; } .infrastructure_conditions .infrastructure__content { width: 29.739vw; } .infrastructure__content-images { margin-top: 3.258vh; } .infrastructure__content-subtitle { margin-top: 1.862vh; } .infrastructure__content-about { margin-top: 2.793vh; } .infrastructure__about-text { margin-bottom: 4.655vh; line-height: 2; } .infrastructure__about-item { display: inline-block; vertical-align: top; margin-right: 3.229vw; } .infrastructure__about-item:last-child { margin-right: 0; } .infrastructure__about-item-title { display: block; opacity: 0.6; } .infrastructure__about-item-text { display: block; height: 2.793vh; margin-top: 1.489vh; text-decoration: none; cursor: pointer; pointer-events: all; } .infrastructure input:not(:checked) ~ .infrastructure__image { pointer-events: none; } .infrastructure .infrastructure__map-metro { position: absolute; height: 1.666vw; background-size: contain; background-repeat: no-repeat; background-position: center; z-index: 1; } .infrastructure .infrastructure__map-metro-ram { top: 27%; left: 42%; width: 5.625vw; background-image: url("/data/_infrastructure/ram.svg"); } .infrastructure .infrastructure__map-metro-michur { top: 52%; left: 18%; width: 5.781vw; background-image: url("/data/_infrastructure/michur.svg"); } #root { display: none; } .finish { display: -webkit-box; display: -ms-flexbox; display: flex; background: #7898ac; -webkit-transition: background-color 0.4s ease-out; transition: background-color 0.4s ease-out; } .finish_fine { background: #415364; } .finish__left,.finish__right { position: relative; overflow: hidden; width: 50%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; transition: all ease 0.3s; opacity: 1; visibility: visible; } .finish__left { color: #fff; padding: 19.649vh 6.093vw 0 5.52vw; background: #415364; transition: 0.3s; left: 0; z-index: 3; } .finish__left.hide { left: -100%; } .finish__right { position: relative; } .finish__gallery { height: 100%; width: 100%; } .finish__gallery-list { height: 100%; width: 100%; position: absolute; } .finish__gallery-list.slick-slider { } .finish__gallery-arr { position: absolute; top: 0; bottom: 0; margin: auto 50px; background: url("/local/templates/nebo_/styles/../images/arrow/prev.svg") no-repeat 0 50%/cover; cursor: pointer; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .finish__gallery-arr_prev { -webkit-transform: translate(-120px, 0); transform: translate(-120px, 0); } .finish__gallery-arr_next { -webkit-transform: translate(120px, 0); transform: translate(120px, 0); right: 0; background-image: url("/local/templates/nebo_/styles/../images/arrow/next.svg"); background-position: 100% 50%; } .finish__gallery-arr_visible { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .finish__right-image { width: 100%; height: 100%; background: no-repeat 100% 50% / cover; } .finish__right-main { position: absolute; opacity: 1; visibility: visible; transition: all ease 0.3s; } .finish__right-box { position: absolute; opacity: 0; visibility: hidden; z-index: 2; transition: all ease 0.3s; } .finish__wrap { position: relative; height: 100%; -webkit-transition: min-height 0.3s; transition: min-height 0.3s; } .finish__wrap .breadcrumbs__wrapper { margin-bottom: 40px; } .finish__title { line-height: 1.4761904762; letter-spacing: .063em; margin: 0; } .finish__links { margin: 1.862vh 0 0; } .finish__links-item { position: relative; display: inline-block; padding-bottom: 7px; margin: 0em 1.5em; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "Asket Extended",Arial,Helvetica,sans-serif; font-size: .625vw; letter-spacing: .143em; text-transform: uppercase; text-decoration: none; opacity: 0.8; -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .finish__links-item:first-child { margin-left: 0; } .finish__links-item:last-child { margin-right: 0; } .finish__links-item_current { opacity: 0.56; } .finish__links-item::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; display: block; height: 1px; width: 100%; -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: scale(1, 1); transform: scale(1, 1); border-bottom: 1px solid #ffffff; } .finish__links-item_current::after { -webkit-transform: scale(0, 1); transform: scale(0, 1); } .finish__text { margin: 6.89vh 0 0; font-family: Roboto,Arial,Helvetica,sans-serif; font-weight: 300; font-size: 2.3vh; line-height: 1.54; color: #d6dde4; } .finish__text p { margin: 0.4em 0 1.55em 0; } .finish__icon { 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; width: 1em; height: 1em; border: 1px solid #fff; border-radius: 50%; text-align: center; } .finish__icon-img { background: no-repeat center / contain; display: block; margin: auto; max-width: 50%; max-height: 50%; } .finish__notify { font-weight: 300; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 4.283vh 0 0; font-size: 2.2vh; line-height: 1.4; opacity: 0.8; } .finish__notify-icon { font-size: 5.586vh; -webkit-box-flex: 1; -ms-flex: 1 0 1em; flex: 1 0 1em; margin: 6px 0.58em 0 0; } .finish__subpage { position: absolute; width: 100%; visibility: hidden; } .finish__subpage_hide { -webkit-animation: FINISH_OUT 0.2s ease-out both; animation: FINISH_OUT 0.2s ease-out both; } .finish__subpage_show { -webkit-animation: FINISH_IN 0.4s ease-out 0.1s both; animation: FINISH_IN 0.4s ease-out 0.1s both; } .finish .btn-back { top: -6.332vh; left: 0; cursor: pointer; } .images-block { display: inline-block; vertical-align: top; width: 33.33333%; padding: .465vh 0 1.862vh; margin: 4.189vh 0 2.793vh; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .images-block__image { height: 4.189vh; margin-bottom: 4.469vh; } .images-block__text { margin-bottom: .465vh; } .images-block_cinema .images-block__text { padding: 0 30px; line-height: 2; } .shares { height: 100vh; padding: 0 11.718vw 0 5.572vw; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0; } .shares>* { display: inline-block; vertical-align: top; } .shares__left { width: 32%; padding: 20.67vh 0 0; } .shares__left-text { cursor: default; } .shares__item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 4.543vh; text-decoration: none; } .shares__item>* { display: inline-block; vertical-align: top; } .shares__item:last-child .shares__item-right { margin-bottom: 0; } .shares__right { position: relative; width: 68%; height: 100vh; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .shares__right:before,.shares__right:after { position: absolute; content: ""; left: 0; width: 100%; z-index: 10; } .shares__right:before { top: 0; height: 16.759vh; background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(35%, rgba(255,255,255,0.98)), color-stop(50%, rgba(255,255,255,0.9)), color-stop(55%, rgba(255,255,255,0.85)), color-stop(59%, rgba(255,255,255,0.8)), color-stop(80%, rgba(255,255,255,0.4)), to(rgba(255,255,255,0))); background: linear-gradient(to bottom, #fff 0%, rgba(255,255,255,0.98) 35%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.85) 55%, rgba(255,255,255,0.8) 59%, rgba(255,255,255,0.4) 80%, rgba(255,255,255,0) 100%); } .shares__right:after { bottom: 0; height: 11.173vh; background: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(35%, rgba(255,255,255,0.98)), color-stop(45%, rgba(255,255,255,0.9)), color-stop(55%, rgba(255,255,255,0.8)), color-stop(75%, rgba(255,255,255,0.5)), color-stop(80%, rgba(255,255,255,0.4)), to(rgba(255,255,255,0))); background: linear-gradient(to top, #fff 0%, rgba(255,255,255,0.98) 35%, rgba(255,255,255,0.9) 45%, rgba(255,255,255,0.8) 55%, rgba(255,255,255,0.5) 75%, rgba(255,255,255,0.4) 80%, rgba(255,255,255,0) 100%); } .shares__right-list { padding: 20.67vh 0 3.724vh; } .shares__right-window { height: 100vh; } .shares__item-left { width: 33.541vw; min-height: 26.722vh; margin-right: 2.395vw; background-size: cover; background-position: center; } .shares__item-right { width: 19.01vw; padding: 4.283vh 0 2.793vh; border-top: .093vh solid rgba(151,151,151,0.34); border-bottom: .093vh solid rgba(151,151,151,0.34); -webkit-box-sizing: border-box; box-sizing: border-box; } .shares__item-date { margin-top: .744vh; } .shares__item-text { margin-top: 1.955vh; margin-bottom: 6.052vh; } .shares__item-detail { position: relative; text-decoration: none; display: inline-block; } .shares__item-detail:before { position: absolute; content: ""; top: 0; bottom: 0; right: -1.667vw; width: 1.145vw; height: .465vh; margin: auto; background: url("/local/templates/nebo_/styles/../images/arrow/next-blue.svg") no-repeat center/100%; } .shares-detail { padding: 20.67vh 22.343vw 10.055vh 34.218vw; -webkit-box-sizing: border-box; box-sizing: border-box; } .shares-detail:before,.shares-detail:after { position: fixed; content: ""; left: 0; width: 100%; z-index: 10; } .shares-detail:before { top: 0; height: 16.759vh; background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(35%, rgba(255,255,255,0.98)), color-stop(50%, rgba(255,255,255,0.9)), color-stop(55%, rgba(255,255,255,0.85)), color-stop(59%, rgba(255,255,255,0.8)), color-stop(80%, rgba(255,255,255,0.4)), to(rgba(255,255,255,0))); background: linear-gradient(to bottom, #fff 0%, rgba(255,255,255,0.98) 35%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.85) 55%, rgba(255,255,255,0.8) 59%, rgba(255,255,255,0.4) 80%, rgba(255,255,255,0) 100%); } .shares-detail:after { bottom: 0; height: 11.173vh; background: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(35%, rgba(255,255,255,0.98)), color-stop(45%, rgba(255,255,255,0.9)), color-stop(55%, rgba(255,255,255,0.8)), color-stop(75%, rgba(255,255,255,0.5)), color-stop(80%, rgba(255,255,255,0.4)), to(rgba(255,255,255,0))); background: linear-gradient(to top, #fff 0%, rgba(255,255,255,0.98) 35%, rgba(255,255,255,0.9) 45%, rgba(255,255,255,0.8) 55%, rgba(255,255,255,0.5) 75%, rgba(255,255,255,0.4) 80%, rgba(255,255,255,0) 100%); } .shares-detail__image { width: 43.437vw; height: 34.823vh; margin-bottom: 4.655vh; background-size: cover; background-position: center; } .shares-detail__date { margin-top: .744vh; } .shares-detail__text { margin: 2.42vh 0 1.564vh; border-bottom: .052vw solid rgba(151,151,151,0.34); } .shares-detail__personal { position: relative; padding: 0; text-decoration: none; background: none; border: none; cursor: pointer; margin-top: 2.607vh; } .shares-detail__personal:before { position: absolute; content: ""; top: 0; bottom: 0; right: -1.667vw; margin: auto; width: 1.145vw; height: .744vh; background: url("/local/templates/nebo_/styles/../images/arrow/next-blue.svg") no-repeat center/100%; } .shares-detail__overs-title { margin-bottom: 6.61vh; } .shares-detail__overs-items { display: -webkit-box; display: -ms-flexbox; display: flex; } .shares-detail__overs-item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: top; text-decoration: none; } .shares-detail__overs-item>* { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-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; } .shares-detail__overs-item-image { width: 9.322vw; min-height: 9.59vh; margin-right: 1.093vw; background-size: cover; background-position: center; } .shares-detail__overs-item-text { width: 10.729vw; } .shares-index { background: #415364; color: #ffffff; font-family: "Asket Extended",Arial,Helvetica,sans-serif; font-weight: 500; text-transform: uppercase; padding: 1.445vw 0; } .shares-index__content { margin: auto; width: 32.947vw; } .shares-index__icon { width: 3.757vw; height: 4.407vw; margin: .289vw 1.878vw .433vw; display: inline-block; background: url("/local/templates/nebo_/styles/../images/shares-index/gift.png") no-repeat 0 0/900% auto; -webkit-animation: gift 2.56s steps(1) 0.36s infinite !important; animation: gift 2.56s steps(1) 0.36s infinite !important; } .shares-index__text { display: inline-block; } .shares-index__title { font-size: 1.083vw; line-height: 1.589vw; margin: .289vw 0; } .shares-index__link { font-size: .65vw; margin: 0 .361vw; line-height: 2.11; opacity: 0.6; } .news-list { width: 100vw; height: 100vh; padding: 0 19.791vw 0 5.52vw; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #5787b3; font-size: 0; overflow: hidden; } .news-list:before,.news-list:after { position: absolute; content: ""; left: 0; width: 100%; z-index: 10; } .news-list:before { top: 0; height: 16.759vh; background: -webkit-gradient(linear, left top, left bottom, from(#5787b3), color-stop(35%, rgba(87,135,179,0.98)), color-stop(50%, rgba(87,135,179,0.9)), color-stop(55%, rgba(87,135,179,0.85)), color-stop(59%, rgba(87,135,179,0.8)), color-stop(80%, rgba(87,135,179,0.4)), to(rgba(87,135,179,0))); background: linear-gradient(to bottom, #5787b3 0%, rgba(87,135,179,0.98) 35%, rgba(87,135,179,0.9) 50%, rgba(87,135,179,0.85) 55%, rgba(87,135,179,0.8) 59%, rgba(87,135,179,0.4) 80%, rgba(87,135,179,0) 100%); } .news-list:after { bottom: 0; height: 11.173vh; background: -webkit-gradient(linear, left bottom, left top, from(#5787b3), color-stop(35%, rgba(87,135,179,0.98)), color-stop(45%, rgba(87,135,179,0.9)), color-stop(55%, rgba(87,135,179,0.8)), color-stop(75%, rgba(87,135,179,0.5)), color-stop(80%, rgba(87,135,179,0.4)), to(rgba(87,135,179,0))); background: linear-gradient(to top, #5787b3 0%, rgba(87,135,179,0.98) 35%, rgba(87,135,179,0.9) 45%, rgba(87,135,179,0.8) 55%, rgba(87,135,179,0.5) 75%, rgba(87,135,179,0.4) 80%, rgba(87,135,179,0) 100%); } .news-list>* { display: inline-block; vertical-align: top; } .news-list .breadcrumbs__wrapper { padding-top: 40vh; } .news-list__title { padding-top: 5vh; margin-right: 14.218vw; } .news-list__block { vertical-align: top; height: 100vh; } .news-list__block-items-valign::before,.news-list__block-items-valign::after { content: ""; display: inline-block; height: 100vh; vertical-align: middle; } .news-list__block-items { display: inline-block; vertical-align: middle; width: 46.093vw; padding: 9.776vh 0 10.242vh; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; } .news-list__item { display: inline-block; vertical-align: top; width: 18.229vw; margin: 3.724vh 9.531vw 4.655vh 0; padding: 0 15px 0 0; box-sizing: border-box; text-decoration: none; } .news-list__item:nth-child(2n) { margin-right: 0; } .news-list__item-date { margin-bottom: 1.21vh; } .news-list__item-title { margin-bottom: 1.21vh; } .modal-iframe { border: none; display: block; width: 100vw; height: 100vh; } .p-404 { width: 100%; height: 100vh; background: #d4d8dc; } .p-404__title { color: #212121; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .p-404__btn-back { display: none; } ._iframe .p-404__btn-back { display: block; } .p-index { position: relative; width: 100vw; height: 100vh; overflow: hidden; } .p-index__slides { min-height: 1135px; } .p-index__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none; } .p-index__item_next { visibility: visible; } .p-index__item_current { pointer-events: all; } .p-index__item-shares { position: fixed; z-index: 504; bottom: 0; left: 0; -webkit-transform: translate(0, 100%); transform: translate(0, 100%); } .p-index__item_current .p-index__item-shares { -webkit-animation: scroll-in 0.3s both 0.5s; animation: scroll-in 0.3s both 0.5s; } .p-index__item_previous{ visibility: hidden; } .p-index__item_previous.p-index__item_previous--last { visibility: visible; } .p-index__item_previous .p-index__item-shares { -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation: scroll-out 0.3s both; animation: scroll-out 0.3s both; } .p-index__block { position: relative; height: 100%; width: 50%; overflow: hidden; float: left; } .p-index__block_left { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 50vh; opacity: 0; -webkit-transition: opacity .5s ease-out; transition: opacity .5s ease-out; pointer-events: none; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .p-index__item_current .p-index__block_left { opacity: 1; pointer-events: all; } .p-index__item_previous .p-index__block_left { pointer-events: none; } .p-index__block-image { position: absolute; top: 0; bottom: 0; right: 0; display: block; height: 100%; margin: auto 0; -webkit-transform: translateX(100%) translateX(155px) translateZ(0) scale(.3100558659); transform: translateX(100%) translateX(155px) translateZ(0) scale(.3100558659); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; will-change: transform; -webkit-transition: -webkit-transform; transition: -webkit-transform; transition: transform; transition: transform, -webkit-transform; -webkit-transition-duration: .5s; transition-duration: .5s; } .p-index__block-image_v { width: auto; height: 100%; } .p-index__item_next .p-index__block-image { -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-delay: .5s; transition-delay: .5s; -webkit-transform: translateX(100%) translateX(-155px) translateZ(0) scale(.3100558659); transform: translateX(100%) translateX(-155px) translateZ(0) scale(.3100558659); pointer-events: all; cursor: pointer; } .p-index__item_current .p-index__block-image { right: 0; margin-left: 0; cursor: auto; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transform: translateX(0) translateX(0) translateZ(0) scale(1); transform: translateX(0) translateX(0) translateZ(0) scale(1); } .p-index_backscroll .p-index__item_current .p-index__block-image { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .p-index__item_previous .p-index__block-image { -webkit-transform: translateX(0) translateX(0) translateZ(0) scale(1.3); transform: translateX(0) translateX(0) translateZ(0) scale(1.3); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .p-index_backscroll .p-index__block-image { -webkit-transition-delay: 0s; transition-delay: 0s; } .p-index__block-circ { position: absolute; top: 0; bottom: 0; left: -28.5845vh; margin: auto; width: 57.169vh; height: 57.169vh; opacity: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: opacity,-webkit-transform; transition: opacity,-webkit-transform; transition: opacity,transform; transition: opacity,transform,-webkit-transform; -webkit-transition-duration: 1s; transition-duration: 1s; } .p-index__item_current .p-index__block-circ { opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); } .p-index__item_previous .p-index__block-circ { opacity: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .p-index__content { position: relative; } .p-index__circle { position: absolute; top: 0; left: 0; bottom: 0; width: 57.169vh; height: 57.169vh; margin: auto; color: #fff; } .p-index__circle::after { content: ''; position: relative; left: -50%; display: block; width: 100%; height: 100%; border: solid 8.379vh; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; } .p-index__circle_half { right: 0; left: auto; opacity: 0.2; } .p-index__circle_half::after { left: 50%; } .p-index__next-block-title { position: absolute; top: 0; bottom: 0; left: auto; right: 0; display: block; height: 2.48em; margin: auto; text-align: right; opacity: 0; -webkit-transform: translateX(100px); transform: translateX(100px); -webkit-transition: opacity,-webkit-transform; transition: opacity,-webkit-transform; transition: opacity,transform; transition: opacity,transform,-webkit-transform; -webkit-transition-duration: .75s; transition-duration: .75s; } .p-index__next-block-title::after { content: ''; display: inline-block; width: 56px; height: 3px; vertical-align: middle; margin-left: 66px; background: #fff; } .p-index__next-block-title span { vertical-align: middle; } .p-index__item_next .p-index__next-block-title { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); pointer-events: all; cursor: pointer; -webkit-transition-delay: .35s; transition-delay: .35s; } .p-index__item_current .p-index__next-block-title { opacity: 0; -webkit-transform: translateX(-100px); transform: translateX(-100px); -webkit-transition-duration: .35s; transition-duration: .35s; -webkit-transition-delay: 0s; transition-delay: 0s; cursor: auto; } .p-index__pagination { position: absolute; left: 50%; bottom: 0; margin: 3.258vh 4.655vh; } .p-gallery { overflow: hidden; } .p-gallery__title { position: relative; margin: 5.249vh 5.572vw 0; z-index: 10; color: #fff; } .p-gallery .breadcrumbs__wrapper { position: relative; margin: 13.249vh 5.572vw 0; z-index: 10; } .p-contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; overflow: hidden; height: 100vh; } .p-contacts__map { overflow: hidden; } .p-conditions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 100vh; } .p-team { position: relative; display: block; width: 100%; height: 100vh; padding: 11.173vh 11.145vw 6.517vh; -webkit-box-sizing: border-box; box-sizing: border-box; background: url("/local/templates/nebo_/styles/../images/bg/bg-team.jpg") no-repeat center/100% auto; } .p-news { display: block; width: 100%; height: 100vh; background: #5787b3; } ._immediate,._immediate * { -webkit-transition: none !important; transition: none !important; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-duration: 0s; animation-duration: 0s; } ._immediate .index-block__link,._immediate * .index-block__link { -webkit-transition: color 0.5s !important; transition: color 0.5s !important; } .top-panel { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; position: fixed; top: 0; left: 0; right: 0; height: 50px; font-size: 12px; line-height: normal; font-weight: 400; font-weight: 300; letter-spacing: 1.68px; /* background-color: #4b4442; */ background-color: #5b89b4; color: #ffffff; text-transform: uppercase; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; text-decoration: none; outline: 0; text-align: center; /* z-index: 999999; */ z-index: 999; /* font-family: Roboto,"Asket Extended",Arial,Helvetica,sans-serif; */ font-family: "Asket Extended",Roboto,Arial,Helvetica,sans-serif; padding-top: 1px; } .top-panel:hover, .top-panel:focus { text-decoration: none; background-color: #5b89b4; color: #ffffff; outline: 0; } .top-panel span { display: inline-block; vertical-align: middle; } .top-panel-icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMy41IiBoZWlnaHQ9IjUiIHZpZXdCb3g9IjAgMCAyMy41IDUiPjxkZWZzPjxzdHlsZT4uYXtmaWxsOm5vbmU7c3Ryb2tlOiM1ZDYwNjQ7fS5ie2ZpbGw6IzVkNjA2NDt9PC9zdHlsZT48L2RlZnM+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI3MiAtMykiPjxsaW5lIGNsYXNzPSJhIiB4Mj0iMjAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI3MiA1LjUpIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik0yLjUsMCw1LDRIMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI5NS41IDMpIHJvdGF0ZSg5MCkiLz48L2c+PC9zdmc+); background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMy41IiBoZWlnaHQ9IjUiIHZpZXdCb3g9IjAgMCAyMy41IDUiPjxkZWZzPjxzdHlsZT4uYXtmaWxsOm5vbmU7c3Ryb2tlOiNmZmZmZmY7fS5ie2ZpbGw6I2ZmZmZmZjt9PC9zdHlsZT48L2RlZnM+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI3MiAtMykiPjxsaW5lIGNsYXNzPSJhIiB4Mj0iMjAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI3MiA1LjUpIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik0yLjUsMCw1LDRIMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI5NS41IDMpIHJvdGF0ZSg5MCkiLz48L2c+PC9zdmc+); background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; width: 24px; min-width: 24px; max-width: 24px; height: 5px; display: inline-block; vertical-align: middle; margin-left: 10px; } body.top-panel-body { position: relative; min-height: -webkit-calc(100vh - 50px); min-height: -moz-calc(100vh - 50px); min-height: calc(100vh - 50px); margin-top: 50px; } body.top-panel-body .p-index { /* width: 100vw; */ /* height: 100vh; */ max-width: 100%; max-height: 100%; } body.top-panel-body .custom-page { height: -webkit-calc(100vh - 50px); height: -moz-calc(100vh - 50px); height: calc(100vh - 50px); min-height: -webkit-calc(100vh - 50px); min-height: -moz-calc(100vh - 50px); min-height: calc(100vh - 50px); } body.top-panel-body .selection { height: -webkit-calc(100vh - 50px); height: -moz-calc(100vh - 50px); height: calc(100vh - 50px); } body.top-panel-body .slider__controls { margin: 0.234vh 0; } body.top-panel-body .filters__elem-block-box { /* margin: .558vh 0 1.607vh; */ margin-bottom: 1.607vh; } body.top-panel-body .filters__elem_inline .filters__elem-block-box { margin-bottom: 0; } body.top-panel-body .filters__elem-title { margin: 1.234vh 0; } body.top-panel-body .filters__elem_inline .filters__elem-title { margin: .104vw 1.354vw 0 0; } body.top-panel-body .filters__block { margin: 4.169vh 0 6.728vh; } body.top-panel-body .selection__block { max-height: 100%; } body.top-panel-body .p-plan { max-height: 100%; } body.top-panel-body .p-team { max-height: 100%; } body.top-panel-body .custom-header__content { max-height: 100%; } /* body.top-panel-body .page.custom-page>.container {} */ body.top-panel-body .page.custom-page .container[data-v-ca3a50] { top: 50px; bottom: 0; left: 0; right: 0; overflow: hidden; } body.top-panel-body .start-screen { max-height: 100%; } body.top-panel-body .start-screen.small[data-v-ca3a50] { height: auto; top: 50px; bottom: 0px; } body.top-panel-body .finish { max-height: 100%; } body.top-panel-body .slider-gallery { height: auto; top: 50px; bottom: 0; } body.top-panel-body .infrastructure { max-height: 100%; } body.top-panel-body .infrastructure__bank { max-height: 100%; } body.top-panel-body .floor { max-height: 100%; } body.top-panel-body .infrastructure__image-block { position: relative; height: 100%; } body.top-panel-body .infrastructure__right { max-height: 100%; } body.top-panel-body .news-list { max-height: 100%; } body.top-panel-body .news-list__block { height: 100vh; height: -webkit-calc(100vh - 50px); height: -moz-calc(100vh - 50px); height: calc(100vh - 50px); } body.top-panel-body .p-news { max-height: 100%; } body.top-panel-body .construction { max-height: 100%; } body.top-panel-body .construction__block_left { max-height: 100%; } body.top-panel-body .construction__block { min-height: -webkit-calc(100vh - 50px); min-height: -moz-calc(100vh - 50px); min-height: calc(100vh - 50px); } body.top-panel-body .p-contacts { max-height: 100%; } body.top-panel-body .menu-modal__link { /* margin: 5.31vh 0; */ margin: 0 0 10vh } body.top-panel-body .documents { max-height: 100%; } body.top-panel-body .wrapper.wrapper.start-screen__mobile { height: -webkit-calc(100vh - 50px); height: -moz-calc(100vh - 50px); height: calc(100vh - 50px); min-height: -webkit-calc(100vh - 50px); min-height: -moz-calc(100vh - 50px); min-height: calc(100vh - 50px); } /*.tablet.ios .menu-modal__wrapper {*/ /* height: 100%;*/ /*}*/ .tablet.android .menu-modal__wrapper, .mobile.portrait .menu-modal__wrapper { height: 85%; } .tablet.portrait.android body.top-panel-body .menu-modal__link { margin: 0 0 15vh; } .tablet .custom-menu__item-link, .tablet .menu-modal__item{ font-size: 23px; } .tablet.portrait body.top-panel-body .menu-modal__link { margin: 5.31vh 0; } .tablet.landscape ._menuCenter .custom-header__burger, .macos.landscape ._menuCenter .custom-header__burger, .mobile.landscape ._menuCenter .custom-header__burger { left: 50%; } .mobile.landscape .menu-modal__wrapper { height: 85%; } .mobile.landscape .menu-modal__item { margin-bottom: 3vh; font-size: 1.75vw; } .mobile.landscape .menu-modal__link { margin-bottom: 20vh; } @media screen and (max-width: 1279px) and (orientation: portrait){ body.top-panel-body .custom-page { height: auto; min-height: -webkit-calc(100vh - 50px); min-height: -moz-calc(100vh - 50px); min-height: calc(100vh - 50px); } body.top-panel-body .p-index { min-height: -webkit-calc(100vh - 50px); min-height: -moz-calc(100vh - 50px); min-height: calc(100vh - 50px); } body.top-panel-body .p-index__item { min-height: -webkit-calc(100vh - 50px); min-height: -moz-calc(100vh - 50px); min-height: calc(100vh - 50px); } body.top-panel-body .p-index__block_left { min-height: -webkit-calc(50vh - 25px); min-height: -moz-calc(50vh - 25px); min-height: calc(50vh - 25px); } body.top-panel-body .p-index__block_right { min-height: -webkit-calc(50vh - 25px); min-height: -moz-calc(50vh - 25px); min-height: calc(50vh - 25px); } body.top-panel-body #menu-burger:checked ~ * .custom-header__wrapper { height: 100vh; height: -webkit-calc(100vh - 50px); height: -moz-calc(100vh - 50px); height: calc(100vh - 50px); } body.top-panel-body .p-team { max-height: none; } body.top-panel-body .custom-page > .selection > .breadcrumbs__wrapper { top: 130px; /* left: 71px; */ } body.top-panel-body .selection__title { top: 160px; } body.top-panel-body .selection-toggle { top: 218px; } /*body.top-panel-body .selection__left { height: 80px; } body.top-panel-body .selection-towers__item { bottom: 80px; max-height: calc(100% - 80px); } */ body.top-panel-body .selection-catalog { padding-bottom: 79px; } body.top-panel-body .filters__elem_inline .filters__elem-title { margin-bottom: 36px; } body.top-panel-body .filters .btn_filters .btn__bg { height: 62px; } body.top-panel-body .filters .btn.btn_filters { height: auto; } body.top-panel-body .infrastructure_conditions .infrastructure__tab-title { top: 272px; } /* body.top-panel-body .infrastructure .footer-left { z-index: 5; } */ body.top-panel-body .infrastructure__right { max-height: 630px; } body.top-panel-body .construction__block { min-height: auto; } body.top-panel-body .construction { /* max-height: 100%; */ min-height: -webkit-calc(100vh - 50px); min-height: -moz-calc(100vh - 50px); min-height: calc(100vh - 50px); } body.top-panel-body .p-contacts { min-height: 100vh; min-height: -webkit-calc(100vh - 50px); min-height: -moz-calc(100vh - 50px); min-height: calc(100vh - 50px); } body.top-panel-body .contacts { height: 100vh; height: -webkit-calc(100vh - 50px); height: -moz-calc(100vh - 50px); height: calc(100vh - 50px); } body.top-panel-body .news-list__block { height: auto; } body.top-panel-body .slider-gallery { top: 0; } body.top-panel-body._selection { position: fixed; width: 100%; height: 100%; overflow: hidden; } .tablet.portrait ._selection .selection__block, .macos ._selection .selection__block { padding-top: 0px; margin-top: 265px; } } @media (max-width: 1024px){ body.top-panel-body #menu-burger:checked ~ * .custom-header__wrapper { height: 100vh; height: -webkit-calc(100vh - 50px); height: -moz-calc(100vh - 50px); height: calc(100vh - 50px); } } @media screen and (max-width: 1279px) and (orientation: portrait) and (min-width: 1280px), screen and (max-width: 1279px) and (orientation: portrait) and (max-width: 1279px) and (orientation: landscape) { ._call_none-on-desk .btn-call { display: none; } } @media screen and (min-width: 1280px), screen and (max-width: 1279px) and (orientation: landscape) { ._fixed .custom-header__logo { position: fixed; } .slider-gallery__hand { display: none!important; } .custom-header__burger { 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; height: 3.125vw; } ._fixed .custom-header__burger { position: fixed; } ._fixed .custom-header__items { position: fixed; } ._fixed .footer { position: fixed; } .is-desktop { background: #ffffff; } .btn-back_fixed { position: fixed; top: 0; left: 0; bottom: auto; right: auto; margin: 11.302vw 5.677vw; } .selection-towers__coming-soon { width: 11.25vw; height: 4.748vh; line-height: 4.748vh; } .selection-catalog__cell_rooms br { display: none; } .gallery-tab__item:hover .gallery-tab__text { color: #fff; border-bottom: .279vh solid #fff; } ._nocenter .menu-modal__close { left: 33.6%; } .contacts { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .team__list { -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(10%, #000), color-stop(90%, #000), to(rgba(0,0,0,0))); -webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000 10%, #000 90%, rgba(0,0,0,0) 100%); mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(10%, #000), color-stop(90%, #000), to(rgba(0,0,0,0))); mask-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000 10%, #000 90%, rgba(0,0,0,0) 100%); padding: 5.586vh 0; } .team__item_main { width: 38.541vw; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-right: 0; margin-left: auto; } .team__item_main .team__item-title { font-size: 1.041vw; line-height: 1.4; width: 21.458vw; margin: 5.772vh 0; font-weight: 500; opacity: 1; } .details__location-image { padding-bottom: 100%; } .details__location-image svg { position: absolute; } .floor-pointer_hover .floor-pointer__detail::before { -webkit-transform: scale(1); transform: scale(1); opacity: 1; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .floor-pointer_hover .floor-pointer__detail-info { opacity: 1; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .floor-pointer_hover .floor-pointer__detail-info { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .infrastructure__bank { height: 100vh; padding-top: 18.249vh; } .infrastructure__tab-image { min-height: 100vh; } .infrastructure__content-scroll { height: 52.619vh; margin-right: -20px; } .infrastructure__content-wrap { padding-right: 20px; } .infrastructure .button-wrapper { margin: -20px 0 20px; } .finish { height: 100vh; overflow: hidden; } .finish__gallery-arr { width: 64px; height: 30px; } .finish__links { padding: 0 8px; } .images-block:nth-child(3n+2) { border-right: .093vh solid rgba(213,218,223,0.19); border-left: .093vh solid rgba(213,218,223,0.19); } .images-block__text { font-size: .625vw; } .shares-index { position: absolute; background-color: transparent; padding: 0 0 1.156vw 0; } .shares-index__content { display: -webkit-box; display: -ms-flexbox; display: flex; -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; width: 24.638vw; height: 10.187vw; margin: 0; padding: 1.302vw 1.822vw 3.02vw 1.228vw; -webkit-box-sizing: border-box; box-sizing: border-box; background: #5988b1 url("/local/templates/nebo_/styles/../images/shares-index/bg.svg") no-repeat center top/100% 100%; } .shares-index__icon { vertical-align: top; margin: -.723vw 0 0; width: 5.677vw; height: 5.26vw; } .shares-index__text { vertical-align: top; width: 15.028vw; } .shares-index__title { font-size: .867vw; line-height: 1.372vw; } .p-index__item-shares { position: absolute; right: 0; bottom: -20px; left: 45%; width: 27.89vw; margin: auto; padding-right: 1.927vw; text-align: left; } .p-index__item_shares .more-info { display: none; } } @media screen and (max-width: 1365px), screen and (min-width: 1280px) and (orientation: landscape) { ._small .custom-header__logo { /* width: 100px; */ /* height: 50px; */ /* margin: 30px 50px; */ } .custom-header__logo { /* width: 140px; */ /* height: 70px; */ /* margin: 30px 50px; */ } .custom-header__burger { height: 30px; width: 31px; margin: 36px 23.5px; } .custom-header__burger>* { width: 30px; height: 33px; margin: 3.5px 0; } .custom-header__items { padding: 32px 45.5px; } .custom-header__item { font-size: 17px; margin: 0 25px; } .custom-header__item_link { padding: 0 20px; font-size: 11px; line-height: 40px; } } @media screen and (min-width: 1366px) and (orientation: landscape) { ._small .custom-header__logo { /* width: 140px; */ /* height: 70px; */ /* margin: 30px 50px; */ } .custom-header__logo { /* width: 193px; */ /* height: 104px; */ /* margin: 35px 50px; */ } .custom-header__burger { height: 34px; width: 40px; margin: 35px 45.5px; } .custom-header__burger>* { width: 40px; height: 40px; margin: 3.5px 0; } .custom-header__items { padding: 31px 45.5px; } .custom-header__item { font-size: 21px; } .custom-header__item_link { padding: 0 30px; font-size: 14px; line-height: 46px; } } @media screen and (max-width: 1279px) and (orientation: portrait) { .btn_back,.btn-back__text,.info-apartment__finish { font-size: 11px; letter-spacing: 1.8px; line-height: 1; } .btn__text { font-size: 12px; letter-spacing: 1.8px; line-height: 50px; } .btn_dark .btn__text,.details__plan { font-size: 11px; letter-spacing: 1.8px; } .check-input__label,.selection-toggle__text { font-size: 18px; letter-spacing: normal; line-height: normal; } .construction-modal__title-container { font-size: 36px; letter-spacing: normal; line-height: 1.5; } .construction-img__name { font-size: 24px; letter-spacing: normal; line-height: 1.5; } .construction__about-text { font-size: 24px; letter-spacing: 0.1px; line-height: 1.5; } .conditions__title,.construction__about-title { font-size: 36px; letter-spacing: 1.5px; line-height: 1.22; } .construction__year-text { font-size: 32px; letter-spacing: 1.1px; line-height: 1; } .contacts__link,.contacts__item-text,.infrastructure__about-text,.infrastructure__about-item-text { font-size: 16px; letter-spacing: 1.1px; line-height: 2; } .selection-towers__coming-soon,.contacts__item-title,.infrastructure__about-item-title { font-size: 11px; letter-spacing: 1.6px; line-height: normal; } .map__link { font-size: 24px; letter-spacing: 3.4px; line-height: normal; } .footer__text { font-size: 14px; letter-spacing: 0.9px; line-height: 1; } .custom-page { letter-spacing: normal; } .details__location-title { font-size: 14px; letter-spacing: 2px; line-height: 1.57; } .dropdown__item { font-size: 16px; letter-spacing: 0.7px; } .filters__clear { font-size: 16px; letter-spacing: 1px; line-height: 1.2; } .selection__left-text { font-size: 23px; letter-spacing: 2px; line-height: 1; } .filters__elem-title,.filters__elem-subtitle,.filters__elem-block-num,.slider__line-text,.slider__line-signature { font-size: 14px; letter-spacing: 2px; line-height: 16px; } .selection-pointer__value { font-size: 44px; letter-spacing: -2.1px; line-height: 1.1; } .selection-pointer__value-text { font-size: 9px; letter-spacing: 1px; line-height: 19px; } .floor-pointer__detail-meters { font-size: 15px; letter-spacing: -0.7px; line-height: 1; } .floor-pointer__detail-meters span { font-size: 20px; letter-spacing: -0.9px; line-height: 1; } .floor__about-state-text { font-size: 11px; letter-spacing: 1.8px; line-height: 1; } .footer__link { font-size: 11px; letter-spacing: 0.7px; line-height: 1; } .gallery-tab__text { font-size: 14px; letter-spacing: 1.8px; line-height: 3.36; } .custom-header__item { font-size: 16px; letter-spacing: 1px; line-height: 2.88; } .index-block__location-text { font-size: 18px; letter-spacing: normal; line-height: 1.33; } .index-block__index { font-size: 25px; letter-spacing: 2px; line-height: 1; } .index-block__main-title { font-size: 60px; letter-spacing: 5.2px; line-height: 1; } .index-block__subtitle { font-size: 13px; letter-spacing: normal; line-height: 1; } .index-block__text,.gallery-carousel__item-text { font-size: 22px; letter-spacing: normal; line-height: 1.61; } .index-block__title,.p-gallery__title { font-size: 36px; letter-spacing: 2.3px; line-height: 1.44; } .index-block__link { font-size: 12px; letter-spacing: 2px; line-height: 1; } .news__title,.infrastructure__title,.finish__title,.news-list__title { font-size: 32px; letter-spacing: 1.4px; line-height: 1.1; } .infrastructure__tab-title { font-size: 14px; letter-spacing: 1.8px; line-height: 1; } .infrastructure__content-title { font-size: 22px; letter-spacing: 0.1px; line-height: 36px; } .team__item-text,.infrastructure__content-subtitle { font-size: 18px; line-height: 1.5; } .images-block__text { font-size: 14px; letter-spacing: 2px; line-height: 22px; } .input,.dropdown__item_active,.form__timing>* { font-size: 27px; letter-spacing: 1.1px; line-height: normal; } .menu-modal__link { font-size: 12px; letter-spacing: 0.8px; line-height: 3.83; } .menu-modal__link.menu-modal__link--2 { margin-left: 23.781vw !important; } .custom-menu__item-link,.menu-modal__item { font-size: 28px; letter-spacing: 1.4px; line-height: 2.39; } .tablet .custom-menu__item-link, .tablet .menu-modal__item .macos .custom-menu__item-link, .macos .menu-modal__item { font-size: 24px; line-height: 2.3; } .more-info__item-text { font-size: 14px; letter-spacing: 0.8px; line-height: 1; } .custom-menu__subitem,.more-info__item-title { font-size: 13px; letter-spacing: 2.2px; line-height: 1; } .p-index__next-block-title { font-size: 16px; letter-spacing: 3.25px; line-height: 1.5; } .shares__left-text { font-size: 36px; letter-spacing: 1.5px; line-height: 1; } .shares__item-title { font-size: 16px; letter-spacing: 0.7px; line-height: 1.3; } .shares__item-date,.shares-detail__date { font-size: 14px; letter-spacing: 1.7px; line-height: 1.2; } .shares__item-text,.shares-detail__text { font-size: 18px; letter-spacing: 0; line-height: 1.4; } .shares__item-detail,.shares-detail__personal { font-size: 14px; letter-spacing: 2px; line-height: 1; } .shares-detail__title { font-size: 18px; letter-spacing: 0.7px; line-height: 1.3; } .shares-detail__overs-title { font-size: 14px; letter-spacing: 2px; line-height: 1; } .shares-detail__overs-item-text { font-size: 12px; letter-spacing: 1.7px; line-height: 1.3; } .menu-modal__submenu-item { font-size: 11px; letter-spacing: 2.5px; line-height: 1; } .info-apartment__subtitle,.floor__about-tower { font-size: 16px; letter-spacing: 1px; line-height: 1.2; } .info-apartment__item-title { font-size: 16px; letter-spacing: 1px; line-height: 1.2; } .selection-catalog__cell { font-size: 13px; letter-spacing: 1.9px; } .selection-catalog__header .selection-catalog__cell,.selection-catalog__cell-title { font-size: 11px; letter-spacing: 1.6px; } .selection-catalog__cell_tower { font-size: 13px; letter-spacing: 1.9px; } .selection-catalog__cell_rooms { font-size: 18px; letter-spacing: 0.8px; } .selection-catalog__cell_finish { font-size: 18px; letter-spacing: 0.8px; } .selection-catalog__m2 { font-size: 15px; letter-spacing: 1px; } .info-apartment__text { font-size: 18px; letter-spacing: normal; line-height: 1; } .selection__title,.filters__title,.form__title,.contacts__title,.team__title,.p-404__title { font-size: 36px; letter-spacing: 1.5px; line-height: 1.2; } .info-apartment__title,.floor__about-level { font-size: 32px; letter-spacing: 1.4px; line-height: 1.2; } .selection-towers__item-name,.filters__item-text { font-size: 12px; letter-spacing: 1.7px; line-height: 1; } .conditions__text,.conditions__text_small { font-size: 20px; letter-spacing: 0.1px; line-height: 1.7; } .conditions__text_small { font-size: 18px; letter-spacing: normal; line-height: 1.56; } .team__statistic-index { font-size: 56px; } .team__statistic-text { font-size: 12px; letter-spacing: 1.5px; line-height: 2; } .team__item-title { font-size: 14px; letter-spacing: 1.8px; line-height: 1.2; } .selection-error__title { font-size: 24px; letter-spacing: 1.4px; line-height: 1; } .selection-error__subtitle { font-size: 28px; letter-spacing: 1.4px; line-height: 1.3; } .news__text { font-size: 22px; letter-spacing: 0.1px; line-height: 36px; } .infrastructure-pointer__text span { font-size: 12px; letter-spacing: 1px; line-height: 1.4; } .floor-pointer__detail-rooms,.floor-pointer__detail-finish { font-size: 11px; letter-spacing: 1.8px; line-height: 1; } .custom-page { height: auto; } .custom-modal__close-btn::before,.custom-modal__close-btn::after { top: 49%; left: 29%; width: 26px; height: 2px; } .custom-modal_construction-modal .custom-modal__close-btn { top: 40px; right: 50px; } .custom-modal__close-btn { top: 40px; right: 50px; width: 62px; height: 62px; border-width: 1px; } .custom-modal__close-btn { top: 40px; right: 50px; width: 65px; height: 65px; } .custom-modal__close-btn::before,.custom-modal__close-btn::after { width: 45%; } .custom-header__logo,.custom-header__burger,.custom-header__items { margin: 18px 50px; } .custom-header { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; } ._white-blue .custom-header__logo path { fill: #212941 !important; } .custom-header { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; } ._small .custom-header__logo { width: 140px; height: 70px; margin: 34px 50px; } .custom-header__logo { width: 140px; height: 70px; top: 0; left: 0; margin: 34px 50px; } .custom-header__logo path { fill: #fff !important; } ._contacts .custom-header__logo path { fill: #4b4442 !important; } .custom-header__burger { position: relative; left: auto; width: 50px; -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; padding: 19px 14px; margin: 34px 140px 34px 20px; } ._contacts .custom-header__burger path { fill: #4b4442 !important; } .custom-header__burger>* { margin: 0; width: 50px; height: 33px; } ._conditions .custom-header__burger { color: #fff; } ._conditions .custom-header__burger>* svg path { fill: #fff; } ._blue .custom-header__burger>* svg path { fill: #fff; } ._white-blue .custom-header__burger { color: #212941; } ._white-blue .custom-header__burger>* svg path { fill: #212941; } ._nocenter .custom-header__burger { left: auto; } .custom-header__wrapper { height: 0; -webkit-transition: height 0s 0.4s; transition: height 0s 0.4s; } #menu-burger:checked ~ * .custom-header__wrapper { -webkit-transition-delay: 0s; transition-delay: 0s; height: 100vh; } .custom-header__items { position: relative; padding: 0; margin: auto 0; width: auto; } ._conditions .custom-header__item { color: #fff; } .custom-header__item { margin: 0 5px; } .custom-header__item_link { display: none; } .footer { left: 0; width: 525px; margin: 30px 50px; max-width: none; } .footer>* { vertical-align: top; } ._white-blue .footer__link { color: #fff; } .footer__link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-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; } ._white-blue .footer__text { color: #fff; } .footer__logo-block { width: 175px; display: block; } ._white-blue .footer__logo-block svg path { fill: #fff; } .is-desktop { background: #000000; } .arrow-pagination__arrow { width: 32px; height: 15px; margin: 22px 0 0; -webkit-filter: drop-shadow(0 .52vw .208vw #000); filter: drop-shadow(0 .52vw .208vw #000); } .input { width: 497px; } .btn { line-height: 50px; } .btn::before { border-width: 3px; } .btn__bg { padding: 0 30px; } .btn_filters .btn__bg { height: 62px; padding: 0 40px; } .btn__text { line-height: 50px; } .btn_filters .btn__text { font-size: 17px; } .btn__icon { width: 33px; height: 16px; } .btn_filters { width: 251px; } .check-input__checkbox { width: 20px; height: 20px; } .check-input__checkbox:after { width: 10px; height: 10px; } .check-input__label { margin-left: 13px; } .btn-call { position: absolute; top: 34px; right: 57px; display: block; height: 60px; width: 60px; border-radius: 50%; border: 2px solid rgba(75,68,66,0.4); -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 507; pointer-events: all; -webkit-user-select: all; -moz-user-select: all; -ms-user-select: all; user-select: all; } .btn-call svg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } ._call_white .btn-call { border-color: #fff; } ._call_white .btn-call svg g { fill: #fff; } ._white-blue .btn-call { border-color: #212941; } ._white-blue .btn-call svg g { fill: #212941; } ._shares-blue .btn-call { border-color: #42A5D7; } ._shares-blue .btn-call svg g { fill: #42A5D7; } ._opacityWhite .btn-call { border-color: #fff; } ._opacityWhite .btn-call svg g { fill: #fff; } ._call_none .btn-call { display: none; } #menu-burger:checked ~ * .btn-call { border-color: #fff; } #menu-burger:checked ~ * .btn-call svg g { fill: #fff; } ._call_fixed .btn-call { position: fixed; top: 94px; } .btn-back { top: 158px; left: 70px; } .btn-back_apartment { top: auto; left: auto; } .btn-back__icon { width: 57px; height: 10px; margin-right: 11.6px; } .btn-back_shares-detail { top: 200px; } .btn-back_apartment { top: auto; left: auto; } .before-after__line { padding: 0 20px; } .before-after__drag { width: 12px; height: 44px; } .before-after__drag-lines { width: 5px; } .before-after__drag-lines p { margin: 3px auto; } .index-block { width: auto; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; margin: 60px 50px; padding-right: 0; } .index-block__main-title { margin: 0 0 22px; } .index-block__title { margin: 0 0 23px; } .index-block__text { margin: 10px 0; } .index-block__text>* { margin: 0 0 10px; } .index-block__buttons { margin: 20px 0; } .index-block__buttons>* { margin: 0 20px; } .index-block__location { margin: 20px 0; } .index-block__location-icon { width: 17.3px; height: 24px; margin-right: 9.7px; } .more-info { margin: 30px 0 0; padding: 15px 0 0; } .more-info__item { min-width: 135px; margin: 0 78px 0 0; } .more-info__item-title { margin: 0 0 8px; } .selection-pointer__indicator { height: 14px; width: 185px; } .selection-towers__item { bottom: 100px; margin-bottom: -36.5%; } .selection-towers__item_prev { -webkit-transform: translateX(-50%) translateX(-185px); transform: translateX(-50%) translateX(-185px); } .selection-towers__item_next { -webkit-transform: translateX(-50%) translateX(185px); transform: translateX(-50%) translateX(185px); } .selection-towers_expanded .selection-towers__item_prev .selection-towers__item-text { -webkit-transform: translate(50px, 90px) scale(0.33); transform: translate(50px, 90px) scale(0.33); } .selection-towers_expanded .selection-towers__item_next .selection-towers__item-text { -webkit-transform: translate(-15px, 90px) scale(0.33) translateX(-100%); transform: translate(-15px, 90px) scale(0.33) translateX(-100%); } .selection-towers__item-text { font-size: 23px; left: -33px; } .selection-towers__item-build { width: 186px; height: 100%; } .selection-towers__pointer { width: 466px; } .selection-towers__coming-soon { left: 5px; right: 5px; height: 51px; line-height: 51px; } .selection-error__block { margin-left: 100px; } .selection-catalog { padding-bottom: 99px; } .selection-catalog__header { padding-right: 0; } .selection-catalog_bank .selection-catalog__header { display: block; padding-right: 17px; } .selection-catalog_bank .selection-catalog__header .selection-catalog__row { padding: 21px; } .selection-catalog_bank .selection-catalog__header .selection-catalog__cell { font-size: 10px; padding-left: 17px; } .selection-catalog__list .selection-catalog__cell_finish { text-transform: none; } .selection-catalog__row { padding: 0; line-height: 1; } .selection-catalog_bank .selection-catalog__row .selection-catalog__row-left { background: none; } .selection-catalog__header .selection-catalog__row { padding: 0; } .selection-catalog_bank .selection-catalog__row { padding: 30px 21px; -webkit-box-sizing: border-box; box-sizing: border-box; } .selection-catalog_bank .selection-catalog__row>* { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .selection-catalog__cell_tower,.selection-catalog__cell_floor,.selection-catalog__cell_rooms,.selection-catalog__cell_index { width: auto; } .selection-catalog__cell_more { font-size: 15px; } .selection-catalog__cell_tower { font-weight: bold; color: #4b4442; } .selection-catalog__cell_finish { font-weight: normal; } .selection-catalog__cell_index,.selection-catalog__cell_floor,.selection-catalog__cell_square,.selection-catalog__cell_price-m2,.selection-catalog__cell_price { font-size: 18px; } .selection-catalog__cell_index,.selection-catalog__cell_price-m2,.selection-catalog__cell_more { display: none; } .selection-catalog__header .selection-catalog__cell::before { width: 5px; height: 10px; } .selection-catalog__header .selection-catalog__cell_rate::before { left: 97%; } .selection-catalog__header .selection-catalog__cell_finish::before { left: 10%; top: -15px; right: auto; } .selection-catalog__header .selection-catalog__cell_contribution::before { left: 98%; } .selection-catalog__header .selection-catalog__cell_terms::before { left: 107%; } .selection-catalog__header .selection-catalog__cell_index,.selection-catalog__header .selection-catalog__cell_price-m2,.selection-catalog__header .selection-catalog__cell_more { display: none; } .selection-catalog__header .selection-catalog__cell { height: 70px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .selection-catalog__header .selection-catalog__cell_price,.selection-catalog__header .selection-catalog__cell_rooms,.selection-catalog__header .selection-catalog__cell_floor,.selection-catalog__header .selection-catalog__cell_tower,.selection-catalog__header .selection-catalog__cell_square { text-align: left; } .selection-catalog__header .selection-catalog__cell_price:before,.selection-catalog__header .selection-catalog__cell_rooms:before,.selection-catalog__header .selection-catalog__cell_floor:before,.selection-catalog__header .selection-catalog__cell_tower:before,.selection-catalog__header .selection-catalog__cell_square:before { right: auto; left: 0%; top: -15px; } .selection-catalog__header .selection-catalog__cell_price { padding: 21px 15px 21px 15px; } .selection-catalog__header .selection-catalog__cell_tower { width: 100px; } .selection-catalog__header .selection-catalog__cell_tower:before { left: 6%; top: -13px; } .selection-catalog__cell { position: relative; vertical-align: top; height: 90px; padding: 21px 14.5px; line-height: 50px; text-align: center; } .selection-catalog__cell_tower,.selection-catalog__cell_finish,.selection-catalog__cell_price-m2,.selection-catalog__cell_price,.selection-catalog__cell_index { width: 119px; padding: 21px 15px 21px 15px; text-align: center; } .selection-catalog__cell_tower { width: 100px; } .selection-catalog__cell_floor { width: 70px; width: 77px; } .selection-catalog__cell_rooms { width: 70px; } .selection-catalog__cell_price { width: 125px; padding: 21px 0px 21px 0px; } .selection-catalog__cell_tower,.selection-catalog__cell_index { padding: 21px; } .selection-catalog__cell_square,.selection-catalog__cell_more { -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; margin: 0; } .selection-catalog__cell_square { width: 125px; } .selection-catalog__cell_contribution { width: 206px; } .selection-catalog__cell_rate { width: 118px; } .selection-catalog__cell_terms { width: 113px; } .selection-catalog__cell_bank { width: calc(100% - 115px); } .selection-catalog_bank .selection-catalog__cell { text-align: left; white-space: normal; padding: 0; height: auto; font-size: 18px; line-height: 35px; } .selection-catalog_bank .selection-catalog__header .selection-catalog__cell { line-height: 1.304vh; } .selection-catalog__cell-title { text-transform: uppercase; line-height: 1; } .selection-catalog_bank .selection-catalog__cell-title { font-size: 10px; display: none; } .selection-catalog__row-left { width: 106px; text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .selection-catalog_bank .selection-catalog__row-left { margin-right: 0; } .selection-catalog__row-right { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .selection-catalog_bank .selection-catalog__row-right { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .selection-catalog__m2 { color: #4b4442; font-weight: normal; opacity: 1; } .selection-catalog_bank img { max-width: 143px; max-height: 25px; } .selection-catalog_bank { padding-top: 0; padding-bottom: 0; height: auto; } .selection-toggle { top: 248px; left: auto; right: 50px; } .selection__title { display: block; z-index: 50; top: 190px; } .custom-page > .selection > .breadcrumbs__wrapper { display: block; } .selection__left { position: fixed; bottom: 0; padding: 0; width: 100%; height: 100px; background-color: #d4d8dc; z-index: 504; -webkit-transition: height 0.3s; transition: height 0.3s; } .tingle-enabled .selection__left { z-index: 0; } .selection__left-block { display: -webkit-box; display: -ms-flexbox; display: flex; -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; padding: 0 40px 0 70px; cursor: pointer; } .selection__block { padding-top: 255px; } .selection__filter-input:checked ~ .selection .selection__left { position: absolute; display: block; height: 100%; padding: 59px 100px 59px 71px; box-sizing: border-box; z-index: 505; } .selection__filter-input:checked ~ .selection .selection__left .filters__title { opacity: 0; } .selection__filter-input:checked ~ .selection .selection__left .filters { height: 70vh; max-height: none; width: 100%; overflow-y: auto; padding: 0 70px 70px 10px; } .selection__filter-input:checked ~ .selection .selection__left .filters>* { display: block; } .selection__filter-input:checked ~ .selection .selection__left .filters .btn_filters,.selection__filter-input:checked ~ .selection .selection__left .filters__clear { display: inline-block; vertical-align: middle; } .selection__filter-input:checked ~ .selection .selection__left .filters__clear { margin-left: 15px; } .selection__filter-input:checked ~ .selection .selection__left .selection__left-block { padding: 0; margin-bottom: 40px; } .selection__filter-input:checked ~ .selection .selection__left .selection__left-close { position: absolute; top: 33px; right: 58.5px; } .selection__filter-input:checked ~ .selection .selection__left .selection__left-close:after,.selection__filter-input:checked ~ .selection .selection__left .selection__left-close:before { position: absolute; content: ""; top: 0; bottom: 0; right: 0; left: 0; margin: auto; height: 2px; width: 50px; background-color: #a6aeb8; } .selection__filter-input:checked ~ .selection .selection__left .selection__left-close:after { -webkit-transform: rotate(135deg); transform: rotate(135deg); } .selection__filter-input:checked ~ .selection .selection__left .selection__left-close:before { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .filters { height: 0; max-height: 0; min-height: 0; margin: 0; background-color: #d4d8dc; } .filters>* { display: none; } .filters__title { position: fixed; display: block; top: 196px; left: 71px; margin: 0; display: none; } .filters__item { margin-right: 39px; } .filters__block { display: none; margin-bottom: 67px; } .filters__elem { display: block; width: 100%; margin: 40px 0; } .filters__elem:nth-child(2) .filters__elem-block { padding-right: 27%; -webkit-box-sizing: border-box; box-sizing: border-box; } .filters__elem_inline .filters__elem-title { display: block; margin-bottom: 36px; } .filters__elem-title { margin-bottom: 24px; } .filters__elem_inline .filters__elem-block { display: block; } .filters__elem-block-box:after { width: 12px; height: 12px; } .filters__elem_inline .filters__elem-block-box { margin-right: 10px; } .filters__elem-block-box { width: 20px; height: 20px; margin-bottom: 28px; } .filters__elem_inline .filters__elem-block-num { width: 105px; margin-top: 5px; } .filters__clear { display: none; } .slider__controls { font-size: 35px; margin: 20px 0; } .slider__line { height: 2px; } .slider__control-icon::after { width: 10px; height: 10px; } .gallery-tab { margin: 20px 70px 0; } .gallery-carousel__item-text { width: auto; margin: 0 50px; padding: 0 20px; left: 0; bottom: 198px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 24px; line-height: 1.5; } .gallery-carousel__preview { width: 100%; height: 160px; } .gallery-carousel__preview-item { width: 160px; } .pagination__item { width: 55px; height: 25px; -webkit-filter: drop-shadow(0 .52vw .208vw #000); filter: drop-shadow(0 .52vw .208vw #000); } .menu-modal { pointer-events: all; } .menu-modal__wrapper { width: 500px; } .menu-modal__close { top: 45px; right: 155px; left: auto; width: 30px; height: 30px; } .menu-modal__item_current:before { top: 32px; left: auto; bottom: auto; right: 110%; width: 99px; border-top: 3px solid #fff; } .menu-modal__item { margin: 0 0 5px; } .menu-modal__submenu { display: block; margin: -20px 0; } .menu-modal__submenu-item { margin: 0 30px 0 0; } .form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .form__title { width: 100%; margin: 0 0 145px; } .form__wrapper { width: 100%; display: block; } .form__timing { margin: 60px 0; } .construction-modal { padding: 50px 66px; margin: auto; 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; -webkit-box-sizing: border-box; box-sizing: border-box; } .construction-modal>* { display: block; } .construction-modal__left { width: 100%; height: auto; padding: 0; margin-bottom: 20px; } .construction-modal__right { width: 100%; height: 579px; padding: 0; } .construction-modal__title-container { font-weight: normal; } .construction-modal__title-container br { display: none; } .construction-modal__gallery { width: 100%; height: 100%; } .construction-modal__gallery-item img { width: 100%; height: auto; } .contacts { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 72px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; min-height: 1349px; height: 100vh; padding-top: 568px; } .contacts__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; padding: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 130px 0 150px; } .contacts__block { height: 100%; position: relative; } .contacts__title { margin-bottom: 72px; } .contacts__wrapper-link-btn { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 45px; } .contacts__link { display: inline-block; vertical-align: middle; height: 34px; margin-left: 60px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .contacts__item { margin-right: 75px; margin-bottom: 70px; width: 210px; } .contacts__item:last-child { margin-bottom: 0; } .contacts__item-text { margin-top: 10px; } .contacts__item-text_line { display: inline-block; text-decoration: underline; } .map { width: 100%; height: 568px; } .map__mark,.map ymaps[class*='-placemark-'] ymaps[class^='ymaps-2-'][class*='-image'] { width: 106px !important; height: 142px !important; -webkit-transform: translate3d(-50%, -100%, 0px) !important; transform: translate3d(-50%, -100%, 0px) !important; } .map__link { left: 72px; bottom: 64px; } .news__wrapper-content:before,.news__wrapper-content:after { display: none; } .conditions { width: 100%; height: auto; padding: 195px 60px 45px; } .conditions__text_small { width: 100%; } .team { display: block; } .team__title-wrapper .breadcrumbs__wrapper { margin-top: 0px; } .team__title { margin: 0 0 91px; } .team__list { width: 100%; display: block; } .team__item { width: 100%; display: block; margin: 0 0 60px; } .team__item-icon { height: 24px; width: 237px; text-align: left; } .team__item-wrapper { width: 100%; } .team__item_main .team__item-title { width: 271px; margin: 49px 0 45px; } .team__item-title { margin: 15px 0 21px; width: 100%; } .team__statistic { right: -20px; } .team__statistic:before { left: -20%; top: -20%; } .team__statistic-item { margin: 0 19px 0 15px; } .team__statistic-item_year { margin-bottom: 40px; } .team__statistic-index { margin-bottom: 12px; } .details { width: 100%; } .details__location { margin-bottom: 45px; } .details__location-title { margin-bottom: 17px; } .details__location-image { width: 296px; } .details__plan span { line-height: 25px; } .details__plan { font-size: 15px; display: none; } .details__analog-link-wrapper .details__analog-link { display: block; } .p-plan { height: auto; } .p-plan__wrapper { position: relative; display: block; padding: 160px 0; width: 100%; margin: 0 60px; } .p-plan__plan { width: 452px; height: 690px; margin: 0 auto 206px; } .info-apartment { position: relative; width: 100%; } .info-apartment__back { margin-bottom: 30px; } .info-apartment__title { margin-bottom: 5px; } .info-apartment__finish { margin-bottom: 62px; padding-bottom: 2px; } .info-apartment__items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 32px; } .info-apartment__item { width: auto; text-decoration: none; border-bottom: none; } .info-apartment__btn { position: absolute; bottom: -840px; height: 50px; } .construction { padding: 170px 70px 150px; -webkit-box-sizing: border-box; box-sizing: border-box; height: auto; min-height: 100vh; } .construction__block { display: block; width: 100%; height: auto; min-height: auto; padding: 0; } .construction__about-text { margin: 50px 0; } .construction__year { margin: 30px 0 50px; } .construction__gallery { width: 450px; height: 450px; } .construction__gallery-window_2 { margin-left: -50%; } .construction__gallery-window_3 { margin-left: -20%; } .construction__gallery-window_4 { margin-left: -5%; } .floor-pointer__detail::before { width: 140px; height: 2px; } .floor-pointer__detail::before { -webkit-transform: scale(1); transform: scale(1); opacity: 1; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .floor-pointer_up .floor-pointer__detail::before,.floor-pointer_down .floor-pointer__detail::before { width: 1px; height: 75px; } .floor-pointer__detail-info { opacity: 1; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .floor-pointer_up .floor-pointer__detail-info,.floor-pointer_down .floor-pointer__detail-info { padding: 0 .279vh; } .floor-pointer__detail-info { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .floor-pointer_left .floor-pointer__detail-meters,.floor-pointer_right .floor-pointer__detail-meters { bottom: 50px; } .floor-pointer__detail-rooms { margin: 6px 4px; } .floor-pointer__detail-finish { margin: 6px 4px; } .floor { min-height: 1632px; padding: 158px 106px 199px; -webkit-box-sizing: border-box; box-sizing: border-box; } .floor__about { top: 219px; left: 71px; } .floor__about-tower { margin-bottom: 20px; font-weight: 500; } .floor__about-level { margin-bottom: 45px; } .floor__about-state-item { display: inline-block; vertical-align: middle; margin-right: 36px; } .floor__about-state-circle { width: 18px; height: 18px; margin-right: 13px; } .floor__image.floor__image { width: 428px; height: 328px; margin-top: 312px; } .floor__tower { width: 430px; height: 480px; bottom: 199px; left: 0; right: 0; margin: auto; } .infrastructure-pointer__container { height: 57px; width: 57px; left: -29px; top: -63px; } .infrastructure-pointer__block { height: 57px; width: 300px; } .infrastructure-pointer__image { height: 57px; width: 57px; border-radius: 50px; padding: 8px 10px; } .infrastructure-pointer__image:after { bottom: -5px; width: 12px; height: 14px; border-radius: 5px; } .infrastructure-pointer__text { padding-left: 65px; padding-right: 24px; } .infrastructure-pointer__text:before { height: 57px; width: 57px; border-radius: 50px; } .infrastructure_conditions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .infrastructure>* { width: 100%; } .infrastructure__title { margin-bottom: 42px; } .infrastructure__wrapper { padding: 676px 40px 186px 67px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; height: auto; width: 100%; } .footer-left { padding-left: 67px; } .infrastructure_conditions .infrastructure__wrapper { width: 100vw; min-height: 55vh; padding-bottom: 100px; padding-top: 190px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .infrastructure_conditions .infrastructure__image { display: block; top: 0; left: 0; width: 100vw; overflow: hidden; z-index: 5; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .infrastructure_conditions .infrastructure__image-block { position: relative; width: 100%; height: 100%; overflow: auto; } .infrastructure_conditions .infrastructure__bank { top: 0; left: 0; width: 100%; -webkit-transform: translate(0); transform: translate(0); } .infrastructure__right { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 50vh; max-height: 630px; } .infrastructure__map-block { height: 250%; -webkit-transform-origin: 0px 0px 0px; transform-origin: 0px 0px 0px; -webkit-transform: matrix(1, 0, 0, 1, -306, -176); transform: matrix(1, 0, 0, 1, -306, -176); } .infrastructure__tab { padding-top: 40px; } .infrastructure__tab-item { margin-right: 14px; } .infrastructure__tab-item:nth-child(2) .infrastructure__tab-title { left: 180px; } .infrastructure__tab-item_contacts:nth-child(2) .infrastructure__tab-title { left: 270px; } .infrastructure__tab-image { top: 0; left: 0; width: 100%; height: 576px; margin: 0; } .infrastructure_conditions .infrastructure__tab-image { width: 100%; overflow: auto; } .infrastructure__tab-title { position: absolute; top: 753px; left: 67px; } .infrastructure__tab-item_contacts .infrastructure__tab-title { top: 75px; left: 0; } .infrastructure_conditions .infrastructure__tab-title { top: 252px; } .infrastructure__content.infrastructure__content { position: relative; top: 0; left: 0; display: block; height: 0; width: 521px; } .infrastructure__tab-item_contacts .infrastructure__content { top: 70px; } .infrastructure_conditions .infrastructure__content { width: 100%; -webkit-transition: none; transition: none; } .infrastructure__content-images { margin-top: 18px; margin-right: 12px; } .infrastructure__content-subtitle { margin-top: 32px; } .infrastructure__content-about { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 0px; } .infrastructure__about-text { margin-top: 30px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .infrastructure__about-block { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .infrastructure__about-item { margin-right: 75px; } .infrastructure { height: auto; } .infrastructure .infrastructure__map-metro { height: 42px; } .infrastructure .infrastructure__map-metro-ram { left: 43.5%; width: 118px; } .infrastructure .infrastructure__map-metro-michur { top: 53%; width: 121px; } .infrastructure .button-wrapper { margin: 0 0 20px; } .images-block { width: 50%; margin-top: 52px; margin-bottom: -16px; } .images-block:nth-child(5) svg { height: 70%; } .images-block:nth-child(1) svg { height: 90%; } .images-block__image { height: 90px; margin-bottom: 17px; -webkit-transition: height 0.5s; transition: height 0.5s; } .images-block__image svg { height: 100%; width: auto; } .images-block__text { font-weight: 500; } .shares { height: auto; min-height: 100vh; padding: 196px 70px 125px; } .shares>* { display: block; } .shares__left { width: 100%; padding: 0; margin-bottom: 61px; } .shares__item { display: block; margin-bottom: 37px; } .shares__item>* { display: block; } .shares__right { width: 100%; height: auto; overflow: auto; } .shares__right:before,.shares__right:after { display: none; } .shares__right-list { padding: 0; } .shares__right-window { height: auto; } .shares__item-left { width: 100%; height: 228px; min-height: 0; margin: 0 0 28px; } .shares__item-right { width: 100%; margin-bottom: 37px; padding: 0 0 23px; border-top: none; border-width: 1px; } .shares__item-date { margin-top: 8px; } .shares__item-text { margin-top: 21px; margin-bottom: 45px; } .shares__item-detail:before { right: -30px; width: 20px; height: 10px; } .shares-detail:before,.shares-detail:after { display: none; } .shares-detail { padding: 300px 70px 168px; } .shares-detail__image { width: 100%; height: 228px; margin-bottom: 28px; } .shares-detail__date { margin-top: 8px; } .shares-detail__text { margin: 31px 0 25px; border-width: 1px; font-weight: 300; opacity: 0.8; } .shares-detail__personal { margin-top: 26px; } .shares-detail__personal:before { right: -30px; width: 20px; height: 8px; } .shares-detail__overs-title { margin-bottom: 25px; } .shares-detail__overs-items { display: block; } .shares-detail__overs-item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 24px; } .shares-detail__overs-item-image { width: 179px; min-height: 103px; margin-right: 17px; } .shares-detail__overs-item-text { width: 300px; } .shares-index { padding: 0 0 2.5vw; } .shares-index__content { width: 62.187vw; } .shares-index__icon { width: 11.921vw; height: 11.156vw; margin: .625vw .937vw .937vw; } .shares-index__title { font-size: 2.343vw; line-height: 3.437vw; margin: .312vw 0; } .shares-index__link { font-size: 1.406vw; margin: 0; } .news-list:before,.news-list:after { display: none; } .p-index { overflow: auto; height: auto; min-height: 100vh; } .p-index__item { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 100vh; height: auto; -ms-flex-wrap: wrap; flex-wrap: wrap; } .p-index__item-shares { right: 0; } .p-index__block { width: 100%; height: 568px; /* height: calc(50vh - 25px); */ /* height: 50vh; */ transform: translateZ(0); /* transition: 0s 0s; */ } .p-index__block_left { display: block; width: 100%; } .p-index__block_right { min-height: 50vh; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .p-index__block-image { min-height: 100%; height: 100%; width: auto; min-width: 100%; -webkit-transform: translateX(100%) translateX(124px) translateZ(0) scale(.2325418994); transform: translateX(100%) translateX(124px) translateZ(0) scale(.2325418994); } .p-index__item_next .p-index__block-image { -webkit-transform: translateX(100%) translateX(-124px) translateZ(0) scale(.2325418994); transform: translateX(100%) translateX(-124px) translateZ(0) scale(.2325418994); } .p-index__item_current .p-index__block-image { -webkit-transform: translateX(0) translateX(0) translateZ(0) scale(1); transform: translateX(0) translateX(0) translateZ(0) scale(1); } .p-index__item_previous .p-index__block-image { -webkit-transform: translateX(0) translateX(0) translateZ(0) scale(1.3); transform: translateX(0) translateX(0) translateZ(0) scale(1.3); } .p-index__block-circ { width: 400px; height: 400px; left: 0; right: 0; bottom: -50%; top: 50%; } .p-index__block-circ-parallax { -webkit-transform: none !important; transform: none !important; } .p-index__circle { top: -50%; bottom: 50%; width: 400px; height: 400px; } .p-index__circle::after { border-width: 60px; } .p-index__circle_half { left: 0; } .p-index__circle_half:after { left: 0; } .p-index__next-block-title { display: none; } .p-index__pagination { bottom: auto; top: 38%; right: 0; left: auto; margin: 35px 50px; } .p-gallery__title { margin: 182px 70px 0; } .p-contacts { height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; } .p-contacts__map { position: absolute; } .p-conditions { display: block; height: auto; } .p-team { padding: 195px 70px 100px; height: auto; background-size: cover; } } @media screen and (max-width: 1279px) and (orientation: portrait) and (max-width: 1279px) and (orientation: portrait) { ._opacityWhite .btn-call { border-color: rgba(255,255,255,0.5); } } @media (max-width: 540px) { .tingle-modal { top: 0; display: block; padding-top: 60px; width: 100%; } .tingle-modal-box { width: auto; border-radius: 0; } .tingle-modal-box__content { overflow-y: scroll; } .tingle-modal--noClose { top: 0; } .tingle-modal--noOverlayClose { padding-top: 0; } .tingle-modal-box__footer .tingle-btn { display: block; float: none; margin-bottom: 1rem; width: 100%; } .tingle-modal__close { top: 0; right: 0; left: 0; display: block; width: 100%; height: 60px; border: none; background-color: #2c3e50; -webkit-box-shadow: none; box-shadow: none; color: #fff; line-height: 55px; } .tingle-modal__closeLabel { display: inline-block; vertical-align: middle; font-size: 1.5rem; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif; } .tingle-modal__closeIcon { display: inline-block; margin-right: .5rem; vertical-align: middle; font-size: 4rem; } .tingle-modal-box__content { overflow: auto; } } @-webkit-keyframes fade-in { 0% { visibility: visible; opacity: 0; } 100% { visibility: visible; opacity: 100%; } } @keyframes fade-in { 0% { visibility: visible; opacity: 0; } 100% { visibility: visible; opacity: 100%; } } @-webkit-keyframes fade-in-top { 0% { visibility: visible; opacity: 0; -webkit-transform: translate(0, -10vh); transform: translate(0, -10vh); } 100% { visibility: visible; opacity: 1; -webkit-transform: translate(0); transform: translate(0); } } @keyframes fade-in-top { 0% { visibility: visible; opacity: 0; -webkit-transform: translate(0, -10vh); transform: translate(0, -10vh); } 100% { visibility: visible; opacity: 1; -webkit-transform: translate(0); transform: translate(0); } } @-webkit-keyframes sort { 0% { -webkit-transform: scaleY(1) rotate(0deg); transform: scaleY(1) rotate(0deg); } 35% { -webkit-transform: scaleY(0) rotate(0deg); transform: scaleY(0) rotate(0deg); } 65% { -webkit-transform: scaleY(0) rotate(180deg); transform: scaleY(0) rotate(180deg); } 100% { -webkit-transform: scaleY(1) rotate(180deg); transform: scaleY(1) rotate(180deg); } } @keyframes sort { 0% { -webkit-transform: scaleY(1) rotate(0deg); transform: scaleY(1) rotate(0deg); } 35% { -webkit-transform: scaleY(0) rotate(0deg); transform: scaleY(0) rotate(0deg); } 65% { -webkit-transform: scaleY(0) rotate(180deg); transform: scaleY(0) rotate(180deg); } 100% { -webkit-transform: scaleY(1) rotate(180deg); transform: scaleY(1) rotate(180deg); } } @-webkit-keyframes sort_back { 0% { -webkit-transform: scaleY(1) rotate(180deg); transform: scaleY(1) rotate(180deg); } 35% { -webkit-transform: scaleY(0) rotate(180deg); transform: scaleY(0) rotate(180deg); } 65% { -webkit-transform: scaleY(0) rotate(0deg); transform: scaleY(0) rotate(0deg); } 100% { -webkit-transform: scaleY(1) rotate(0deg); transform: scaleY(1) rotate(0deg); } } @keyframes sort_back { 0% { -webkit-transform: scaleY(1) rotate(180deg); transform: scaleY(1) rotate(180deg); } 35% { -webkit-transform: scaleY(0) rotate(180deg); transform: scaleY(0) rotate(180deg); } 65% { -webkit-transform: scaleY(0) rotate(0deg); transform: scaleY(0) rotate(0deg); } 100% { -webkit-transform: scaleY(1) rotate(0deg); transform: scaleY(1) rotate(0deg); } } @-webkit-keyframes scroll-in { 0% { -webkit-transform: translate(0, 100%); transform: translate(0, 100%); } 100% { -webkit-transform: translate(0, .001%); transform: translate(0, .001%); } } @keyframes scroll-in { 0% { -webkit-transform: translate(0, 100%); transform: translate(0, 100%); } 100% { -webkit-transform: translate(0, .001%); transform: translate(0, .001%); } } @-webkit-keyframes scroll-out { 0% { -webkit-transform: translate(0, .001%); transform: translate(0, .001%); } 100% { -webkit-transform: translate(0, 100%); transform: translate(0, 100%); } } @keyframes scroll-out { 0% { -webkit-transform: translate(0, .001%); transform: translate(0, .001%); } 100% { -webkit-transform: translate(0, 100%); transform: translate(0, 100%); } } @-webkit-keyframes gift { 0% { background-position: 0% 0%; } 1.015625% { background-position: 12.5% 0%; } 2.03125% { background-position: 25% 0%; } 3.046875% { background-position: 37.5% 0%; } 4.0625% { background-position: 50% 0%; } 5.078125% { background-position: 62.5% 0%; } 6.09375% { background-position: 75% 0%; } 7.109375% { background-position: 87.5% 0%; } 8.125% { background-position: 100% 0%; } 9.140625% { background-position: 0% 12.5%; } 10.15625% { background-position: 12.5% 12.5%; } 11.171875% { background-position: 25% 12.5%; } 12.1875% { background-position: 37.5% 12.5%; } 13.203125% { background-position: 50% 12.5%; } 14.21875% { background-position: 62.5% 12.5%; } 15.234375% { background-position: 75% 12.5%; } 16.25% { background-position: 87.5% 12.5%; } 17.265625% { background-position: 100% 12.5%; } 18.28125% { background-position: 0% 25%; } 19.296875% { background-position: 12.5% 25%; } 20.3125% { background-position: 25% 25%; } 21.328125% { background-position: 37.5% 25%; } 22.34375% { background-position: 50% 25%; } 23.359375% { background-position: 62.5% 25%; } 24.375% { background-position: 75% 25%; } 25.390625% { background-position: 87.5% 25%; } 26.40625% { background-position: 100% 25%; } 27.421875% { background-position: 0% 37.5%; } 28.4375% { background-position: 12.5% 37.5%; } 29.453125% { background-position: 25% 37.5%; } 30.46875% { background-position: 37.5% 37.5%; } 31.484375% { background-position: 50% 37.5%; } 32.5% { background-position: 62.5% 37.5%; } 33.515625% { background-position: 75% 37.5%; } 34.53125% { background-position: 87.5% 37.5%; } 35.546875% { background-position: 100% 37.5%; } 36.5625% { background-position: 0% 50%; } 37.578125% { background-position: 12.5% 50%; } 38.59375% { background-position: 25% 50%; } 39.609375% { background-position: 37.5% 50%; } 40.625% { background-position: 50% 50%; } 41.640625% { background-position: 62.5% 50%; } 42.65625% { background-position: 75% 50%; } 43.671875% { background-position: 87.5% 50%; } 44.6875% { background-position: 100% 50%; } 45.703125% { background-position: 0% 62.5%; } 46.71875% { background-position: 12.5% 62.5%; } 47.734375% { background-position: 25% 62.5%; } 48.75% { background-position: 37.5% 62.5%; } 49.765625% { background-position: 50% 62.5%; } 50.78125% { background-position: 62.5% 62.5%; } 51.796875% { background-position: 75% 62.5%; } 52.8125% { background-position: 87.5% 62.5%; } 53.828125% { background-position: 100% 62.5%; } 54.84375% { background-position: 0% 75%; } 55.859375% { background-position: 12.5% 75%; } 56.875% { background-position: 25% 75%; } 57.890625% { background-position: 37.5% 75%; } 58.90625% { background-position: 50% 75%; } 59.921875% { background-position: 62.5% 75%; } 60.9375% { background-position: 75% 75%; } 61.953125% { background-position: 87.5% 75%; } 62.96875% { background-position: 100% 75%; } 63.984375% { background-position: 0% 87.5%; } 65% { background-position: 12.5% 87.5%; } 100% { background-position: 0 0; } } @keyframes gift { 0% { background-position: 0% 0%; } 1.015625% { background-position: 12.5% 0%; } 2.03125% { background-position: 25% 0%; } 3.046875% { background-position: 37.5% 0%; } 4.0625% { background-position: 50% 0%; } 5.078125% { background-position: 62.5% 0%; } 6.09375% { background-position: 75% 0%; } 7.109375% { background-position: 87.5% 0%; } 8.125% { background-position: 100% 0%; } 9.140625% { background-position: 0% 12.5%; } 10.15625% { background-position: 12.5% 12.5%; } 11.171875% { background-position: 25% 12.5%; } 12.1875% { background-position: 37.5% 12.5%; } 13.203125% { background-position: 50% 12.5%; } 14.21875% { background-position: 62.5% 12.5%; } 15.234375% { background-position: 75% 12.5%; } 16.25% { background-position: 87.5% 12.5%; } 17.265625% { background-position: 100% 12.5%; } 18.28125% { background-position: 0% 25%; } 19.296875% { background-position: 12.5% 25%; } 20.3125% { background-position: 25% 25%; } 21.328125% { background-position: 37.5% 25%; } 22.34375% { background-position: 50% 25%; } 23.359375% { background-position: 62.5% 25%; } 24.375% { background-position: 75% 25%; } 25.390625% { background-position: 87.5% 25%; } 26.40625% { background-position: 100% 25%; } 27.421875% { background-position: 0% 37.5%; } 28.4375% { background-position: 12.5% 37.5%; } 29.453125% { background-position: 25% 37.5%; } 30.46875% { background-position: 37.5% 37.5%; } 31.484375% { background-position: 50% 37.5%; } 32.5% { background-position: 62.5% 37.5%; } 33.515625% { background-position: 75% 37.5%; } 34.53125% { background-position: 87.5% 37.5%; } 35.546875% { background-position: 100% 37.5%; } 36.5625% { background-position: 0% 50%; } 37.578125% { background-position: 12.5% 50%; } 38.59375% { background-position: 25% 50%; } 39.609375% { background-position: 37.5% 50%; } 40.625% { background-position: 50% 50%; } 41.640625% { background-position: 62.5% 50%; } 42.65625% { background-position: 75% 50%; } 43.671875% { background-position: 87.5% 50%; } 44.6875% { background-position: 100% 50%; } 45.703125% { background-position: 0% 62.5%; } 46.71875% { background-position: 12.5% 62.5%; } 47.734375% { background-position: 25% 62.5%; } 48.75% { background-position: 37.5% 62.5%; } 49.765625% { background-position: 50% 62.5%; } 50.78125% { background-position: 62.5% 62.5%; } 51.796875% { background-position: 75% 62.5%; } 52.8125% { background-position: 87.5% 62.5%; } 53.828125% { background-position: 100% 62.5%; } 54.84375% { background-position: 0% 75%; } 55.859375% { background-position: 12.5% 75%; } 56.875% { background-position: 25% 75%; } 57.890625% { background-position: 37.5% 75%; } 58.90625% { background-position: 50% 75%; } 59.921875% { background-position: 62.5% 75%; } 60.9375% { background-position: 75% 75%; } 61.953125% { background-position: 87.5% 75%; } 62.96875% { background-position: 100% 75%; } 63.984375% { background-position: 0% 87.5%; } 65% { background-position: 12.5% 87.5%; } 100% { background-position: 0 0; } } @-webkit-keyframes sprite { 0% { background-position: 0 0; } 100% { background-position: 0 100%; } } @keyframes sprite { 0% { background-position: 0 0; } 100% { background-position: 0 100%; } } @-webkit-keyframes infrastructure__fade-out { 0% { visibility: visible; } to { visibility: hidden; opacity: 0; } } @keyframes infrastructure__fade-out { 0% { visibility: visible; } to { visibility: hidden; opacity: 0; } } @-webkit-keyframes FINISH__IMAGE_IN { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes FINISH__IMAGE_IN { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes FINISH__IMAGE_IN_OPACITY { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes FINISH__IMAGE_IN_OPACITY { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes FINISH_OUT { 0% { visibility: visible; opacity: 1; } 100% { opacity: 0; } 100% { visibility: hidden; opacity: 0; } } @keyframes FINISH_OUT { 0% { visibility: visible; opacity: 1; } 100% { opacity: 0; } 100% { visibility: hidden; opacity: 0; } } @-webkit-keyframes FINISH_IN { 0% { visibility: visible; opacity: 0; } 100% { visibility: visible; opacity: 1; } } @keyframes FINISH_IN { 0% { visibility: visible; opacity: 0; } 100% { visibility: visible; opacity: 1; } } .menu-modal__item-link-popup { cursor: pointer; } /* popup */ .popup-presentation { background-color: #fff; width: 775px; height: 460px; padding: 20px; box-sizing: border-box; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; display: none; } .popup-presentation.showed { display: flex; } .popup-presentation__close-btn { position: absolute; top: -41px; right: -41px; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; border-radius: 50%; border: 2px solid #fff; } .popup-presentation__close-btn::before, .popup-presentation__close-btn::after { position: absolute; top: 3px; bottom: 3px; content: ""; display: block; width: 35px; height: 2px; margin: auto; background: #fff; } .popup-presentation__close-btn::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 2px; } .popup-presentation__close-btn::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); left: 2px; } .popup-presentation__content { width: 100%; height: 100%; } .popup-presentation__content video { width: 100%; height: 100%; } .js-popup-video { cursor: pointer; } @media screen and (max-width: 768px) and (orientation: portrait) { .popup-presentation { background-color: #fff; width: 85%; height: 325px; } .popup-presentation__close-btn { position: absolute; top: -30px; right: -30px; width: 25px; height: 25px; } .popup-presentation__close-btn::before, .popup-presentation__close-btn::after { position: absolute; top: 3px; bottom: 3px; content: ""; display: block; width: 17px; } .popup-presentation__close-btn::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 4px; } .popup-presentation__close-btn::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); left: 4px; } } /* 19.09 */ .slider-gallery { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; overflow: hidden; opacity: 0; visibility: hidden; z-index: 2 } .slider-gallery__content { position: relative; height: 100%; text-align: right; -webkit-overflow-scrolling: touch } .slider-gallery__area { position: relative; height: 100%; -webkit-overflow-scrolling: touch } .slider-gallery__labels { position: absolute; overflow: hidden; right: 0; height: 100%; width: 100%; z-index: 3; } .slider-gallery__label { position: absolute; z-index: 3; } .slider-gallery__label.active { z-index: 4; } .slider-gallery__label-contet { position: relative; } .slider-gallery__label-info { text-align: left; } .slider-gallery__label-hint { position: absolute; top: 30px; right: 15px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; background: #fff; box-sizing: border-box; padding: 15px; width: 380px; margin-bottom: 5px; opacity: 0; visibility: hidden; transition: all ease 0.3s; z-index: 3; } .slider-gallery__label.active .slider-gallery__label-hint { opacity: 1; visibility: visible } .slider-gallery__label-img { min-width: 120px; width: 120px; height: 120px; overflow: hidden; text-align: center; margin-right: 15px; } .slider-gallery__label-title { color: #232426; font-family: "Asket Extended",Arial,Helvetica,sans-serif; font-size: 13px; letter-spacing: 0.77px; font-weight: 300; line-height: 18px; margin-bottom: 10px; text-transform: uppercase; } .slider-gallery__label-text { color: #232426; font-family: Roboto,Arial,Helvetica,sans-serif; font-size: 11px; font-weight: 400; line-height: 18px; } .slider-gallery__label-icon { position: relative; width: 42px; height: 41px; display: block; background: url('/local/templates/nebo_/styles/../images/gallery/plus.svg') no-repeat center; background-size: contain; cursor: pointer; transition: all ease 0.1s; } .slider-gallery__label-icon:not(:hover):before { content: ""; display: block; width: 17px; height: 17px; border-radius: 50%; background: #fff; position: absolute; left: 13px; top: 11px; z-index: -1 ; -webkit-animation-name: blink-animation; animation-name: blink-animation; -webkit-animation-duration: 1.4s; animation-duration: 1.4s; -webkit-animation-delay: .6s; animation-delay: .6s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; transition-delay: 11s; } @-webkit-keyframes blink-animation { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 100% { -webkit-transform: scale(3); transform: scale(3); opacity: 0 } } @keyframes blink-animation { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 100% { -webkit-transform: scale(3); transform: scale(3); opacity: 0 } } .slider-gallery__label-icon.active { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .slider-gallery__label-icon.active:before { opacity: 0; -webkit-animation-name: none; animation-name: none; } .slider-gallery__image { position: relative; height: 100%; overflow: hidden; } .slider-gallery__image img { max-height: 100%; max-width: 100%; width: 100%; min-width: 1280px; margin-left: auto; height: 100vh; min-height: 720px; } .slider-gallery__image:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 200px; z-index: 2; background: rgba(0,0,0,0.5); background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 22%, rgba(0,0,0,0.37) 42%, rgba(255,255,255,0) 100%); background: -webkit-gradient(left top, left bottom, color-stop(22%, rgba(0,0,0,0.5)), color-stop(42%, rgba(0,0,0,0.37)), color-stop(100%, rgba(255,255,255,0))); background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 22%, rgba(0,0,0,0.37) 42%, rgba(255,255,255,0) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0.5) 22%, rgba(0,0,0,0.37) 42%, rgba(255,255,255,0) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0.5) 22%, rgba(0,0,0,0.37) 42%, rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.5) 22%, rgba(0,0,0,0.37) 42%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=0 ) } .slider-gallery__image:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 300px; background: rgba(0,0,0,0); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.86) 86%, rgba(0,0,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(86%, rgba(0,0,0,0.86)), color-stop(100%, rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.86) 86%, rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.86) 86%, rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.86) 86%, rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.86) 86%, rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ) } /* .slider-gallery__content:before { content: ""; position: absolute; left: 0%; top: 0; bottom: 0; height: 100%; width: 50%; z-index: 3; background: rgba(65,83,100,1); background: -moz-linear-gradient(left, rgba(65,83,100,1) 28%, rgba(65,83,100,0.58) 58%, rgba(134,174,204,0) 100%); background: -webkit-gradient(left top, right top, color-stop(28%, rgba(65,83,100,1)), color-stop(58%, rgba(65,83,100,0.58)), color-stop(100%, rgba(134,174,204,0))); background: -webkit-linear-gradient(left, rgba(65,83,100,1) 28%, rgba(65,83,100,0.58) 58%, rgba(134,174,204,0) 100%); background: -o-linear-gradient(left, rgba(65,83,100,1) 28%, rgba(65,83,100,0.58) 58%, rgba(134,174,204,0) 100%); background: -ms-linear-gradient(left, rgba(65,83,100,1) 28%, rgba(65,83,100,0.58) 58%, rgba(134,174,204,0) 100%); background: linear-gradient(to right, rgba(65,83,100,1) 28%, rgba(65,83,100,0.58) 58%, rgba(134,174,204,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#415364', endColorstr='#86aecc', GradientType=1 ); } */ .slider__arrow { position: relative; top: 54%; left: 50%; width: 60px; height: 60px; margin-top: -60px; background:#232426 url('/local/templates/nebo_/styles/../images/gallery/arrow.svg') no-repeat center; cursor: pointer; opacity: 0; visibility: hidden; transition: 0.20s; border-radius: 0 50% 50% 0; z-index: 5; } .slider-gallery.opened .slider__arrow { left: 0; border-radius: 50% 0 0 50%; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); } .expand.slick-current .slider__arrow { opacity: 1; visibility: visible; } .slider-menu { position: fixed; bottom: 40px; right: 0; width: 50%; opacity: 0; visibility: hidden; transition: all ease 0.3s; z-index: 2; } .slider-menu.opened { width: 100%; } .slider-menu__list { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; align-items: center; justify-content: center; margin: 0; padding: 0; list-style: none; border-bottom: 1px solid rgba(255,255,255,0.5) } .slider-menu__list li { margin: 0 2%; text-align: center; } .slider-menu__list li a { position: relative; display: block; opacity: 0.8; color: #ffffff; font-family: "Asket Extended",Arial,Helvetica,sans-serif; font-size: 9px; font-weight: 500; letter-spacing: 1.31px; text-transform: uppercase; text-decoration: none; padding-bottom: 15px; transition: all ease 0.3s; } .slider-menu__list li a:hover { opacity: 1; } .lavalamp-object { position: absolute; bottom: -1px; left: 0; } .lavalamp-object:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: #fff; } .lavalamp-item { position: relative; z-index: 2; } .slider-gallery__content.classic { display: none; } .slider-gallery__content.modern { display: none; } .slick-prev.slick-arrow, .slick-next.slick-arrow { display: none!important; } .slider-gallery__hand { position: absolute; width: 130px; height: 62px; top: 390px; left: 50%; margin-top: -60px; margin-left: -64px; background: url('/local/templates/nebo_/styles/../images/gallery/touch.svg') no-repeat center; z-index: 4; transition: all ease 1s; } .finish__right-image { } /* метки */ /* кухня */ #label_0 { right:10%; top: 12% } #label_1 { right:16.6%; top: 35% } #label_2 { right:25%; top: 70% } #label_3 { right:29%; top: 76% } #label_4 { right:23.2%; top: 18% } #label_5 { right:2.5%; top: 40% } #label_6 { right:30%; top: 70% } #label_7 { right:29%; top: 77% } /* мастер-спальня */ #label_8 { right:30%; top: 17% } #label_9 { right:10%; top: 40%; } #label_10 { right:64%; top: 82% } #label_11 { right:60%; top: 20% } #label_12 { right:10%; top: 20% } #label_13 { right:61%; top: 75% } /* спальня */ #label_14 { right:830px; top: 25% } #label_15 { right: 17%; top: 83% } #label_16 { right:46%; top: 10% } #label_17 { right:84%; top: 30% } #label_18 { right:20%; top: 90% } /* ванная */ #label_19 { right:60%; top: 25% } #label_20 { right:75%; top: 32% } #label_21 { right:56%; top: 40% } #label_22 { right:86.2%; top: 7% } #label_23 { right:85.5%; top: 30% } #label_24 { right:87%; top: 47% } #label_25 { right:93%; top: 70% } #label_26 { right:78%; top: 48% } #label_27 { right:76%; top: 52.5% } #label_28 { right:59%; top: 53.4% } #label_29 { right:61%; top: 80% } #label_30 { right:65%; top: 36% } #label_31 { right:75%; top: 30% } #label_32 { right:67%; top: 62% } #label_33 { right:86%; top: 5% } #label_34 { right:85.5%; top: 27% } #label_35 { right:87%; top: 47% } #label_36 { right:93%; top: 65% } #label_37 { right:74%; top: 44% } #label_38 { right:76%; top: 50% } #label_39 { right:59%; top: 50% } #label_40 { right:61%; top: 74% } /* душевая */ #label_41 { right:17%; top: 38% } #label_42 { right:35%; top: 39% } #label_43 { right:25%; top: 30% } #label_44 { right:35%; top: 53% } #label_45 { right:35%; top: 71% } #label_46 { right:7%; top: 59% } #label_47 { right:12%; top: 66% } #label_48 { right:30.5%; top: 60% } /* #label_49 { right:16%; top: 20% } */ #label_50 { right:9%; top: 31% } #label_51 { right:24%; top: 45% } #label_52 { right:16%; top: 20% } #label_53 { right:17%; top: 75% } #label_54 { right:28%; top: 52% } #label_55 { right:29%; top: 73% } #label_56 { right:5%; top: 62% } #label_57 { right:11%; top: 75% } #label_58 { right:23.5%; top: 58% } /* выравнивание хинтов */ /* верх право */ #label_2 .slider-gallery__label-hint, #label_3 .slider-gallery__label-hint, #label_6 .slider-gallery__label-hint, #label_7 .slider-gallery__label-hint, #label_10 .slider-gallery__label-hint, #label_13 .slider-gallery__label-hint, #label_14 .slider-gallery__label-hint, #label_20 .slider-gallery__label-hint, #label_24 .slider-gallery__label-hint, #label_25 .slider-gallery__label-hint, #label_31 .slider-gallery__label-hint, #label_35 .slider-gallery__label-hint, #label_36 .slider-gallery__label-hint, #label_44 .slider-gallery__label-hint, #label_45 .slider-gallery__label-hint, #label_48 .slider-gallery__label-hint, #label_58 .slider-gallery__label-hint { top: auto; right: auto; left: 15px; bottom: 30px; } /* верх лево */ #label_15 .slider-gallery__label-hint, #label_18 .slider-gallery__label-hint, #label_29 .slider-gallery__label-hint, #label_30 .slider-gallery__label-hint, #label_40 .slider-gallery__label-hint, #label_46 .slider-gallery__label-hint, #label_47 .slider-gallery__label-hint, #label_53 .slider-gallery__label-hint, #label_55 .slider-gallery__label-hint, #label_56 .slider-gallery__label-hint, #label_57 .slider-gallery__label-hint { top: auto; bottom: 30px; } /* вниз вправо */ #label_8 .slider-gallery__label-hint, #label_11 .slider-gallery__label-hint, #label_16 .slider-gallery__label-hint, #label_17 .slider-gallery__label-hint, #label_22 .slider-gallery__label-hint, #label_23 .slider-gallery__label-hint, #label_24 .slider-gallery__label-hint, #label_26 .slider-gallery__label-hint, #label_27 .slider-gallery__label-hint, #label_33 .slider-gallery__label-hint, #label_34 .slider-gallery__label-hint, #label_37 .slider-gallery__label-hint, #label_38 .slider-gallery__label-hint, #label_42 .slider-gallery__label-hint, #label_51 .slider-gallery__label-hint, #label_54 .slider-gallery__label-hint, #label_55 .slider-gallery__label-hint { right: auto; left: 15px; } .finish__footer { position: absolute; bottom: 0px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; min-width: 100%; padding: 30px 0; background: #415364; width: 75%; min-width: 50%; } .fine .footer { display: none; } .hide { opacity: 0; visibility: hidden; } .show { opacity: 1; visibility: visible; } @media (max-width:1280px) and (min-height:760px) { .slider-gallery__content { overflow: hidden; } } @media screen and (max-width:1280px) and (min-height:800px) and (orientation: landscape) { .slider-gallery__content { overflow-x: scroll; } .slider-gallery__area { right: 0; top: 0; width: 145%; } } @media (max-width:1024px) { .custom-header { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; } ._small .custom-header__logo { width: 140px; height: 70px; margin: 34px 50px; } .custom-header__logo { width: 140px; height: 70px; top: 0; left: 0; margin: 34px 50px; } .custom-header__logo path { fill: #fff !important; } ._contacts .custom-header__logo path { fill: #4b4442 !important; } .custom-header__burger { position: relative; left: auto; width: 50px; -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; padding: 19px 14px; margin: 34px 140px 34px 20px; } .custom-header__items { position: relative; padding: 0; margin: auto 0; width: auto; } .btn-call { position: absolute; top: 34px; right: 57px; display: block; height: 60px; width: 60px; border-radius: 50%; border: 2px solid rgba(75,68,66,0.4); -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 507; pointer-events: all; -webkit-user-select: all; -moz-user-select: all; -ms-user-select: all; user-select: all; } ._call_white .btn-call { border-color: #fff; } .btn-call svg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } ._call_white .btn-call svg g { fill: #fff; } .custom-header__item_link { display: none; } #menu-burger:checked ~ * .custom-header__wrapper { -webkit-transition-delay: 0s; transition-delay: 0s; height: 100vh; } .menu-modal__close { top: 45px; right: 155px; left: auto; width: 30px; height: 30px; } .menu-modal__close { top: 45px; right: 155px; left: auto; width: 30px; height: 30px; } .menu-modal__items { padding-bottom: 0; } .finish { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: visible; } .finish__left { position: relative; padding: 100px 70px 100px; margin-top: 768px; width: 100%; height: auto; min-height: 750px; } .finish__wrap { height: auto; } .finish__right { position: absolute; width: 100%; height: 768px; } .finish__right-main, .finish__right-box { height: 768px; } .finish__gallery-arr { width: 32px; height: 15px; } .finish__title { letter-spacing: 0.17em; } .finish__links { margin: 6.562vw 0 0; } .finish__links-item { font-size: 12px; margin: 0 1.2em; } .finish__text { font-size: 22px; line-height: 1.6363636364; margin: 64px 0 0; } .finish__notify { font-size: 18px; margin: 48px 0 0; } .finish__notify-icon { font-size: 50px; margin: 4px 18px 0 0; } .finish .btn-back { top: -44px; } .slider-gallery { position: absolute; height: 768px; } .slider-gallery__labels { height: 768px; } .slider__arrow, .slider-gallery__content:before { display: none!important; } .slider-gallery__content { position: relative; overflow-x: auto; } .slider-gallery__item .slider-gallery__area { /*width: 682px;*/ } .slider-gallery__item.expand .slider-gallery__area { width: 1350px; } .slider-gallery__image { height:768px; } .slider-gallery__image img { max-width: none; min-height: 100%; } .slider-menu { position: absolute; top: 705px; width: 100%; } .desktop body { min-width: 640px; overflow-x: hidden; } .desktop .slider-menu { top: 700px; height: 44px; overflow: hidden; } .finish__footer { bottom: 50px; padding: 30px 0 0; } .slider-menu__list { border-bottom: 0; border-top: 1px solid rgba(255,255,255,0.5); height: 60px; } .slider-menu__list li a { padding-bottom: 0; } .lavalamp-object:after { bottom: 86px; } .slider-gallery__hand { display: block; opacity: 0; } .slider-gallery__hand.show { -webkit-animation:linear 1 alternate; -webkit-animation-name: wave; -webkit-animation-duration: 4s; animation-delay: 1s; } @-webkit-keyframes wave { 0% { margin-left: -64px; opacity: 1;} 20% { margin-left: -104px; opacity: 1;} 40%{ margin-left :-64px; opacity: 1;} 60%{ margin-left : -24px; opacity: 1;} 80%{ margin-left: -64px; opacity: 1;} 100%{ opacity: 0;} } #label_22 { top: 19%; } #label_33 { top: 15%; } #label_16 { top: 15%; } } .slider-gallery__select { display: none; } /* отделка для мобильных устройств*/ @media (max-width:640px) { .finish_fine { background: #fff; } .slider-gallery.show { position: relative; top: auto; left: auto; bottom: auto; right: auto; height: initial; order: 0; overflow: visible; } .slider-menu { height: 40px; top: 700px; } .finish__left { order: 2; margin-top: 0; } .slider-gallery__area, .slider-gallery__item.expand .slider-gallery__area { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column-reverse; width: auto; height: auto; } .slider-gallery__image { min-height: 768px; overflow-x: scroll; } .slider-gallery__image img { width: 1500px; } .slider-gallery__image:before, .slider-gallery__image:after { width: 1500px; } .slider-gallery__label-hint { opacity: 1; } .slider-gallery__label-icon { position: absolute; left: 15px; top: 15px; z-index: 3; } .slider-gallery__labels { position: relative; height: 0; transition: all ease 0.3s; } .slick-current .slider-gallery__labels { height: auto; margin-bottom: 1px; } .slider-gallery__label { position: relative; right: auto!important; top: auto!important; overflow: hidden; } .slider-gallery__label-hint { position: relative; top: auto!important; right: auto!important; left: auto!important; bottom: auto!important; background: #f5f5f5; border-top: #E0E0E0 2px solid; border-bottom: #E0E0E0 2px solid; box-sizing: border-box; padding: 50px 30px; width: 100%; margin-bottom: 5px; visibility: visible; transition: all ease 0.3s; z-index: 3; } .slider-gallery__label-icon { left: 0; top: 18px; width: 84px; height: 84px; background-size: 100%; } .slider-gallery__label-icon:not(:hover):before { display: none; } .slider-gallery__label-title { position: absolute; top: 50px; left: 80px; font-size: 18px; font-weight: 500; } .mobile .slider-gallery__select { display: block; position: absolute; width: 100%; top: 170px; box-sizing: border-box; padding: 0 50px; padding: 30px; z-index: 5; } .slider-gallery__select select { -webkit-appearance: none; font-size: 36px; color: #fff; background: transparent; border: #fff 2px solid; padding: 30px 71px 30px 30px; width: 100%; font-family: Roboto,Arial,Helvetica,sans-serif; background: url("/local/templates/nebo_/styles/../images/arrow/wh_arrow.svg") no-repeat 90% center; background-size: 26px; outline: none; } .slider-gallery__image:before { height: 600px; } .finish .btn-back, .finish__links { display: none; } .finish__footer { display: block; } .footer__text { font-size: 17px; margin-top: 40px; } .slider-gallery__label-icon { pointer-events: none; } .slider-gallery__label-img, .slider-gallery__label-text { position: absolute; top: -50px; opacity: 0; transition: all ease 0s; } .slider-gallery__label-hint.active { padding-top: 100px; background: #fff; } .active .slider-gallery__label-icon { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .slider-gallery__label-hint.active .slider-gallery__label-img, .slider-gallery__label-hint.active .slider-gallery__label-text { position: relative; top: 0; opacity: 1; transition: all ease 1s; } .slider-gallery__label-text { font-size: 23px; line-height: 120%; } .finish_undefined .finish__right, .finish_white_box .finish__right { position: relative; } .finish_undefined .slider-gallery__select, .finish_white_box .slider-gallery__select { display: none; } .finish_undefined .btn-back, .finish_undefined .finish__links, .finish_white_box .btn-back, .finish_undefined .finish__links { display: block; } } .js-h1 { display: none; } html.mobile.landscape { position: relative!important; background: #000!important; } @media screen and (min-width: 1280px) and (orientation: landscape) { #label_22 { top: 19%; } #label_33 { top: 15%; } .desktop .menu-modal__item { margin: 0 0 3.6vh; } } .comagic-c-sitephone-label { position: fixed!important; transition-duration: 1s; left: auto!important; right: 30px; top: 80vh!important; transition: 1s; } @media screen and (max-width: 1279px) { .news__content, .news, .news__image, .p-news { width: 100%; } .p-news { overflow: auto; height: auto; } .p-news .news__text { padding-bottom: 0; } .p-news .btn { margin-left: 70px; margin-bottom: 100px; } .p-news .news__title, .finish__footer, .news-list__block-items { width: 100%; } .p-news .breadcrumbs__wrapper { margin-top: 141px; } .has-image { padding-bottom: 67%; margin-top: 45px; } .news { display: block; } .news__content, .news .custom-scroll { padding: 0; } .news__wrapper { padding: 0 70px; } .adaptive-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .adaptive-flex, .bg_color { background-color: #5787b3; } .adaptive-flex .footer { position: static; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .adaptive-flex .mCSB_scrollTools, .p-news .mCSB_scrollTools { display: none !important; } .news-list { padding: 0 70px; height: auto; } .news-list__left .breadcrumbs__wrapper { padding-top: 141px; } .news-list__left, .news-list__right { display: block; } .news-list__title { margin-right: 0; } .news-list__item { width: calc(50% - 10px); margin: 0 0 30px; } .news-list__item:not(:nth-child(2n)) { margin-right: 20px; } .news-list__block-items { vertical-align: top; padding: 50px 0 0; } .footer__text { margin-top: 0; } .news-list__item-date, .news-list__item-text, .p-news .news__date { font-size: 14px; } .news-list__item-title { font-size: 16px; } .custom-scroll.news-list__block, .adaptive-flex .mCustomScrollBox, .news__wrapper { height: auto; } .adaptive-flex .mCSB_container, .adaptive-flex .mCustomScrollBox, .adaptive-flex .news-list, .news__content .mCSB_container, .news__content .mCustomScrollBox, .news__content .news-list { overflow: inherit !important; } .adaptive-flex .custom-scroll, .news__content .custom-scroll { -ms-touch-action: inherit !important; touch-action: inherit !important; } .finish__footer, .infrastructure .footer-left, .contacts .footer-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: static; } .contacts .footer-left { padding-left: 0; padding-right: 0; padding-top: 35px; } .infrastructure .footer-left { padding: 40px; background-color: #3f5363; } .finish__footer .footer__text { margin-left: auto; } .infrastructure .footer__text, .contacts .footer__text { color: #fff; } .infrastructure_conditions .infrastructure__wrapper { padding-bottom: 50px; } .contacts { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .contacts__wrapper { padding-top: 30px; padding-bottom: 30px; } } @media screen and (max-width: 1279px) { .selection__filter-input:checked ~ .selection .selection__left .selection__left-close { right: 140px; top: 34px; } } @media (max-width: 1000px) { ._mobile-resize .custom-header { position: fixed; min-height: 20px; } } /* @media (min-width: 1200px) { ._mobile-resize .custom-header { z-index: 20; max-width: 100vw; } ._mobile-resize .custom-header__burger { left: 49%; margin-bottom: 0; z-index: 20; } ._mobile-resize .custom-header__burger>* { width: 20px; height: 20px; } ._mobile-resize .btn-call { transform: scale(0.5); right: 39px; } ._mobile-resize .custom-header__logo { transform: scale(0.6); transform-origin: left center; margin: 0; margin-top: 10px; margin-left: 20px; } ._mobile-resize .custom-header__item_phone { font-size: 10px; letter-spacing: normal; line-height: 1.1; width: 100%; } ._burger-dark .btn-call { top: 15px; right: 50px; } ._burger-dark .custom-header__burger> p > svg > *{ fill: #003a5d; } ._burger-dark .custom-header__burger{ left: auto; right: 0; top: -18px; margin: 34px 0 34px; } ._mobile-resize .custom-header__items { position: relative; padding: 0; margin: 41px 61px 41px 0; width: auto; margin-bottom: 0; } ._mobile-resize .custom-header__burger>* svg { position: relative; } ._white-bg .custom-header { background-color: white; } ._white-bg .custom-header__burger { margin-bottom: 0; } ._mobile-resize #menu-burger:checked ~ * .menu-modal__close { top: 85px; right: 200px; } ._mobile-resize #menu-burger:checked ~ * .btn-call { top: 72px; } ._burger-white .custom-header__burger> p > svg > *, ._burger-white #Group-4, ._menu-position #Group-4{ fill: white; } ._burger-white .btn-call, ._menu-position .btn-call { border: 2px solid white; } } */ @media (min-width: 1035px) and (max-width: 1199px) { ._burger-dark .custom-header__items { margin: 13px 70px 13px 100px; } ._burger-dark .custom-header__item_phone { width: auto; } } @media (max-width: 600px) { ._mobile-resize .menu-modal__item-link { font-size: 15px; line-height: 1.2; } ._mobile-resize .menu-modal__item { margin: 0 0 7px 10px; font-size: 18px; line-height: 1.3; } ._mobile-resize .menu-modal__wrapper { width: 360px; } ._mobile-resize .menu-modal__submenu { margin: 0; } ._mobile-resize .menu-modal__submenu-item { font-size: 11px; } ._mobile-resize .menu-modal__link { margin-left: 10px; } } @media (min-width: 348px) and (max-width: 1200px) { ._menu-position .custom-header__burger { left: 160px; } ._menu-position .btn-call { right: 55px; } } @media (min-width: 1024px) and (max-width: 1200px) { ._menu-position .custom-header__items { position: fixed; display: flex; align-items: center; margin-top: 30px; } ._menu-position .custom-header__item_link { flex-shrink: 0; } ._mobile-resize .custom-header__item_phone { font-size: 15px; } ._menu-position .header__burger { left: calc(500 * 1px + (550 - 500) * (100vw - 1024 * 1px) / (1200 - 1024) ); } } @media (max-width: 640px) { ._mobile-resize .custom-header__logo { transform: scale(1); margin-left: 0; left: 50px } ._mobile-resize .custom-header__item_phone { font-size: 16px; } ._burger-dark .custom-header__burger > * { width: 50px; height: 36px; } ._burger-dark .custom-header__burger> p > svg > *{ fill: #003a5d; } .penthouse ._burger-dark .custom-header__burger { margin: 34px 140px 34px 20px; } .custom-header__items { top: 45px; margin: 0; right: 10px; } .container[data-v-c86530] { padding-top: 120px; } .button-open__filter[data-v-c86530] { text-align: center; } .button-back[data-v-8bac71] { font-size: 20px; } .filter-list[data-v-c86530] { padding-top: 0; } .penthouse .btn-call { transform: scale(1); } .filter-list[data-v-c86530] { padding-top: 0; } .__penthouse-selection .custom-header__burger { margin-right: 165px; } .sort-description__title[data-v-8bac71] { font-size: 11px; } .__penthouse-selection .custom-header { padding-bottom: 15px; background: #fff; z-index: 1; } } @media screen and (max-width: 640px) and (orientation: portrait) { .menu-modal__wrapper { height: 85%; } body.top-panel-body.mobile .menu-modal__link { margin-bottom: 17vh; } .ios.iphone .copyrights[data-v-9fd4e0] { bottom: 20vh; } .filter-block__container[data-v-c86530] { position: fixed; top: 0; left: 0; right: 0; z-index: 3; width: 100%; height: 100%; } body.menu-opened { position: fixed!important; overflow: hidden!important; height: 100%; width: 100%; } .ios.iphone body.top-panel-body .menu-modal__link { margin-bottom: 17vh; } } .disclaim { color: #9b9b9b; font-size: 14px; line-height: 1.3; } .disclaim-star { color: #ff0000; } /* End */ /* /local/templates/nebo_/libs/plyr.css?169044953424855 */ /* /local/templates/nebo_/fonts/fonts.css?16904495341743 */ /* /local/templates/nebo_/styles/documents.css?16904495343174 */ /* /local/templates/nebo_/styles/main.css?1690449534295708 */