/* Start:/bitrix/templates/rhino/css/swiper-bundle.min.css?174199957318453*/ /** * Swiper 11.2.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: March 3, 2025 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/bitrix/templates/rhino/css/materialize.min.css?1589571716141206*/ /*! * Materialize v1.0.0 (http://materializecss.com) * Copyright 2014-2017 Materialize * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE) */ .materialize-red{background-color:#e51c23 !important}.materialize-red-text{color:#e51c23 !important}.materialize-red.lighten-5{background-color:#fdeaeb !important}.materialize-red-text.text-lighten-5{color:#fdeaeb !important}.materialize-red.lighten-4{background-color:#f8c1c3 !important}.materialize-red-text.text-lighten-4{color:#f8c1c3 !important}.materialize-red.lighten-3{background-color:#f3989b !important}.materialize-red-text.text-lighten-3{color:#f3989b !important}.materialize-red.lighten-2{background-color:#ee6e73 !important}.materialize-red-text.text-lighten-2{color:#ee6e73 !important}.materialize-red.lighten-1{background-color:#ea454b !important}.materialize-red-text.text-lighten-1{color:#ea454b !important}.materialize-red.darken-1{background-color:#d0181e !important}.materialize-red-text.text-darken-1{color:#d0181e !important}.materialize-red.darken-2{background-color:#b9151b !important}.materialize-red-text.text-darken-2{color:#b9151b !important}.materialize-red.darken-3{background-color:#a21318 !important}.materialize-red-text.text-darken-3{color:#a21318 !important}.materialize-red.darken-4{background-color:#8b1014 !important}.materialize-red-text.text-darken-4{color:#8b1014 !important}.red{background-color:#F44336 !important}.red-text{color:#F44336 !important}.red.lighten-5{background-color:#FFEBEE !important}.red-text.text-lighten-5{color:#FFEBEE !important}.red.lighten-4{background-color:#FFCDD2 !important}.red-text.text-lighten-4{color:#FFCDD2 !important}.red.lighten-3{background-color:#EF9A9A !important}.red-text.text-lighten-3{color:#EF9A9A !important}.red.lighten-2{background-color:#E57373 !important}.red-text.text-lighten-2{color:#E57373 !important}.red.lighten-1{background-color:#EF5350 !important}.red-text.text-lighten-1{color:#EF5350 !important}.red.darken-1{background-color:#E53935 !important}.red-text.text-darken-1{color:#E53935 !important}.red.darken-2{background-color:#D32F2F !important}.red-text.text-darken-2{color:#D32F2F !important}.red.darken-3{background-color:#C62828 !important}.red-text.text-darken-3{color:#C62828 !important}.red.darken-4{background-color:#B71C1C !important}.red-text.text-darken-4{color:#B71C1C !important}.red.accent-1{background-color:#FF8A80 !important}.red-text.text-accent-1{color:#FF8A80 !important}.red.accent-2{background-color:#FF5252 !important}.red-text.text-accent-2{color:#FF5252 !important}.red.accent-3{background-color:#FF1744 !important}.red-text.text-accent-3{color:#FF1744 !important}.red.accent-4{background-color:#D50000 !important}.red-text.text-accent-4{color:#D50000 !important}.pink{background-color:#e91e63 !important}.pink-text{color:#e91e63 !important}.pink.lighten-5{background-color:#fce4ec !important}.pink-text.text-lighten-5{color:#fce4ec !important}.pink.lighten-4{background-color:#f8bbd0 !important}.pink-text.text-lighten-4{color:#f8bbd0 !important}.pink.lighten-3{background-color:#f48fb1 !important}.pink-text.text-lighten-3{color:#f48fb1 !important}.pink.lighten-2{background-color:#f06292 !important}.pink-text.text-lighten-2{color:#f06292 !important}.pink.lighten-1{background-color:#ec407a !important}.pink-text.text-lighten-1{color:#ec407a !important}.pink.darken-1{background-color:#d81b60 !important}.pink-text.text-darken-1{color:#d81b60 !important}.pink.darken-2{background-color:#c2185b !important}.pink-text.text-darken-2{color:#c2185b !important}.pink.darken-3{background-color:#ad1457 !important}.pink-text.text-darken-3{color:#ad1457 !important}.pink.darken-4{background-color:#880e4f !important}.pink-text.text-darken-4{color:#880e4f !important}.pink.accent-1{background-color:#ff80ab !important}.pink-text.text-accent-1{color:#ff80ab !important}.pink.accent-2{background-color:#ff4081 !important}.pink-text.text-accent-2{color:#ff4081 !important}.pink.accent-3{background-color:#f50057 !important}.pink-text.text-accent-3{color:#f50057 !important}.pink.accent-4{background-color:#c51162 !important}.pink-text.text-accent-4{color:#c51162 !important}.purple{background-color:#9c27b0 !important}.purple-text{color:#9c27b0 !important}.purple.lighten-5{background-color:#f3e5f5 !important}.purple-text.text-lighten-5{color:#f3e5f5 !important}.purple.lighten-4{background-color:#e1bee7 !important}.purple-text.text-lighten-4{color:#e1bee7 !important}.purple.lighten-3{background-color:#ce93d8 !important}.purple-text.text-lighten-3{color:#ce93d8 !important}.purple.lighten-2{background-color:#ba68c8 !important}.purple-text.text-lighten-2{color:#ba68c8 !important}.purple.lighten-1{background-color:#ab47bc !important}.purple-text.text-lighten-1{color:#ab47bc !important}.purple.darken-1{background-color:#8e24aa !important}.purple-text.text-darken-1{color:#8e24aa !important}.purple.darken-2{background-color:#7b1fa2 !important}.purple-text.text-darken-2{color:#7b1fa2 !important}.purple.darken-3{background-color:#6a1b9a !important}.purple-text.text-darken-3{color:#6a1b9a !important}.purple.darken-4{background-color:#4a148c !important}.purple-text.text-darken-4{color:#4a148c !important}.purple.accent-1{background-color:#ea80fc !important}.purple-text.text-accent-1{color:#ea80fc !important}.purple.accent-2{background-color:#e040fb !important}.purple-text.text-accent-2{color:#e040fb !important}.purple.accent-3{background-color:#d500f9 !important}.purple-text.text-accent-3{color:#d500f9 !important}.purple.accent-4{background-color:#a0f !important}.purple-text.text-accent-4{color:#a0f !important}.deep-purple{background-color:#673ab7 !important}.deep-purple-text{color:#673ab7 !important}.deep-purple.lighten-5{background-color:#ede7f6 !important}.deep-purple-text.text-lighten-5{color:#ede7f6 !important}.deep-purple.lighten-4{background-color:#d1c4e9 !important}.deep-purple-text.text-lighten-4{color:#d1c4e9 !important}.deep-purple.lighten-3{background-color:#b39ddb !important}.deep-purple-text.text-lighten-3{color:#b39ddb !important}.deep-purple.lighten-2{background-color:#9575cd !important}.deep-purple-text.text-lighten-2{color:#9575cd !important}.deep-purple.lighten-1{background-color:#7e57c2 !important}.deep-purple-text.text-lighten-1{color:#7e57c2 !important}.deep-purple.darken-1{background-color:#5e35b1 !important}.deep-purple-text.text-darken-1{color:#5e35b1 !important}.deep-purple.darken-2{background-color:#512da8 !important}.deep-purple-text.text-darken-2{color:#512da8 !important}.deep-purple.darken-3{background-color:#4527a0 !important}.deep-purple-text.text-darken-3{color:#4527a0 !important}.deep-purple.darken-4{background-color:#311b92 !important}.deep-purple-text.text-darken-4{color:#311b92 !important}.deep-purple.accent-1{background-color:#b388ff !important}.deep-purple-text.text-accent-1{color:#b388ff !important}.deep-purple.accent-2{background-color:#7c4dff !important}.deep-purple-text.text-accent-2{color:#7c4dff !important}.deep-purple.accent-3{background-color:#651fff !important}.deep-purple-text.text-accent-3{color:#651fff !important}.deep-purple.accent-4{background-color:#6200ea !important}.deep-purple-text.text-accent-4{color:#6200ea !important}.indigo{background-color:#3f51b5 !important}.indigo-text{color:#3f51b5 !important}.indigo.lighten-5{background-color:#e8eaf6 !important}.indigo-text.text-lighten-5{color:#e8eaf6 !important}.indigo.lighten-4{background-color:#c5cae9 !important}.indigo-text.text-lighten-4{color:#c5cae9 !important}.indigo.lighten-3{background-color:#9fa8da !important}.indigo-text.text-lighten-3{color:#9fa8da !important}.indigo.lighten-2{background-color:#7986cb !important}.indigo-text.text-lighten-2{color:#7986cb !important}.indigo.lighten-1{background-color:#5c6bc0 !important}.indigo-text.text-lighten-1{color:#5c6bc0 !important}.indigo.darken-1{background-color:#3949ab !important}.indigo-text.text-darken-1{color:#3949ab !important}.indigo.darken-2{background-color:#303f9f !important}.indigo-text.text-darken-2{color:#303f9f !important}.indigo.darken-3{background-color:#283593 !important}.indigo-text.text-darken-3{color:#283593 !important}.indigo.darken-4{background-color:#1a237e !important}.indigo-text.text-darken-4{color:#1a237e !important}.indigo.accent-1{background-color:#8c9eff !important}.indigo-text.text-accent-1{color:#8c9eff !important}.indigo.accent-2{background-color:#536dfe !important}.indigo-text.text-accent-2{color:#536dfe !important}.indigo.accent-3{background-color:#3d5afe !important}.indigo-text.text-accent-3{color:#3d5afe !important}.indigo.accent-4{background-color:#304ffe !important}.indigo-text.text-accent-4{color:#304ffe !important}.blue{background-color:#2196F3 !important}.blue-text{color:#2196F3 !important}.blue.lighten-5{background-color:#E3F2FD !important}.blue-text.text-lighten-5{color:#E3F2FD !important}.blue.lighten-4{background-color:#BBDEFB !important}.blue-text.text-lighten-4{color:#BBDEFB !important}.blue.lighten-3{background-color:#90CAF9 !important}.blue-text.text-lighten-3{color:#90CAF9 !important}.blue.lighten-2{background-color:#64B5F6 !important}.blue-text.text-lighten-2{color:#64B5F6 !important}.blue.lighten-1{background-color:#42A5F5 !important}.blue-text.text-lighten-1{color:#42A5F5 !important}.blue.darken-1{background-color:#1E88E5 !important}.blue-text.text-darken-1{color:#1E88E5 !important}.blue.darken-2{background-color:#1976D2 !important}.blue-text.text-darken-2{color:#1976D2 !important}.blue.darken-3{background-color:#1565C0 !important}.blue-text.text-darken-3{color:#1565C0 !important}.blue.darken-4{background-color:#0D47A1 !important}.blue-text.text-darken-4{color:#0D47A1 !important}.blue.accent-1{background-color:#82B1FF !important}.blue-text.text-accent-1{color:#82B1FF !important}.blue.accent-2{background-color:#448AFF !important}.blue-text.text-accent-2{color:#448AFF !important}.blue.accent-3{background-color:#2979FF !important}.blue-text.text-accent-3{color:#2979FF !important}.blue.accent-4{background-color:#2962FF !important}.blue-text.text-accent-4{color:#2962FF !important}.light-blue{background-color:#03a9f4 !important}.light-blue-text{color:#03a9f4 !important}.light-blue.lighten-5{background-color:#e1f5fe !important}.light-blue-text.text-lighten-5{color:#e1f5fe !important}.light-blue.lighten-4{background-color:#b3e5fc !important}.light-blue-text.text-lighten-4{color:#b3e5fc !important}.light-blue.lighten-3{background-color:#81d4fa !important}.light-blue-text.text-lighten-3{color:#81d4fa !important}.light-blue.lighten-2{background-color:#4fc3f7 !important}.light-blue-text.text-lighten-2{color:#4fc3f7 !important}.light-blue.lighten-1{background-color:#29b6f6 !important}.light-blue-text.text-lighten-1{color:#29b6f6 !important}.light-blue.darken-1{background-color:#039be5 !important}.light-blue-text.text-darken-1{color:#039be5 !important}.light-blue.darken-2{background-color:#0288d1 !important}.light-blue-text.text-darken-2{color:#0288d1 !important}.light-blue.darken-3{background-color:#0277bd !important}.light-blue-text.text-darken-3{color:#0277bd !important}.light-blue.darken-4{background-color:#01579b !important}.light-blue-text.text-darken-4{color:#01579b !important}.light-blue.accent-1{background-color:#80d8ff !important}.light-blue-text.text-accent-1{color:#80d8ff !important}.light-blue.accent-2{background-color:#40c4ff !important}.light-blue-text.text-accent-2{color:#40c4ff !important}.light-blue.accent-3{background-color:#00b0ff !important}.light-blue-text.text-accent-3{color:#00b0ff !important}.light-blue.accent-4{background-color:#0091ea !important}.light-blue-text.text-accent-4{color:#0091ea !important}.cyan{background-color:#00bcd4 !important}.cyan-text{color:#00bcd4 !important}.cyan.lighten-5{background-color:#e0f7fa !important}.cyan-text.text-lighten-5{color:#e0f7fa !important}.cyan.lighten-4{background-color:#b2ebf2 !important}.cyan-text.text-lighten-4{color:#b2ebf2 !important}.cyan.lighten-3{background-color:#80deea !important}.cyan-text.text-lighten-3{color:#80deea !important}.cyan.lighten-2{background-color:#4dd0e1 !important}.cyan-text.text-lighten-2{color:#4dd0e1 !important}.cyan.lighten-1{background-color:#26c6da !important}.cyan-text.text-lighten-1{color:#26c6da !important}.cyan.darken-1{background-color:#00acc1 !important}.cyan-text.text-darken-1{color:#00acc1 !important}.cyan.darken-2{background-color:#0097a7 !important}.cyan-text.text-darken-2{color:#0097a7 !important}.cyan.darken-3{background-color:#00838f !important}.cyan-text.text-darken-3{color:#00838f !important}.cyan.darken-4{background-color:#006064 !important}.cyan-text.text-darken-4{color:#006064 !important}.cyan.accent-1{background-color:#84ffff !important}.cyan-text.text-accent-1{color:#84ffff !important}.cyan.accent-2{background-color:#18ffff !important}.cyan-text.text-accent-2{color:#18ffff !important}.cyan.accent-3{background-color:#00e5ff !important}.cyan-text.text-accent-3{color:#00e5ff !important}.cyan.accent-4{background-color:#00b8d4 !important}.cyan-text.text-accent-4{color:#00b8d4 !important}.teal{background-color:#009688 !important}.teal-text{color:#009688 !important}.teal.lighten-5{background-color:#e0f2f1 !important}.teal-text.text-lighten-5{color:#e0f2f1 !important}.teal.lighten-4{background-color:#b2dfdb !important}.teal-text.text-lighten-4{color:#b2dfdb !important}.teal.lighten-3{background-color:#80cbc4 !important}.teal-text.text-lighten-3{color:#80cbc4 !important}.teal.lighten-2{background-color:#4db6ac !important}.teal-text.text-lighten-2{color:#4db6ac !important}.teal.lighten-1{background-color:#26a69a !important}.teal-text.text-lighten-1{color:#26a69a !important}.teal.darken-1{background-color:#00897b !important}.teal-text.text-darken-1{color:#00897b !important}.teal.darken-2{background-color:#00796b !important}.teal-text.text-darken-2{color:#00796b !important}.teal.darken-3{background-color:#00695c !important}.teal-text.text-darken-3{color:#00695c !important}.teal.darken-4{background-color:#004d40 !important}.teal-text.text-darken-4{color:#004d40 !important}.teal.accent-1{background-color:#a7ffeb !important}.teal-text.text-accent-1{color:#a7ffeb !important}.teal.accent-2{background-color:#64ffda !important}.teal-text.text-accent-2{color:#64ffda !important}.teal.accent-3{background-color:#1de9b6 !important}.teal-text.text-accent-3{color:#1de9b6 !important}.teal.accent-4{background-color:#00bfa5 !important}.teal-text.text-accent-4{color:#00bfa5 !important}.green{background-color:#4CAF50 !important}.green-text{color:#4CAF50 !important}.green.lighten-5{background-color:#E8F5E9 !important}.green-text.text-lighten-5{color:#E8F5E9 !important}.green.lighten-4{background-color:#C8E6C9 !important}.green-text.text-lighten-4{color:#C8E6C9 !important}.green.lighten-3{background-color:#A5D6A7 !important}.green-text.text-lighten-3{color:#A5D6A7 !important}.green.lighten-2{background-color:#81C784 !important}.green-text.text-lighten-2{color:#81C784 !important}.green.lighten-1{background-color:#66BB6A !important}.green-text.text-lighten-1{color:#66BB6A !important}.green.darken-1{background-color:#43A047 !important}.green-text.text-darken-1{color:#43A047 !important}.green.darken-2{background-color:#388E3C !important}.green-text.text-darken-2{color:#388E3C !important}.green.darken-3{background-color:#2E7D32 !important}.green-text.text-darken-3{color:#2E7D32 !important}.green.darken-4{background-color:#1B5E20 !important}.green-text.text-darken-4{color:#1B5E20 !important}.green.accent-1{background-color:#B9F6CA !important}.green-text.text-accent-1{color:#B9F6CA !important}.green.accent-2{background-color:#69F0AE !important}.green-text.text-accent-2{color:#69F0AE !important}.green.accent-3{background-color:#00E676 !important}.green-text.text-accent-3{color:#00E676 !important}.green.accent-4{background-color:#00C853 !important}.green-text.text-accent-4{color:#00C853 !important}.light-green{background-color:#8bc34a !important}.light-green-text{color:#8bc34a !important}.light-green.lighten-5{background-color:#f1f8e9 !important}.light-green-text.text-lighten-5{color:#f1f8e9 !important}.light-green.lighten-4{background-color:#dcedc8 !important}.light-green-text.text-lighten-4{color:#dcedc8 !important}.light-green.lighten-3{background-color:#c5e1a5 !important}.light-green-text.text-lighten-3{color:#c5e1a5 !important}.light-green.lighten-2{background-color:#aed581 !important}.light-green-text.text-lighten-2{color:#aed581 !important}.light-green.lighten-1{background-color:#9ccc65 !important}.light-green-text.text-lighten-1{color:#9ccc65 !important}.light-green.darken-1{background-color:#7cb342 !important}.light-green-text.text-darken-1{color:#7cb342 !important}.light-green.darken-2{background-color:#689f38 !important}.light-green-text.text-darken-2{color:#689f38 !important}.light-green.darken-3{background-color:#558b2f !important}.light-green-text.text-darken-3{color:#558b2f !important}.light-green.darken-4{background-color:#33691e !important}.light-green-text.text-darken-4{color:#33691e !important}.light-green.accent-1{background-color:#ccff90 !important}.light-green-text.text-accent-1{color:#ccff90 !important}.light-green.accent-2{background-color:#b2ff59 !important}.light-green-text.text-accent-2{color:#b2ff59 !important}.light-green.accent-3{background-color:#76ff03 !important}.light-green-text.text-accent-3{color:#76ff03 !important}.light-green.accent-4{background-color:#64dd17 !important}.light-green-text.text-accent-4{color:#64dd17 !important}.lime{background-color:#cddc39 !important}.lime-text{color:#cddc39 !important}.lime.lighten-5{background-color:#f9fbe7 !important}.lime-text.text-lighten-5{color:#f9fbe7 !important}.lime.lighten-4{background-color:#f0f4c3 !important}.lime-text.text-lighten-4{color:#f0f4c3 !important}.lime.lighten-3{background-color:#e6ee9c !important}.lime-text.text-lighten-3{color:#e6ee9c !important}.lime.lighten-2{background-color:#dce775 !important}.lime-text.text-lighten-2{color:#dce775 !important}.lime.lighten-1{background-color:#d4e157 !important}.lime-text.text-lighten-1{color:#d4e157 !important}.lime.darken-1{background-color:#c0ca33 !important}.lime-text.text-darken-1{color:#c0ca33 !important}.lime.darken-2{background-color:#afb42b !important}.lime-text.text-darken-2{color:#afb42b !important}.lime.darken-3{background-color:#9e9d24 !important}.lime-text.text-darken-3{color:#9e9d24 !important}.lime.darken-4{background-color:#827717 !important}.lime-text.text-darken-4{color:#827717 !important}.lime.accent-1{background-color:#f4ff81 !important}.lime-text.text-accent-1{color:#f4ff81 !important}.lime.accent-2{background-color:#eeff41 !important}.lime-text.text-accent-2{color:#eeff41 !important}.lime.accent-3{background-color:#c6ff00 !important}.lime-text.text-accent-3{color:#c6ff00 !important}.lime.accent-4{background-color:#aeea00 !important}.lime-text.text-accent-4{color:#aeea00 !important}.yellow{background-color:#ffeb3b !important}.yellow-text{color:#ffeb3b !important}.yellow.lighten-5{background-color:#fffde7 !important}.yellow-text.text-lighten-5{color:#fffde7 !important}.yellow.lighten-4{background-color:#fff9c4 !important}.yellow-text.text-lighten-4{color:#fff9c4 !important}.yellow.lighten-3{background-color:#fff59d !important}.yellow-text.text-lighten-3{color:#fff59d !important}.yellow.lighten-2{background-color:#fff176 !important}.yellow-text.text-lighten-2{color:#fff176 !important}.yellow.lighten-1{background-color:#ffee58 !important}.yellow-text.text-lighten-1{color:#ffee58 !important}.yellow.darken-1{background-color:#fdd835 !important}.yellow-text.text-darken-1{color:#fdd835 !important}.yellow.darken-2{background-color:#fbc02d !important}.yellow-text.text-darken-2{color:#fbc02d !important}.yellow.darken-3{background-color:#f9a825 !important}.yellow-text.text-darken-3{color:#f9a825 !important}.yellow.darken-4{background-color:#f57f17 !important}.yellow-text.text-darken-4{color:#f57f17 !important}.yellow.accent-1{background-color:#ffff8d !important}.yellow-text.text-accent-1{color:#ffff8d !important}.yellow.accent-2{background-color:#ff0 !important}.yellow-text.text-accent-2{color:#ff0 !important}.yellow.accent-3{background-color:#ffea00 !important}.yellow-text.text-accent-3{color:#ffea00 !important}.yellow.accent-4{background-color:#ffd600 !important}.yellow-text.text-accent-4{color:#ffd600 !important}.amber{background-color:#ffc107 !important}.amber-text{color:#ffc107 !important}.amber.lighten-5{background-color:#fff8e1 !important}.amber-text.text-lighten-5{color:#fff8e1 !important}.amber.lighten-4{background-color:#ffecb3 !important}.amber-text.text-lighten-4{color:#ffecb3 !important}.amber.lighten-3{background-color:#ffe082 !important}.amber-text.text-lighten-3{color:#ffe082 !important}.amber.lighten-2{background-color:#ffd54f !important}.amber-text.text-lighten-2{color:#ffd54f !important}.amber.lighten-1{background-color:#ffca28 !important}.amber-text.text-lighten-1{color:#ffca28 !important}.amber.darken-1{background-color:#ffb300 !important}.amber-text.text-darken-1{color:#ffb300 !important}.amber.darken-2{background-color:#ffa000 !important}.amber-text.text-darken-2{color:#ffa000 !important}.amber.darken-3{background-color:#ff8f00 !important}.amber-text.text-darken-3{color:#ff8f00 !important}.amber.darken-4{background-color:#ff6f00 !important}.amber-text.text-darken-4{color:#ff6f00 !important}.amber.accent-1{background-color:#ffe57f !important}.amber-text.text-accent-1{color:#ffe57f !important}.amber.accent-2{background-color:#ffd740 !important}.amber-text.text-accent-2{color:#ffd740 !important}.amber.accent-3{background-color:#ffc400 !important}.amber-text.text-accent-3{color:#ffc400 !important}.amber.accent-4{background-color:#ffab00 !important}.amber-text.text-accent-4{color:#ffab00 !important}.orange{background-color:#ff9800 !important}.orange-text{color:#ff9800 !important}.orange.lighten-5{background-color:#fff3e0 !important}.orange-text.text-lighten-5{color:#fff3e0 !important}.orange.lighten-4{background-color:#ffe0b2 !important}.orange-text.text-lighten-4{color:#ffe0b2 !important}.orange.lighten-3{background-color:#ffcc80 !important}.orange-text.text-lighten-3{color:#ffcc80 !important}.orange.lighten-2{background-color:#ffb74d !important}.orange-text.text-lighten-2{color:#ffb74d !important}.orange.lighten-1{background-color:#ffa726 !important}.orange-text.text-lighten-1{color:#ffa726 !important}.orange.darken-1{background-color:#fb8c00 !important}.orange-text.text-darken-1{color:#fb8c00 !important}.orange.darken-2{background-color:#f57c00 !important}.orange-text.text-darken-2{color:#f57c00 !important}.orange.darken-3{background-color:#ef6c00 !important}.orange-text.text-darken-3{color:#ef6c00 !important}.orange.darken-4{background-color:#e65100 !important}.orange-text.text-darken-4{color:#e65100 !important}.orange.accent-1{background-color:#ffd180 !important}.orange-text.text-accent-1{color:#ffd180 !important}.orange.accent-2{background-color:#ffab40 !important}.orange-text.text-accent-2{color:#ffab40 !important}.orange.accent-3{background-color:#ff9100 !important}.orange-text.text-accent-3{color:#ff9100 !important}.orange.accent-4{background-color:#ff6d00 !important}.orange-text.text-accent-4{color:#ff6d00 !important}.deep-orange{background-color:#ff5722 !important}.deep-orange-text{color:#ff5722 !important}.deep-orange.lighten-5{background-color:#fbe9e7 !important}.deep-orange-text.text-lighten-5{color:#fbe9e7 !important}.deep-orange.lighten-4{background-color:#ffccbc !important}.deep-orange-text.text-lighten-4{color:#ffccbc !important}.deep-orange.lighten-3{background-color:#ffab91 !important}.deep-orange-text.text-lighten-3{color:#ffab91 !important}.deep-orange.lighten-2{background-color:#ff8a65 !important}.deep-orange-text.text-lighten-2{color:#ff8a65 !important}.deep-orange.lighten-1{background-color:#ff7043 !important}.deep-orange-text.text-lighten-1{color:#ff7043 !important}.deep-orange.darken-1{background-color:#f4511e !important}.deep-orange-text.text-darken-1{color:#f4511e !important}.deep-orange.darken-2{background-color:#e64a19 !important}.deep-orange-text.text-darken-2{color:#e64a19 !important}.deep-orange.darken-3{background-color:#d84315 !important}.deep-orange-text.text-darken-3{color:#d84315 !important}.deep-orange.darken-4{background-color:#bf360c !important}.deep-orange-text.text-darken-4{color:#bf360c !important}.deep-orange.accent-1{background-color:#ff9e80 !important}.deep-orange-text.text-accent-1{color:#ff9e80 !important}.deep-orange.accent-2{background-color:#ff6e40 !important}.deep-orange-text.text-accent-2{color:#ff6e40 !important}.deep-orange.accent-3{background-color:#ff3d00 !important}.deep-orange-text.text-accent-3{color:#ff3d00 !important}.deep-orange.accent-4{background-color:#dd2c00 !important}.deep-orange-text.text-accent-4{color:#dd2c00 !important}.brown{background-color:#795548 !important}.brown-text{color:#795548 !important}.brown.lighten-5{background-color:#efebe9 !important}.brown-text.text-lighten-5{color:#efebe9 !important}.brown.lighten-4{background-color:#d7ccc8 !important}.brown-text.text-lighten-4{color:#d7ccc8 !important}.brown.lighten-3{background-color:#bcaaa4 !important}.brown-text.text-lighten-3{color:#bcaaa4 !important}.brown.lighten-2{background-color:#a1887f !important}.brown-text.text-lighten-2{color:#a1887f !important}.brown.lighten-1{background-color:#8d6e63 !important}.brown-text.text-lighten-1{color:#8d6e63 !important}.brown.darken-1{background-color:#6d4c41 !important}.brown-text.text-darken-1{color:#6d4c41 !important}.brown.darken-2{background-color:#5d4037 !important}.brown-text.text-darken-2{color:#5d4037 !important}.brown.darken-3{background-color:#4e342e !important}.brown-text.text-darken-3{color:#4e342e !important}.brown.darken-4{background-color:#3e2723 !important}.brown-text.text-darken-4{color:#3e2723 !important}.blue-grey{background-color:#607d8b !important}.blue-grey-text{color:#607d8b !important}.blue-grey.lighten-5{background-color:#eceff1 !important}.blue-grey-text.text-lighten-5{color:#eceff1 !important}.blue-grey.lighten-4{background-color:#cfd8dc !important}.blue-grey-text.text-lighten-4{color:#cfd8dc !important}.blue-grey.lighten-3{background-color:#b0bec5 !important}.blue-grey-text.text-lighten-3{color:#b0bec5 !important}.blue-grey.lighten-2{background-color:#90a4ae !important}.blue-grey-text.text-lighten-2{color:#90a4ae !important}.blue-grey.lighten-1{background-color:#78909c !important}.blue-grey-text.text-lighten-1{color:#78909c !important}.blue-grey.darken-1{background-color:#546e7a !important}.blue-grey-text.text-darken-1{color:#546e7a !important}.blue-grey.darken-2{background-color:#455a64 !important}.blue-grey-text.text-darken-2{color:#455a64 !important}.blue-grey.darken-3{background-color:#37474f !important}.blue-grey-text.text-darken-3{color:#37474f !important}.blue-grey.darken-4{background-color:#263238 !important}.blue-grey-text.text-darken-4{color:#263238 !important}.grey{background-color:#9e9e9e !important}.grey-text{color:#9e9e9e !important}.grey.lighten-5{background-color:#fafafa !important}.grey-text.text-lighten-5{color:#fafafa !important}.grey.lighten-4{background-color:#f5f5f5 !important}.grey-text.text-lighten-4{color:#f5f5f5 !important}.grey.lighten-3{background-color:#eee !important}.grey-text.text-lighten-3{color:#eee !important}.grey.lighten-2{background-color:#e0e0e0 !important}.grey-text.text-lighten-2{color:#e0e0e0 !important}.grey.lighten-1{background-color:#bdbdbd !important}.grey-text.text-lighten-1{color:#bdbdbd !important}.grey.darken-1{background-color:#757575 !important}.grey-text.text-darken-1{color:#757575 !important}.grey.darken-2{background-color:#616161 !important}.grey-text.text-darken-2{color:#616161 !important}.grey.darken-3{background-color:#424242 !important}.grey-text.text-darken-3{color:#424242 !important}.grey.darken-4{background-color:#212121 !important}.grey-text.text-darken-4{color:#212121 !important}.black{background-color:#000 !important}.black-text{color:#000 !important}.white{background-color:#fff !important}.white-text{color:#fff !important}.transparent{background-color:rgba(0,0,0,0) !important}.transparent-text{color:rgba(0,0,0,0) !important}/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:0.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}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;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;-moz-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}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}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [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{display:inline-block;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-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,*:before,*:after{-webkit-box-sizing:inherit;box-sizing:inherit}ul:not(.browser-default){padding-left:0;list-style-type:none}ul:not(.browser-default)>li{list-style-type:none}a{color:#039be5;text-decoration:none;-webkit-tap-highlight-color:transparent}.valign-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.clearfix{clear:both}.z-depth-0{-webkit-box-shadow:none !important;box-shadow:none !important}.z-depth-1,nav,.card-panel,.card,.toast,.btn,.btn-large,.btn-small,.btn-floating,.dropdown-content,.collapsible,.sidenav{-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2)}.z-depth-1-half,.btn:hover,.btn-large:hover,.btn-small:hover,.btn-floating:hover{-webkit-box-shadow:0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2);box-shadow:0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2)}.z-depth-2{-webkit-box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3);box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3)}.z-depth-3{-webkit-box-shadow:0 8px 17px 2px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.2);box-shadow:0 8px 17px 2px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.2)}.z-depth-4{-webkit-box-shadow:0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -7px rgba(0,0,0,0.2);box-shadow:0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -7px rgba(0,0,0,0.2)}.z-depth-5,.modal{-webkit-box-shadow:0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12),0 11px 15px -7px rgba(0,0,0,0.2);box-shadow:0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12),0 11px 15px -7px rgba(0,0,0,0.2)}.hoverable{-webkit-transition:-webkit-box-shadow .25s;transition:-webkit-box-shadow .25s;transition:box-shadow .25s;transition:box-shadow .25s, -webkit-box-shadow .25s}.hoverable:hover{-webkit-box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}.divider{height:1px;overflow:hidden;background-color:#e0e0e0}blockquote{margin:20px 0;padding-left:1.5rem;border-left:5px solid #ee6e73}i{line-height:inherit}i.left{float:left;margin-right:15px}i.right{float:right;margin-left:15px}i.tiny{font-size:1rem}i.small{font-size:2rem}i.medium{font-size:4rem}i.large{font-size:6rem}img.responsive-img,video.responsive-video{max-width:100%;height:auto}.pagination li{display:inline-block;border-radius:2px;text-align:center;vertical-align:top;height:30px}.pagination li a{color:#444;display:inline-block;font-size:1.2rem;padding:0 10px;line-height:30px}.pagination li.active a{color:#fff}.pagination li.active{background-color:#ee6e73}.pagination li.disabled a{cursor:default;color:#999}.pagination li i{font-size:2rem}.pagination li.pages ul li{display:inline-block;float:none}@media only screen and (max-width: 992px){.pagination{width:100%}.pagination li.prev,.pagination li.next{width:10%}.pagination li.pages{width:80%;overflow:hidden;white-space:nowrap}}.breadcrumb{font-size:18px;color:rgba(255,255,255,0.7)}.breadcrumb i,.breadcrumb [class^="mdi-"],.breadcrumb [class*="mdi-"],.breadcrumb i.material-icons{display:inline-block;float:left;font-size:24px}.breadcrumb:before{content:'\E5CC';color:rgba(255,255,255,0.7);vertical-align:top;display:inline-block;font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:25px;margin:0 10px 0 8px;-webkit-font-smoothing:antialiased}.breadcrumb:first-child:before{display:none}.breadcrumb:last-child{color:#fff}.parallax-container{position:relative;overflow:hidden;height:500px}.parallax-container .parallax{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}.parallax-container .parallax img{opacity:0;position:absolute;left:50%;bottom:0;min-width:100%;min-height:100%;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pin-top,.pin-bottom{position:relative}.pinned{position:fixed !important}ul.staggered-list li{opacity:0}.fade-in{opacity:0;-webkit-transform-origin:0 50%;transform-origin:0 50%}@media only screen and (max-width: 600px){.hide-on-small-only,.hide-on-small-and-down{display:none !important}}@media only screen and (max-width: 992px){.hide-on-med-and-down{display:none !important}}@media only screen and (min-width: 601px){.hide-on-med-and-up{display:none !important}}@media only screen and (min-width: 600px) and (max-width: 992px){.hide-on-med-only{display:none !important}}@media only screen and (min-width: 993px){.hide-on-large-only{display:none !important}}@media only screen and (min-width: 1201px){.hide-on-extra-large-only{display:none !important}}@media only screen and (min-width: 1201px){.show-on-extra-large{display:block !important}}@media only screen and (min-width: 993px){.show-on-large{display:block !important}}@media only screen and (min-width: 600px) and (max-width: 992px){.show-on-medium{display:block !important}}@media only screen and (max-width: 600px){.show-on-small{display:block !important}}@media only screen and (min-width: 601px){.show-on-medium-and-up{display:block !important}}@media only screen and (max-width: 992px){.show-on-medium-and-down{display:block !important}}@media only screen and (max-width: 600px){.center-on-small-only{text-align:center}}.page-footer{padding-top:20px;color:#fff;background-color:#ee6e73}.page-footer .footer-copyright{overflow:hidden;min-height:50px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:10px 0px;color:rgba(255,255,255,0.8);background-color:rgba(51,51,51,0.08)}table,th,td{border:none}table{width:100%;display:table;border-collapse:collapse;border-spacing:0}table.striped tr{border-bottom:none}table.striped>tbody>tr:nth-child(odd){background-color:rgba(242,242,242,0.5)}table.striped>tbody>tr>td{border-radius:0}table.highlight>tbody>tr{-webkit-transition:background-color .25s ease;transition:background-color .25s ease}table.highlight>tbody>tr:hover{background-color:rgba(242,242,242,0.5)}table.centered thead tr th,table.centered tbody tr td{text-align:center}tr{border-bottom:1px solid rgba(0,0,0,0.12)}td,th{padding:15px 5px;display:table-cell;text-align:left;vertical-align:middle;border-radius:2px}@media only screen and (max-width: 992px){table.responsive-table{width:100%;border-collapse:collapse;border-spacing:0;display:block;position:relative}table.responsive-table td:empty:before{content:'\00a0'}table.responsive-table th,table.responsive-table td{margin:0;vertical-align:top}table.responsive-table th{text-align:left}table.responsive-table thead{display:block;float:left}table.responsive-table thead tr{display:block;padding:0 10px 0 0}table.responsive-table thead tr th::before{content:"\00a0"}table.responsive-table tbody{display:block;width:auto;position:relative;overflow-x:auto;white-space:nowrap}table.responsive-table tbody tr{display:inline-block;vertical-align:top}table.responsive-table th{display:block;text-align:right}table.responsive-table td{display:block;min-height:1.25em;text-align:left}table.responsive-table tr{border-bottom:none;padding:0 10px}table.responsive-table thead{border:0;border-right:1px solid rgba(0,0,0,0.12)}}.collection{margin:.5rem 0 1rem 0;border:1px solid #e0e0e0;border-radius:2px;overflow:hidden;position:relative}.collection .collection-item{background-color:#fff;line-height:1.5rem;padding:10px 20px;margin:0;border-bottom:1px solid #e0e0e0}.collection .collection-item.avatar{min-height:84px;padding-left:72px;position:relative}.collection .collection-item.avatar:not(.circle-clipper)>.circle,.collection .collection-item.avatar :not(.circle-clipper)>.circle{position:absolute;width:42px;height:42px;overflow:hidden;left:15px;display:inline-block;vertical-align:middle}.collection .collection-item.avatar i.circle{font-size:18px;line-height:42px;color:#fff;background-color:#999;text-align:center}.collection .collection-item.avatar .title{font-size:16px}.collection .collection-item.avatar p{margin:0}.collection .collection-item.avatar .secondary-content{position:absolute;top:16px;right:16px}.collection .collection-item:last-child{border-bottom:none}.collection .collection-item.active{background-color:#26a69a;color:#eafaf9}.collection .collection-item.active .secondary-content{color:#fff}.collection a.collection-item{display:block;-webkit-transition:.25s;transition:.25s;color:#26a69a}.collection a.collection-item:not(.active):hover{background-color:#ddd}.collection.with-header .collection-header{background-color:#fff;border-bottom:1px solid #e0e0e0;padding:10px 20px}.collection.with-header .collection-item{padding-left:30px}.collection.with-header .collection-item.avatar{padding-left:72px}.secondary-content{float:right;color:#26a69a}.collapsible .collection{margin:0;border:none}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}.progress{position:relative;height:4px;display:block;width:100%;background-color:#acece6;border-radius:2px;margin:.5rem 0 1rem 0;overflow:hidden}.progress .determinate{position:absolute;top:0;left:0;bottom:0;background-color:#26a69a;-webkit-transition:width .3s linear;transition:width .3s linear}.progress .indeterminate{background-color:#26a69a}.progress .indeterminate:before{content:'';position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left, right;-webkit-animation:indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;animation:indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite}.progress .indeterminate:after{content:'';position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left, right;-webkit-animation:indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;animation:indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;-webkit-animation-delay:1.15s;animation-delay:1.15s}@-webkit-keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}100%{left:100%;right:-90%}}@keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}100%{left:100%;right:-90%}}@-webkit-keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}100%{left:107%;right:-8%}}@keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}100%{left:107%;right:-8%}}.hide{display:none !important}.left-align{text-align:left}.right-align{text-align:right}.center,.center-align{text-align:center}.left{float:left !important}.right{float:right !important}.no-select,input[type=range],input[type=range]+.thumb{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.circle{border-radius:50%}.center-block{display:block;margin-left:auto;margin-right:auto}.truncate{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-padding{padding:0 !important}span.badge{min-width:3rem;padding:0 6px;margin-left:14px;text-align:center;font-size:1rem;line-height:22px;height:22px;color:#757575;float:right;-webkit-box-sizing:border-box;box-sizing:border-box}span.badge.new{font-weight:300;font-size:0.8rem;color:#fff;background-color:#26a69a;border-radius:2px}span.badge.new:after{content:" new"}span.badge[data-badge-caption]::after{content:" " attr(data-badge-caption)}nav ul a span.badge{display:inline-block;float:none;margin-left:4px;line-height:22px;height:22px;-webkit-font-smoothing:auto}.collection-item span.badge{margin-top:calc(.75rem - 11px)}.collapsible span.badge{margin-left:auto}.sidenav span.badge{margin-top:calc(24px - 11px)}table span.badge{display:inline-block;float:none;margin-left:auto}.material-icons{text-rendering:optimizeLegibility;-webkit-font-feature-settings:'liga';-moz-font-feature-settings:'liga';font-feature-settings:'liga'}.container{margin:0 auto;max-width:1280px;width:90%}@media only screen and (min-width: 601px){.container{width:85%}}@media only screen and (min-width: 993px){.container{width:70%}}.col .row{margin-left:-.75rem;margin-right:-.75rem}.section{padding-top:1rem;padding-bottom:1rem}.section.no-pad{padding:0}.section.no-pad-bot{padding-bottom:0}.section.no-pad-top{padding-top:0}.row{margin-left:auto;margin-right:auto;margin-bottom:20px}.row:after{content:"";display:table;clear:both}.row .col{float:left;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 .75rem;min-height:1px}.row .col[class*="push-"],.row .col[class*="pull-"]{position:relative}.row .col.s1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.s2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.s3{width:25%;margin-left:auto;left:auto;right:auto}.row .col.s4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.s5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.s6{width:50%;margin-left:auto;left:auto;right:auto}.row .col.s7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.s8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.s9{width:75%;margin-left:auto;left:auto;right:auto}.row .col.s10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.s11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.s12{width:100%;margin-left:auto;left:auto;right:auto}.row .col.offset-s1{margin-left:8.3333333333%}.row .col.pull-s1{right:8.3333333333%}.row .col.push-s1{left:8.3333333333%}.row .col.offset-s2{margin-left:16.6666666667%}.row .col.pull-s2{right:16.6666666667%}.row .col.push-s2{left:16.6666666667%}.row .col.offset-s3{margin-left:25%}.row .col.pull-s3{right:25%}.row .col.push-s3{left:25%}.row .col.offset-s4{margin-left:33.3333333333%}.row .col.pull-s4{right:33.3333333333%}.row .col.push-s4{left:33.3333333333%}.row .col.offset-s5{margin-left:41.6666666667%}.row .col.pull-s5{right:41.6666666667%}.row .col.push-s5{left:41.6666666667%}.row .col.offset-s6{margin-left:50%}.row .col.pull-s6{right:50%}.row .col.push-s6{left:50%}.row .col.offset-s7{margin-left:58.3333333333%}.row .col.pull-s7{right:58.3333333333%}.row .col.push-s7{left:58.3333333333%}.row .col.offset-s8{margin-left:66.6666666667%}.row .col.pull-s8{right:66.6666666667%}.row .col.push-s8{left:66.6666666667%}.row .col.offset-s9{margin-left:75%}.row .col.pull-s9{right:75%}.row .col.push-s9{left:75%}.row .col.offset-s10{margin-left:83.3333333333%}.row .col.pull-s10{right:83.3333333333%}.row .col.push-s10{left:83.3333333333%}.row .col.offset-s11{margin-left:91.6666666667%}.row .col.pull-s11{right:91.6666666667%}.row .col.push-s11{left:91.6666666667%}.row .col.offset-s12{margin-left:100%}.row .col.pull-s12{right:100%}.row .col.push-s12{left:100%}@media only screen and (min-width: 601px){.row .col.m1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.m2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.m3{width:25%;margin-left:auto;left:auto;right:auto}.row .col.m4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.m5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.m6{width:50%;margin-left:auto;left:auto;right:auto}.row .col.m7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.m8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.m9{width:75%;margin-left:auto;left:auto;right:auto}.row .col.m10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.m11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.m12{width:100%;margin-left:auto;left:auto;right:auto}.row .col.offset-m1{margin-left:8.3333333333%}.row .col.pull-m1{right:8.3333333333%}.row .col.push-m1{left:8.3333333333%}.row .col.offset-m2{margin-left:16.6666666667%}.row .col.pull-m2{right:16.6666666667%}.row .col.push-m2{left:16.6666666667%}.row .col.offset-m3{margin-left:25%}.row .col.pull-m3{right:25%}.row .col.push-m3{left:25%}.row .col.offset-m4{margin-left:33.3333333333%}.row .col.pull-m4{right:33.3333333333%}.row .col.push-m4{left:33.3333333333%}.row .col.offset-m5{margin-left:41.6666666667%}.row .col.pull-m5{right:41.6666666667%}.row .col.push-m5{left:41.6666666667%}.row .col.offset-m6{margin-left:50%}.row .col.pull-m6{right:50%}.row .col.push-m6{left:50%}.row .col.offset-m7{margin-left:58.3333333333%}.row .col.pull-m7{right:58.3333333333%}.row .col.push-m7{left:58.3333333333%}.row .col.offset-m8{margin-left:66.6666666667%}.row .col.pull-m8{right:66.6666666667%}.row .col.push-m8{left:66.6666666667%}.row .col.offset-m9{margin-left:75%}.row .col.pull-m9{right:75%}.row .col.push-m9{left:75%}.row .col.offset-m10{margin-left:83.3333333333%}.row .col.pull-m10{right:83.3333333333%}.row .col.push-m10{left:83.3333333333%}.row .col.offset-m11{margin-left:91.6666666667%}.row .col.pull-m11{right:91.6666666667%}.row .col.push-m11{left:91.6666666667%}.row .col.offset-m12{margin-left:100%}.row .col.pull-m12{right:100%}.row .col.push-m12{left:100%}}@media only screen and (min-width: 993px){.row .col.l1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.l2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.l3{width:25%;margin-left:auto;left:auto;right:auto}.row .col.l4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.l5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.l6{width:50%;margin-left:auto;left:auto;right:auto}.row .col.l7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.l8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.l9{width:75%;margin-left:auto;left:auto;right:auto}.row .col.l10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.l11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.l12{width:100%;margin-left:auto;left:auto;right:auto}.row .col.offset-l1{margin-left:8.3333333333%}.row .col.pull-l1{right:8.3333333333%}.row .col.push-l1{left:8.3333333333%}.row .col.offset-l2{margin-left:16.6666666667%}.row .col.pull-l2{right:16.6666666667%}.row .col.push-l2{left:16.6666666667%}.row .col.offset-l3{margin-left:25%}.row .col.pull-l3{right:25%}.row .col.push-l3{left:25%}.row .col.offset-l4{margin-left:33.3333333333%}.row .col.pull-l4{right:33.3333333333%}.row .col.push-l4{left:33.3333333333%}.row .col.offset-l5{margin-left:41.6666666667%}.row .col.pull-l5{right:41.6666666667%}.row .col.push-l5{left:41.6666666667%}.row .col.offset-l6{margin-left:50%}.row .col.pull-l6{right:50%}.row .col.push-l6{left:50%}.row .col.offset-l7{margin-left:58.3333333333%}.row .col.pull-l7{right:58.3333333333%}.row .col.push-l7{left:58.3333333333%}.row .col.offset-l8{margin-left:66.6666666667%}.row .col.pull-l8{right:66.6666666667%}.row .col.push-l8{left:66.6666666667%}.row .col.offset-l9{margin-left:75%}.row .col.pull-l9{right:75%}.row .col.push-l9{left:75%}.row .col.offset-l10{margin-left:83.3333333333%}.row .col.pull-l10{right:83.3333333333%}.row .col.push-l10{left:83.3333333333%}.row .col.offset-l11{margin-left:91.6666666667%}.row .col.pull-l11{right:91.6666666667%}.row .col.push-l11{left:91.6666666667%}.row .col.offset-l12{margin-left:100%}.row .col.pull-l12{right:100%}.row .col.push-l12{left:100%}}@media only screen and (min-width: 1201px){.row .col.xl1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.xl2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.xl3{width:25%;margin-left:auto;left:auto;right:auto}.row .col.xl4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.xl5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.xl6{width:50%;margin-left:auto;left:auto;right:auto}.row .col.xl7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.xl8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.xl9{width:75%;margin-left:auto;left:auto;right:auto}.row .col.xl10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.xl11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.xl12{width:100%;margin-left:auto;left:auto;right:auto}.row .col.offset-xl1{margin-left:8.3333333333%}.row .col.pull-xl1{right:8.3333333333%}.row .col.push-xl1{left:8.3333333333%}.row .col.offset-xl2{margin-left:16.6666666667%}.row .col.pull-xl2{right:16.6666666667%}.row .col.push-xl2{left:16.6666666667%}.row .col.offset-xl3{margin-left:25%}.row .col.pull-xl3{right:25%}.row .col.push-xl3{left:25%}.row .col.offset-xl4{margin-left:33.3333333333%}.row .col.pull-xl4{right:33.3333333333%}.row .col.push-xl4{left:33.3333333333%}.row .col.offset-xl5{margin-left:41.6666666667%}.row .col.pull-xl5{right:41.6666666667%}.row .col.push-xl5{left:41.6666666667%}.row .col.offset-xl6{margin-left:50%}.row .col.pull-xl6{right:50%}.row .col.push-xl6{left:50%}.row .col.offset-xl7{margin-left:58.3333333333%}.row .col.pull-xl7{right:58.3333333333%}.row .col.push-xl7{left:58.3333333333%}.row .col.offset-xl8{margin-left:66.6666666667%}.row .col.pull-xl8{right:66.6666666667%}.row .col.push-xl8{left:66.6666666667%}.row .col.offset-xl9{margin-left:75%}.row .col.pull-xl9{right:75%}.row .col.push-xl9{left:75%}.row .col.offset-xl10{margin-left:83.3333333333%}.row .col.pull-xl10{right:83.3333333333%}.row .col.push-xl10{left:83.3333333333%}.row .col.offset-xl11{margin-left:91.6666666667%}.row .col.pull-xl11{right:91.6666666667%}.row .col.push-xl11{left:91.6666666667%}.row .col.offset-xl12{margin-left:100%}.row .col.pull-xl12{right:100%}.row .col.push-xl12{left:100%}}nav{color:#fff;background-color:#ee6e73;width:100%;height:56px;line-height:56px}nav.nav-extended{height:auto}nav.nav-extended .nav-wrapper{min-height:56px;height:auto}nav.nav-extended .nav-content{position:relative;line-height:normal}nav a{color:#fff}nav i,nav [class^="mdi-"],nav [class*="mdi-"],nav i.material-icons{display:block;font-size:24px;height:56px;line-height:56px}nav .nav-wrapper{position:relative;height:100%}@media only screen and (min-width: 993px){nav a.sidenav-trigger{display:none}}nav .sidenav-trigger{float:left;position:relative;z-index:1;height:56px;margin:0 18px}nav .sidenav-trigger i{height:56px;line-height:56px}nav .brand-logo{position:absolute;color:#fff;display:inline-block;font-size:2.1rem;padding:0}nav .brand-logo.center{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media only screen and (max-width: 992px){nav .brand-logo{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}nav .brand-logo.left,nav .brand-logo.right{padding:0;-webkit-transform:none;transform:none}nav .brand-logo.left{left:0.5rem}nav .brand-logo.right{right:0.5rem;left:auto}}nav .brand-logo.right{right:0.5rem;padding:0}nav .brand-logo i,nav .brand-logo [class^="mdi-"],nav .brand-logo [class*="mdi-"],nav .brand-logo i.material-icons{float:left;margin-right:15px}nav .nav-title{display:inline-block;font-size:32px;padding:28px 0}nav ul{margin:0}nav ul li{-webkit-transition:background-color .3s;transition:background-color .3s;float:left;padding:0}nav ul li.active{background-color:rgba(0,0,0,0.1)}nav ul a{-webkit-transition:background-color .3s;transition:background-color .3s;font-size:1rem;color:#fff;display:block;padding:0 15px;cursor:pointer}nav ul a.btn,nav ul a.btn-large,nav ul a.btn-small,nav ul a.btn-large,nav ul a.btn-flat,nav ul a.btn-floating{margin-top:-2px;margin-left:15px;margin-right:15px}nav ul a.btn>.material-icons,nav ul a.btn-large>.material-icons,nav ul a.btn-small>.material-icons,nav ul a.btn-large>.material-icons,nav ul a.btn-flat>.material-icons,nav ul a.btn-floating>.material-icons{height:inherit;line-height:inherit}nav ul a:hover{background-color:rgba(0,0,0,0.1)}nav ul.left{float:left}nav form{height:100%}nav .input-field{margin:0;height:100%}nav .input-field input{height:100%;font-size:1.2rem;border:none;padding-left:2rem}nav .input-field input:focus,nav .input-field input[type=text]:valid,nav .input-field input[type=password]:valid,nav .input-field input[type=email]:valid,nav .input-field input[type=url]:valid,nav .input-field input[type=date]:valid{border:none;-webkit-box-shadow:none;box-shadow:none}nav .input-field label{top:0;left:0}nav .input-field label i{color:rgba(255,255,255,0.7);-webkit-transition:color .3s;transition:color .3s}nav .input-field label.active i{color:#fff}.navbar-fixed{position:relative;height:56px;z-index:997}.navbar-fixed nav{position:fixed}@media only screen and (min-width: 601px){nav.nav-extended .nav-wrapper{min-height:64px}nav,nav .nav-wrapper i,nav a.sidenav-trigger,nav a.sidenav-trigger i{height:64px;line-height:64px}.navbar-fixed{height:64px}}a{text-decoration:none}html{line-height:1.5;font-weight:normal;color:rgba(0,0,0,0.87)}@media only screen and (min-width: 0){html{font-size:14px}}@media only screen and (min-width: 992px){html{font-size:14.5px}}@media only screen and (min-width: 1200px){html{font-size:15px}}h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1.3}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}h1{font-size:4.2rem;line-height:110%;margin:2.8rem 0 1.68rem 0}h2{font-size:3.56rem;line-height:110%;margin:2.3733333333rem 0 1.424rem 0}h3{font-size:2.92rem;line-height:110%;margin:1.9466666667rem 0 1.168rem 0}h4{font-size:2.28rem;line-height:110%;margin:1.52rem 0 .912rem 0}h5{font-size:1.64rem;line-height:110%;margin:1.0933333333rem 0 .656rem 0}h6{font-size:1.15rem;line-height:110%;margin:.7666666667rem 0 .46rem 0}em{font-style:italic}strong{font-weight:500}small{font-size:75%}.light{font-weight:300}.thin{font-weight:200}@media only screen and (min-width: 360px){.flow-text{font-size:1.2rem}}@media only screen and (min-width: 390px){.flow-text{font-size:1.224rem}}@media only screen and (min-width: 420px){.flow-text{font-size:1.248rem}}@media only screen and (min-width: 450px){.flow-text{font-size:1.272rem}}@media only screen and (min-width: 480px){.flow-text{font-size:1.296rem}}@media only screen and (min-width: 510px){.flow-text{font-size:1.32rem}}@media only screen and (min-width: 540px){.flow-text{font-size:1.344rem}}@media only screen and (min-width: 570px){.flow-text{font-size:1.368rem}}@media only screen and (min-width: 600px){.flow-text{font-size:1.392rem}}@media only screen and (min-width: 630px){.flow-text{font-size:1.416rem}}@media only screen and (min-width: 660px){.flow-text{font-size:1.44rem}}@media only screen and (min-width: 690px){.flow-text{font-size:1.464rem}}@media only screen and (min-width: 720px){.flow-text{font-size:1.488rem}}@media only screen and (min-width: 750px){.flow-text{font-size:1.512rem}}@media only screen and (min-width: 780px){.flow-text{font-size:1.536rem}}@media only screen and (min-width: 810px){.flow-text{font-size:1.56rem}}@media only screen and (min-width: 840px){.flow-text{font-size:1.584rem}}@media only screen and (min-width: 870px){.flow-text{font-size:1.608rem}}@media only screen and (min-width: 900px){.flow-text{font-size:1.632rem}}@media only screen and (min-width: 930px){.flow-text{font-size:1.656rem}}@media only screen and (min-width: 960px){.flow-text{font-size:1.68rem}}@media only screen and (max-width: 360px){.flow-text{font-size:1.2rem}}.scale-transition{-webkit-transition:-webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;transition:-webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;transition:transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;transition:transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63), -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important}.scale-transition.scale-out{-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .2s !important;transition:-webkit-transform .2s !important;transition:transform .2s !important;transition:transform .2s, -webkit-transform .2s !important}.scale-transition.scale-in{-webkit-transform:scale(1);transform:scale(1)}.card-panel{-webkit-transition:-webkit-box-shadow .25s;transition:-webkit-box-shadow .25s;transition:box-shadow .25s;transition:box-shadow .25s, -webkit-box-shadow .25s;padding:24px;margin:.5rem 0 1rem 0;border-radius:2px;background-color:#fff}.card{position:relative;margin:.5rem 0 1rem 0;background-color:#fff;-webkit-transition:-webkit-box-shadow .25s;transition:-webkit-box-shadow .25s;transition:box-shadow .25s;transition:box-shadow .25s, -webkit-box-shadow .25s;border-radius:2px}.card .card-title{font-size:24px;font-weight:300}.card .card-title.activator{cursor:pointer}.card.small,.card.medium,.card.large{position:relative}.card.small .card-image,.card.medium .card-image,.card.large .card-image{max-height:60%;overflow:hidden}.card.small .card-image+.card-content,.card.medium .card-image+.card-content,.card.large .card-image+.card-content{max-height:40%}.card.small .card-content,.card.medium .card-content,.card.large .card-content{max-height:100%;overflow:hidden}.card.small .card-action,.card.medium .card-action,.card.large .card-action{position:absolute;bottom:0;left:0;right:0}.card.small{height:300px}.card.medium{height:400px}.card.large{height:500px}.card.horizontal{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.card.horizontal.small .card-image,.card.horizontal.medium .card-image,.card.horizontal.large .card-image{height:100%;max-height:none;overflow:visible}.card.horizontal.small .card-image img,.card.horizontal.medium .card-image img,.card.horizontal.large .card-image img{height:100%}.card.horizontal .card-image{max-width:50%}.card.horizontal .card-image img{border-radius:2px 0 0 2px;max-width:100%;width:auto}.card.horizontal .card-stacked{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative}.card.horizontal .card-stacked .card-content{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.card.sticky-action .card-action{z-index:2}.card.sticky-action .card-reveal{z-index:1;padding-bottom:64px}.card .card-image{position:relative}.card .card-image img{display:block;border-radius:2px 2px 0 0;position:relative;left:0;right:0;top:0;bottom:0;width:100%}.card .card-image .card-title{color:#fff;position:absolute;bottom:0;left:0;max-width:100%;padding:24px}.card .card-content{padding:24px;border-radius:0 0 2px 2px}.card .card-content p{margin:0}.card .card-content .card-title{display:block;line-height:32px;margin-bottom:8px}.card .card-content .card-title i{line-height:32px}.card .card-action{background-color:inherit;border-top:1px solid rgba(160,160,160,0.2);position:relative;padding:16px 24px}.card .card-action:last-child{border-radius:0 0 2px 2px}.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating){color:#ffab40;margin-right:24px;-webkit-transition:color .3s ease;transition:color .3s ease;text-transform:uppercase}.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating):hover{color:#ffd8a6}.card .card-reveal{padding:24px;position:absolute;background-color:#fff;width:100%;overflow-y:auto;left:0;top:100%;height:100%;z-index:3;display:none}.card .card-reveal .card-title{cursor:pointer;display:block}#toast-container{display:block;position:fixed;z-index:10000}@media only screen and (max-width: 600px){#toast-container{min-width:100%;bottom:0%}}@media only screen and (min-width: 601px) and (max-width: 992px){#toast-container{left:5%;bottom:7%;max-width:90%}}@media only screen and (min-width: 993px){#toast-container{top:10%;right:7%;max-width:86%}}.toast{border-radius:2px;top:35px;width:auto;margin-top:10px;position:relative;max-width:100%;height:auto;min-height:48px;line-height:1.5em;background-color:#323232;padding:10px 25px;font-size:1.1rem;font-weight:300;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;cursor:default}.toast .toast-action{color:#eeff41;font-weight:500;margin-right:-25px;margin-left:3rem}.toast.rounded{border-radius:24px}@media only screen and (max-width: 600px){.toast{width:100%;border-radius:0}}.tabs{position:relative;overflow-x:auto;overflow-y:hidden;height:48px;width:100%;background-color:#fff;margin:0 auto;white-space:nowrap}.tabs.tabs-transparent{background-color:transparent}.tabs.tabs-transparent .tab a,.tabs.tabs-transparent .tab.disabled a,.tabs.tabs-transparent .tab.disabled a:hover{color:rgba(255,255,255,0.7)}.tabs.tabs-transparent .tab a:hover,.tabs.tabs-transparent .tab a.active{color:#fff}.tabs.tabs-transparent .indicator{background-color:#fff}.tabs.tabs-fixed-width{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.tabs.tabs-fixed-width .tab{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.tabs .tab{display:inline-block;text-align:center;line-height:48px;height:48px;padding:0;margin:0;text-transform:uppercase}.tabs .tab a{color:rgba(238,110,115,0.7);display:block;width:100%;height:100%;padding:0 24px;font-size:14px;text-overflow:ellipsis;overflow:hidden;-webkit-transition:color .28s ease, background-color .28s ease;transition:color .28s ease, background-color .28s ease}.tabs .tab a:focus,.tabs .tab a:focus.active{background-color:rgba(246,178,181,0.2);outline:none}.tabs .tab a:hover,.tabs .tab a.active{background-color:transparent;color:#ee6e73}.tabs .tab.disabled a,.tabs .tab.disabled a:hover{color:rgba(238,110,115,0.4);cursor:default}.tabs .indicator{position:absolute;bottom:0;height:2px;background-color:#f6b2b5;will-change:left, right}@media only screen and (max-width: 992px){.tabs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.tabs .tab{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.tabs .tab a{padding:0 12px}}.material-tooltip{padding:10px 8px;font-size:1rem;z-index:2000;background-color:transparent;border-radius:2px;color:#fff;min-height:36px;line-height:120%;opacity:0;position:absolute;text-align:center;max-width:calc(100% - 4px);overflow:hidden;left:0;top:0;pointer-events:none;visibility:hidden;background-color:#323232}.backdrop{position:absolute;opacity:0;height:7px;width:14px;border-radius:0 0 50% 50%;background-color:#323232;z-index:-1;-webkit-transform-origin:50% 0%;transform-origin:50% 0%;visibility:hidden}.btn,.btn-large,.btn-small,.btn-flat{border:none;border-radius:2px;display:inline-block;height:36px;line-height:36px;padding:0 16px;text-transform:uppercase;vertical-align:middle;-webkit-tap-highlight-color:transparent}.btn.disabled,.disabled.btn-large,.disabled.btn-small,.btn-floating.disabled,.btn-large.disabled,.btn-small.disabled,.btn-flat.disabled,.btn:disabled,.btn-large:disabled,.btn-small:disabled,.btn-floating:disabled,.btn-large:disabled,.btn-small:disabled,.btn-flat:disabled,.btn[disabled],.btn-large[disabled],.btn-small[disabled],.btn-floating[disabled],.btn-large[disabled],.btn-small[disabled],.btn-flat[disabled]{pointer-events:none;background-color:#DFDFDF !important;-webkit-box-shadow:none;box-shadow:none;color:#9F9F9F !important;cursor:default}.btn.disabled:hover,.disabled.btn-large:hover,.disabled.btn-small:hover,.btn-floating.disabled:hover,.btn-large.disabled:hover,.btn-small.disabled:hover,.btn-flat.disabled:hover,.btn:disabled:hover,.btn-large:disabled:hover,.btn-small:disabled:hover,.btn-floating:disabled:hover,.btn-large:disabled:hover,.btn-small:disabled:hover,.btn-flat:disabled:hover,.btn[disabled]:hover,.btn-large[disabled]:hover,.btn-small[disabled]:hover,.btn-floating[disabled]:hover,.btn-large[disabled]:hover,.btn-small[disabled]:hover,.btn-flat[disabled]:hover{background-color:#DFDFDF !important;color:#9F9F9F !important}.btn,.btn-large,.btn-small,.btn-floating,.btn-large,.btn-small,.btn-flat{font-size:14px;outline:0}.btn i,.btn-large i,.btn-small i,.btn-floating i,.btn-large i,.btn-small i,.btn-flat i{font-size:1.3rem;line-height:inherit}.btn:focus,.btn-large:focus,.btn-small:focus,.btn-floating:focus{background-color:#1d7d74}.btn,.btn-large,.btn-small{text-decoration:none;color:#fff;background-color:#26a69a;text-align:center;letter-spacing:.5px;-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out;cursor:pointer}.btn:hover,.btn-large:hover,.btn-small:hover{background-color:#2bbbad}.btn-floating{display:inline-block;color:#fff;position:relative;overflow:hidden;z-index:1;width:40px;height:40px;line-height:40px;padding:0;background-color:#26a69a;border-radius:50%;-webkit-transition:background-color .3s;transition:background-color .3s;cursor:pointer;vertical-align:middle}.btn-floating:hover{background-color:#26a69a}.btn-floating:before{border-radius:0}.btn-floating.btn-large{width:56px;height:56px;padding:0}.btn-floating.btn-large.halfway-fab{bottom:-28px}.btn-floating.btn-large i{line-height:56px}.btn-floating.btn-small{width:32.4px;height:32.4px}.btn-floating.btn-small.halfway-fab{bottom:-16.2px}.btn-floating.btn-small i{line-height:32.4px}.btn-floating.halfway-fab{position:absolute;right:24px;bottom:-20px}.btn-floating.halfway-fab.left{right:auto;left:24px}.btn-floating i{width:inherit;display:inline-block;text-align:center;color:#fff;font-size:1.6rem;line-height:40px}button.btn-floating{border:none}.fixed-action-btn{position:fixed;right:23px;bottom:23px;padding-top:15px;margin-bottom:0;z-index:997}.fixed-action-btn.active ul{visibility:visible}.fixed-action-btn.direction-left,.fixed-action-btn.direction-right{padding:0 0 0 15px}.fixed-action-btn.direction-left ul,.fixed-action-btn.direction-right ul{text-align:right;right:64px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:100%;left:auto;width:500px}.fixed-action-btn.direction-left ul li,.fixed-action-btn.direction-right ul li{display:inline-block;margin:7.5px 15px 0 0}.fixed-action-btn.direction-right{padding:0 15px 0 0}.fixed-action-btn.direction-right ul{text-align:left;direction:rtl;left:64px;right:auto}.fixed-action-btn.direction-right ul li{margin:7.5px 0 0 15px}.fixed-action-btn.direction-bottom{padding:0 0 15px 0}.fixed-action-btn.direction-bottom ul{top:64px;bottom:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.fixed-action-btn.direction-bottom ul li{margin:15px 0 0 0}.fixed-action-btn.toolbar{padding:0;height:56px}.fixed-action-btn.toolbar.active>a i{opacity:0}.fixed-action-btn.toolbar ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;top:0;bottom:0;z-index:1}.fixed-action-btn.toolbar ul li{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:inline-block;margin:0;height:100%;-webkit-transition:none;transition:none}.fixed-action-btn.toolbar ul li a{display:block;overflow:hidden;position:relative;width:100%;height:100%;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;color:#fff;line-height:56px;z-index:1}.fixed-action-btn.toolbar ul li a i{line-height:inherit}.fixed-action-btn ul{left:0;right:0;text-align:center;position:absolute;bottom:64px;margin:0;visibility:hidden}.fixed-action-btn ul li{margin-bottom:15px}.fixed-action-btn ul a.btn-floating{opacity:0}.fixed-action-btn .fab-backdrop{position:absolute;top:0;left:0;z-index:-1;width:40px;height:40px;background-color:#26a69a;border-radius:50%;-webkit-transform:scale(0);transform:scale(0)}.btn-flat{-webkit-box-shadow:none;box-shadow:none;background-color:transparent;color:#343434;cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s}.btn-flat:focus,.btn-flat:hover{-webkit-box-shadow:none;box-shadow:none}.btn-flat:focus{background-color:rgba(0,0,0,0.1)}.btn-flat.disabled,.btn-flat.btn-flat[disabled]{background-color:transparent !important;color:#b3b2b2 !important;cursor:default}.btn-large{height:54px;line-height:54px;font-size:15px;padding:0 28px}.btn-large i{font-size:1.6rem}.btn-small{height:32.4px;line-height:32.4px;font-size:13px}.btn-small i{font-size:1.2rem}.btn-block{display:block}.dropdown-content{background-color:#fff;margin:0;display:none;min-width:100px;overflow-y:auto;opacity:0;position:absolute;left:0;top:0;z-index:9999;-webkit-transform-origin:0 0;transform-origin:0 0}.dropdown-content:focus{outline:0}.dropdown-content li{clear:both;color:rgba(0,0,0,0.87);cursor:pointer;min-height:50px;line-height:1.5rem;width:100%;text-align:left}.dropdown-content li:hover,.dropdown-content li.active{background-color:#eee}.dropdown-content li:focus{outline:none}.dropdown-content li.divider{min-height:0;height:1px}.dropdown-content li>a,.dropdown-content li>span{font-size:16px;color:#26a69a;display:block;line-height:22px;padding:14px 16px}.dropdown-content li>span>label{top:1px;left:0;height:18px}.dropdown-content li>a>i{height:inherit;line-height:inherit;float:left;margin:0 24px 0 0;width:24px}body.keyboard-focused .dropdown-content li:focus{background-color:#dadada}.input-field.col .dropdown-content [type="checkbox"]+label{top:1px;left:0;height:18px;-webkit-transform:none;transform:none}.dropdown-trigger{cursor:pointer}/*! * Waves v0.6.0 * http://fian.my.id/Waves * * Copyright 2014 Alfiana E. Sibuea and other contributors * Released under the MIT license * https://github.com/fians/Waves/blob/master/LICENSE */.waves-effect{position:relative;cursor:pointer;display:inline-block;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;vertical-align:middle;z-index:1;-webkit-transition:.3s ease-out;transition:.3s ease-out}.waves-effect .waves-ripple{position:absolute;border-radius:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;opacity:0;background:rgba(0,0,0,0.2);-webkit-transition:all 0.7s ease-out;transition:all 0.7s ease-out;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;-webkit-transform:scale(0);transform:scale(0);pointer-events:none}.waves-effect.waves-light .waves-ripple{background-color:rgba(255,255,255,0.45)}.waves-effect.waves-red .waves-ripple{background-color:rgba(244,67,54,0.7)}.waves-effect.waves-yellow .waves-ripple{background-color:rgba(255,235,59,0.7)}.waves-effect.waves-orange .waves-ripple{background-color:rgba(255,152,0,0.7)}.waves-effect.waves-purple .waves-ripple{background-color:rgba(156,39,176,0.7)}.waves-effect.waves-green .waves-ripple{background-color:rgba(76,175,80,0.7)}.waves-effect.waves-teal .waves-ripple{background-color:rgba(0,150,136,0.7)}.waves-effect input[type="button"],.waves-effect input[type="reset"],.waves-effect input[type="submit"]{border:0;font-style:normal;font-size:inherit;text-transform:inherit;background:none}.waves-effect img{position:relative;z-index:-1}.waves-notransition{-webkit-transition:none !important;transition:none !important}.waves-circle{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(circle, white 100%, black 100%)}.waves-input-wrapper{border-radius:0.2em;vertical-align:bottom}.waves-input-wrapper .waves-button-input{position:relative;top:0;left:0;z-index:1}.waves-circle{text-align:center;width:2.5em;height:2.5em;line-height:2.5em;border-radius:50%;-webkit-mask-image:none}.waves-block{display:block}.waves-effect .waves-ripple{z-index:-1}.modal{display:none;position:fixed;left:0;right:0;background-color:#fafafa;padding:0;max-height:70%;width:55%;margin:auto;overflow-y:auto;border-radius:2px;will-change:top, opacity}.modal:focus{outline:none}@media only screen and (max-width: 992px){.modal{width:80%}}.modal h1,.modal h2,.modal h3,.modal h4{margin-top:0}.modal .modal-content{padding:24px}.modal .modal-close{cursor:pointer}.modal .modal-footer{border-radius:0 0 2px 2px;background-color:#fafafa;padding:4px 6px;height:56px;width:100%;text-align:right}.modal .modal-footer .btn,.modal .modal-footer .btn-large,.modal .modal-footer .btn-small,.modal .modal-footer .btn-flat{margin:6px 0}.modal-overlay{position:fixed;z-index:999;top:-25%;left:0;bottom:0;right:0;height:125%;width:100%;background:#000;display:none;will-change:opacity}.modal.modal-fixed-footer{padding:0;height:70%}.modal.modal-fixed-footer .modal-content{position:absolute;height:calc(100% - 56px);max-height:100%;width:100%;overflow-y:auto}.modal.modal-fixed-footer .modal-footer{border-top:1px solid rgba(0,0,0,0.1);position:absolute;bottom:0}.modal.bottom-sheet{top:auto;bottom:-100%;margin:0;width:100%;max-height:45%;border-radius:0;will-change:bottom, opacity}.collapsible{border-top:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #ddd;margin:.5rem 0 1rem 0}.collapsible-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-tap-highlight-color:transparent;line-height:1.5;padding:1rem;background-color:#fff;border-bottom:1px solid #ddd}.collapsible-header:focus{outline:0}.collapsible-header i{width:2rem;font-size:1.6rem;display:inline-block;text-align:center;margin-right:1rem}.keyboard-focused .collapsible-header:focus{background-color:#eee}.collapsible-body{display:none;border-bottom:1px solid #ddd;-webkit-box-sizing:border-box;box-sizing:border-box;padding:2rem}.sidenav .collapsible,.sidenav.fixed .collapsible{border:none;-webkit-box-shadow:none;box-shadow:none}.sidenav .collapsible li,.sidenav.fixed .collapsible li{padding:0}.sidenav .collapsible-header,.sidenav.fixed .collapsible-header{background-color:transparent;border:none;line-height:inherit;height:inherit;padding:0 16px}.sidenav .collapsible-header:hover,.sidenav.fixed .collapsible-header:hover{background-color:rgba(0,0,0,0.05)}.sidenav .collapsible-header i,.sidenav.fixed .collapsible-header i{line-height:inherit}.sidenav .collapsible-body,.sidenav.fixed .collapsible-body{border:0;background-color:#fff}.sidenav .collapsible-body li a,.sidenav.fixed .collapsible-body li a{padding:0 23.5px 0 31px}.collapsible.popout{border:none;-webkit-box-shadow:none;box-shadow:none}.collapsible.popout>li{-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);margin:0 24px;-webkit-transition:margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.collapsible.popout>li.active{-webkit-box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);margin:16px 0}.chip{display:inline-block;height:32px;font-size:13px;font-weight:500;color:rgba(0,0,0,0.6);line-height:32px;padding:0 12px;border-radius:16px;background-color:#e4e4e4;margin-bottom:5px;margin-right:5px}.chip:focus{outline:none;background-color:#26a69a;color:#fff}.chip>img{float:left;margin:0 8px 0 -12px;height:32px;width:32px;border-radius:50%}.chip .close{cursor:pointer;float:right;font-size:16px;line-height:32px;padding-left:8px}.chips{border:none;border-bottom:1px solid #9e9e9e;-webkit-box-shadow:none;box-shadow:none;margin:0 0 8px 0;min-height:45px;outline:none;-webkit-transition:all .3s;transition:all .3s}.chips.focus{border-bottom:1px solid #26a69a;-webkit-box-shadow:0 1px 0 0 #26a69a;box-shadow:0 1px 0 0 #26a69a}.chips:hover{cursor:text}.chips .input{background:none;border:0;color:rgba(0,0,0,0.6);display:inline-block;font-size:16px;height:3rem;line-height:32px;outline:0;margin:0;padding:0 !important;width:120px !important}.chips .input:focus{border:0 !important;-webkit-box-shadow:none !important;box-shadow:none !important}.chips .autocomplete-content{margin-top:0;margin-bottom:0}.prefix ~ .chips{margin-left:3rem;width:92%;width:calc(100% - 3rem)}.chips:empty ~ label{font-size:0.8rem;-webkit-transform:translateY(-140%);transform:translateY(-140%)}.materialboxed{display:block;cursor:-webkit-zoom-in;cursor:zoom-in;position:relative;-webkit-transition:opacity .4s;transition:opacity .4s;-webkit-backface-visibility:hidden}.materialboxed:hover:not(.active){opacity:.8}.materialboxed.active{cursor:-webkit-zoom-out;cursor:zoom-out}#materialbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#292929;z-index:1000;will-change:opacity}.materialbox-caption{position:fixed;display:none;color:#fff;line-height:50px;bottom:0;left:0;width:100%;text-align:center;padding:0% 15%;height:50px;z-index:1000;-webkit-font-smoothing:antialiased}select:focus{outline:1px solid #c9f3ef}button:focus{outline:none;background-color:#2ab7a9}label{font-size:.8rem;color:#9e9e9e}::-webkit-input-placeholder{color:#d1d1d1}::-moz-placeholder{color:#d1d1d1}:-ms-input-placeholder{color:#d1d1d1}::-ms-input-placeholder{color:#d1d1d1}::placeholder{color:#d1d1d1}input:not([type]),input[type=text]:not(.browser-default),input[type=password]:not(.browser-default),input[type=email]:not(.browser-default),input[type=url]:not(.browser-default),input[type=time]:not(.browser-default),input[type=date]:not(.browser-default),input[type=datetime]:not(.browser-default),input[type=datetime-local]:not(.browser-default),input[type=tel]:not(.browser-default),input[type=number]:not(.browser-default),input[type=search]:not(.browser-default),textarea.materialize-textarea{background-color:transparent;border:none;border-bottom:1px solid #9e9e9e;border-radius:0;outline:none;height:3rem;width:100%;font-size:16px;margin:0 0 8px 0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition:border .3s, -webkit-box-shadow .3s;transition:border .3s, -webkit-box-shadow .3s;transition:box-shadow .3s, border .3s;transition:box-shadow .3s, border .3s, -webkit-box-shadow .3s}input:not([type]):disabled,input:not([type])[readonly="readonly"],input[type=text]:not(.browser-default):disabled,input[type=text]:not(.browser-default)[readonly="readonly"],input[type=password]:not(.browser-default):disabled,input[type=password]:not(.browser-default)[readonly="readonly"],input[type=email]:not(.browser-default):disabled,input[type=email]:not(.browser-default)[readonly="readonly"],input[type=url]:not(.browser-default):disabled,input[type=url]:not(.browser-default)[readonly="readonly"],input[type=time]:not(.browser-default):disabled,input[type=time]:not(.browser-default)[readonly="readonly"],input[type=date]:not(.browser-default):disabled,input[type=date]:not(.browser-default)[readonly="readonly"],input[type=datetime]:not(.browser-default):disabled,input[type=datetime]:not(.browser-default)[readonly="readonly"],input[type=datetime-local]:not(.browser-default):disabled,input[type=datetime-local]:not(.browser-default)[readonly="readonly"],input[type=tel]:not(.browser-default):disabled,input[type=tel]:not(.browser-default)[readonly="readonly"],input[type=number]:not(.browser-default):disabled,input[type=number]:not(.browser-default)[readonly="readonly"],input[type=search]:not(.browser-default):disabled,input[type=search]:not(.browser-default)[readonly="readonly"],textarea.materialize-textarea:disabled,textarea.materialize-textarea[readonly="readonly"]{color:rgba(0,0,0,0.42);border-bottom:1px dotted rgba(0,0,0,0.42)}input:not([type]):disabled+label,input:not([type])[readonly="readonly"]+label,input[type=text]:not(.browser-default):disabled+label,input[type=text]:not(.browser-default)[readonly="readonly"]+label,input[type=password]:not(.browser-default):disabled+label,input[type=password]:not(.browser-default)[readonly="readonly"]+label,input[type=email]:not(.browser-default):disabled+label,input[type=email]:not(.browser-default)[readonly="readonly"]+label,input[type=url]:not(.browser-default):disabled+label,input[type=url]:not(.browser-default)[readonly="readonly"]+label,input[type=time]:not(.browser-default):disabled+label,input[type=time]:not(.browser-default)[readonly="readonly"]+label,input[type=date]:not(.browser-default):disabled+label,input[type=date]:not(.browser-default)[readonly="readonly"]+label,input[type=datetime]:not(.browser-default):disabled+label,input[type=datetime]:not(.browser-default)[readonly="readonly"]+label,input[type=datetime-local]:not(.browser-default):disabled+label,input[type=datetime-local]:not(.browser-default)[readonly="readonly"]+label,input[type=tel]:not(.browser-default):disabled+label,input[type=tel]:not(.browser-default)[readonly="readonly"]+label,input[type=number]:not(.browser-default):disabled+label,input[type=number]:not(.browser-default)[readonly="readonly"]+label,input[type=search]:not(.browser-default):disabled+label,input[type=search]:not(.browser-default)[readonly="readonly"]+label,textarea.materialize-textarea:disabled+label,textarea.materialize-textarea[readonly="readonly"]+label{color:rgba(0,0,0,0.42)}input:not([type]):focus:not([readonly]),input[type=text]:not(.browser-default):focus:not([readonly]),input[type=password]:not(.browser-default):focus:not([readonly]),input[type=email]:not(.browser-default):focus:not([readonly]),input[type=url]:not(.browser-default):focus:not([readonly]),input[type=time]:not(.browser-default):focus:not([readonly]),input[type=date]:not(.browser-default):focus:not([readonly]),input[type=datetime]:not(.browser-default):focus:not([readonly]),input[type=datetime-local]:not(.browser-default):focus:not([readonly]),input[type=tel]:not(.browser-default):focus:not([readonly]),input[type=number]:not(.browser-default):focus:not([readonly]),input[type=search]:not(.browser-default):focus:not([readonly]),textarea.materialize-textarea:focus:not([readonly]){border-bottom:1px solid #26a69a;-webkit-box-shadow:0 1px 0 0 #26a69a;box-shadow:0 1px 0 0 #26a69a}input:not([type]):focus:not([readonly])+label,input[type=text]:not(.browser-default):focus:not([readonly])+label,input[type=password]:not(.browser-default):focus:not([readonly])+label,input[type=email]:not(.browser-default):focus:not([readonly])+label,input[type=url]:not(.browser-default):focus:not([readonly])+label,input[type=time]:not(.browser-default):focus:not([readonly])+label,input[type=date]:not(.browser-default):focus:not([readonly])+label,input[type=datetime]:not(.browser-default):focus:not([readonly])+label,input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label,input[type=tel]:not(.browser-default):focus:not([readonly])+label,input[type=number]:not(.browser-default):focus:not([readonly])+label,input[type=search]:not(.browser-default):focus:not([readonly])+label,textarea.materialize-textarea:focus:not([readonly])+label{color:#26a69a}input:not([type]):focus.valid ~ label,input[type=text]:not(.browser-default):focus.valid ~ label,input[type=password]:not(.browser-default):focus.valid ~ label,input[type=email]:not(.browser-default):focus.valid ~ label,input[type=url]:not(.browser-default):focus.valid ~ label,input[type=time]:not(.browser-default):focus.valid ~ label,input[type=date]:not(.browser-default):focus.valid ~ label,input[type=datetime]:not(.browser-default):focus.valid ~ label,input[type=datetime-local]:not(.browser-default):focus.valid ~ label,input[type=tel]:not(.browser-default):focus.valid ~ label,input[type=number]:not(.browser-default):focus.valid ~ label,input[type=search]:not(.browser-default):focus.valid ~ label,textarea.materialize-textarea:focus.valid ~ label{color:#4CAF50}input:not([type]):focus.invalid ~ label,input[type=text]:not(.browser-default):focus.invalid ~ label,input[type=password]:not(.browser-default):focus.invalid ~ label,input[type=email]:not(.browser-default):focus.invalid ~ label,input[type=url]:not(.browser-default):focus.invalid ~ label,input[type=time]:not(.browser-default):focus.invalid ~ label,input[type=date]:not(.browser-default):focus.invalid ~ label,input[type=datetime]:not(.browser-default):focus.invalid ~ label,input[type=datetime-local]:not(.browser-default):focus.invalid ~ label,input[type=tel]:not(.browser-default):focus.invalid ~ label,input[type=number]:not(.browser-default):focus.invalid ~ label,input[type=search]:not(.browser-default):focus.invalid ~ label,textarea.materialize-textarea:focus.invalid ~ label{color:#F44336}input:not([type]).validate+label,input[type=text]:not(.browser-default).validate+label,input[type=password]:not(.browser-default).validate+label,input[type=email]:not(.browser-default).validate+label,input[type=url]:not(.browser-default).validate+label,input[type=time]:not(.browser-default).validate+label,input[type=date]:not(.browser-default).validate+label,input[type=datetime]:not(.browser-default).validate+label,input[type=datetime-local]:not(.browser-default).validate+label,input[type=tel]:not(.browser-default).validate+label,input[type=number]:not(.browser-default).validate+label,input[type=search]:not(.browser-default).validate+label,textarea.materialize-textarea.validate+label{width:100%}input.valid:not([type]),input.valid:not([type]):focus,input.valid[type=text]:not(.browser-default),input.valid[type=text]:not(.browser-default):focus,input.valid[type=password]:not(.browser-default),input.valid[type=password]:not(.browser-default):focus,input.valid[type=email]:not(.browser-default),input.valid[type=email]:not(.browser-default):focus,input.valid[type=url]:not(.browser-default),input.valid[type=url]:not(.browser-default):focus,input.valid[type=time]:not(.browser-default),input.valid[type=time]:not(.browser-default):focus,input.valid[type=date]:not(.browser-default),input.valid[type=date]:not(.browser-default):focus,input.valid[type=datetime]:not(.browser-default),input.valid[type=datetime]:not(.browser-default):focus,input.valid[type=datetime-local]:not(.browser-default),input.valid[type=datetime-local]:not(.browser-default):focus,input.valid[type=tel]:not(.browser-default),input.valid[type=tel]:not(.browser-default):focus,input.valid[type=number]:not(.browser-default),input.valid[type=number]:not(.browser-default):focus,input.valid[type=search]:not(.browser-default),input.valid[type=search]:not(.browser-default):focus,textarea.materialize-textarea.valid,textarea.materialize-textarea.valid:focus,.select-wrapper.valid>input.select-dropdown{border-bottom:1px solid #4CAF50;-webkit-box-shadow:0 1px 0 0 #4CAF50;box-shadow:0 1px 0 0 #4CAF50}input.invalid:not([type]),input.invalid:not([type]):focus,input.invalid[type=text]:not(.browser-default),input.invalid[type=text]:not(.browser-default):focus,input.invalid[type=password]:not(.browser-default),input.invalid[type=password]:not(.browser-default):focus,input.invalid[type=email]:not(.browser-default),input.invalid[type=email]:not(.browser-default):focus,input.invalid[type=url]:not(.browser-default),input.invalid[type=url]:not(.browser-default):focus,input.invalid[type=time]:not(.browser-default),input.invalid[type=time]:not(.browser-default):focus,input.invalid[type=date]:not(.browser-default),input.invalid[type=date]:not(.browser-default):focus,input.invalid[type=datetime]:not(.browser-default),input.invalid[type=datetime]:not(.browser-default):focus,input.invalid[type=datetime-local]:not(.browser-default),input.invalid[type=datetime-local]:not(.browser-default):focus,input.invalid[type=tel]:not(.browser-default),input.invalid[type=tel]:not(.browser-default):focus,input.invalid[type=number]:not(.browser-default),input.invalid[type=number]:not(.browser-default):focus,input.invalid[type=search]:not(.browser-default),input.invalid[type=search]:not(.browser-default):focus,textarea.materialize-textarea.invalid,textarea.materialize-textarea.invalid:focus,.select-wrapper.invalid>input.select-dropdown,.select-wrapper.invalid>input.select-dropdown:focus{border-bottom:1px solid #F44336;-webkit-box-shadow:0 1px 0 0 #F44336;box-shadow:0 1px 0 0 #F44336}input:not([type]).valid ~ .helper-text[data-success],input:not([type]):focus.valid ~ .helper-text[data-success],input:not([type]).invalid ~ .helper-text[data-error],input:not([type]):focus.invalid ~ .helper-text[data-error],input[type=text]:not(.browser-default).valid ~ .helper-text[data-success],input[type=text]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=text]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=text]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=password]:not(.browser-default).valid ~ .helper-text[data-success],input[type=password]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=password]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=password]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=email]:not(.browser-default).valid ~ .helper-text[data-success],input[type=email]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=email]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=email]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=url]:not(.browser-default).valid ~ .helper-text[data-success],input[type=url]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=url]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=url]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=time]:not(.browser-default).valid ~ .helper-text[data-success],input[type=time]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=time]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=time]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=date]:not(.browser-default).valid ~ .helper-text[data-success],input[type=date]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=date]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=date]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=datetime]:not(.browser-default).valid ~ .helper-text[data-success],input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=datetime]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=datetime]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=datetime-local]:not(.browser-default).valid ~ .helper-text[data-success],input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=datetime-local]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=tel]:not(.browser-default).valid ~ .helper-text[data-success],input[type=tel]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=tel]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=tel]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=number]:not(.browser-default).valid ~ .helper-text[data-success],input[type=number]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=number]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=number]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=search]:not(.browser-default).valid ~ .helper-text[data-success],input[type=search]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=search]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=search]:not(.browser-default):focus.invalid ~ .helper-text[data-error],textarea.materialize-textarea.valid ~ .helper-text[data-success],textarea.materialize-textarea:focus.valid ~ .helper-text[data-success],textarea.materialize-textarea.invalid ~ .helper-text[data-error],textarea.materialize-textarea:focus.invalid ~ .helper-text[data-error],.select-wrapper.valid .helper-text[data-success],.select-wrapper.invalid ~ .helper-text[data-error]{color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}input:not([type]).valid ~ .helper-text:after,input:not([type]):focus.valid ~ .helper-text:after,input[type=text]:not(.browser-default).valid ~ .helper-text:after,input[type=text]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=password]:not(.browser-default).valid ~ .helper-text:after,input[type=password]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=email]:not(.browser-default).valid ~ .helper-text:after,input[type=email]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=url]:not(.browser-default).valid ~ .helper-text:after,input[type=url]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=time]:not(.browser-default).valid ~ .helper-text:after,input[type=time]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=date]:not(.browser-default).valid ~ .helper-text:after,input[type=date]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=datetime]:not(.browser-default).valid ~ .helper-text:after,input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=datetime-local]:not(.browser-default).valid ~ .helper-text:after,input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=tel]:not(.browser-default).valid ~ .helper-text:after,input[type=tel]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=number]:not(.browser-default).valid ~ .helper-text:after,input[type=number]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=search]:not(.browser-default).valid ~ .helper-text:after,input[type=search]:not(.browser-default):focus.valid ~ .helper-text:after,textarea.materialize-textarea.valid ~ .helper-text:after,textarea.materialize-textarea:focus.valid ~ .helper-text:after,.select-wrapper.valid ~ .helper-text:after{content:attr(data-success);color:#4CAF50}input:not([type]).invalid ~ .helper-text:after,input:not([type]):focus.invalid ~ .helper-text:after,input[type=text]:not(.browser-default).invalid ~ .helper-text:after,input[type=text]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=password]:not(.browser-default).invalid ~ .helper-text:after,input[type=password]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=email]:not(.browser-default).invalid ~ .helper-text:after,input[type=email]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=url]:not(.browser-default).invalid ~ .helper-text:after,input[type=url]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=time]:not(.browser-default).invalid ~ .helper-text:after,input[type=time]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=date]:not(.browser-default).invalid ~ .helper-text:after,input[type=date]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=datetime]:not(.browser-default).invalid ~ .helper-text:after,input[type=datetime]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text:after,input[type=datetime-local]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=tel]:not(.browser-default).invalid ~ .helper-text:after,input[type=tel]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=number]:not(.browser-default).invalid ~ .helper-text:after,input[type=number]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=search]:not(.browser-default).invalid ~ .helper-text:after,input[type=search]:not(.browser-default):focus.invalid ~ .helper-text:after,textarea.materialize-textarea.invalid ~ .helper-text:after,textarea.materialize-textarea:focus.invalid ~ .helper-text:after,.select-wrapper.invalid ~ .helper-text:after{content:attr(data-error);color:#F44336}input:not([type])+label:after,input[type=text]:not(.browser-default)+label:after,input[type=password]:not(.browser-default)+label:after,input[type=email]:not(.browser-default)+label:after,input[type=url]:not(.browser-default)+label:after,input[type=time]:not(.browser-default)+label:after,input[type=date]:not(.browser-default)+label:after,input[type=datetime]:not(.browser-default)+label:after,input[type=datetime-local]:not(.browser-default)+label:after,input[type=tel]:not(.browser-default)+label:after,input[type=number]:not(.browser-default)+label:after,input[type=search]:not(.browser-default)+label:after,textarea.materialize-textarea+label:after,.select-wrapper+label:after{display:block;content:"";position:absolute;top:100%;left:0;opacity:0;-webkit-transition:.2s opacity ease-out, .2s color ease-out;transition:.2s opacity ease-out, .2s color ease-out}.input-field{position:relative;margin-top:1rem;margin-bottom:1rem}.input-field.inline{display:inline-block;vertical-align:middle;margin-left:5px}.input-field.inline input,.input-field.inline .select-dropdown{margin-bottom:1rem}.input-field.col label{left:.75rem}.input-field.col .prefix ~ label,.input-field.col .prefix ~ .validate ~ label{width:calc(100% - 3rem - 1.5rem)}.input-field>label{color:#9e9e9e;position:absolute;top:0;left:0;font-size:1rem;cursor:text;-webkit-transition:color .2s ease-out, -webkit-transform .2s ease-out;transition:color .2s ease-out, -webkit-transform .2s ease-out;transition:transform .2s ease-out, color .2s ease-out;transition:transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out;-webkit-transform-origin:0% 100%;transform-origin:0% 100%;text-align:initial;-webkit-transform:translateY(12px);transform:translateY(12px)}.input-field>label:not(.label-icon).active{-webkit-transform:translateY(-14px) scale(0.8);transform:translateY(-14px) scale(0.8);-webkit-transform-origin:0 0;transform-origin:0 0}.input-field>input[type]:-webkit-autofill:not(.browser-default):not([type="search"])+label,.input-field>input[type=date]:not(.browser-default)+label,.input-field>input[type=time]:not(.browser-default)+label{-webkit-transform:translateY(-14px) scale(0.8);transform:translateY(-14px) scale(0.8);-webkit-transform-origin:0 0;transform-origin:0 0}.input-field .helper-text{position:relative;min-height:18px;display:block;font-size:12px;color:rgba(0,0,0,0.54)}.input-field .helper-text::after{opacity:1;position:absolute;top:0;left:0}.input-field .prefix{position:absolute;width:3rem;font-size:2rem;-webkit-transition:color .2s;transition:color .2s;top:.5rem}.input-field .prefix.active{color:#26a69a}.input-field .prefix ~ input,.input-field .prefix ~ textarea,.input-field .prefix ~ label,.input-field .prefix ~ .validate ~ label,.input-field .prefix ~ .helper-text,.input-field .prefix ~ .autocomplete-content{margin-left:3rem;width:92%;width:calc(100% - 3rem)}.input-field .prefix ~ label{margin-left:3rem}@media only screen and (max-width: 992px){.input-field .prefix ~ input{width:86%;width:calc(100% - 3rem)}}@media only screen and (max-width: 600px){.input-field .prefix ~ input{width:80%;width:calc(100% - 3rem)}}.input-field input[type=search]{display:block;line-height:inherit;-webkit-transition:.3s background-color;transition:.3s background-color}.nav-wrapper .input-field input[type=search]{height:inherit;padding-left:4rem;width:calc(100% - 4rem);border:0;-webkit-box-shadow:none;box-shadow:none}.input-field input[type=search]:focus:not(.browser-default){background-color:#fff;border:0;-webkit-box-shadow:none;box-shadow:none;color:#444}.input-field input[type=search]:focus:not(.browser-default)+label i,.input-field input[type=search]:focus:not(.browser-default) ~ .mdi-navigation-close,.input-field input[type=search]:focus:not(.browser-default) ~ .material-icons{color:#444}.input-field input[type=search]+.label-icon{-webkit-transform:none;transform:none;left:1rem}.input-field input[type=search] ~ .mdi-navigation-close,.input-field input[type=search] ~ .material-icons{position:absolute;top:0;right:1rem;color:transparent;cursor:pointer;font-size:2rem;-webkit-transition:.3s color;transition:.3s color}textarea{width:100%;height:3rem;background-color:transparent}textarea.materialize-textarea{line-height:normal;overflow-y:hidden;padding:.8rem 0 .8rem 0;resize:none;min-height:3rem;-webkit-box-sizing:border-box;box-sizing:border-box}.hiddendiv{visibility:hidden;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;padding-top:1.2rem;position:absolute;top:0;z-index:-1}.autocomplete-content li .highlight{color:#444}.autocomplete-content li img{height:40px;width:40px;margin:5px 15px}.character-counter{min-height:18px}[type="radio"]:not(:checked)+span,[type="radio"]:checked+span{position:relative;padding-left:35px;cursor:pointer;display:inline-block;height:25px;line-height:25px;font-size:1rem;-webkit-transition:.28s ease;transition:.28s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[type="radio"]+span:before,[type="radio"]+span:after{content:'';position:absolute;left:0;top:0;margin:4px;width:16px;height:16px;z-index:0;-webkit-transition:.28s ease;transition:.28s ease}[type="radio"]:not(:checked)+span:before,[type="radio"]:not(:checked)+span:after,[type="radio"]:checked+span:before,[type="radio"]:checked+span:after,[type="radio"].with-gap:checked+span:before,[type="radio"].with-gap:checked+span:after{border-radius:50%}[type="radio"]:not(:checked)+span:before,[type="radio"]:not(:checked)+span:after{border:2px solid #5a5a5a}[type="radio"]:not(:checked)+span:after{-webkit-transform:scale(0);transform:scale(0)}[type="radio"]:checked+span:before{border:2px solid transparent}[type="radio"]:checked+span:after,[type="radio"].with-gap:checked+span:before,[type="radio"].with-gap:checked+span:after{border:2px solid #26a69a}[type="radio"]:checked+span:after,[type="radio"].with-gap:checked+span:after{background-color:#26a69a}[type="radio"]:checked+span:after{-webkit-transform:scale(1.02);transform:scale(1.02)}[type="radio"].with-gap:checked+span:after{-webkit-transform:scale(0.5);transform:scale(0.5)}[type="radio"].tabbed:focus+span:before{-webkit-box-shadow:0 0 0 10px rgba(0,0,0,0.1);box-shadow:0 0 0 10px rgba(0,0,0,0.1)}[type="radio"].with-gap:disabled:checked+span:before{border:2px solid rgba(0,0,0,0.42)}[type="radio"].with-gap:disabled:checked+span:after{border:none;background-color:rgba(0,0,0,0.42)}[type="radio"]:disabled:not(:checked)+span:before,[type="radio"]:disabled:checked+span:before{background-color:transparent;border-color:rgba(0,0,0,0.42)}[type="radio"]:disabled+span{color:rgba(0,0,0,0.42)}[type="radio"]:disabled:not(:checked)+span:before{border-color:rgba(0,0,0,0.42)}[type="radio"]:disabled:checked+span:after{background-color:rgba(0,0,0,0.42);border-color:#949494}[type="checkbox"]:not(:checked),[type="checkbox"]:checked{position:absolute;opacity:0;pointer-events:none}[type="checkbox"]+span:not(.lever){position:relative;padding-left:35px;cursor:pointer;display:inline-block;height:25px;line-height:25px;font-size:1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[type="checkbox"]+span:not(.lever):before,[type="checkbox"]:not(.filled-in)+span:not(.lever):after{content:'';position:absolute;top:0;left:0;width:18px;height:18px;z-index:0;border:2px solid #5a5a5a;border-radius:1px;margin-top:3px;-webkit-transition:.2s;transition:.2s}[type="checkbox"]:not(.filled-in)+span:not(.lever):after{border:0;-webkit-transform:scale(0);transform:scale(0)}[type="checkbox"]:not(:checked):disabled+span:not(.lever):before{border:none;background-color:rgba(0,0,0,0.42)}[type="checkbox"].tabbed:focus+span:not(.lever):after{-webkit-transform:scale(1);transform:scale(1);border:0;border-radius:50%;-webkit-box-shadow:0 0 0 10px rgba(0,0,0,0.1);box-shadow:0 0 0 10px rgba(0,0,0,0.1);background-color:rgba(0,0,0,0.1)}[type="checkbox"]:checked+span:not(.lever):before{top:-4px;left:-5px;width:12px;height:22px;border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid #26a69a;border-bottom:2px solid #26a69a;-webkit-transform:rotate(40deg);transform:rotate(40deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type="checkbox"]:checked:disabled+span:before{border-right:2px solid rgba(0,0,0,0.42);border-bottom:2px solid rgba(0,0,0,0.42)}[type="checkbox"]:indeterminate+span:not(.lever):before{top:-11px;left:-12px;width:10px;height:22px;border-top:none;border-left:none;border-right:2px solid #26a69a;border-bottom:none;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type="checkbox"]:indeterminate:disabled+span:not(.lever):before{border-right:2px solid rgba(0,0,0,0.42);background-color:transparent}[type="checkbox"].filled-in+span:not(.lever):after{border-radius:2px}[type="checkbox"].filled-in+span:not(.lever):before,[type="checkbox"].filled-in+span:not(.lever):after{content:'';left:0;position:absolute;-webkit-transition:border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;transition:border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;z-index:1}[type="checkbox"].filled-in:not(:checked)+span:not(.lever):before{width:0;height:0;border:3px solid transparent;left:6px;top:10px;-webkit-transform:rotateZ(37deg);transform:rotateZ(37deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type="checkbox"].filled-in:not(:checked)+span:not(.lever):after{height:20px;width:20px;background-color:transparent;border:2px solid #5a5a5a;top:0px;z-index:0}[type="checkbox"].filled-in:checked+span:not(.lever):before{top:0;left:1px;width:8px;height:13px;border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid #fff;border-bottom:2px solid #fff;-webkit-transform:rotateZ(37deg);transform:rotateZ(37deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type="checkbox"].filled-in:checked+span:not(.lever):after{top:0;width:20px;height:20px;border:2px solid #26a69a;background-color:#26a69a;z-index:0}[type="checkbox"].filled-in.tabbed:focus+span:not(.lever):after{border-radius:2px;border-color:#5a5a5a;background-color:rgba(0,0,0,0.1)}[type="checkbox"].filled-in.tabbed:checked:focus+span:not(.lever):after{border-radius:2px;background-color:#26a69a;border-color:#26a69a}[type="checkbox"].filled-in:disabled:not(:checked)+span:not(.lever):before{background-color:transparent;border:2px solid transparent}[type="checkbox"].filled-in:disabled:not(:checked)+span:not(.lever):after{border-color:transparent;background-color:#949494}[type="checkbox"].filled-in:disabled:checked+span:not(.lever):before{background-color:transparent}[type="checkbox"].filled-in:disabled:checked+span:not(.lever):after{background-color:#949494;border-color:#949494}.switch,.switch *{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.switch label{cursor:pointer}.switch label input[type=checkbox]{opacity:0;width:0;height:0}.switch label input[type=checkbox]:checked+.lever{background-color:#84c7c1}.switch label input[type=checkbox]:checked+.lever:before,.switch label input[type=checkbox]:checked+.lever:after{left:18px}.switch label input[type=checkbox]:checked+.lever:after{background-color:#26a69a}.switch label .lever{content:"";display:inline-block;position:relative;width:36px;height:14px;background-color:rgba(0,0,0,0.38);border-radius:15px;margin-right:10px;-webkit-transition:background 0.3s ease;transition:background 0.3s ease;vertical-align:middle;margin:0 16px}.switch label .lever:before,.switch label .lever:after{content:"";position:absolute;display:inline-block;width:20px;height:20px;border-radius:50%;left:0;top:-3px;-webkit-transition:left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;transition:left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;transition:left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease;transition:left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease}.switch label .lever:before{background-color:rgba(38,166,154,0.15)}.switch label .lever:after{background-color:#F1F1F1;-webkit-box-shadow:0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);box-shadow:0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)}input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before,input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::before{-webkit-transform:scale(2.4);transform:scale(2.4);background-color:rgba(38,166,154,0.15)}input[type=checkbox]:not(:disabled) ~ .lever:active:before,input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::before{-webkit-transform:scale(2.4);transform:scale(2.4);background-color:rgba(0,0,0,0.08)}.switch input[type=checkbox][disabled]+.lever{cursor:default;background-color:rgba(0,0,0,0.12)}.switch label input[type=checkbox][disabled]+.lever:after,.switch label input[type=checkbox][disabled]:checked+.lever:after{background-color:#949494}select.browser-default{display:block}select{background-color:rgba(255,255,255,0.9);width:100%;padding:5px;border:1px solid #f2f2f2;border-radius:2px;height:3rem}.select-label{position:absolute}.select-wrapper{position:relative}.select-wrapper.valid+label,.select-wrapper.invalid+label{width:100%;pointer-events:none}.select-wrapper input.select-dropdown{position:relative;cursor:pointer;background-color:transparent;border:none;border-bottom:1px solid #9e9e9e;outline:none;height:3rem;line-height:3rem;width:100%;font-size:16px;margin:0 0 8px 0;padding:0;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1}.select-wrapper input.select-dropdown:focus{border-bottom:1px solid #26a69a}.select-wrapper .caret{position:absolute;right:0;top:0;bottom:0;margin:auto 0;z-index:0;fill:rgba(0,0,0,0.87)}.select-wrapper+label{position:absolute;top:-26px;font-size:.8rem}select:disabled{color:rgba(0,0,0,0.42)}.select-wrapper.disabled+label{color:rgba(0,0,0,0.42)}.select-wrapper.disabled .caret{fill:rgba(0,0,0,0.42)}.select-wrapper input.select-dropdown:disabled{color:rgba(0,0,0,0.42);cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.select-wrapper i{color:rgba(0,0,0,0.3)}.select-dropdown li.disabled,.select-dropdown li.disabled>span,.select-dropdown li.optgroup{color:rgba(0,0,0,0.3);background-color:transparent}body.keyboard-focused .select-dropdown.dropdown-content li:focus{background-color:rgba(0,0,0,0.08)}.select-dropdown.dropdown-content li:hover{background-color:rgba(0,0,0,0.08)}.select-dropdown.dropdown-content li.selected{background-color:rgba(0,0,0,0.03)}.prefix ~ .select-wrapper{margin-left:3rem;width:92%;width:calc(100% - 3rem)}.prefix ~ label{margin-left:3rem}.select-dropdown li img{height:40px;width:40px;margin:5px 15px;float:right}.select-dropdown li.optgroup{border-top:1px solid #eee}.select-dropdown li.optgroup.selected>span{color:rgba(0,0,0,0.7)}.select-dropdown li.optgroup>span{color:rgba(0,0,0,0.4)}.select-dropdown li.optgroup ~ li.optgroup-option{padding-left:1rem}.file-field{position:relative}.file-field .file-path-wrapper{overflow:hidden;padding-left:10px}.file-field input.file-path{width:100%}.file-field .btn,.file-field .btn-large,.file-field .btn-small{float:left;height:3rem;line-height:3rem}.file-field span{cursor:pointer}.file-field input[type=file]{position:absolute;top:0;right:0;left:0;bottom:0;width:100%;margin:0;padding:0;font-size:20px;cursor:pointer;opacity:0;filter:alpha(opacity=0)}.file-field input[type=file]::-webkit-file-upload-button{display:none}.range-field{position:relative}input[type=range],input[type=range]+.thumb{cursor:pointer}input[type=range]{position:relative;background-color:transparent;border:none;outline:none;width:100%;margin:15px 0;padding:0}input[type=range]:focus{outline:none}input[type=range]+.thumb{position:absolute;top:10px;left:0;border:none;height:0;width:0;border-radius:50%;background-color:#26a69a;margin-left:7px;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}input[type=range]+.thumb .value{display:block;width:30px;text-align:center;color:#26a69a;font-size:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}input[type=range]+.thumb.active{border-radius:50% 50% 50% 0}input[type=range]+.thumb.active .value{color:#fff;margin-left:-1px;margin-top:8px;font-size:10px}input[type=range]{-webkit-appearance:none}input[type=range]::-webkit-slider-runnable-track{height:3px;background:#c2c0c2;border:none}input[type=range]::-webkit-slider-thumb{border:none;height:14px;width:14px;border-radius:50%;background:#26a69a;-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s, -webkit-box-shadow .3s;-webkit-appearance:none;background-color:#26a69a;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;margin:-5px 0 0 0}.keyboard-focused input[type=range]:focus:not(.active)::-webkit-slider-thumb{-webkit-box-shadow:0 0 0 10px rgba(38,166,154,0.26);box-shadow:0 0 0 10px rgba(38,166,154,0.26)}input[type=range]{border:1px solid white}input[type=range]::-moz-range-track{height:3px;background:#c2c0c2;border:none}input[type=range]::-moz-focus-inner{border:0}input[type=range]::-moz-range-thumb{border:none;height:14px;width:14px;border-radius:50%;background:#26a69a;-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s, -webkit-box-shadow .3s;margin-top:-5px}input[type=range]:-moz-focusring{outline:1px solid #fff;outline-offset:-1px}.keyboard-focused input[type=range]:focus:not(.active)::-moz-range-thumb{box-shadow:0 0 0 10px rgba(38,166,154,0.26)}input[type=range]::-ms-track{height:3px;background:transparent;border-color:transparent;border-width:6px 0;color:transparent}input[type=range]::-ms-fill-lower{background:#777}input[type=range]::-ms-fill-upper{background:#ddd}input[type=range]::-ms-thumb{border:none;height:14px;width:14px;border-radius:50%;background:#26a69a;-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s, -webkit-box-shadow .3s}.keyboard-focused input[type=range]:focus:not(.active)::-ms-thumb{box-shadow:0 0 0 10px rgba(38,166,154,0.26)}.table-of-contents.fixed{position:fixed}.table-of-contents li{padding:2px 0}.table-of-contents a{display:inline-block;font-weight:300;color:#757575;padding-left:16px;height:1.5rem;line-height:1.5rem;letter-spacing:.4;display:inline-block}.table-of-contents a:hover{color:#a8a8a8;padding-left:15px;border-left:1px solid #ee6e73}.table-of-contents a.active{font-weight:500;padding-left:14px;border-left:2px solid #ee6e73}.sidenav{position:fixed;width:300px;left:0;top:0;margin:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);height:100%;height:calc(100% + 60px);height:-moz-calc(100%);padding-bottom:60px;background-color:#fff;z-index:999;overflow-y:auto;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(-105%);transform:translateX(-105%)}.sidenav.right-aligned{right:0;-webkit-transform:translateX(105%);transform:translateX(105%);left:auto;-webkit-transform:translateX(100%);transform:translateX(100%)}.sidenav .collapsible{margin:0}.sidenav li.active{background-color:rgba(0,0,0,0.05)}.sidenav li>a.btn,.sidenav li>a.btn-large,.sidenav li>a.btn-small,.sidenav li>a.btn-large,.sidenav li>a.btn-flat,.sidenav li>a.btn-floating{margin:10px 15px}.sidenav li>a.btn,.sidenav li>a.btn-large,.sidenav li>a.btn-small,.sidenav li>a.btn-large,.sidenav li>a.btn-floating{color:#fff}.sidenav li>a.btn-flat{color:#343434}.sidenav li>a.btn:hover,.sidenav li>a.btn-large:hover,.sidenav li>a.btn-small:hover,.sidenav li>a.btn-large:hover{background-color:#2bbbad}.sidenav li>a.btn-floating:hover{background-color:#26a69a}.sidenav li>a>i,.sidenav li>a>[class^="mdi-"],.sidenav li>a li>a>[class*="mdi-"],.sidenav li>a>i.material-icons{float:left;height:48px;line-height:48px;margin:0 32px 0 0;width:24px;color:rgba(0,0,0,0.54)}.sidenav .divider{margin:8px 0 0 0}.sidenav .subheader{cursor:initial;pointer-events:none;color:rgba(0,0,0,0.54);font-size:14px;font-weight:500;line-height:48px}.sidenav .subheader:hover{background-color:transparent}.sidenav .user-view{position:relative;padding:32px 32px 0;margin-bottom:8px}.sidenav .user-view>a{height:auto;padding:0}.sidenav .user-view>a:hover{background-color:transparent}.sidenav .user-view .background{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.sidenav .user-view .circle,.sidenav .user-view .name,.sidenav .user-view .email{display:block}.sidenav .user-view .circle{height:64px;width:64px}.sidenav .user-view .name,.sidenav .user-view .email{font-size:14px;line-height:24px}.sidenav .user-view .name{margin-top:16px;font-weight:500}.sidenav .user-view .email{padding-bottom:16px;font-weight:400}.drag-target{height:100%;width:10px;position:fixed;top:0;z-index:998}.drag-target.right-aligned{right:0}.sidenav.sidenav-fixed{left:0;-webkit-transform:translateX(0);transform:translateX(0);position:fixed}.sidenav.sidenav-fixed.right-aligned{right:0;left:auto}@media only screen and (max-width: 992px){.sidenav.sidenav-fixed{-webkit-transform:translateX(-105%);transform:translateX(-105%)}.sidenav.sidenav-fixed.right-aligned{-webkit-transform:translateX(105%);transform:translateX(105%)}.sidenav>a{padding:0 16px}.sidenav .user-view{padding:16px 16px 0}}.sidenav .collapsible-body>ul:not(.collapsible)>li.active,.sidenav.sidenav-fixed .collapsible-body>ul:not(.collapsible)>li.active{background-color:#ee6e73}.sidenav .collapsible-body>ul:not(.collapsible)>li.active a,.sidenav.sidenav-fixed .collapsible-body>ul:not(.collapsible)>li.active a{color:#fff}.sidenav .collapsible-body{padding:0}.sidenav-overlay{position:fixed;top:0;left:0;right:0;opacity:0;height:120vh;background-color:rgba(0,0,0,0.5);z-index:997;display:none}.preloader-wrapper{display:inline-block;position:relative;width:50px;height:50px}.preloader-wrapper.small{width:36px;height:36px}.preloader-wrapper.big{width:64px;height:64px}.preloader-wrapper.active{-webkit-animation:container-rotate 1568ms linear infinite;animation:container-rotate 1568ms linear infinite}@-webkit-keyframes container-rotate{to{-webkit-transform:rotate(360deg)}}@keyframes container-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-layer{position:absolute;width:100%;height:100%;opacity:0;border-color:#26a69a}.spinner-blue,.spinner-blue-only{border-color:#4285f4}.spinner-red,.spinner-red-only{border-color:#db4437}.spinner-yellow,.spinner-yellow-only{border-color:#f4b400}.spinner-green,.spinner-green-only{border-color:#0f9d58}.active .spinner-layer.spinner-blue{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .spinner-layer.spinner-red{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .spinner-layer.spinner-yellow{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .spinner-layer.spinner-green{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .spinner-layer,.active .spinner-layer.spinner-blue-only,.active .spinner-layer.spinner-red-only,.active .spinner-layer.spinner-yellow-only,.active .spinner-layer.spinner-green-only{opacity:1;-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}@-webkit-keyframes fill-unfill-rotate{12.5%{-webkit-transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg)}to{-webkit-transform:rotate(1080deg)}}@keyframes fill-unfill-rotate{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}to{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@-webkit-keyframes blue-fade-in-out{from{opacity:1}25%{opacity:1}26%{opacity:0}89%{opacity:0}90%{opacity:1}100%{opacity:1}}@keyframes blue-fade-in-out{from{opacity:1}25%{opacity:1}26%{opacity:0}89%{opacity:0}90%{opacity:1}100%{opacity:1}}@-webkit-keyframes red-fade-in-out{from{opacity:0}15%{opacity:0}25%{opacity:1}50%{opacity:1}51%{opacity:0}}@keyframes red-fade-in-out{from{opacity:0}15%{opacity:0}25%{opacity:1}50%{opacity:1}51%{opacity:0}}@-webkit-keyframes yellow-fade-in-out{from{opacity:0}40%{opacity:0}50%{opacity:1}75%{opacity:1}76%{opacity:0}}@keyframes yellow-fade-in-out{from{opacity:0}40%{opacity:0}50%{opacity:1}75%{opacity:1}76%{opacity:0}}@-webkit-keyframes green-fade-in-out{from{opacity:0}65%{opacity:0}75%{opacity:1}90%{opacity:1}100%{opacity:0}}@keyframes green-fade-in-out{from{opacity:0}65%{opacity:0}75%{opacity:1}90%{opacity:1}100%{opacity:0}}.gap-patch{position:absolute;top:0;left:45%;width:10%;height:100%;overflow:hidden;border-color:inherit}.gap-patch .circle{width:1000%;left:-450%}.circle-clipper{display:inline-block;position:relative;width:50%;height:100%;overflow:hidden;border-color:inherit}.circle-clipper .circle{width:200%;height:100%;border-width:3px;border-style:solid;border-color:inherit;border-bottom-color:transparent !important;border-radius:50%;-webkit-animation:none;animation:none;position:absolute;top:0;right:0;bottom:0}.circle-clipper.left .circle{left:0;border-right-color:transparent !important;-webkit-transform:rotate(129deg);transform:rotate(129deg)}.circle-clipper.right .circle{left:-100%;border-left-color:transparent !important;-webkit-transform:rotate(-129deg);transform:rotate(-129deg)}.active .circle-clipper.left .circle{-webkit-animation:left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .circle-clipper.right .circle{-webkit-animation:right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}@-webkit-keyframes left-spin{from{-webkit-transform:rotate(130deg)}50%{-webkit-transform:rotate(-5deg)}to{-webkit-transform:rotate(130deg)}}@keyframes left-spin{from{-webkit-transform:rotate(130deg);transform:rotate(130deg)}50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(130deg);transform:rotate(130deg)}}@-webkit-keyframes right-spin{from{-webkit-transform:rotate(-130deg)}50%{-webkit-transform:rotate(5deg)}to{-webkit-transform:rotate(-130deg)}}@keyframes right-spin{from{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}to{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}}#spinnerContainer.cooldown{-webkit-animation:container-rotate 1568ms linear infinite,fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);animation:container-rotate 1568ms linear infinite,fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1)}@-webkit-keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes fade-out{from{opacity:1}to{opacity:0}}.slider{position:relative;height:400px;width:100%}.slider.fullscreen{height:100%;width:100%;position:absolute;top:0;left:0;right:0;bottom:0}.slider.fullscreen ul.slides{height:100%}.slider.fullscreen ul.indicators{z-index:2;bottom:30px}.slider .slides{background-color:#9e9e9e;margin:0;height:400px}.slider .slides li{opacity:0;position:absolute;top:0;left:0;z-index:1;width:100%;height:inherit;overflow:hidden}.slider .slides li img{height:100%;width:100%;background-size:cover;background-position:center}.slider .slides li .caption{color:#fff;position:absolute;top:15%;left:15%;width:70%;opacity:0}.slider .slides li .caption p{color:#e0e0e0}.slider .slides li.active{z-index:2}.slider .indicators{position:absolute;text-align:center;left:0;right:0;bottom:0;margin:0}.slider .indicators .indicator-item{display:inline-block;position:relative;cursor:pointer;height:16px;width:16px;margin:0 12px;background-color:#e0e0e0;-webkit-transition:background-color .3s;transition:background-color .3s;border-radius:50%}.slider .indicators .indicator-item.active{background-color:#4CAF50}.carousel{overflow:hidden;position:relative;width:100%;height:400px;-webkit-perspective:500px;perspective:500px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:0% 50%;transform-origin:0% 50%}.carousel.carousel-slider{top:0;left:0}.carousel.carousel-slider .carousel-fixed-item{position:absolute;left:0;right:0;bottom:20px;z-index:1}.carousel.carousel-slider .carousel-fixed-item.with-indicators{bottom:68px}.carousel.carousel-slider .carousel-item{width:100%;height:100%;min-height:400px;position:absolute;top:0;left:0}.carousel.carousel-slider .carousel-item h2{font-size:24px;font-weight:500;line-height:32px}.carousel.carousel-slider .carousel-item p{font-size:15px}.carousel .carousel-item{visibility:hidden;width:200px;height:200px;position:absolute;top:0;left:0}.carousel .carousel-item>img{width:100%}.carousel .indicators{position:absolute;text-align:center;left:0;right:0;bottom:0;margin:0}.carousel .indicators .indicator-item{display:inline-block;position:relative;cursor:pointer;height:8px;width:8px;margin:24px 4px;background-color:rgba(255,255,255,0.5);-webkit-transition:background-color .3s;transition:background-color .3s;border-radius:50%}.carousel .indicators .indicator-item.active{background-color:#fff}.carousel.scrolling .carousel-item .materialboxed,.carousel .carousel-item:not(.active) .materialboxed{pointer-events:none}.tap-target-wrapper{width:800px;height:800px;position:fixed;z-index:1000;visibility:hidden;-webkit-transition:visibility 0s .3s;transition:visibility 0s .3s}.tap-target-wrapper.open{visibility:visible;-webkit-transition:visibility 0s;transition:visibility 0s}.tap-target-wrapper.open .tap-target{-webkit-transform:scale(1);transform:scale(1);opacity:.95;-webkit-transition:opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);transition:opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);transition:transform 0.3s cubic-bezier(0.42, 0, 0.58, 1),opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);transition:transform 0.3s cubic-bezier(0.42, 0, 0.58, 1),opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1)}.tap-target-wrapper.open .tap-target-wave::before{-webkit-transform:scale(1);transform:scale(1)}.tap-target-wrapper.open .tap-target-wave::after{visibility:visible;-webkit-animation:pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;animation:pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;-webkit-transition:opacity .3s, visibility 0s 1s, -webkit-transform .3s;transition:opacity .3s, visibility 0s 1s, -webkit-transform .3s;transition:opacity .3s, transform .3s, visibility 0s 1s;transition:opacity .3s, transform .3s, visibility 0s 1s, -webkit-transform .3s}.tap-target{position:absolute;font-size:1rem;border-radius:50%;background-color:#ee6e73;-webkit-box-shadow:0 20px 20px 0 rgba(0,0,0,0.14),0 10px 50px 0 rgba(0,0,0,0.12),0 30px 10px -20px rgba(0,0,0,0.2);box-shadow:0 20px 20px 0 rgba(0,0,0,0.14),0 10px 50px 0 rgba(0,0,0,0.12),0 30px 10px -20px rgba(0,0,0,0.2);width:100%;height:100%;opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);transition:opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);transition:transform 0.3s cubic-bezier(0.42, 0, 0.58, 1),opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);transition:transform 0.3s cubic-bezier(0.42, 0, 0.58, 1),opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1)}.tap-target-content{position:relative;display:table-cell}.tap-target-wave{position:absolute;border-radius:50%;z-index:10001}.tap-target-wave::before,.tap-target-wave::after{content:'';display:block;position:absolute;width:100%;height:100%;border-radius:50%;background-color:#ffffff}.tap-target-wave::before{-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}.tap-target-wave::after{visibility:hidden;-webkit-transition:opacity .3s, visibility 0s, -webkit-transform .3s;transition:opacity .3s, visibility 0s, -webkit-transform .3s;transition:opacity .3s, transform .3s, visibility 0s;transition:opacity .3s, transform .3s, visibility 0s, -webkit-transform .3s;z-index:-1}.tap-target-origin{top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:10002;position:absolute !important}.tap-target-origin:not(.btn):not(.btn-large):not(.btn-small),.tap-target-origin:not(.btn):not(.btn-large):not(.btn-small):hover{background:none}@media only screen and (max-width: 600px){.tap-target,.tap-target-wrapper{width:600px;height:600px}}.pulse{overflow:visible;position:relative}.pulse::before{content:'';display:block;position:absolute;width:100%;height:100%;top:0;left:0;background-color:inherit;border-radius:inherit;-webkit-transition:opacity .3s, -webkit-transform .3s;transition:opacity .3s, -webkit-transform .3s;transition:opacity .3s, transform .3s;transition:opacity .3s, transform .3s, -webkit-transform .3s;-webkit-animation:pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;animation:pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;z-index:-1}@-webkit-keyframes pulse-animation{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}100%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes pulse-animation{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}100%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}}.datepicker-modal{max-width:325px;min-width:300px;max-height:none}.datepicker-container.modal-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:0}.datepicker-controls{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:280px;margin:0 auto}.datepicker-controls .selects-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.datepicker-controls .select-wrapper input{border-bottom:none;text-align:center;margin:0}.datepicker-controls .select-wrapper input:focus{border-bottom:none}.datepicker-controls .select-wrapper .caret{display:none}.datepicker-controls .select-year input{width:50px}.datepicker-controls .select-month input{width:70px}.month-prev,.month-next{margin-top:4px;cursor:pointer;background-color:transparent;border:none}.datepicker-date-display{-webkit-box-flex:1;-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto;background-color:#26a69a;color:#fff;padding:20px 22px;font-weight:500}.datepicker-date-display .year-text{display:block;font-size:1.5rem;line-height:25px;color:rgba(255,255,255,0.7)}.datepicker-date-display .date-text{display:block;font-size:2.8rem;line-height:47px;font-weight:500}.datepicker-calendar-container{-webkit-box-flex:2.5;-webkit-flex:2.5 auto;-ms-flex:2.5 auto;flex:2.5 auto}.datepicker-table{width:280px;font-size:1rem;margin:0 auto}.datepicker-table thead{border-bottom:none}.datepicker-table th{padding:10px 5px;text-align:center}.datepicker-table tr{border:none}.datepicker-table abbr{text-decoration:none;color:#999}.datepicker-table td{border-radius:50%;padding:0}.datepicker-table td.is-today{color:#26a69a}.datepicker-table td.is-selected{background-color:#26a69a;color:#fff}.datepicker-table td.is-outside-current-month,.datepicker-table td.is-disabled{color:rgba(0,0,0,0.3);pointer-events:none}.datepicker-day-button{background-color:transparent;border:none;line-height:38px;display:block;width:100%;border-radius:50%;padding:0 5px;cursor:pointer;color:inherit}.datepicker-day-button:focus{background-color:rgba(43,161,150,0.25)}.datepicker-footer{width:280px;margin:0 auto;padding-bottom:5px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.datepicker-cancel,.datepicker-clear,.datepicker-today,.datepicker-done{color:#26a69a;padding:0 1rem}.datepicker-clear{color:#F44336}@media only screen and (min-width: 601px){.datepicker-modal{max-width:625px}.datepicker-container.modal-content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.datepicker-date-display{-webkit-box-flex:0;-webkit-flex:0 1 270px;-ms-flex:0 1 270px;flex:0 1 270px}.datepicker-controls,.datepicker-table,.datepicker-footer{width:320px}.datepicker-day-button{line-height:44px}}.timepicker-modal{max-width:325px;max-height:none}.timepicker-container.modal-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:0}.text-primary{color:#fff}.timepicker-digital-display{-webkit-box-flex:1;-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto;background-color:#26a69a;padding:10px;font-weight:300}.timepicker-text-container{font-size:4rem;font-weight:bold;text-align:center;color:rgba(255,255,255,0.6);font-weight:400;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.timepicker-span-hours,.timepicker-span-minutes,.timepicker-span-am-pm div{cursor:pointer}.timepicker-span-hours{margin-right:3px}.timepicker-span-minutes{margin-left:3px}.timepicker-display-am-pm{font-size:1.3rem;position:absolute;right:1rem;bottom:1rem;font-weight:400}.timepicker-analog-display{-webkit-box-flex:2.5;-webkit-flex:2.5 auto;-ms-flex:2.5 auto;flex:2.5 auto}.timepicker-plate{background-color:#eee;border-radius:50%;width:270px;height:270px;overflow:visible;position:relative;margin:auto;margin-top:25px;margin-bottom:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.timepicker-canvas,.timepicker-dial{position:absolute;left:0;right:0;top:0;bottom:0}.timepicker-minutes{visibility:hidden}.timepicker-tick{border-radius:50%;color:rgba(0,0,0,0.87);line-height:40px;text-align:center;width:40px;height:40px;position:absolute;cursor:pointer;font-size:15px}.timepicker-tick.active,.timepicker-tick:hover{background-color:rgba(38,166,154,0.25)}.timepicker-dial{-webkit-transition:opacity 350ms, -webkit-transform 350ms;transition:opacity 350ms, -webkit-transform 350ms;transition:transform 350ms, opacity 350ms;transition:transform 350ms, opacity 350ms, -webkit-transform 350ms}.timepicker-dial-out{opacity:0}.timepicker-dial-out.timepicker-hours{-webkit-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1)}.timepicker-dial-out.timepicker-minutes{-webkit-transform:scale(0.8, 0.8);transform:scale(0.8, 0.8)}.timepicker-canvas{-webkit-transition:opacity 175ms;transition:opacity 175ms}.timepicker-canvas line{stroke:#26a69a;stroke-width:4;stroke-linecap:round}.timepicker-canvas-out{opacity:0.25}.timepicker-canvas-bearing{stroke:none;fill:#26a69a}.timepicker-canvas-bg{stroke:none;fill:#26a69a}.timepicker-footer{margin:0 auto;padding:5px 1rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.timepicker-clear{color:#F44336}.timepicker-close{color:#26a69a}.timepicker-clear,.timepicker-close{padding:0 20px}@media only screen and (min-width: 601px){.timepicker-modal{max-width:600px}.timepicker-container.modal-content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.timepicker-text-container{top:32%}.timepicker-display-am-pm{position:relative;right:auto;bottom:auto;text-align:center;margin-top:1.2rem}} /* End */ /* Start:/bitrix/templates/rhino/css/magnific-popup.min.css?16973388266260*/ .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:999999;overflow:hidden;position:fixed;background:rgba(0,0,0,0.9)} .mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1000001;position:fixed;outline:none !important;-webkit-backface-visibility:hidden;} .mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle;} .mfp-align-top .mfp-container:before{display:none;} .mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045;} .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content{width:100%;cursor:auto;} .mfp-ajax-cur{cursor:progress;} .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out;} .mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;} .mfp-auto-cursor .mfp-content{cursor:auto;} .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none;} .mfp-loading.mfp-figure{display:none;} .mfp-hide{display:none !important;} .mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044;} .mfp-preloader a{color:#CCC;} .mfp-preloader a:hover{color:#FFF;} .mfp-s-ready .mfp-preloader{display:none;} .mfp-s-error .mfp-content{display:none;} button.mfp-close img{position:relative;z-index:-1;height:16px} button.mfp-close, button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none;} button::-moz-focus-inner{padding:0;border:0;} .mfp-close{width:16px;height:16px;line-height:16px;position:absolute;right:1rem;top:1rem;transition: all 0.4s linear 0s;} .mfp-close:hover{opacity:0.5;} .mfp-close:active{background:none;} .mfp-close:focus{background:none!important} .mfp-close-btn-in .mfp-close{color:#333;} .mfp-image-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%;} .mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap;} .white-popup-block{background:#fff;padding:3rem;max-width:600px;margin:0px auto;position:relative;border-radius:16px;} .mfp-arrow{position:absolute;opacity:0.65;filter:alpha(opacity=65);margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent;} .mfp-arrow:active{margin-top:-54px;} .mfp-arrow:hover, .mfp-arrow:focus{opacity:1;filter:alpha(opacity=100);} .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent;} .mfp-arrow:after, .mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px;} .mfp-arrow:before, .mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px;opacity:0.7;} .mfp-arrow-left{left:0;} .mfp-arrow-left:after, .mfp-arrow-left .mfp-a{border-right:17px solid #FFF;margin-left:31px;} .mfp-arrow-left:before, .mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3F3F3F;} .mfp-arrow-right{right:0;} .mfp-arrow-right:after, .mfp-arrow-right .mfp-a{border-left:17px solid #FFF;margin-left:39px;} .mfp-arrow-right:before, .mfp-arrow-right .mfp-b{border-left:27px solid #3F3F3F;} .mfp-iframe-holder{padding-top:40px;padding-bottom:40px;} .mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px;} .mfp-iframe-holder .mfp-close{top:-40px;} .mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%;} .mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0, 0, 0, 0.6);background:#000;} img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0 40px;margin:0 auto;} .mfp-figure{line-height:0;} .mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0, 0, 0, 0.6);background:#444;} .mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px;} .mfp-figure figure{margin:0;} .mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto;} .mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px;} .mfp-image-holder .mfp-content{max-width:100%;} .mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer;} @media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0;} .mfp-img-mobile img.mfp-img{padding:0;} .mfp-img-mobile .mfp-figure:after{top:0;bottom:0;} .mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px;} .mfp-img-mobile .mfp-bottom-bar{background:rgba(0, 0, 0, 0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .mfp-img-mobile .mfp-bottom-bar:empty{padding:0;} .mfp-img-mobile .mfp-counter{right:5px;top:3px;} .mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0, 0, 0, 0.6);position:fixed;text-align:center;padding:0;} } @media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75);} .mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0;} .mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%;} .mfp-container{padding-left:6px;padding-right:6px;} .mfp-close:active{background:none;} } .mfp-ie7 .mfp-img{padding:0;} .mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px;} .mfp-ie7 .mfp-container{padding:0;} .mfp-ie7 .mfp-content{padding-top:44px;} .mfp-ie7 .mfp-close{top:0;right:0;padding-top:0;} /* End */ /* Start:/bitrix/templates/rhino/css/jquery.fancybox.min.css?159411820513948*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;left:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s,visibility 0s linear .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s,visibility 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;text-align:center;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--next{z-index:99995}.fancybox-slide--image{overflow:visible;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px 6px 0}.fancybox-slide--iframe{padding:44px 44px 0}.fancybox-content{background:#fff;display:inline-block;margin:0 0 6px;max-width:100%;overflow:auto;padding:0;padding:24px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;margin:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-drag .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--html .fancybox-content{margin-bottom:6px}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;margin:0;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff;height:calc(100% - 44px);margin-bottom:44px}.fancybox-iframe,.fancybox-video{background:transparent;border:0;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{vertical-align:top}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;cursor:pointer;display:inline-block;height:44px;margin:0;outline:none;padding:10px;transition:color .2s;vertical-align:top;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default}.fancybox-button svg{display:block;overflow:visible;position:relative;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:transparent;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path{fill:currentColor}.fancybox-button--share svg path{stroke-width:1}.fancybox-navigation .fancybox-button{height:38px;opacity:0;padding:6px;position:absolute;top:50%;width:38px}.fancybox-show-nav .fancybox-navigation .fancybox-button{transition:opacity .25s,visibility 0s,color .25s}.fancybox-navigation .fancybox-button:after{content:"";left:-25px;padding:50px;position:absolute;top:-25px}.fancybox-navigation .fancybox-button--arrow_left{left:6px}.fancybox-navigation .fancybox-button--arrow_right{right:6px}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#555;cursor:pointer;height:44px;margin:0;padding:6px;position:absolute;right:0;top:0;width:44px;z-index:10}.fancybox-close-small svg{fill:transparent;opacity:.8;stroke:currentColor;stroke-width:1.5;transition:stroke .1s}.fancybox-close-small:focus{outline:none}.fancybox-close-small:hover svg{opacity:1}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small,.fancybox-slide--video .fancybox-close-small{color:#ccc;padding:5px;right:-12px;top:-44px}.fancybox-slide--iframe .fancybox-close-small:hover svg,.fancybox-slide--image .fancybox-close-small:hover svg,.fancybox-slide--video .fancybox-close-small:hover svg{background:transparent;color:#fff}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption{bottom:0;color:#fff;font-size:1.1rem;text-align:center;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;border:6px solid hsla(0,0%,39%,.5);border-radius:100%;border-top-color:#fff;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#fff;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li{background-position:50%;background-repeat:no-repeat;background-size:cover}.fancybox-thumbs>ul>li:before{border:4px solid #4ea7f9;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs .fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}} /* End */ /* Start:/bitrix/templates/rhino/css/component.css?16246944066498*/ .noscroll { overflow: hidden; } .grid-wrap { margin: 0 auto; max-width: 1800px; text-align:center; width: 100%; padding: 0; -webkit-perspective: 1800px; perspective: 1800px; } .grid { position: relative; -webkit-transition: all 0.5s cubic-bezier(0,0,0.25,1); transition: all 0.5s cubic-bezier(0,0,0.25,1); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .view-full .grid { -webkit-transform: translateZ(-1800px); transform: translateZ(-1800px); } .grid figure, .grid .placeholder { width: 340px; height: 240px; } .grid figure figcaption{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.65); padding:10px 20px; color:#fff; font-size:1rem; opacity:0; -webkit-transition:opacity .3s ease; transition:opacity .3s ease; text-align:left!important; } .grid figure:hover figcaption{ opacity:1; } .pf__title{ font-weight:500; margin:0 0 10px 0; } .pfcat{ font-size:13px; color:#bbb; margin:0 0 10px 0; } .pfprice{ font-weight:700; } .portfolio__slider{ max-width:720px; width:100%; margin:0 auto; } .pf__text{ font-size: 1rem; line-height: 1.6rem; margin: 0 0 1rem 0; } .portfolio__text, .portfolio__slider{ opacity: 0; -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; } .portfolio__text{ max-width:720px; width:100%; margin:20px auto 0 auto; padding-bottom:3rem; } .grid figure { margin: 10px; overflow:hidden; display: inline-block; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .portfolio__text .h3-title{ margin:0 0 1rem 0!important; } .pf__cat{ color:#999; margin:0 0 5px 0; } .grid figure.active { opacity: 0; } .grid .placeholder { z-index:997; pointer-events: none; position: absolute; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .placeholder > div { display: block; position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .placeholder .front img { width: 100%; height: 100%; } .placeholder .back { background: white; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .view-full .placeholder { -webkit-transition: all 0.5s 0.1s cubic-bezier(0,0,0.25,1); transition: all 0.5s 0.1s cubic-bezier(0,0,0.25,1); } .vertical .view-full .placeholder { -webkit-transform: translateZ(1800px) rotateX(-179.9deg); transform: translateZ(1800px) rotateX(-179.9deg); /* FF, Chrome, can we agree on one direction, pleeease? */ } .grid figure img { display: block; width: 100%; } .portfolio__content, .loading { position: fixed; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; /* Careful, does not work in IE < 11 http://caniuse.com/#search=pointer-events */ } .portfolio__content{ overflow-y: scroll; height: 0; /* What seems to be the problem, officer? Well, we have a second scroll bar in Chrome! */ background: #fff; visibility: hidden; z-index: 999; -webkit-overflow-scrolling: touch; } .loading { opacity: 0; z-index: 998; background: transparent url(/bitrix/templates/rhino/css/../images/preloader.svg) no-repeat center center; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .loading.show { opacity: 1; } .portfolio__content.show { height: auto; pointer-events: auto; visibility: visible; } .portfolio__content > div { z-index: 10; position: absolute; top: 75px; width: 100%; overflow: hidden; height: 0; opacity: 0; background: #fff; } .portfolio__content > div.show { height: auto; opacity: 1; -webkit-transition: opacity 0.6s; transition: opacity 0.6s; } .close-content { position: fixed; z-index: 1000; top: 20px; right: 47px; cursor: pointer; width:32px; height:32px; background-image: url(/bitrix/templates/rhino/images/right-arrow.svg); background-repeat: no-repeat; background-size: 32px; background-position: center; pointer-events: none; padding: 0; opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .close-content:hover { opacity:0.5!important; } .portfolio__content > div.show ~ .close-content { opacity: 1; pointer-events: auto; } .vertical .portfolio__text, .vertical .portfolio__slider { -webkit-transform: translateY(100px); transform: translateY(100px); } .portfolio__content > div.show .portfolio__slider, .portfolio__content > div.show .portfolio__text { opacity: 1; } .vertical .portfolio__content > div.show .portfolio__slider, .vertical .portfolio__content > div.show .portfolio__text { -webkit-transform: translateY(0); transform: translateY(0); } /* Simple fallback */ /* if any of these are not supported, a simple fallback will be shown */ .no-pointerevents .portfolio__content, .no-csstransforms3d .portfolio__content, .no-csstransitions .portfolio__content, .no-pointerevents .portfolio__content > div, .no-csstransforms3d .portfolio__content > div, .no-csstransitions .portfolio__content > div, .no-pointerevents .close-content, .no-csstransforms3d .close-content, .no-csstransitions .close-content { opacity: 1; visibility: visible; display: none; height: auto; } .no-pointerevents .show .close-content, .no-csstransforms3d .show .close-content, .no-csstransition .show .close-content, .no-pointerevents div.show, .no-csstransforms3d div.show, .no-csstransitions div.show, .no-csstransitions .portfolio__slider, .no-csstransitions .portfolio__text, .no-csstransforms3d .portfolio__slider, .no-csstransforms3d .portfolio__text, .no-pointerevents .portfolio__slider, .no-pointerevents .portfolio__text { display: block !important; opacity: 1; } @media only screen and (max-width : 1817px) { .grid-wrap { max-width: 1440px; } } @media only screen and (max-width : 1457px) { .grid-wrap { max-width: 1080px; } } @media only screen and (max-width : 1097px) { .grid-wrap { max-width: 720px; } .close-content { right: 35px; } } @media only screen and (max-width : 737px) { .grid-wrap { max-width: 520px; } .grid figure, .grid .placeholder { width: 240px; height: 170px; } .pf__photos { top: 10px!important; } .pf__title, .pfprice{ font-size:14px; } } @media only screen and (max-width : 537px) { .grid figure, .grid .placeholder { width: 300px; height: 212px; } .pf__photos { top: 20px!important; } .grid-wrap { max-width: 320px; } } /* End */ /* Start:/bitrix/templates/rhino/css/slick.min.css?16063141131329*/ .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[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} /* End */ /* Start:/bitrix/templates/rhino/css/ion.rangeSlider.min.css?161316910311084*/ /*!Ion.RangeSlider, 2.3.1, © Denis Ineshin, 2010 - 2019, IonDen.com, Build date: 2019-12-19 16:51:02*/.irs{position:relative;display:block;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:12px;font-family:Arial,sans-serif}.irs-line{position:relative;display:block;overflow:hidden;outline:none !important}.irs-bar{position:absolute;display:block;left:0;width:0}.irs-shadow{position:absolute;display:none;left:0;width:0}.irs-handle{position:absolute;display:block;box-sizing:border-box;cursor:default;z-index:1}.irs-handle.type_last{z-index:2}.irs-min,.irs-max{position:absolute;display:block;cursor:default}.irs-min{left:0}.irs-max{right:0}.irs-from,.irs-to,.irs-single{position:absolute;display:block;top:0;left:0;cursor:default;white-space:nowrap}.irs-grid{position:absolute;display:none;bottom:0;left:0;width:100%;height:20px}.irs-with-grid .irs-grid{display:block}.irs-grid-pol{position:absolute;top:0;left:0;width:1px;height:8px;background:#000}.irs-grid-pol.small{height:4px}.irs-grid-text{position:absolute;bottom:0;left:0;white-space:nowrap;text-align:center;font-size:9px;line-height:9px;padding:0 3px;color:#000}.irs-disable-mask{position:absolute;display:block;top:0;left:-1%;width:102%;height:100%;cursor:default;background:rgba(0,0,0,0);z-index:2}.lt-ie9 .irs-disable-mask{background:#000;filter:alpha(opacity=0);cursor:not-allowed}.irs-disabled{opacity:.4}.irs-hidden-input{position:absolute !important;display:block !important;top:0 !important;left:0 !important;width:0 !important;height:0 !important;font-size:0 !important;line-height:0 !important;padding:0 !important;margin:0 !important;overflow:hidden;outline:none !important;z-index:-9999 !important;background:none !important;border-style:solid !important;border-color:transparent !important}.irs--flat{height:40px}.irs--flat.irs-with-grid{height:60px}.irs--flat .irs-line{top:25px;height:12px;background-color:#e1e4e9;border-radius:4px}.irs--flat .irs-bar{top:25px;height:12px;background-color:#ed5565}.irs--flat .irs-bar--single{border-radius:4px 0 0 4px}.irs--flat .irs-shadow{height:1px;bottom:16px;background-color:#e1e4e9}.irs--flat .irs-handle{top:22px;width:16px;height:18px;background-color:transparent}.irs--flat .irs-handle>i:first-child{position:absolute;display:block;top:0;left:50%;width:2px;height:100%;margin-left:-1px;background-color:#da4453}.irs--flat .irs-handle.state_hover>i:first-child,.irs--flat .irs-handle:hover>i:first-child{background-color:#a43540}.irs--flat .irs-min,.irs--flat .irs-max{top:0;padding:1px 3px;color:#999;font-size:10px;line-height:1.333;text-shadow:none;background-color:#e1e4e9;border-radius:4px}.irs--flat .irs-from,.irs--flat .irs-to,.irs--flat .irs-single{color:white;font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;background-color:#ed5565;border-radius:4px}.irs--flat .irs-from:before,.irs--flat .irs-to:before,.irs--flat .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#ed5565}.irs--flat .irs-grid-pol{background-color:#e1e4e9}.irs--flat .irs-grid-text{color:#999}.irs--big{height:55px}.irs--big.irs-with-grid{height:70px}.irs--big .irs-line{top:33px;height:12px;background-color:white;background:linear-gradient(to bottom, #ddd -50%, white 150%);border:1px solid #ccc;border-radius:12px}.irs--big .irs-bar{top:33px;height:12px;background-color:#92bce0;border:1px solid #428bca;background:linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);box-shadow:inset 0 0 1px 1px rgba(255,255,255,0.5)}.irs--big .irs-bar--single{border-radius:12px 0 0 12px}.irs--big .irs-shadow{height:1px;bottom:16px;background-color:rgba(66,139,202,0.5)}.irs--big .irs-handle{top:25px;width:30px;height:30px;border:1px solid rgba(0,0,0,0.3);background-color:#cbcfd5;background:linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);box-shadow:1px 1px 2px rgba(0,0,0,0.2),inset 0 0 3px 1px white;border-radius:30px}.irs--big .irs-handle.state_hover,.irs--big .irs-handle:hover{border-color:rgba(0,0,0,0.45);background-color:#939ba7;background:linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%)}.irs--big .irs-min,.irs--big .irs-max{top:0;padding:1px 5px;color:white;text-shadow:none;background-color:#9f9f9f;border-radius:3px}.irs--big .irs-from,.irs--big .irs-to,.irs--big .irs-single{color:white;text-shadow:none;padding:1px 5px;background-color:#428bca;background:linear-gradient(to bottom, #428bca 0%, #3071a9 100%);border-radius:3px}.irs--big .irs-grid-pol{background-color:#428bca}.irs--big .irs-grid-text{color:#428bca}.irs--modern{height:55px}.irs--modern.irs-with-grid{height:55px}.irs--modern .irs-line{top:25px;height:5px;background-color:#d1d6e0;background:linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);border:1px solid #a3adc1;border-bottom-width:0;border-radius:5px}.irs--modern .irs-bar{top:25px;height:5px;background:#20b426;background:linear-gradient(to bottom, #20b426 0%, #18891d 100%)}.irs--modern .irs-bar--single{border-radius:5px 0 0 5px}.irs--modern .irs-shadow{height:1px;bottom:21px;background-color:rgba(209,214,224,0.5)}.irs--modern .irs-handle{top:37px;width:12px;height:13px;border:1px solid #a3adc1;border-top-width:0;box-shadow:1px 1px 1px rgba(0,0,0,0.1);border-radius:0 0 3px 3px}.irs--modern .irs-handle>i:nth-child(1){position:absolute;display:block;top:-4px;left:1px;width:6px;height:6px;border:1px solid #a3adc1;background:white;transform:rotate(45deg)}.irs--modern .irs-handle>i:nth-child(2){position:absolute;display:block;box-sizing:border-box;top:0;left:0;width:10px;height:12px;background:#e9e6e6;background:linear-gradient(to bottom, white 0%, #e9e6e6 100%);border-radius:0 0 3px 3px}.irs--modern .irs-handle>i:nth-child(3){position:absolute;display:block;box-sizing:border-box;top:3px;left:3px;width:4px;height:5px;border-left:1px solid #a3adc1;border-right:1px solid #a3adc1}.irs--modern .irs-handle.state_hover,.irs--modern .irs-handle:hover{border-color:#7685a2;background:#c3c7cd;background:linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%)}.irs--modern .irs-handle.state_hover>i:nth-child(1),.irs--modern .irs-handle:hover>i:nth-child(1){border-color:#7685a2}.irs--modern .irs-handle.state_hover>i:nth-child(3),.irs--modern .irs-handle:hover>i:nth-child(3){border-color:#48536a}.irs--modern .irs-min,.irs--modern .irs-max{top:0;font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;color:white;background-color:#d1d6e0;border-radius:5px}.irs--modern .irs-from,.irs--modern .irs-to,.irs--modern .irs-single{font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;background-color:#20b426;color:white;border-radius:5px}.irs--modern .irs-from:before,.irs--modern .irs-to:before,.irs--modern .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#20b426}.irs--modern .irs-grid{height:25px}.irs--modern .irs-grid-pol{background-color:#dedede}.irs--modern .irs-grid-text{color:silver;font-size:13px}.irs--sharp{height:50px;font-size:12px;line-height:1}.irs--sharp.irs-with-grid{height:57px}.irs--sharp .irs-line{top:30px;height:2px;background-color:black;border-radius:2px}.irs--sharp .irs-bar{top:30px;height:2px;background-color:#ee22fa}.irs--sharp .irs-bar--single{border-radius:2px 0 0 2px}.irs--sharp .irs-shadow{height:1px;bottom:21px;background-color:rgba(0,0,0,0.5)}.irs--sharp .irs-handle{top:25px;width:10px;height:10px;background-color:#a804b2}.irs--sharp .irs-handle>i:first-child{position:absolute;display:block;top:100%;left:0;width:0;height:0;border:5px solid transparent;border-top-color:#a804b2}.irs--sharp .irs-handle.state_hover,.irs--sharp .irs-handle:hover{background-color:black}.irs--sharp .irs-handle.state_hover>i:first-child,.irs--sharp .irs-handle:hover>i:first-child{border-top-color:black}.irs--sharp .irs-min,.irs--sharp .irs-max{color:white;font-size:14px;line-height:1;top:0;padding:3px 4px;opacity:.4;background-color:#a804b2;border-radius:2px}.irs--sharp .irs-from,.irs--sharp .irs-to,.irs--sharp .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 4px;background-color:#a804b2;color:white;border-radius:2px}.irs--sharp .irs-from:before,.irs--sharp .irs-to:before,.irs--sharp .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#a804b2}.irs--sharp .irs-grid{height:25px}.irs--sharp .irs-grid-pol{background-color:#dedede}.irs--sharp .irs-grid-text{color:silver;font-size:13px}.irs--round{height:50px}.irs--round.irs-with-grid{height:65px}.irs--round .irs-line{top:36px;height:4px;background-color:#dee4ec;border-radius:4px}.irs--round .irs-bar{top:36px;height:4px;background-color:#006cfa}.irs--round .irs-bar--single{border-radius:4px 0 0 4px}.irs--round .irs-shadow{height:4px;bottom:21px;background-color:rgba(222,228,236,0.5)}.irs--round .irs-handle{top:26px;width:24px;height:24px;border:4px solid #006cfa;background-color:white;border-radius:24px;box-shadow:0 1px 3px rgba(0,0,255,0.3)}.irs--round .irs-handle.state_hover,.irs--round .irs-handle:hover{background-color:#f0f6ff}.irs--round .irs-min,.irs--round .irs-max{color:#333;font-size:14px;line-height:1;top:0;padding:3px 5px;background-color:rgba(0,0,0,0.1);border-radius:4px}.irs--round .irs-from,.irs--round .irs-to,.irs--round .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 5px;background-color:#006cfa;color:white;border-radius:4px}.irs--round .irs-from:before,.irs--round .irs-to:before,.irs--round .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#006cfa}.irs--round .irs-grid{height:25px}.irs--round .irs-grid-pol{background-color:#dedede}.irs--round .irs-grid-text{color:silver;font-size:13px}.irs--square{height:50px}.irs--square.irs-with-grid{height:60px}.irs--square .irs-line{top:31px;height:4px;background-color:#dedede}.irs--square .irs-bar{top:31px;height:4px;background-color:black}.irs--square .irs-shadow{height:2px;bottom:21px;background-color:#dedede}.irs--square .irs-handle{top:25px;width:16px;height:16px;border:3px solid black;background-color:white;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.irs--square .irs-handle.state_hover,.irs--square .irs-handle:hover{background-color:#f0f6ff}.irs--square .irs-min,.irs--square .irs-max{color:#333;font-size:14px;line-height:1;top:0;padding:3px 5px;background-color:rgba(0,0,0,0.1)}.irs--square .irs-from,.irs--square .irs-to,.irs--square .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 5px;background-color:black;color:white}.irs--square .irs-grid{height:25px}.irs--square .irs-grid-pol{background-color:#dedede}.irs--square .irs-grid-text{color:silver;font-size:11px} /* End */ /* Start:/bitrix/templates/rhino/css/style.css?1764745532434493*/ html { font-family: 'Manrope', sans-serif; } .dropdown-content__inner, .menu .dropdown-content, .dropdown-content__inner ul, .dropdown-content__inner ul li, .dropdown-content__inner ul li a{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { margin: 0; font-family: 'Manrope', sans-serif; font-weight: normal; font-size: 15px; line-height: normal; color: #4b4e51; /* color: #333; */ position: relative; } body { background-color: #FFFFFF!important; } .main-wrap { background-color: #FFFFFF!important; } .container { max-width: 1400px; width: 100%; margin-right: auto; margin-left: auto; } h1, h2, h3, h4, h5, h6, .head-bold { font-family: 'Manrope', sans-serif; font-style: normal; line-height: normal; } .section { padding: 3.3rem 0 4.7rem 0; } .clearfix:after { content: ""; display: table; clear: both; } .main-wrap { overflow: hidden; } .main-wrap.auto { overflow: inherit; } .sales__end span{ color: #a9a9a9; font-size:13px; } a { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } a:active, a:focus { outline: none; } a { color: #333; } a:hover { color: #00908c; } a:active { color: #333; } ::-moz-selection { background-color: #00908c; color: #fff; } ::selection { background-color: #00908c; color: #fff; } .bg-cover { position: relative; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow: hidden; } strong { font-weight: 600; } img { vertical-align: middle; } .row { margin-bottom: 0; } .pos-rel { position: relative; } .full { width: 100% !important; } .responsive-img { max-width: 100%; height: auto } /********************/ .menu__item:nth-child(6) .dropdown-content__inner ul{ column-count: auto !important; } /* .menu__item:nth-child(7) .dropdown-content__inner ul{ column-count: 2; } */ .blur { -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px); } .round { -webkit-border-radius: 150%; -moz-border-radius: 150%; -o-border-radius: 150%; border-radius: 150%; } .outer-wrap { position: relative; display: table; width: 100%; height: 100%; } .inner-wrap { display: table-cell; vertical-align: middle; } .btn-large, .form-btn input[type=submit] { font-weight: 400; -webkit-appearance: none; outline: none; text-transform: none; border: 0; font-size: 14px; height: 42px; min-width: 200px; padding: 0; z-index: 1; text-align: center; line-height: 42px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .good__unique-block .btn-large { width: 100%; } .main-blocks__text .btn-large { padding: 0 1rem; } .btn-large:hover, .form-btn input[type=submit]:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-large.color1, .btn-large.color1:active, .btn-large.color1:focus, .form-btn input[type=submit], .form-btn input[type=submit]:active, .form-btn input[type=submit]:focus { color: #fff; background-color: #00908c; } .btn-large.color1:hover, .form-btn input[type=submit]:hover { background-color: #ff2c61; color: #fff; } .btn-large.color2, .btn-large.color2:active, .btn-large.color2:focus { /* color: #00908c; */ /* color: #ff2c61; */ color: #fff; background-color: #ff2c61; /* border: 2px solid #00908c; */ border: 2px solid #ff2c61; line-height: 38px; } .btn-large.color2:hover { background-color: #00908c; border-color: #00908c; /* background-color: #ff2c61; border-color: #ff2c61; */ color: #fff; } .btn-large.color4, .btn-large.color4:active, .btn-large.color4:focus { color: #fff; background-color: #ff2c61; } .btn-large.color4:hover { background-color: #333; color: #fff; } button:focus { color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } span.error { display: none; } .form-btn input[type=submit] { width: 100%; margin-top: 1rem; cursor: pointer; -webkit-transition: .3s ease; transition: .3s ease; } /*********************/ button, input, optgroup, select, textarea { font-family: 'Manrope', sans-serif; } button.mfp-close:focus, button.mfp-close:hover { background-color: transparent; box-shadow: none; } .mfp-bg { background: rgba(0, 0, 0, 0.7); } .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: 1; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } .numbers_1867_v2 { padding-top: 10px !important; } /***********************/ .top-line { font-size: 14px; color: #fff; text-transform: uppercase; /* background:#00c0ff; */ background: #4a94ad; /* background:rgba(24,79,82,.8); */ /* background-image: url(/bitrix/templates/rhino/images/web/pattern_sneg.png); */ } .top-line .top-line__promo { padding: 12px 20px; } .top-line .top-line__promo { position: relative; line-height: 16px; } .top-line__close { width: 12px; height: 12px; z-index: 9; position: absolute; top: 14px; right: 0.75rem; cursor: pointer; background-image: url(/bitrix/templates/rhino/css/../images/close-top.svg); background-size: contain; background-repeat: no-repeat; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .top-line__close:hover { opacity: 0.5; } .faq_material { background: #f6f7f9; padding: .6rem 1rem; margin-bottom: 2rem; border-radius: 5px; font-size: 13px; border: 1px solid #f0f0f0; /* text-align: center; */ width: fit-content; } .attention { border: 1px solid #ffe3b0; padding: 2rem; text-align: center; background-color: #fef0de; font-size: 13px !important; border-radius: 6px; line-height: normal !important; margin-top: 1.4rem; font-weight: 500; } .header { position: relative; width: 100%; background: #fff; //padding-top: 91px; } .input-row { position: relative; } .input-row+.input-row { margin-top: 1rem; } select.browser-default, select.inputselect, input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea, textarea { -webkit-appearance: none; background-color: transparent; position: relative; z-index: 1; border-radius: 0; outline: none; font-family: 'Manrope', sans-serif; width: 100%; color: #333; font-size: 1rem; margin: 0; height: 42px; border: 1px solid #ccc; line-height: 40px; padding: 0 10px 0 10px; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border .3s; transition: border .3s; border-radius: 5px; } .input-row label { position: absolute; top: 0; z-index: 0; font-size: 1rem; left: 10px; line-height: 42px; color: #999; -webkit-transition: opacity .3s; transition: opacity .3s; } .input-row label.active { opacity: 0; } .slick-dots { margin: 0; position: absolute; width: 100%; left: 0; text-align: center; bottom: 20px; display: block; } .slick-dots li { display: inline-block; margin: 0 7px; } .slick-dots li button { width: 20px; height: 5px; background-color: transparent; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden; text-indent: -9999px; cursor: pointer; outline: none; padding: 0; border: 1px solid #d2d2d2; -webkit-appearance: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .slick-dots li.slick-active button, .slick-dots li button:hover { background: #00908c; border-color: #00908c; } .slick-slide { outline: none !important; } .slick-slide img { border-radius: 16px; } .sidenav { -webkit-box-shadow: none !important; box-shadow: none !important; background-color: #f6f7f9; } .up-btn { background: rgba(51, 51, 51, 0.22); color: #fff; cursor: pointer; opacity: 0; overflow: hidden; position: fixed; right: 20px; top: 80%; -webkit-transition: all .3s; transition: all .3s; width: 50px; height: 50px; z-index: 999; border-radius: 5px; } .up-btn.to-top { opacity: 1; } .up-btn:before { content: ""; position: absolute; bottom: 16px; border: solid #fff; border-width: 0 2px 2px 0; display: inline-block; padding: 5px; left: 50%; z-index: 1; margin-left: -5px; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } .up-btn:hover { background: #333; } .header__logo svg, .desktop-logo, .mobile-logo{ height: 45px; } .header__logo { float: left; height: 45px; } .header__slogan { float: left; margin-left: 3rem; line-height: 45px; text-align: right; } .header__profile { line-height: 45px; float: left; } .header__profile a { position: relative; display: inline-block; padding: 0 0 0 23px; font-size: 14px; background-image: url(/bitrix/templates/rhino/css/../images/profile.svg); background-size: 16px; background-position: center left; background-repeat: no-repeat; } .header__tel { line-height: 45px; float: left; } .header__tel a { position: relative; display: inline-block; padding: 0 0 0 23px; font-size: 23px; font-weight: 400; } .profile-cab { border-bottom: 1px solid; -webkit-transition: border .3s ease; transition: border .3s ease; } .header__right { float: right; position: relative; } .city { margin: 0 0 0 20px; padding: 0 0 0 20px; float: left; line-height: 45px; width: 137px; cursor: pointer; font-size: 14px; background-image: url(/bitrix/templates/rhino/css/../images/city.svg); background-position: center left; background-repeat: no-repeat; } .city a:hover { color: #00908c; border-bottom: 1px dashed #00908c; } .wlink { width: 16px; height: 16px; display: block; float: left; background-image: url(/bitrix/templates/rhino/css/../images/whatsapp.svg?2); background-repeat: no-repeat; background-size: contain; } .wlink:hover { opacity: 0.5; } .plink { float: left; font-size: 14px; color: #333; line-height: 16px; margin-left: 8px; display: block; } .plink:hover { color: #00908c; } .worktime { font-size: 12px; margin-left: 5px; line-height: 16px; float: left; } .header__phone { float: left; margin-left: 20px; margin-top: 15px; } .callme { text-align: right; font-size: 14px; } .callme a { border-bottom: 1px dashed; } .header__top { position: relative; width: 100%; top: 0; z-index: 99; background: #fff; left: 0; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #e1e1e1; } .menu { display: flex; grid-column-gap: 2rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; margin: 0; } .header__bottom { border-bottom: 1px solid #f1f1f1; margin-bottom: 3.3rem; } .menu__item { display: block; float: left; } .menu__item+.menu__item { //margin-left: 2rem; } .menu__link { font-size: 16px; display: block; font-weight: 600; padding: 20px 0; } .menu__link.dis { cursor: pointer; } .menu .dropdown-content { padding: 20px; border-radius: 6px; overflow: inherit !important; -webkit-box-shadow: 0px 0px 30px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 30px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px 2px rgba(0, 0, 0, 0.1); /* -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 0; -moz-column-gap: 0;*/ column-gap: 0; } .menu .dropdown-content li { min-height: 1px; display: block; padding: 0 20px; height: 32px; line-height: 32px; width: 100%; text-align: left; cursor: default; } .menu .dropdown-content li>a, .menu .dropdown-content li>span { font-size: 14px; line-height: 18px; color: #333; position: relative; display: inline-block; padding: 0; } .menu .dropdown-content li:hover, .menu .dropdown-content li.active { background-color: transparent; } .menu .dropdown-content li>a:hover { color: #00908c; } .mobile__menu { margin: 0; display: block; } .label1, .label2, .label3, .label4 { position: relative; } .label1:after, .label2:after, .label3:after, .label4:after, .minibuk:after { content: "lite"; position: absolute; top: -12px; font-weight: 500; right: -10px; font-size: 11px; color: #00908c; } .new_podmenu:after { content: "новинка"; position: absolute; top: -12px; font-weight: 500; right: -20px; font-size: 11px; color: #ff2c61; } .new_materiali:after { content: "новинка"; position: absolute; top: -12px; font-weight: 500; /* right: -10px; */ font-size: 11px; color: #a70a78; } .label2:after { content: "акция"; color: #ff0000; } .label3:after { content: "online"; color: #00908c; top: 10px; } .menu_extra_options{ color: #00908c !important; } .menu_extra_options:hover{ /* text-decoration: underline; */ border-bottom: 1px solid #00908c; } .minibuk { position: relative; } .new_podmenu, .new_materiali { position: relative; } .minibuk:after { content: "online"; color: #00908c; top: -10px; } .label4:after { content: "интересно"; color: #00908c; } .spoiler__slider__novinka { position: relative; } .spoiler__slider__novinka:after { content: "НОВИНКА"; position: absolute; top: -20px; font-weight: 700; right: -16px; font-size: 11px; color: #f52c61; letter-spacing: .7px;} /* .ul-detail { background-color: #f6f7f9; padding: 23px 20px 30px 0; padding-left: 2rem !important; border-radius: 5px; } */ .ul-detail { padding: 0 20px 5px 0; border-radius: 5px; } .menu .dropdown-content li>a.disabled { pointer-events: none; cursor: default; font-weight: 600; } .menu .dropdown-content li>a.undisabled { font-weight: 600; } .topslider { background: #f6f7f9; display: none; } .image-slider, .pfslider, .slider-nav, .pfslider2, .slider-nav2{ display: none; } .slider__new { overflow: hidden; } .topslider.slick-initialized, .image-slider.slick-initialized, .pfslider.slick-initialized, .slider-nav.slick-initialized, .pfslider2.slick-initialized, .slider-nav2.slick-initialized{ display: block; } .slider-nav .slick-slide, .slider-nav2 .slick-slide { margin: 5px; cursor: pointer; padding: 5px; border: 1px solid transparent; -webkit-transition: border .3s ease; transition: border .3s ease; border-radius: 5px; } .h1-title { font-size: 30px; line-height: 38px; /* font-size: 40px; line-height: 48px; */ font-weight: 600; /* margin: 0 0 3rem 0; */ margin: 0 0 2rem 0; } .slider__item { min-height: 440px; } .slider__text { padding: 2rem 0 2rem 3.3rem; position: relative; width: 50%; z-index: 1; } .slider__image { position: absolute; top: 0; right: 0; height: 100%; width: 100%; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow: hidden; } .h2-title { font-size: 30px; line-height: 32px; position: relative; //padding-bottom: 1rem; font-weight: 500; margin: 0 0 3rem 0; } /* .h2-title:after { content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -50px; width: 100px; height: 2px; background: #00908c; } */ .main-blocks__item { background: #f6f7f9; position: relative; min-height: 400px; border-radius: 16px; } .offset-l6 .main-blocks__body { padding: 3.3rem 3.3rem 3.3rem 0; } .main-blocks__body { padding: 3.3rem 0 3.3rem 3.3rem; position: relative; z-index: 1; } .h3-title { font-size: 22px; line-height: 1.3; position: relative; font-weight: 500; margin: 0 0 2rem 0; } .h4-title { font-size: 20px; line-height: 22px; position: relative; font-weight: 500; margin: 0 0 2rem 0; } .main-blocks__text p { font-size: 1rem; line-height: 1.6rem; margin: 0; } .main-blocks__text p+p { margin: 1rem 0 0 0; } .main-blocks__price { margin-top: 1rem; font-size: 1.2rem; font-weight: 600; margin-bottom: 2rem; } .main-blocks__price.colored { color: #00908c; } .main-blocks__image { position: absolute; top: 0; right: 0; height: 100%; width: calc(50% - 0.75rem); background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow: hidden; } .ltr .main-blocks__image { left: 0; right: auto; } .content [type="radio"]:not(:checked), .content [type="radio"]:checked { position: absolute; opacity: 0; pointer-events: none } .content select { display: none } .main-blocks__item+.main-blocks__item { margin-top: 3.3rem; } .footer__bottom { padding: 3.3rem 0; } .footer__logo { float: left; } .footer__logo svg { height: 30px; opacity: 0.5; } .copy { float: right; text-align: right; font-size: 13px; line-height: 15px; color: #666; } .footer__top { background: #f6f7f9; padding: 3.3rem 0; } /*.footer__col { margin-right: 20px; width: auto; width: 25%; }*/ /*.footer__columns { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex; }*/ /*.footer__col:last-child { margin-right: 0; }*/ .footer__columns{ display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 20px; grid-row-gap: 0; } .footer__head { font-size: 14px; font-weight: 600; margin-bottom: 1rem; text-transform: uppercase; } .footer__head2 { margin-top: 1rem; } .footer__list { display: block; margin: 0; } .js-accordion__content .footer__list{ margin: 0 0 2rem 0; } .footer__list li { display: block; font-size: 14px; } .footer__list li+li { margin-top: 10px; } .mobile__wlink { width: 16px; float: left; margin-right: 8px; height: 16px; display: inline-block; background-image: url(/bitrix/templates/rhino/css/../images/whatsapp.svg?2); background-repeat: no-repeat; background-size: contain; } .contacts__content .fphone { float: left; } .contacts__link.contacts--spb{ display: none; } .contacts__content { position: relative; padding-left: 24px; } .contacts__content:before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; background-size: 16px; width: 16px; height: 16px; background-image: url(/bitrix/templates/rhino/css/../images/point.svg); } .mobile__wlink.viber { background-image: url(/bitrix/templates/rhino/css/../images/viber.svg?2) !important; } .mobile__wlink.telegram { background-image: url(/bitrix/templates/rhino/css/../images/telegram.svg?2) !important; } .fphone { line-height: 16px; } .footer__margin { margin-top: 1rem; } .footer__url { display: block; float: left; width: 18px; } .footer__url+.footer__url { margin-left: 10px; } .footer__url:hover, .mobile__wlink:hover { opacity: 0.5 } .mobile-logo, .whatsapp__wlink { display: none; } .main-icons { border-top: 1px solid #e1e1e1; } .main-icons.colored { border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; } .icon__inner img { height: 64px; } .icon__title { margin-top: 1rem; font-size: 1.1rem; font-weight: 300; } .hiddendiv { width: auto !important; } .input-row { position: relative; } .input-row label.active { opacity: 0; } .input-row .phone.unavailable:not(:focus)~label.active { opacity: 1; } .input-row .phone.unavailable:focus~label.active { opacity: 0; } .keyboard-focused .collapsible-header:focus { background-color: transparent !important; } .input:not([type]).subscribe__input, input[type=text]:not(.browser-default).subscribe__input { height: 50px; border: 1px solid #ccc; line-height: 48px; width: 100%; padding: 0 60px 0 10px; margin: 0 0 1rem 0; border-radius: 5px; } input:not([type]).subscribe__input:focus:not([readonly]), input[type=text].subscribe__input:not(.browser-default):focus:not([readonly]) { border: 1px solid #333 !important; } .input:not([type]).subscribe__input.unavailable, input[type=text]:not(.browser-default).subscribe__input.unavailable, .input:not([type]).subscribe__input.unavailable:focus, input[type=text]:not(.browser-default).subscribe__input.unavailable:focus { border: 1px solid #F44336 !important; background: transparent !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .input:not([type]).subscribe__input.available, input[type=text]:not(.browser-default).subscribe__input.available, .input:not([type]).subscribe__input.available:focus, input[type=text]:not(.browser-default).subscribe__input.available:focus { border: 1px solid #4CAF50 !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } input.unavailable, textarea.unavailable, select.unavailable { border: 1px solid #F44336 !important; background: transparent !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } input.available, textarea.available, select.available { border: 1px solid #4CAF50 !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } select.browser-default:focus, select.inputselect:focus, input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) { border: 1px solid #333; -webkit-box-shadow: none; box-shadow: none; } .subscribe label { left: 10px; line-height: 48px; color: #999; } #send { position: absolute; top: 0; right: 0; z-index: 2; cursor: pointer; display: block; -webkit-appearance: none; outline: none; margin: 0; border: 0; padding: 0; box-shadow: none; background: #333; width: 50px; height: 50px; text-align: center; line-height: 50px; -webkit-transition: all .3s ease; transition: all .3s ease; border-radius: 0 5px 5px 0 } #send img { height: 24px; } #send:hover { background: #00908c; } .subscribe__notice { font-size: 14px; color: #999999; } .subscribe__link { color: #00908c; border-bottom: 1px solid } .subscribe__link:hover { color: #000; border-bottom: 1px solid transparent; } .subscribe__title { font-size: 1.2rem; font-weight: 600; margin: 0 0 1rem 0; } .subscribe__subtitle { font-size: 1.1rem; font-weight: 300; margin: 0 0 20px 0; } .subscribe { padding: 3.3rem 0; } .mobile__region .city { display: none; } .main-text__title { font-weight: 600; font-size: 24px; margin: 0 0 2rem 0; line-height: normal; } .main-text__body { padding: 1rem 0 1rem 2rem; border-left: 2px solid #00908c; font-size: 1rem; line-height: 1.6rem; margin: 0 0 2rem 0; } .main-logos { background: #f6f7f9; } .logos__item { padding: 0 0.75rem; } .logos__item-inner { background: #fff; padding: 0 10px; height: 150px; text-align: center; -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 3%); -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 3%); box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 3%); border-radius: 16px; } .logos__item-inner img { display: inline !important; height: auto; max-width: 100%; } .logos__slider .slick-dots { margin: 20px 0 0 0; position: relative; left: auto; bottom: auto; } .logos__slider { margin-top: -10px; display: none; } .logos__slider.slick-initialized { display: block; } .logos__slider .slick-list { padding: 10px 0; } .reviews__rating img { height: 14px; display: inline !important; } .reviews__item, .examples__item { padding: 0 0.75rem; } .reviews__slider { margin: 0 0 2rem 0; } .examples__slider, .examples__slider2 { margin: 0 -0.75rem; } .examples__slider .slick-list, .examples__slider2 .slick-list { padding: 0 0.75rem; } .examples__slider .slick-list{ padding:0; } .reviews__inner { padding: 0 2rem; height: 100%; border-radius: 16px; } .reviews__rating{ margin-top:20px; } .reviews__slider, .block-slider, .videoreviews, .logos__slider2, .examples__slider, .examples__slider2, .examples__slider3 { display: none; } .reviews__slider.slick-initialized, .block-slider.slick-initialized, .videoreviews.slick-initialized, .logos__slider2.slick-initialized, .examples__slider.slick-initialized, .examples__slider2.slick-initialized, .examples__slider3.slick-initialized { display: block; } .reviews__title { font-weight: 600; margin: 1rem 0 0 0; line-height: 18px; } .reviews__text { font-size: 14px; line-height: 1.5rem; max-width:900px; width:100%; margin:0 auto; padding-top:30px; position: relative; } .reviews__text:after { content: ""; position: absolute; top: 0; left: 50%; margin-left: -30px; color: #ccc; width: 60px; opacity: 0.4; height: 60px; z-index: 0; background-image: url(/bitrix/templates/rhino/css/../images/quote.svg); background-size: 60px; background-repeat: no-repeat; } .reviews__name { font-size: 14px; color: #666; margin-top: 1rem; } .reviews__slider .slick-arrow, .examples__slider .slick-arrow, .examples__slider2 .slick-arrow, .pechat__slider .slick-arrow{ position: absolute; background-color: #00908c; text-indent: -9999px; top: 50%; width: 36px; height: 36px; margin-top: -18px; background-repeat: no-repeat; background-size: 16px; cursor: pointer; outline: none; padding: 0; z-index: 99; border: 0; -webkit-appearance: none !important; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .examples__slider .slick-arrow { width:36px; height:36px; opacity:0; } .examples__slider:hover .slick-arrow { opacity: 1; } .examples__slider .slick-arrow.slick-prev{ left:2rem; margin-top: -38px; } .examples__slider .slick-arrow.slick-next{ right:2rem; margin-top: -38px; } .examples__slider2 .slick-arrow.slick-prev, .pechat__slider .slick-arrow.slick-prev, .examples__slider .slick-arrow.slick-prev{ left: 2rem; border-radius: 42px; background-image: url(/bitrix/templates/rhino/css/../images/arleft.svg); background-position: center; } .examples__slider .slick-arrow.slick-prev{ left: 2rem; border-radius: 42px; background-image: url(/bitrix/templates/rhino/css/../images/arleft.svg); background-position: center; background-size: 16px; } .examples__slider2 .slick-arrow.slick-next, .pechat__slider .slick-arrow.slick-next, .examples__slider .slick-arrow.slick-next{ right: 2rem; border-radius: 42px; background-position: center; background-image: url(/bitrix/templates/rhino/css/../images/arright.svg?2); background-size: 16px; } .examples__slider .slick-arrow.slick-next{ right: 2rem; border-radius: 42px; background-image: url(/bitrix/templates/rhino/css/../images/arright.svg); background-position: center; background-size: 16px; } .reviews__slider .slick-arrow.slick-next:after, .examples__slider .slick-arrow.slick-next:after, .examples__slider2 .slick-arrow.slick-next:after, .pechat__slider .slick-arrow.slick-next:after{ content: ""; display:none; position: absolute; top: 0; right: -18px; width: 36px; height: 36px; background: #333; opacity: 0; border-radius: 42px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .examples__slider .slick-arrow.slick-disabled { background-color: #ccc; pointer-events: none; cursor: default; } .examples__slider .slick-arrow.slick-prev:after, .examples__slider2 .slick-arrow.slick-prev:after, .pechat__slider .slick-arrow.slick-prev:after{ content: ""; display:none; position: absolute; top: 0; left: -18px; width: 36px; height: 36px; background: #333; opacity: 0; border-radius: 42px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .examples__slider .slick-arrow.slick-next:hover:after, .examples__slider .slick-arrow.slick-prev:hover:after, .examples__slider2 .slick-arrow.slick-next:hover:after, .examples__slider2 .slick-arrow.slick-prev:hover:after, .pechat__slider .slick-arrow.slick-prev:hover:after, .pechat__slider .slick-arrow.slick-next:hover:after{ opacity: 1; } .reviews__slider .slick-arrow:hover, .examples__slider .slick-arrow:hover, .examples__slider2 .slick-arrow:hover, .pechat__slider .slick-arrow:hover{ background-color: #ff2c61; } .slick-arrow:focus {} .reviews__slider .slick-dots, .examples__slider .slick-dots, .examples__slider2 .slick-dots { margin: 20px 0 0 0; position: relative; left: auto; bottom: auto; } .main-blog { padding-bottom: 4.7rem; } .blog__item, .news__item { display: inline-block; vertical-align: top !important; float: none !important; margin-bottom: 2rem !important; margin-right: -3px !important; } .blog__pic, .news__pic { padding-top: 60%; display: block; margin-bottom: 10px; background-position: top !important; border-radius: 9px; } .blog__pic:hover, .news__pic:hover { opacity: 0.5; } .blog__date, .news__date { font-size: 13px; color: #999; margin-bottom: 5px; } .blog__title, .news__title { font-size: 1rem; font-weight: 600; margin-bottom: 1rem; min-height: 42px; /*display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1;*/ } .blog__text, .news__text { font-size: 14px; line-height: 20px; } .blog__wrap { text-align: center; } .btn-large.load_more { display: block; margin: 0 auto; width: 200px; } .center.load_more { padding-top: 1rem; border-top: 1px solid #e1e1e1; } .breadcrumbs { background: #fff !important; padding: 1.3rem 0 0 0!important; font-size: 15px !important; line-height: normal !important; display: block !important; position: relative; z-index: 1; } .breadcrumbs .h1-title, .good__col .h1-title{ font-weight: 700; font-size: 2rem; line-height: 2rem; margin: 3rem 0 1rem 0 !important; } .good__col .h1-title{ margin:0 0 2rem 0!important; } .breadcrumbs__list { margin: 0; display: inline-block !important; } .breadcrumbs__item { display: block !important; float: left !important; } .breadcrumbs__item+.breadcrumbs__item { margin: 0 0 0 10px !important; } .breadcrumbs__item:first-child .breadcrumbs__divider { display: none !important; } .breadcrumbs__divider { margin-right: 10px !important; } .breadcrumbs__link { border-bottom: 1px solid transparent !important; } .breadcrumbs__link:hover { border-bottom: 1px solid #00908c !important; } .breadcrumbs__title { color: #666; } .breadcrumbs li > a, .shop-breadcrumbs li > a { color: #333 !important; font-size: 15px !important; line-height: normal !important; } .breadcrumbs li > a:hover, .shop-breadcrumbs li > a:hover { color: #00908c !important; } .header__bottom.no_margin, .header.no_margin { margin-bottom: 0; } .news__detail-pic { padding-top: 40%; margin-bottom: 2rem; background-position: top !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .news__detail-text h2 { font-size: 24px; } .news__detail-text img { width: 60% !important; height: auto; display: block; margin: 1rem auto 0 auto; border-radius: 16px; } .news__detail-text p { font-size: 1.1rem; line-height: 1.6rem; margin: 1rem 0 0 0; } .news__detail-text .h2-title, .news__detail-text p.h2-title { text-align: left; margin: 2rem 0; padding: 0; } .news__detail-text p.h2-title { font-size: 32px; line-height: 32px; } .news__detail-text .h2-title:after { display: none; } .news__detail-date { font-size: 14px; color: #999; margin: 2rem 0 0 0; padding: 1rem 0 0 0; border-top: 1px dashed #e1e1e1; } .news__detail-text ul { display: block; margin: 1rem 0 0 0; padding: 0; } .text-block__text ul, .main-blocks__text ul, .white-popup-block ul, .collections__tab ul { display: block; margin: 0 0 1rem 0; padding: 0; } .news__detail-text ol { margin: 1rem 0 0 1rem; padding: 0; } .faq .collapsible-body ul { display: block; margin: 1rem 0; } .acc__body ul { display: block; } .news__detail-text ul li, .text-block__text ul li, .main-blocks__text ul li, .white-popup-block ul li, .faq .collapsible-body ul li, .good__detail-text ul li, .acc__body ul li, .collections__tab ul li, .crep--item ul li{ display: block; font-size: 1.1rem; line-height: 1.6rem; margin: 0; position: relative; padding: 0 0 0 20px; } .text-block__text ul li, .main-blocks__text ul li, .white-popup-block ul li, .faq .collapsible-body ul li, .good__detail-text ul li, .acc__body ul li, .crep--item ul li{ font-size: 1rem; line-height: 1.5rem; } .news__detail-text ol li { font-size: 1.1rem; line-height: 1.6rem; margin: 0; padding: 0 0 0 10px; } .qwerty ul li::after, .news__detail-text ul li:after, .text-block__text ul li:after, .main-blocks__text ul li:after, .white-popup-block ul li:after, .faq .collapsible-body ul li:after, .good__detail-text ul li:after, .acc__body ul li:after, .collections__tab ul li:after, .crep--item ul li:after{ position: absolute; content: ""; background: #00908c; height: 6px; width: 6px; top: 9px; border-radius: 6px; -webkit-border-radius: 6px; left: 0; } .text-block__text ul li:after, .main-blocks__text ul li:after, .faq .collapsible-body ul li:after, .good__detail-text ul li:after, .acc__body ul li:after, .collections__tab ul li:after, .crep--item ul li:after{ top: 8px; } .news__detail-text ul li+li, .news__detail-text ol li+li, .text-block__text ul li+li, .main-blocks__text ul li+li, .faq .collapsible-body ul li+li, .good__detail-text ul li, .acc__body ul li+li, .collections__tab ul li+li, .crep--item ul li+li{ margin: 10px 0 0 0; } .call__body .text-main-popup { font-weight: 600; font-size: 16px; } .news__detail-text a { color: #00908c; border-bottom: 1px solid } .news__detail-text a:hover { color: #000; border-bottom: 1px solid transparent; } .call__body .h3-title { position: relative; text-align: center; padding-bottom: 1rem; } .call__body .h3-title:after { content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -50px; width: 100px; height: 2px; background: #00908c; } .form__notice { margin-top: 1rem; font-size: 12px; color: #999999; } .subscribe .form__notice { margin-top: 0 } .call__link { color: #00908c; border-bottom: 1px solid; } .call__link:hover { color: #000; border-bottom: 1px solid transparent; } span.call__phone { display: none; font-size: 12px; line-height: 15px; padding-left: 10px; padding-top: 3px; color: #F44336; width: 100%; } span.unavailable { display: none !important; } div[id^="wait_comp_"] { display: none !important; } .call__results { font-size: 1.1rem; padding: 3rem 0; } .main-form__results { font-size: 1.1rem; } .tfl-popup__search-input { border-bottom: 1px solid #ccc !important; border-top: 0 !important; border-right: 0 !important; border-left: 0 !important; padding: 0 !important; } .main-form { background: #f6f7f9; } .main-form .h2-title { margin: 0 0 1rem 0; } .main-form__subtitle { font-size: 1.1rem; line-height: 1.6rem; margin: 0 0 1rem 0; } .main-form__subtitle a { color: #00908c; } .main-form__subtitle a:hover { color: #000; } .main-form__inner { background: #fff; padding: 3rem; -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 3%); -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 3%); box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 3%); border-radius: 16px; } .page .news__detail-text .no_margin-top { margin-top: 0px !important; } .page .news__detail-text ol li ul li { padding: 0 0 0 20px; } .margin-bottom { margin-bottom: 3.3rem; } .text-body p { font-size: 1.1rem; line-height: 1.6rem; } /* .text-block__calc { background: #f6f7f9; padding-top: 12px !important; padding-bottom: 12px !important; line-height: 1.6rem; border: 1px solid #ececec; } */ .text-body a, .attention_lk_pro a, .text-block__text a, .faq .collapsible-body a, .text-block__calc a { color: #00908c; border-bottom: 1px solid; } .text-body a:hover, .attention_lk_pro a:hover, .text-block__text a:hover, .faq .collapsible-body a:hover, .text-block__calc a:hover { color: #000; border-bottom: 1px solid transparent; } .text-body p+p { margin-top: 1rem; } .none_pt { padding-top: 0 !important; } .instagram { padding-top: 3.3rem; display: none; } .instagram .btn-large { margin-top: 2rem; padding: 0 1rem; } .offer__title { font-size: 1.3rem; font-weight:600; margin: 1rem 0 10px 0; } .offer__price { font-size: 2rem; color: #00908c; font-weight: 700; margin-bottom: 10px; } .offer__list { margin: 0 0 2rem 0; } .offer__img { text-align: center; } .offer__item, .white-popup-block ul li.offer__item{ display: block; margin: 0; position: relative; padding: 10px 0 0 31px; } .white-popup-block ul li.offer__item{ font-size:14px; line-height: normal; } .white-popup-block ul.offer__list2{ margin:0; } .offer__item+.offer__item, .white-popup-block ul li.offer__item+li.offer__item{ margin-top: 10px; border-top: 1px solid #eee; } .offer__item:after, .white-popup-block ul li.offer__item:after{ content: ""; position: absolute; top: 14px; left: 0; width: 13px; height: 13px; background-size: 13px; background-repeat: no-repeat; border-radius: 0; background-color:transparent!important; } .offer__item.yes:after, .white-popup-block ul li.offer__item.yes:after{ background-image: url(/bitrix/templates/rhino/css/../images/yes1.svg); } .offer__item.no:after, .white-popup-block ul li.offer__item.no:after{ background-image: url(/bitrix/templates/rhino/css/../images/no1.svg); } #prices .offer__btn{ display: none; } .reviews-block { position: relative; padding: 3.3rem 0; } .reviews-block:after, .reviews-block:before, .text-blocks:after { content: ""; display: none; position: absolute; bottom: 0; width: 200vw; left: 50%; margin-left: -100vw; height: 1px; background: #e1e1e1; } .reviews-block:before { bottom: auto; top: 0; } .text-blocks { position: relative; //padding-bottom: 3.3rem; } @media screen and (max-width: 992px) { .text-block__col+.text-block__col { margin-top: 1rem; } .main-blocks__item .main-blocks__image {border-radius:16px 16px 0 0 ;} } .text-blocks .h3-title { margin: 0 0 1rem 0; } .text-block__text p { font-size: 1rem; line-height: 1.6rem; margin: 0 0 1rem 0; } .margin-top { margin-top: 3rem; } .period { display: inline-block; } .period__item { float: left; } .period__title, .period__text { color: #a9a9a9; } .period__title { font-weight: 600; font-size: 1.6rem; line-height: 20px; } .period__sep { padding: 0 1rem; height: 40px; line-height: 18px; color: #a9a9a9; font-size: 1.6rem; } .news__period { border-bottom: 1px solid #e0e0e0; text-align: center; position: relative; margin-top: -10px; padding: 10px; margin-bottom: 1rem; } .news__detail .news__period { margin-bottom: 0; margin-top: 0; } .news__detail-img img { width: 60%; height: auto; margin-bottom: 1rem; position: relative; z-index: 0; border-radius: 16px; } .news__detail-img { text-align: center; } .news__detail .sales__end{ font-size:1rem; padding:10px; top:50%; left:50%; transform:translate(-50%,-50%); z-index: 1; width: 50%; border-radius: 5px; } .news__detail .sales__end ~ img{ opacity:0.3; } /* старое заначение .news__detail-img img { width: 100%; height: auto; } */ .news__detail-text { margin-top: 2rem; } .faq .collapsible { border: 0; margin: -1rem 0 -1rem 0; box-shadow: none; } .faq .collapsible-header { display: block; cursor: pointer; font-size: 1.2rem; font-weight: 500; color: #333; position: relative; min-height: 1rem; line-height: normal; padding: 1rem 3rem; background-color: #fff; border-bottom: 0; } .faq .collapsible-header:before { width: 30px; height: 1px; background-color: #00908c; left: 0; margin-top: 0; } .faq .collapsible-header:after, .faq .collapsible-header:before { position: absolute; top: 50%; content: ""; } .faq .collapsible-body { border: 0; padding: 0 3rem; } .faq .collapsible-body :first-child { margin-top: 0; } .faq .collapsible-body p { font-size: 1rem; line-height: 1.6rem; /* color: #666; */ color: #333; font-weight: 400; margin: 1rem 0; padding: 0; } .faq .collapsible-header:after { right: 2px; margin-top: -13px; border: solid #00908c; border-width: 0 1px 1px 0; display: inline-block; padding: 7px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .faq li.active .collapsible-header:after { margin-top: -3px; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } #mail .input-row label { color: #333; } select.boss-type.available:focus { border: 1px solid #333 !important; } select.boss-type.available { border: 1px solid #CCC !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } select.browser-default { font-weight: normal; cursor: pointer; } .select__caret { position: absolute; display: block; right: 12px; top: 50%; margin-top: -3.5px; width: 13px; height: 7px; background-image: url(/bitrix/templates/rhino/css/../images/select.svg); background-repeat: no-repeat; background-size: contain; } textarea.materialize-textarea { min-height: 100px; line-height: normal; padding: 10px; } .anchor__wrap { background: #efefef; padding: 0 1.5rem; } .anchor__wrap_teh_trebovania { background: #fff; //padding: 0 1.5rem; //border-bottom: 1px solid #e2e2e2; } .anchor__item { font-weight: 500; line-height: 50px; float: left; margin-right: 1.5rem; } .anchor__item:last-child { margin-right: 0; } .materials { position: relative; margin: 0 -0.75rem; } .materials__item { display: inline-block; vertical-align: top; float: none; width: 20%; padding: 0.75rem; margin-right: -3px; } .materials__item a:hover { opacity: 0.5; } .materials__item_size { width: 15%; } .hd-print-sticker{ position: absolute; /* right: 2rem; */ /* bottom: 9rem; */ z-index: 3; top: 5px; right: 5px; } .hd-print-sticker-img { background-image: url("/bitrix/templates/rhino/images/web/ultra_hd.svg"); background-repeat: no-repeat; background-size: 4.5rem; padding: 2.3rem; } @media only screen and (max-width: 1217px) and (min-width: 769px) { .hd-print-sticker { bottom: 8rem; right: 1rem; } } @media only screen and (max-width: 600px) and (min-width: 479px) { .hd-print-sticker { bottom: 6.5rem; } } @media only screen and (max-width: 478px) { .hd-print-sticker { right: 0.6rem; bottom: 4.8rem; } .hd-print-sticker-img { background-size: 3.5rem; } } @media only screen and (max-width: 300px) { .hd-print-sticker { bottom: 3.8rem; } .hd-print-sticker-img { background-size: 3.5rem; } } .materials_options { position: absolute; margin-left: 10px; margin-top: 10px; z-index: 1; } .img_stamp { background-image: url("/bitrix/templates/rhino/images/stamp.svg"); background-repeat: no-repeat; background-size: 1.5rem; padding: 17px; } .img_not_avalible { font-size: 11px; color: red; font-weight: 500; padding: 3px 6px; background: white; border-radius: 8px; line-height: 1.3; } .new-material { color: white !important; background: red !important; } .cover__item_name { color: white !important; font-size: 0.1px !important; margin-top: -9px !important; } .fancybox-close-small:focus { background: transparent !important; } .materials__title { font-weight: 500; margin-top: 5px; font-size: 13px; } .materials__descr { font-size: .8rem; } .block-slider { position: absolute; top: 0; right: 0; height: 100%; width: calc(50% - 0.75rem); } .block-slider div { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .tabs .tab a { color: #333; font-weight: 500; text-transform: none; display: block; border: 1px solid transparent; width: 100%; height: 100%; padding: 0 10px; font-size: 1rem; } .tabs .tab a.active { color: #00908c; border: 1px solid transparent; background: transparent; } .tabs { border-bottom: 0; text-align: center; margin-top: -20px; margin-bottom: 1rem; } .tabs .indicator { background-color: #00908c; } .tabs .tab a:focus, .tabs .tab a:focus.active { background-color: transparent; outline: none; } .tabs .tab a:hover, .tabs .tab a.active { background-color: transparent; color: #00908c; } .has-arrows .slick-arrow { position: absolute; background-color: #00908c; text-indent: -9999px; top: 50%; width: 36px; height: 36px; margin-top: -18px; background-repeat: no-repeat; background-size: 16px; background-position: center; cursor: pointer; outline: none; padding: 0; opacity: 0; z-index: 99; border: 0; -webkit-appearance: none !important; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-border-radius: 36px; border-radius: 36px; } .slider-nav.has-arrows .slick-arrow { top: 0; width: 40px; height: 100%; background-color: #ffffff; margin-top: 0; background-size: 18px; background-position: center; } .crep_interior img { width: 90%; margin-bottom: 1rem; border-radius: 16px; } .has-arrows .slick-arrow.slick-next { right: 1rem; background-position: center; background-image: url(/bitrix/templates/rhino/css/../images/arright.svg?1); } .has-arrows .slick-arrow.slick-prev { left: 1rem; background-position: center; background-image: url(/bitrix/templates/rhino/css/../images/arleft.svg?1); } .has-arrows .slick-arrow:hover { background-color: #333; } .has-arrows:hover .slick-arrow { opacity: 1; } .slider-nav.has-arrows .slick-arrow:hover { opacity: 1; } .slider-nav.has-arrows .slick-arrow.slick-next { right: 0; background-position: center; } .slider-nav.has-arrows .slick-arrow.slick-prev { left: 0; background-position: center; } .slider-nav .slick-slide.slick-active.slick-center, .slider-nav .slick-slide:hover, .slider-nav .slick-slide.slick-current.slick-active, .slider-nav2 .slick-slide.slick-current.slick-active, .slider-nav2 .slick-slide:hover, .slider-nav2 .slick-slide.slick-active.slick-center { border: 2px solid #00908c; } .mb-0 { margin-bottom: 0 !important } .mb-1 { margin-bottom: .25rem !important } .mb-2 { margin-bottom: .5rem !important } .mb-3 { margin-bottom: 1rem !important } .mb-4 { margin-bottom: 1.5rem !important } .mb-5 { margin-bottom: 3rem !important } .mb2 { margin-bottom: 2rem !important } .mt1 { margin-top: 1rem !important } .mt2 { margin-top: 2rem !important } .mt3 { margin-top: 3rem !important } .req-table tr td:first-child { font-weight: 600 } .req-table a { color: #00908c; } .req-table a:hover { color: #000000; } .mt-0 { margin-top: 0 !important } .mt-1 { margin-top: .25rem !important } .mt-2 { margin-top: .5rem !important } .mt-3 { margin-top: 1rem !important; } .mt-4 { margin-top: 1.5rem !important } .mt-5 { margin-top: 3rem !important } .ltr .block-slider { right: auto; left: 0; } .portfolio__filter { margin: 0 0 20px 0; display: inline-block; } .portfolio__filter li { display: block; cursor: pointer; float: left; line-height: 48px; height: 48px; font-size: 1rem; margin: 0 3px; padding: 0 10px; font-weight: 500; border-bottom: 2px solid transparent; -webkit-transition: all .3s ease; transition: all .3s ease; } .portfolio__filter li.is-checked { color: #00908c; border-bottom: 2px solid #00908c; } .portfolio__filter li:hover { color: #00908c; } .pf__price { font-weight: 600; font-size: 1.1rem; float: right; line-height: 42px; } .dop_pages_style { font-size: 13px; line-height: 1.4; font-weight: 100; } .portfolio__text .btn-large { float: left; } .pfslider { float: right; width: calc(720px - 114px); } .slider-nav { float: left; width: 114px; margin-top: -5px; } .slider-nav.has-arrows .slick-arrow { display: none !important; } .pf__photos { position: absolute; top: 20px; left: 20px; padding: 0 0 0 24px; color: #fff; font-size: 13px; line-height: 16px; } .pf__photos:before { content: ""; position: absolute; top: 0; left: 0; width: 16px; height: 16px; background-image: url(/bitrix/templates/rhino/css/../images/photo.svg); background-size: 16px; background-repeat: no-repeat; background-position: center; } #map { position: relative; height: 400px; overflow: hidden; } .contacts__link { display: inline-block; } .contacts__link+.contacts__link { margin-top: 5px; } .contacts--moscow, .contacts--spb{ margin-right:1rem } .contacts__time { margin-top: 5px; } .contacts--spb{ margin-top:0px!important; } .contacts__col { text-align: center; } .contacts__wa { display: inline-block; margin-top: 5px; line-height: 16px; } .contacts__link span { font-size: 12px; font-weight: 500; } .contacts__sep { padding:3.3rem 0; background:#f6f7f9; } .reviews__service-inner { background: #f7f7f9; border: 1px solid #e1e1e1; display: block; padding: 3rem 2rem; margin-bottom: 2rem; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 16px; } .reviews__service-pic img { height: 100px; } .reviews__service-pic { margin-bottom: 1rem; } .reviews__service-title { font-size: 1.2rem; font-weight: 600; color: #333; margin-bottom: 1rem; } .reviews__prefix { display: block; color: #333; float: left; line-height: 16px; padding-right: 10px; } .reviews__prefix~div { float: left; line-height: 16px; margin-top: -2px; position: relative; } .reviews__service-rating .reviews__rating { display: inline-block; } .reviews__service-rating { height: 16px; } .reviews__service-inner:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); } .video__reviews { margin-top: 1.3rem; } .videoreviews__item { padding: 0 0.75rem; display: block; } .videoreviews__pic { padding-top: 55%; position: relative; margin-bottom: 1rem; border-radius: 16px 16px 0 0; } .videoreviews__pic img { position: absolute; width: 60px; height: 60px; top: 50%; margin-top: -30px; left: 50%; margin-left: -30px; z-index: 1; opacity: 0.7; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .videoreviews__pic:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background: rgba(0, 0, 0, 0.3); -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .videoreviews__item:hover .videoreviews__pic img { opacity: 1; } .videoreviews__item:hover .videoreviews__pic:after { background: rgba(0, 0, 0, 0.7); } .videoreviews__item~span { display: none !important; } .videoreviews__title { font-size: 1.2rem; font-weight: 600; margin-bottom: 10px; color: #333; } .videoreviews__text { color: #333; padding-bottom: 1.5rem; } .videoreviews__item:hover .videoreviews__title, .videoreviews__item:hover .videoreviews__text { color: #333; } .videoreviews__inner { border: 1px solid #e1e1e1; position: relative; height: 100%; border-radius: 0 0 16px 16px; } .videoreviews { margin: 0 -0.75rem; } .videoreviews.has-arrows .slick-arrow { top: 38%; margin-top: 0; } .videoreviews.has-arrows .slick-arrow.slick-next { right: 2rem; } .videoreviews.has-arrows .slick-arrow.slick-prev { left: 2rem; } .textreviews-row { margin: 0 -0.75rem; } .textreviews__inner { background: #f6f7f9; padding: 3rem 2rem; text-align: center; position: relative; height: 100%; border-radius: 16px; } .textreviews__inner:after { content: ""; position: absolute; top: 0; left: 50%; margin-left: -30px; margin-top: -30px; color: #ccc; width: 60px; opacity: 0.4; height: 60px; z-index: 0; background-image: url(/bitrix/templates/rhino/css/../images/quote.svg); background-size: 60px; background-repeat: no-repeat; } .textreviews__item { margin-bottom: 3rem; float: left; padding: 0 0.75rem; width: 50%; } .textreviews__text { font-size: 1.3rem; font-weight: 300; line-height: 2rem; margin-bottom: 1rem; } .textreviews__title { font-size: 1.1rem; font-weight: 600; } .textreviews { padding-top: 30px; } .reviews__bottom { padding-top: 0.3rem; } .reviews__logos { padding-top: 3.3rem; position: relative; } .reviews__logos:before { content: ""; position: absolute; top: 0; width: 200vw; left: 50%; margin-left: -100vw; height: 1px; background: #e1e1e1; } .logos__slider2 { margin: 0 -0.75rem; } .examples__slider3 { margin: 0 -0.75rem 2rem -0.75rem; } .logos__slider2 .logos__item-inner { box-shadow: none !important; border: 1px solid #e1e1e1; } .logos__slider2 .slick-slide>div:first-child { margin-bottom: 1rem; } .examples__slider3 .slick-slide>div:first-child { margin-bottom: 1.5rem; } .logos__slider2 .slick-dots, .examples__slider3 .slick-dots { margin: 20px 0 0 0; position: relative; text-align: center; left: auto; bottom: auto; } .example__item { padding: 0 0.75rem; } .example__item a img { -webkit-transition: all .3s ease; transition: all .3s ease; border-radius: 9px; width:100%; } .example__item a:hover img { opacity: 0.5; } .error-text { font-size: 1.2rem; font-weight: 500; } .main-examples { padding-top: 4.7rem; } .error-text a { color: #00908c; } .error-text a:hover { color: #000; } .textreviews__surname { margin-top: 10px; } .mt-2 a { color: #00908c; } .mt-2 a:hover { color: #333; } .good__sticker { position: absolute; top: 10px; left: 10px; color: #333; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; z-index: 3; font-size: 12px; background: #fff; padding: 3px 5px; -webkit-border-radius: 3px; border-radius: 3px; } .author__sticker { position: relative; color: #000; font-weight: 500; margin-top: -12px; letter-spacing: 1px; margin-bottom: 15px; z-index: 3; font-size: 14px; } .author__sticker.visible-desk { position: relative; color: #000; font-weight: 500; margin-top: -1rem; letter-spacing: 1px; margin-bottom: 2rem; z-index: 3; font-size: 1rem; } .good__price { font-size: 1.1rem; font-weight: 300; } .good__bordered { position: relative; margin-bottom: 3.3rem; //padding-bottom: 3.3rem; } .good__bordered:after { content: ""; display:none; position: absolute; bottom: 0; width: 200vw; left: 50%; margin-left: -100vw; height: 1px; background: #e1e1e1; } .videoframe{ border-radius:16px; } .good__bordered.no_margin { margin-bottom: 0; } .news__pic.good__pic { padding-top: 100%; -webkit-transition: all .3s ease; transition: all .3s ease; border-radius: 16px; } .good__item .news__inner { padding-bottom: 0 !important; border-bottom: 0 !important; } .good__detail .portfolio__slider { opacity: 1 !important; } .good__left { width: 50%; float: left; } .good__item .news__title { margin-bottom: 10px; } .materials__title span { font-size: 11px; color: #999; } .pfslider2 { margin-bottom: 10px; } .slider-nav2 { margin: 0 -5px; overflow:hidden; } .has-arrows .slick-arrow.slick-disabled { background-color: #ccc; pointer-events: none; cursor: default; } .good__right { width: 50%; padding-left: 3.3rem; float: left; } .good__price-detail { font-size: 1.6rem; line-height: normal; font-weight: 600; color: #00908c; margin-bottom: 1rem; } .price-number-additional { font-size: 1rem; display: inline-block; padding-left: 20px; line-height: normal; font-weight: 400; } .good__detail-text p, .good__detail-text { font-size: 1rem; line-height: 1.6rem; margin: 0; } .good__detail-text { padding-top: 1rem; border-top: 1px solid #e1e1e1; padding-bottom: 1rem; border-bottom: 1px solid #e1e1e1; margin-bottom: 1rem; } .good__block {} .good__heading { font-weight: 600; font-size: 1.1rem; margin-bottom: 1rem; max-width: 90%; } .good__sizes, .good__colors { display: flex; flex-wrap: wrap; justify-content: flex-start; } .good__sizes-item { display: inline-block; margin-right: 1rem; cursor: pointer; border-bottom: 2px solid transparent; -webkit-transition: all .3s ease; transition: all .3s ease; } .good__sizes-item.active, .good__sizes-item:hover { border-bottom: 2px solid #00908c; } .good__sizes-item.active { pointer-events: none; cursor: default; } .good__sizes-item p { margin: 10px 0 5px 0; } .good__color img { width: 36px; height: auto; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; -webkit-border-radius: 36px; border-radius: 36px; } .good__color { display: inline-block; cursor: pointer; margin-right: 1rem; margin-bottom: 10px; width: 36px; height: 36px; } .good__color:hover>img { opacity: 0.5; } .good__color .good__color-pic img { opacity: 1 !important; } .good-outline { border: 1px solid; border-color: #cecece; } .colors__block { margin-top: 1rem; } .plans__block { margin-top: 1rem; margin-bottom: 1.5rem; /* border-bottom: 1px solid #e1e1e1; */ } .good__own-price { display: block; float: left; width: 120px; margin-right: 1rem; margin-bottom: 1rem; line-height: 40px; height: 42px; cursor: pointer; border: 1px solid #dcdcdc; -webkit-transition: all .3s ease; transition: all .3s ease; border-radius: 5px; } .plan__item{ display: block; float: left; line-height: 40px; height: 42px; cursor: pointer; border: 1px solid #dcdcdc; -webkit-transition: all .3s ease; transition: all .3s ease; border-radius: 5px; } .plans__block > .clearfix{ display:grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 1rem; grid-row-gap: 1rem; } .plans__block .btn-large { margin-top: 1rem; } .plan__item.active { pointer-events: none; cursor: default; color: #00908c; border: 1px solid #00908c; border-radius: 5px; } .good__own-price { width: 100%; margin-right: 0; border: 0; } .good__own-price input:not([type]), .good__own-price input[type=text]:not(.browser-default) { border: 1px solid #dcdcdc; } .plan__item:hover { color: #00908c; border: 1px solid #00908c; } .good__unique-block { /* background: #f6f7f9; */ /* background: rgb(61 188 234 / 20%); */ background: #e3f4ff; padding: 2rem; margin-bottom: 2rem; border-radius: 5px; position: relative; } .ar_sticker { position: absolute; background-image: url(/bitrix/templates/rhino/images/web/ar_logo_rd.svg); background-repeat: no-repeat; background-size: 31px; padding: 22px; right: 5px; top: 15px; transition: background 0.2s ease; } .ar_sticker:hover { background-image: url(/bitrix/templates/rhino/images/web/ar_logo_rd1.svg); } .unique__text p, .unique__text, .acc__body p { font-size: 1rem; line-height: 1.6rem; margin: 0; } .unique__text p+p, .acc__body p+p { margin: 1rem 0 0 0; } .unique__text a, .acc__body a { color: #00908c; border-bottom: 1px solid #00908c; } .unique__text a:hover, .acc__body a:hover { color: #333; border: 1px solid transparent; } .unique__block__exclusive { /* background: #e3f4ff; */ background: rgba(234, 171, 61, 0.2); } /* ссылка "пример фото" в блоке ВА дополнительная реальность */ .unique__text_arphoto a:hover { color: #333; border: 0; } /* конец "пример фото" */ .unique__text~.btn-large { margin-top: 1rem; } .acc__heading { position: relative; padding-bottom: 1rem; /* font-weight: 500; */ cursor: pointer; border-bottom: 1px solid #e1e1e1; } .acc__body { padding-top: 1rem; display: none; } .acc__heading:after { content: ""; position: absolute; right: 3px; margin-top: 0; border: solid #333; border-width: 0 1px 1px 0; display: inline-block; padding: 5px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .acc__heading.active:after { margin-top: 7px; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } .good__acc+.good__acc { margin-top: 1rem; } .sticky { position: sticky; position: -webkit-sticky; /* top: 10px; */ top: 30px; } .stiky-sl-section { padding: 3.3rem 0 4.7rem 0; /* border-top: 1px solid #e1e1e1; */ overflow: hidden; } .sticky-sl { padding-top: 3rem; padding-bottom: 3.3rem; } .good__detail { display: flex; } .footer__url img { height: 18px; width: 18px; } /* .menu #dropdown40 li:first-child { display: none !important; } */ .plans__link { color: #00908c; display: inline-block; margin-bottom: 1rem; border-bottom: 1px solid } .plans__link:hover { color: #333; } .anchor__wrap { position: sticky; position: -webkit-sticky; top: 0px; z-index: 999; } .nav__text { margin-top: 1.5rem; } .nav__text-first, .nav__text-last, .nav__text-current, .nav__text a { display: inline-block; margin: 0 7px; } .nav__text-first, .nav__text-last { font-size: 20px; } .strong { font-weight: 600; } .pay__form #alfa-payment-button button { font-weight: 400; -webkit-appearance: none; outline: none; margin-top: 20px; text-transform: none; border: 0; min-height: 42px; font-size: 14px; height: 42px; color: #fff; background-color: #00908c; min-width: 200px; padding: 0; z-index: 1; text-align: center; line-height: 42px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .pay__form #alfa-payment-button button:hover { background-color: #333; color: #fff; } .pay__form .alfa-payment__message { padding: 15px 0 0 0 !important; } .pay__form .btn-large { margin-top: 20px; } #mail .form-btn { //height: 113px; } .recaptcha { text-align: center; margin-top: 1rem; border-radius: 4px; padding: 1rem 0; background: #f6f7f9; border: 1px solid #e1e1e1; } [type="checkbox"]+span:not(.lever) { position: relative; padding-left: 30px; cursor: pointer; display: inline-block; height: 20px; line-height: 20px; font-size: 1rem; font-weight: 500; color: #333; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } [type="checkbox"].filled-in:not(:checked)+span:not(.lever):after { height: 20px; width: 20px; background-color: transparent; border: 1px solid #5a5a5a; top: 0px; z-index: 0; } [type="checkbox"].filled-in:checked+span:not(.lever):after { top: 0; width: 20px; height: 20px; border: 1px solid #26a69a; background-color: #26a69a; z-index: 0; } [type="checkbox"].filled-in:checked+span:not(.lever):before { top: 0px; left: 2px; } .captcha__row { position: relative; padding-top: 15px; } .captcha__number { position: absolute; top: 15px; left: 0; line-height: 42px; height: 42px; width: 42px; color: #333; font-size: 1rem; font-weight: 500; text-align: center; border-right: 1px solid #ccc; } .captcha__row .captcha__input { padding-left: 52px !important; border: 1px solid #ccc !important; } .captcha__row .captcha__input::placeholder { color: #999; -webkit-text-fill-color: #999; } .captcha__row .captcha__input:focus::placeholder { color: transparent; -webkit-text-fill-color: transparent; } .pay-wrap { line-height: 16px; font-size: 13px; color: #666; text-align: center; float: left; } .pay-wrap span { padding-bottom: 10px; display: block; } .pay-wrap img { height: 16px; filter: grayscale(100%); -webkit-filter: grayscale(100%); opacity: 0.7; } .pay-wrap img+img { margin-left: 14px; } .footer__logo { text-align: left; } .footer__logo, .pay-wrap, .copy { width: 33.3333%; } .top-line a { color: #fff; border-bottom: 1px solid; font-weight: 500; } .top-line a:hover { /* color: #333; */ color: #ffffffbf; border-color: transparent; border-bottom: 1px solid; } .good__color-wrap { position: absolute; left: 0; top: 40px; display: none; background: #fff; z-index: 9; width: 200px; padding: 10px; -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.05); } .good__colors { position: relative; } .good__color-pic img { width: 100%; height: auto; } .good__color-pic { margin-bottom: 10px; } .good__color-title { font-size: 1rem; font-weight: 500; } .good__colname { text-transform: lowercase; display: inline-block; padding-left: 10px; font-size: 1rem; font-weight: 500; color: #666; } .good__detail-video { display: block; opacity: 1; width: 100%; font-weight: 500; margin: 1.5rem auto 0 auto; -webkit-transition: border .2s ease-out, color .2s ease-out; transition: border .2s ease-out, color .2s ease-out; } .good__detail-video:hover {} .good__detail-video.init { opacity: 1; } .good__detail-video .clearfix { display: inline-block; } .good__detail-video span { display: block; float: left; line-height: 38px; height: 38px; } .video__icon { width: 20px; margin-right: 10px; height: 38px; background-size: 20px; background-repeat: no-repeat; background-position: center; background-image: url(/bitrix/templates/rhino/css/../images/video-icon2.svg); } .good__detail-video:hover .video__icon { background-image: url(/bitrix/templates/rhino/css/../images/video-icon.svg?1); } .btn-large.color3, .btn-large.color3:active, .btn-large.color3:focus { color: #00908c; background-color: transparent; border: 2px solid #00908c; line-height: 38px; } .btn-large.color3:hover { background-color: transparent; border-color: #333; color: #333; } .dlay-cookienotice-load .dlay-cookienotice-text { width: 860px; display: flex; flex-direction:column; gap:10px; } .dlay-cookienotice-p{ margin:0!important; font-size:14px; } #dlay-cookienotice-modal { -webkit-transform: translateY(200px)!important; -ms-transform: translateY(200px)!important; -o-transform: translateY(200px)!important; transform: translateY(200px)!important; } #dlay-cookienotice-modal.dlay-cookienotice-load{ -webkit-transform: translateY(0px)!important; -ms-transform: translateY(0px)!important; -o-transform: translateY(0px)!important; transform: translateY(0px)!important; } .dlay-cookienotice-load .dlay-cookienotice-button { color: #fff; background-color: #00908c; border: 0 !important; padding: 0 33px; display:inline-flex; align-items:center; justify-content: center; margin: 0 auto; height:36px; line-height:1; } .dlay-cookienotice-load .dlay-cookienotice-button:hover { color: #fff; border: 0 !important; } .slider__new { padding-bottom: 2.3rem; } .slider__new .slider__item .clearfix { height: 420px; background: #f6f7f9; border-radius: 16px; } .slider__new .slider__item { min-height: 420px; } .slider__new .h3-title { line-height: normal !important; } .slider__column img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; object-position: center center; } .slider__column { height: 100%; width: 50%; float: left; } .slider__new .slider__newtext { position:absolute; box-sizing: border-box!important; padding:2rem!important; bottom:0; left:0; min-height: 50%; width:100%; z-index: 1; color:#fff; } .slider__new .slider__newtext .h1-title{ color:#fff; font-size: 20px; line-height: 24px; font-weight: 500; margin: 0 0 1rem 0; } .slider__new .slider__newtext .h1-title span{ color:#fff!important; } .photobook__icons { margin: 0 -0.75rem; opacity: 0; overflow: hidden; padding-bottom: 4rem; } .slider__new .slider__newtext p{ color:#fff; } .slider-new-btn{ font-size:1rem; color:#fff; border-bottom:1px solid; display:inline-block; } .slider__new .slider__item{ position:relative; border-radius: 16px; } .slider__new .slider__item{ //margin-right:20px; } .slider__new .slider__item:after{ left: 0; width: 100%; bottom: 0; position: absolute; background: linear-gradient(180deg,rgba(75,78,81,0) 0%,#494949 100%); z-index: 0; content: ''; height: 50%; } .photobook__icons.init { opacity: 1; } .photobook__icon { float: none; width: 25%; display: inline-block; vertical-align: top; margin-right: -3px; padding: 0 0.75rem; } .photobook__icon img { /* height:64px; */ height: 54px; margin-bottom: 7px; } .photobook__desc { font-weight: 500; font-size: 1.1rem; } .photobook__icon p { font-size: 14px; line-height: 1.5rem; margin: 10px 0 0 0; } .goods__sidebar { width: 75%; float: left; } .attention_lk_pro { text-align: center; margin-top: 2rem; background: #f6f7f9; padding-top: 12px !important; padding-bottom: 12px !important; line-height: 1.6rem; border: 1px solid #ececec; padding: 12px; } .goods__menunav { float: left; width: 25%; padding-right: 1.5rem; } .goods__filter, .collections__filter { display: block; margin: 0; position: sticky; position: -webkit-sticky; top: 10px; } .goods__filter li, .collections__filter li { display: block; font-size: 1rem; cursor: pointer; font-weight: 500; margin: 0; border-bottom: 2px solid transparent; -webkit-transition: all .3s ease; transition: all .3s ease; } .goods__filter li span, .collections__filter li span { border-bottom: 2px solid transparent; } .goods__filter li+li, .collections__filter li+li { margin: 15px 0 0 0; } .goods__filter li.is-checked, .goods__filter li:hover, .collections__filter li:hover, .collections__filter li.is-checked { color: #00908c; } .goods__filter li.is-checked span, .collections__filter li.is-checked span { border-bottom: 2px solid #00908c; } .sticky__goods { display: flex; } .slider__new .slick-dots{ width: auto; left: calc(50% + 3rem); bottom:2rem; } .slider__new .swiper-horizontal>.swiper-pagination-bullets, .slider__new .swiper-pagination-bullets.swiper-pagination-horizontal{ bottom:0; } .vote-item-vote+.vote-item-vote { margin-top: 1rem; } .vote-item-header { margin-bottom: 10px; font-size: 1.1rem; font-weight: 500; } .starrequired { display: inline-block; color: #F44336; margin-left: 5px; } .voting-form-box label { color: #333 !important; } .vote-note-box-text { font-size: 1.1rem; font-weight: 500; text-align: center; } .content .voting select, .content .good__form select, #video__con select, .personal__select select, #regnew select, #materialnew select, .reg__select select, .profile__block select { display: block; -webkit-appearance: none; background-color: transparent; position: relative; z-index: 1; border-radius: 0; outline: none; cursor: pointer; font-family: 'Manrope', sans-serif; width: 100%; color: #333; font-size: 1rem; margin: 0; height: 42px; border: 1px solid #ccc !important; line-height: 40px; padding: 0 10px 0 10px; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border .3s; transition: border .3s; } .content .voting label, .content .good__form label { color: #333; } .slider__new.no-margin { margin: 0 !important; } .slider__new.no-margin .h1-title { margin: 0 0 2rem 0; } .slider__new.no-margin .slider__newtext p { margin: 0 0 2rem 0; color: #777; font-size: 1.1rem; } .good__detail~.photobook__icons.init { margin: 3.3rem -0.75rem 0 -0.75rem; //padding: 0; } .slider-nav2.has-arrows .slick-arrow { width: 20px; height: 20px; margin-top: -10px; background-size: 10px; } .video-slider video { width: 100%; height: auto; -webkit-border-radius: 10px; border-radius: 10px; } .video-slider .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; } .video-slider .slick-list { margin:0 -1.75rem; } .vid__item { margin:0 1.75rem; } .video-slider { display: none; } .video-slider.slick-initialized { display: block; margin-bottom: 20px; padding: 0 1.75rem; } .videoreviews .slick-list { padding: 5px; } .videoreviews__item { transition: none !important; } .good__detail-text.no-border { padding-top: 0; border-top: 0; } .good__form .clearfix .input-row { float: left; width: 50%; padding: 0 0.75rem; } .good__form { margin-bottom: 2rem; } .good__form .clearfix { margin: 0 -0.75rem; } .good__form .input-row+.input-row { margin-top: 0; margin-bottom: 1rem; } .good__form .input-row { margin-top: 0; margin-bottom: 1rem; } .good__form .vote-item-header { font-size: 1rem; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } .good__form-price { margin: 0 -0.5rem; position: relative; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; -webkit-column-width: 33.3333%; -moz-column-width: 33.3333%; column-width: 33.3333%; } .good__form-price .plan__item { margin-right: 0; width: 100%; } .plan__item-inner { padding: 0 0.5rem; } .top__menu-cert { display: inline-block; font-weight: 600; padding-left: 26px; position: relative; color: #ff2c61 !important; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .top__menu-cert:before { content: ""; position: absolute; top: 2px; left: 0; background-size: 16px; width: 16px; height: 16px; background-image: url(/bitrix/templates/rhino/css/../images/giftbox.svg); -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } a:hover .top__menu-cert, a:hover .top__menu-cert:before { opacity: 0.75; } .menu__item:last-child, .sidenav li.mobile__item:last-child { //display: none !important; } .sidenav li.mobile__item:last-child > a{ border-bottom:0; } .sidenav li.mobile__item:last-child > .mobile-content{ padding: 0px 1.5rem 20px 60px !important; } .add-price { color: #ff2c61; font-size: 1.1rem; font-weight: 500; } .good__certcolors { margin-bottom: 1rem; } .good__cert { display: flex; flex-wrap: wrap; justify-content: flex-start; } .good__cert-item { display: inline-block; cursor: pointer; margin-right: 12px; margin-bottom: 10px; width: 36px; border-radius:5px!important; //height: 36px; border: 2px solid transparent; } .good__cert { position: relative; } .good__cert-item>img { width: 32px; height: auto; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; -webkit-border-radius: 5px; border-radius: 5px; } .good__cert-item:hover>img { opacity: 0.5; } .good__cert-item.active { border: 2px solid #00908c; } .good__certname { text-transform: lowercase; display: inline-block; padding-left: 10px; font-size: 1rem; font-weight: 500; color: #666; } .photo__notice { border: 1px solid #ffb100; padding: 12px; text-align: center; background-color: rgb(255 129 0 / 18%); font-size: 1rem; line-height: 1.6rem; margin-bottom: 3rem; } .cert-textarea__text { display: none; font-size: 12px; position: relative; line-height: 15px; padding-left: 10px; padding-top: 0; color: #333; width: 100%; } .main-blocks__item.has__img { min-height: auto; } .main-blocks__item.has__img .main-blocks__image { position: relative; } .timeline__text a { color: #00908c; border-bottom: 1px solid } .timeline__text a:hover { color: #333; } .main-blocks__text a { color: #00908c; border-bottom: 1px solid } .main-blocks__text a.btn-large { border: 0; } .main-blocks__text a:hover { color: #333; } .new-type__col { float: left; width: 50%; padding-right: 0.75rem; } .new-type__col+.new-type__col { padding-right: 0; padding-left: 0.75rem; } .new-type__col p { font-size: 1rem; line-height: 1.6rem; margin: 2rem 0 1rem 0; } .photobook__editor { padding-top: 3.3rem; border-top: 1px solid #e1e1e1; } .photobook__editor-item { float: left; width: 50%; padding: 0 0.75rem; } .photobook__editor-item img { float: left; margin-right: 1rem; height: 64px; } .photobook__editor-desc { position: relative; overflow: hidden; } .photobook__editor-title { font-weight: 600; margin: 0 0 1rem; text-align: left; } .photobook__editor-item ul { display: block; margin: 0 0 1rem 0; padding: 0; } .photobook__editor-item ul li { display: block; font-size: 1rem; line-height: 1.5rem; margin: 0; text-align: left; position: relative; padding: 0 0 0 20px; } .photobook__editor-item ul li:after { position: absolute; content: ""; background: #00908c; height: 6px; width: 6px; top: 8px; border-radius: 6px; -webkit-border-radius: 6px; left: 0; } .photobook__editor-inner { display: inline-block; } .photobook__editor-item+.photobook__editor-item { text-align: right; } .photobook__editor-btn { text-align: left; } .new-type__table { margin-bottom: 2rem; } .photobooks__vid, .photobooks__how-item { display: none; } .photobooks__vid.active, .photobooks__how-item.active { display: block; } .photobooks__how-col { width: 50%; } .photobooks__how-col:first-child { float: right; } .photobooks__how-col:last-child { float: left; padding-right: 2rem; } .photobooks__how-col .h2-title:after { left: 0; margin-left: 0; } .photobooks__vid video { width: 100%; height: auto; -webkit-border-radius: 10px; border-radius: 10px; } .photobooks__how { position: relative; padding-bottom: 3.3rem; margin-bottom: 3.3rem; } .photobooks__how-tabs { display: flex; margin: 0 0 2rem 0; } .photobooks__how-tabs li { cursor: pointer; font-weight: 400; border-bottom: 2px solid transparent; margin-right: 2rem; padding: 0 5px; font-size: 28px; -webkit-transition: all .3s ease; transition: all .3s ease; } .photobooks__how-tabs li.active { color: #00908c; border-bottom: 2px solid #00908c; } .photobooks__how-tabs li:hover { color: #00908c; } .photobooks__how-text { font-size: 1rem; line-height: 1.6rem; margin: 0 0 20px 0; } .photobooks__how-title { font-size: 22px; line-height: 22px; position: relative; font-weight: 500; margin: 0 0 20px 0; } .b24-widget-button-popup-image-item { border-radius: 8px !important; } /* .photobooks__how:before { content: ""; position: absolute; bottom: 0; width: 200vw; left: 50%; margin-left: -100vw; height: 1px; background: #e1e1e1; } */ .tabs-faq { margin-top: 0; text-align: center; border-bottom: 0; margin-bottom: 3rem; } .tabs-faq .tab a { padding: 0 10px; margin: 0 3px; } .sale_online { max-width: 1196px; height: 82px; background: rgb(166 194 177 / 66%); margin: 26px auto 39px auto; text-align: center; } .sale_online_div { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .sale_online_div span { font-weight: 300; font-size: 1.3rem; } .sales__sticker { position: relative; color: #00908c; padding: 5px; font-weight: 500; font-size: 14px; } .grid.sales-wrap { padding-bottom: 42px; } .grid.sales-wrap .btn-large.load_more { position: absolute; bottom: 0; left: 50%; margin-left: -100px; } .main-carousels { margin-bottom: 4.7rem; } .carousels-tabs { margin-top: -1rem; text-align: center; border-bottom: 0; margin-bottom: 2rem; } .carousels__cocntent { display: block !important; height: 0 !important; overflow: hidden !important; } .carousels__cocntent.active { height: auto !important; overflow: inherit !important; } .carousels__slider { display: none; margin: 0 -0.75rem; } .carousels__slider.slick-initialized { display: block; } .carousels__item { padding: 0 0.75rem; } .carousels__slider .slick-dots { margin: 30px 0 0 0; position: relative; left: auto; bottom: auto; } .carousels__cocntent .carousels__slider .slick-dots{ //margin:0; } .carousels__cocntent .btn-large { margin-top: 2rem; } .hidden-op { opacity: 0 !important; visibility: hidden !important; } #scroll-down { display: none; } .top-block { margin-bottom: 2rem; } .video__trigger { background: #00908c; transform: rotate(-90deg); -ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform-origin: left top 0; -webkit-transform-origin: left top 0; transform-origin: left top 0; position: fixed; left: 0; top: 70%; display: flex; color: #fff; font-weight: 500; font-size: 12px; height: 32px; line-height: 32px; padding: 0 1rem; text-align: center; text-transform: uppercase; z-index: 100; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -webkit-transition: transform 0s; transition: transform 0s; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .video__trigger svg { margin-top: 4px; float: left; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .video__trigger a { color: #fff; } .video__trigger span { display: inline-block; margin-left: 10px; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .video__trigger:hover span, .video__trigger:hover svg { color: #fff; opacity: 0.7; } .video__trigger-close { display: none; } .video__bordered { padding: 1rem; text-align: center; border: 1px solid #e1e1e1; margin: 0 0 2rem 0; } .video__bordered span { color: #00908c; } .top-block .text-block__text { padding-top: 2rem; } .sale__block { position: relative; padding: 2rem 0; background-color: #f6f7f9 } .sale__block .good__heading { font-size: 1rem; } .sale__text { width: 64%; text-align: center; position: relative; z-index: 1; margin: 0 auto; padding: 1rem; background: #fff; -webkit-box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 5%); -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 5%); } .sale__text .good__heading span { color: #ff0040; font-weight: 600; font-size: 1rem; } .sale__img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(/bitrix/templates/rhino/css/../images/sale.jpg?1); border-radius: 16px; } .sale__sticker { position: absolute; top: -1rem; left: -10px; width: 64px; z-index: 2; line-height: 64px; height: 64px; text-align: center; color: #fff; font-weight: 700; font-size: 14px; text-transform: uppercase; background: #ff0040; -webkit-border-radius: 64px; border-radius: 64px; -webkit-transform: rotate(-30deg); transform: rotate(-30deg); } table.highlight>tbody>tr:nth-child(even):hover { background-color: transparent !important; } table.striped>tbody>tr:nth-child(odd):hover { background-color: rgba(242, 242, 242, 0.5); } .top-line-new { position: relative; -webkit-transition: height ease 350ms; -moz-transition: height ease 350ms; -o-transition: height ease 350ms; transition: height ease 350ms; } .top-line-new.hidden { height: 0; } .top-line-new__promo { background-color: #4a94ad; z-index: 100; padding: 10px; color: #fff; font-size: 14px; text-align: center; position: relative; width: 100%; -webkit-animation: initiate 350ms ease; -moz-animation: initiate 350ms ease; -o-animation: initiate 350ms ease; animation: initiate 350ms ease; } .top-line-new__promo a { color: #fff; border-bottom: 1px solid; font-weight: 500; } .top-line-new__promo a:hover { border-color: transparent; color: #eee; } .top-line-new input { display: none; } .top-line-new label { cursor: pointer; color: #fff; position: absolute; z-index: 101; display: inline-block; text-indent: -99999px; white-space: nowrap; overflow: hidden; } .top-line-new label[for=hidetop] { right: 0.75rem; top: 13px; width: 12px; height: 12px; background-image: url(/bitrix/templates/rhino/css/../images/close-top.svg); background-size: contain; background-repeat: no-repeat; -webkit-animation: initiate 350ms ease; -moz-animation: initiate 350ms ease; -o-animation: initiate 350ms ease; animation: initiate 350ms ease; } .top-line-new label[for=showtop] { right: 0.75rem; top: 0; background-color: #4a94ad; width: 30px; height: 30px; } .top-line-new label[for=showtop]:before { content: ""; position: absolute; bottom: 50%; margin-bottom: -2px; border: solid #fff; border-width: 0 1px 1px 0; display: inline-block; padding: 4px; left: 50%; z-index: 1; margin-left: -4px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .top-line-new input[value=show]:checked~label[for=showtop], .top-line-new input[value=hide]:checked~label[for=hidetop], .top-line-new input[value=hide]:checked~.top-line-new__promo { -webkit-transition: ease 350ms; -moz-transition: ease 350ms; -o-transition: ease 350ms; transition: ease 350ms; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .top-line-new input[value=hide]:checked~label[for=showtop], .top-line-new input[value=show]:checked~label[for=hidetop], .top-line-new input[value=show]:checked~.top-line-new__promo { -webkit-transition: ease 350ms; -moz-transition: ease 350ms; -o-transition: ease 350ms; transition: ease 350ms; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); } @-webkit-keyframes initiate { 0% { transform: translateY(-100%); } 50% { transform: translateY(-50%); } 100% { transform: translateY(0%); } } @keyframes initiate { 0% { transform: translateY(-100%); } 50% { transform: translateY(-50%); } 100% { transform: translateY(0%); } } .top-line-new { margin-top: -20px; margin-bottom: 20px; } .arrows { width: 16px; height: 16px; background-size: 16px; display: inline-block; background-position: center; background-repeat: no-repeat; } .arrow-one { background-image: url(/bitrix/templates/rhino/css/../images/longarr1-colored.svg?1); -webkit-animation: slide2 1s ease-in-out infinite; animation: slide2 1s ease-in-out infinite; } .arrow-two { background-image: url(/bitrix/templates/rhino/css/../images/longarr2-colored.svg); -webkit-animation: slide1 1s ease-in-out infinite; animation: slide1 1s ease-in-out infinite; } #scroll-down div+div { margin-left: 10px; } @-webkit-keyframes slide1 { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(10px, 0); } } @keyframes slide1 { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(10px, 0); } } @-webkit-keyframes slide2 { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(-10px, 0); } } @keyframes slide2 { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(-10px, 0); } } .stiky-sl-section.border-bottom { border-bottom: 0; border-top: 0; padding-top: 6.7rem; padding-bottom: 0; } .sticky-sl.no-top-padd { padding-top: 0; } .fancybox-close-small2 { background: transparent; border: 0; border-radius: 0; opacity: 0; color: #ccc; cursor: pointer; height: 44px; margin: 0; padding: 5px; position: absolute; right: -12px; top: -44px; width: 44px; z-index: 10; -webkit-transition: opacity .5s ease; transition: opacity .5s ease; } .fancybox-close-small2 svg { fill: transparent; opacity: .8; stroke: currentColor; stroke-width: 1.5; transition: stroke .1s; } .fancybox-close-small2:hover svg { opacity: 1; } .fancybox-close-small2:hover svg { background: transparent; color: #fff; } .calc__format { padding: 0 0.5rem; text-align: center; cursor: pointer; margin-bottom: 1rem; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .calc__heading { position: relative; padding-right: 26px; font-weight: 600; font-size: 1.1rem; margin-bottom: 1rem; } .calc__question { position: absolute; top: 3px; right: 0; width: 16px; height: 16px; background-size: 16px; cursor: pointer; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; background-repeat: no-repeat; background-position: center; background-image: url(/bitrix/templates/rhino/css/../images/doubt.svg); } .calc__question:hover { opacity: 0.5; } .calc__format p { margin: 10px 0 0 0; line-height: 18px; padding: 0 0 5px 0; border-bottom: 2px solid transparent; } .calc__format.active, .paper__item.active, .front__item.active, .cover__item.active, .front__item.active { pointer-events: none; cursor: default; } .calc__format.active p { color: #00908c; border-bottom: 2px solid #00908c; } .calc__row, .calc__finalprice { position: relative; visibility: visible; opacity: 1; height: auto; overflow: inherit; -webkit-transition: all .3s ease; transition: all .3s ease; } .calc__inner { height: auto; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .calc__row.dis, .calc__inner.dis { pointer-events: none; cursor: default; opacity: 0; height: 0; overflow: hidden; -webkit-filter: blur(5px); filter: blur(5px); } .calc__row.hidden, .calc__addprice, .calc__pageprice, .calc__totalprice, .calc__pagenumber, .calc__paperprice, .calc__paperaddprice, .calc__format-name, .calc__hardcover, .calc__wool, .calc__ecoskin, .calc__skin, .calc__wood, .calc__coverprice, .calc__without, .calc__design, .calc__velvet, .calc__price2, .calc__price3, .additionalpr, .calc__link, .calc__finalprice.hidden { visibility: hidden; opacity: 0; height: 0; overflow: hidden; } .changing__notice { position: relative; visibility: hidden; opacity: 0; height: 0; overflow: hidden; -webkit-transition: opacity .9s ease; transition: opacity .9s ease; } .changing__notice.active { visibility: visible; opacity: 1; height: auto; overflow: inherit; } .changing__notice a { font-weight: 500; line-height: 16px; cursor: pointer; border-bottom: 1px dashed; } .calc__heading strong { font-weight: normal; color: #00908c; text-transform: lowercase; } .changing__notice span:hover { color: #00908c } .calc__pages, .calc__inner { position: relative; margin-top: 2rem; padding-top: 1.5rem; } .calc__inner { position: relative; margin-top: 0; padding-top: 0; } .calc__row.hidden, .calc__row:first-child { margin-top: 0; padding-top: 0; } .calc__row { margin-top: 2rem; padding-top: 1.5rem; } .calc__row:before, .calc__pages:before { content: ""; position: absolute; height: 1px; width: calc(100% + 6rem); left: -3rem; top: 0; background: #e1e1e1; } .calc__row:first-child:before { display: none; } .irs--flat .irs-line { background-color: #eaeaea; border-radius: 12px; } .irs--flat .irs-bar--single { border-radius: 12px 0 0 12px; } .irs--flat .irs-bar { top: 25px; height: 12px; background-color: #00908c; } .irs--flat .irs-min, .irs--flat .irs-max, .irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before, .irs--flat .irs-handle>i:first-child { display: none !important; } .irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single { color: #333; font-family: 'Manrope', sans-serif; font-size: 15px; font-weight: 500; line-height: normal; text-shadow: none; padding: 0; background-color: transparent; border-radius: 0; } .irs--flat .irs-handle { width: 18px; cursor: pointer; height: 18px; border: 2px solid #26a69a; background: #fff; -webkit-border-radius: 18px; border-radius: 18px; -webkit-box-shadow: 0px 0px 4px 1px rgb(0 0 0 / 20%); box-shadow: 0px 0px 4px 1px rgb(0 0 0 / 20%); } .calc__paper, .calc__front, .calc__cover { margin: 0 -0.5rem -1rem -0.5rem; position: relative; display: flex; flex-wrap: wrap; justify-content: flex-start; -webkit-column-count: unset; -moz-column-count: unset; column-count: unset; -webkit-column-gap: unset; -moz-column-gap: unset; column-gap: unset; -webkit-column-width: inherit; -moz-column-width: inherit; column-width: inherit; } .paper__item, .cover__item, .front__item { text-align: center; padding: 0 0.5rem; cursor: pointer; -webkit-transition: all .3s ease; transition: all .3s ease; margin-bottom: 1rem; } .paper__item, .front__item { width: 33.3333%; } .cover__item { width: 20%; } .paper__item img, .cover__item img, .front__item img { width: 100%; height: auto; } .paper__item:hover, .calc__format:hover, .cover__item:hover, .front__item:hover { opacity: 0.5; } .paper__item p, .cover__item p, .front__item p { margin: 10px 0 0 0; line-height: 18px; padding: 0 0 5px 0; border-bottom: 2px solid transparent; } .personal__item p, .type__item p { line-height: 18px; margin: 0; padding: 0 10px; } .paper__item.active p, .cover__item.active p, .front__item.active p, .personal__item.active p { color: #00908c; border-color: #00908c; } .type__item.active p { color: #00908c; } .calc__personal, .calc__layout, .layout__types { margin: 0 -0.5rem -1rem -0.5rem; position: relative; display: flex; flex-wrap: wrap; justify-content: flex-start; -webkit-column-count: unset; -moz-column-count: unset; column-count: unset; -webkit-column-gap: unset; -moz-column-gap: unset; column-gap: unset; -webkit-column-width: inherit; -moz-column-width: inherit; column-width: inherit; } .personal__item, .type__item, .wood__personal-add { text-align: center; width: 25%; padding: 0 0.5rem; cursor: pointer; margin-bottom: 1rem; } .wood__personal-add { width: 33.3333%; } .type__item .outer-wrap { height: 80px; border: 1px solid #dcdcdc; -webkit-transition: all .3s ease; transition: all .3s ease; } .personal__item.active p, .type__item.active .outer-wrap, .wood__personal-add.active p { border-color: #00908c; } .personal__item:hover, .type__item .outer-wrap:hover, .wood__personal-add:hover { opacity: 0.5 } .personal__select { position: absolute; top: 50%; margin-top: -21px; left: 10px; width: calc(100% - 20px); opacity: 0; visibility: hidden; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .personal__select select { background-color: #fff; } .personal1.active .personal__select { opacity: 1; visibility: visible; } .personal__item.personal1.active .outer-wrap:hover { opacity: 1; } .personal__item.personal1 .select__caret { z-index: 2; } .personal__item.dis, .layout__item.dis, .wood__personal-add.dis { pointer-events: none; cursor: default; opacity: 0.5; } .personal-names strong { display: inline-block; position: relative; text-transform: lowercase; } .personal-names strong:after { content: ","; color: #333; } .personal-names strong:last-child:after { display: none; } .layout__item { padding: 0 0.5rem; cursor: pointer; margin-bottom: 12px; } .layout__item:first-child { padding: 0 1.5rem 0 0.5rem; } .calc__layout { margin: 0 -0.5rem 0 -0.5rem; } .layout__header { margin-bottom: 10px; font-size: 1rem; font-weight: 500; } .layout__header a { color: #00908c; } .layout__header a:hover { color: #000 } .calc__heading a { color: #00908c; font-size: 1rem; font-weight: 500; } .calc__heading a:hover { color: #000 } .layout__wrap .form-btn { height: calc(42px + 1rem); } .layout__wrap .form-btn a { margin-top: 1rem; } .type__item.active { pointer-events: none; cursor: default; } .delivery__item { cursor: pointer; padding: 1rem; font-weight: 500; border: 1px solid #dcdcdc; -webkit-transition: all .3s ease; transition: all .3s ease; } .delivery__item p { margin: 0 0 5px 0; line-height: 18px; } .delivery__desc { font-size: 14px; color: #666; } .delivery__item.active { cursor: default; pointer-events: none; border-color: #00908c; } .delivery__item:hover { opacity: 0.5; } .delivery__item+.delivery__item { margin-top: 1rem; } .calc__row:last-child:before { display: none; } .calc__row:last-child { padding-top: 0; } .calc__finalprice { padding: 2rem; margin-bottom: 2rem; text-align: center; position: relative; background: #f6f7f9; color: #000; } .calc__total { font-size: 1.6rem; line-height: normal; font-weight: 600; } .calc__checkout { color: #00908c; } .calc__main-form .vote-item-header { font-size: 1rem; } .calc__wrapper { overflow: inherit; padding: 0 3rem 3rem 3rem; } .calc__top { display: none; position: sticky; position: -webkit-sticky; top: -1px; padding: 0 2rem; height: 50px; margin-left: -3rem; margin-right: -3rem; margin-bottom: 1rem; line-height: 50px; text-align: center; font-weight: 600; background: #f6f7f9; border-bottom: 1px solid #e1e1e1; z-index: 99; } .calc.sticky-sl { padding: 3rem 0 4.7rem 0; } .calc__top .btn-large { height: 32px; line-height: 32px; font-size: 12px; min-width: 160px; margin-left: 1.5rem; } .cover__options { padding-top: 2rem; display: none; } .params { text-align: left !important; font-size: 1rem; } .calc__table { margin-bottom: 1.5rem; } .pp { visibility: visible; opacity: 1; height: auto; overflow: inherit; -webkit-transition: all .3s ease; transition: all .3s ease; } .pp.hidden { visibility: hidden; opacity: 0; height: 0; overflow: hidden; } .params .pp>span:first-child { color: #666; margin: 0 2.5% 0 0; position: relative; vertical-align: top; width: 47.5%; } .params .pp>span:first-child:after { border-bottom: 1px dashed #e0e0e0; bottom: 50%; content: ''; display: block; height: 1px; left: 0; position: absolute; width: 100%; } .params .pp strong { background: #f6f7f9; font-weight: 400; padding: 0 20px 0 0; position: relative; z-index: 1; } .params .pp>span { display: inline-block; word-wrap: break-word; overflow-wrap: break-word; word-break: break-word; width: 50%; } .params .pp>span:last-child { text-transform: lowercase; } .params .pp+.pp { margin-top: 12px; } .cover__title { font-weight: 500; font-size: 1rem; margin: 0; position: relative; } .cover__desc { color: #666; font-size: 1rem; margin-bottom: 1rem; } .cover__block+.cover__block { padding-top: 1.5rem; margin-top: 1rem; border-top: 1px dashed #e0e0e0; } .personal__item.active, .wood__personal-add.active { cursor: default; pointer-events: none; } .personal__item img, .wood__personal-add img { height: 64px; width: auto; } .personal__item, .wood__personal-add { -webkit-transition: all .3s ease; transition: all .3s ease; } .personal__item p, .wood__personal-add p { margin: 10px 0 0 0; line-height: 18px; padding: 0 0 5px 0; border-bottom: 2px solid transparent; } .personal__additional, .personal__block, .front__block { display: none; padding-top: 2rem; } /*.personal__block{ border-bottom:1px dashed #e0e0e0; padding-bottom: 1rem; }*/ .personal__additional { padding-top: 0; } .personal__options, .front__options { display: none; } .lettering-wrap { display: none; padding-top: 2rem; } .layout__block { padding-top: 1rem; } .additional__option+.additional__option { margin-top: 12px; } .additional-personal i, .personal-name i, .flyleaf-name i, .layout-name i, .cover-material i { font-style: normal; position: relative; } .additional-personal i:first-child:before { content: "" } .additional-personal i:before, .personal-name i:before, .flyleaf-name i:before, .layout-name i:before, .cover-material i:before { content: " / " } .depth__item { text-align: center; padding: 0 0.5rem; cursor: pointer; -webkit-transition: all .3s ease; transition: all .3s ease; } .cover__variants, .personal__lettering-row, .calc__formats.flex-row, .personal__lettering-position, .color--wrap, .front__second-wrap, .front__third-wrap, .woodoption-wrap, .wood__color-wrap { margin: 0 -0.5rem -1rem -0.5rem; position: relative; display: flex; flex-wrap: wrap; justify-content: flex-start; -webkit-column-count: unset; -moz-column-count: unset; column-count: unset; -webkit-column-gap: unset; -moz-column-gap: unset; column-gap: unset; -webkit-column-width: inherit; -moz-column-width: inherit; column-width: inherit; } .calc__formats.flex-row { margin: 0 -0.5rem 0 -0.5rem; } .cover__variant, .lettering__item, .personal__variant, .front__variant, .personal__position, .personal__position-color-item, .front__second-item, .front__third-item, .woodoption-item, .wood__color-item { text-align: center; width: 25%; padding: 0 0.5rem; cursor: pointer; -webkit-transition: all .3s ease; transition: all .3s ease; margin-bottom: 1rem; position: relative; } .calc__zoom { position: absolute; top: 10px; left: 15px; width: 20px; background-color: rgba(0, 0, 0, 0.5); height: 20px; background-size: 12px; border-radius: 3px; background-position: center; background-repeat: no-repeat; background-image: url(/bitrix/templates/rhino/css/../images/zoom.svg); } .active .calc__zoom { opacity: 0.2; } .question__desc span { font-weight: 600; color: #ff0000; } .wood__color-item { width: 50%; } .personal__position { width: 33.3333%; } .personal__4col .personal__position { width: 25%; } .personal__3col .personal__position { width: 33.3333%; } .personal-2col .lettering__item, .personal-2col .personal__position { width: 50%; } .cover__variants.wood .cover__variant { width: 33.3333%; } .cover__variants.wood2col .cover__variant { width: 50%; } .calc__format { /* width:20%;*/ width: 14%; } .cover__variant .materials__title, .lettering__item p, .personal__variant .materials__title, .front__variant .materials__title, .depth__item p, .personal__position .materials__title, .personal__position-color-item .materials__title, .front__second-item .materials__title, .front__third-item .materials__title, .woodoption-item .materials__title, .wood__color-item .materials__title { margin: 10px 0 0 0; line-height: 18px; padding: 0 0 5px 0; font-weight: 400; border-bottom: 2px solid transparent; } .lettering__item p { //margin: 0; } .cover__variant:hover, .lettering__item:hover, .personal__variant:hover, .front__variant:hover, .depth__item:hover, .personal__position:hover, .personal__position-color-item:hover, .front__second-item:hover, .front__third-item:hover, .woodoption-item:hover, .wood__color-item:hover { opacity: 0.5; } .cover__variant.active, .lettering__item.active, .personal__variant.active, .front__variant.active, .layout__item.active, .depth__item.active, .personal__position.active, .personal__position-color-item.active, .front__second-item.active, .front__third-item.active, .woodoption-item.active, .wood__color-item.active { pointer-events: none; cursor: default; } .cover__variant.active .materials__title, .cover__variant.active .materials__title span, .lettering__item.active p, .personal__variant.active .materials__title, .front__variant.active .materials__title, .front__variant.active .materials__title span, .depth__item.active p, .personal__position.active .materials__title, .personal__position-color-item.active .materials__title, .front__second-item.active .materials__title, .front__second-item.active .materials__title span, .personal__position-color-item.active .materials__title span, .front__third-item.active .materials__title, .front__third-item.active .materials__title span, .woodoption-item.active .materials__title, .woodoption-item.active .materials__title span, .wood__color-item.active .materials__title span, .wood__color-item.active .materials__title { color: #00908c; border-color: #00908c; } .own-variant .cover__variant, .own-variant .personal__variant, .own-variant .front__variant, .own-variant .personal__position-color-item, .own-variant .front__second-item, .own-variant .front__third-item, .own-variant .woodoption-item { width: 100%; text-align: center; border: 1px solid #e1e1e1; } .own-variant .cover__variant .materials__title, .own-variant .personal__variant .materials__title, .own-variant .front__variant .materials__title, .own-variant .personal__position-color-item .materials__title, .own-variant .front__second-item .materials__title, .own-variant .front__third-item .materials__title, .own-variant .woodoption-item .materials__title { margin: 0; padding: 0; height: 40px; line-height: 40px; font-weight: 400; border-bottom: 0; } .own-variant .cover__variant.active .materials__title, .own-variant .personal__variant.active .materials__title, .own-variant .front__variant.active .materials__title, .own-variant .front__second-item.active .materials__title, .own-variant .front__third-item.active .materials__title, .own-variant .woodoption-item.active .materials__title { color: #00908c; } .own-variant .cover__variant.active, .own-variant .personal__variant.active, .own-variant .front__variant.active, .own-variant .front__second-item.active, .own-variant .front__third-item.active, .own-variant .woodoption-item.active { border-color: #00908c; } .cover__variant img, .lettering__item img, .personal__variant img, .front__variant img, .depth__item img, .personal__position img, .personal__position-color-item img, .front__second-item img, .front__third-item img, .woodoption-item img, .wood__color-item img { width: 100%; height: auto; } .layout__item label { font-size: 1rem; color: #333; } .layout__item [type="radio"]:not(:checked)+span, .layout__item [type="radio"]:checked+span { font-weight: 500; padding-left: 26px; height: 16px; line-height: 16px; } .layout__item [type="radio"]:checked+span:after, .layout__item [type="radio"].with-gap:checked+span:before, .layout__item [type="radio"].with-gap:checked+span:after { border: 2px solid #00908c; } .layout__item [type="radio"]:checked+span:after, .layout__item [type="radio"].with-gap:checked+span:after { background-color: #00908c; } .layout__item [type="radio"]+span:before, .layout__item [type="radio"]+span:after { margin: 0; } .layout__item [type="radio"]:not(:checked)+span:before, .layout__item [type="radio"]:not(:checked)+span:after { border: 2px solid #c7c7c7; } .calc__depth { margin: 0 -0.5rem; position: relative; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; -webkit-column-width: 33.3333%; -moz-column-width: 33.3333%; column-width: 33.3333%; } .question__desc { opacity: 0; visibility: hidden; backface-visibility: hidden; position: absolute; top: -8px; right: -8px; z-index: 2; line-height: normal; width: 500px; font-size: 12px; font-weight: 500; color: #666; padding: 1rem 2rem 1rem 1rem; background: #fff; -webkit-box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 7%); -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 7%); -webkit-transition: all .3s ease; transition: all .3s ease; } .question__desc.active { opacity: 1; visibility: visible; backface-visibility: visible; } .question__close { display: block; position: absolute; top: 13px; right: 10px; opacity: 0.5; width: 12px; height: 12px; background-image: url(/bitrix/templates/rhino/css/../images/close.svg); background-size: 12px; cursor: pointer; background-repeat: no-repeat; -webkit-transition: all .3s ease; transition: all .3s ease; } .calc__format img { width: 100%; height: auto; } .personal__lettering-row-wrap, .personal__position-color, .front__second, .front__third { padding-top: 2rem; display: none; } .personal__position-color { margin-bottom: -1rem; } .front__second, .front__third { margin-top: -1rem; } .front__second-block+.front__second-block, .front__third-block+.front__third-block { padding-top: 1.5rem; margin-top: 1rem; border-top: 1px dashed #e0e0e0; } .calc__discount { margin-bottom: 2rem; padding: 1rem; border: 1px dashed #e0e0e0; text-align: center; } .calc__discount [type="checkbox"]+span:not(.lever) { font-weight: 700; } .discount__wrp { font-size: 1rem; font-weight: 500; padding-top: 1rem; display: none; } .wood__options, .wood__block, .woodoption { display: none; } .wood__options, .wood__block { padding-top: 2rem; } .pf-portfolio { position: relative; margin-bottom: 3.3rem; padding-bottom: 3.3rem; } .pf-portfolio:after { content: ""; position: absolute; bottom: 0; width: 200vw; left: 50%; margin-left: -100vw; height: 1px; background: #e1e1e1; } .collections__tab { display: none; } .collections__tabs { margin-top: 3.3rem; overflow: hidden; padding: 2rem; background: #f6f7f9; } .collections__tab.active { display: block; } .tabs { background-color: transparent; } .collections__formats, .collections__tech-wrap, .profile__middle-wrap { margin: 0 -0.5rem -1rem -0.5rem; position: relative; display: flex; flex-wrap: wrap; justify-content: flex-start; -webkit-column-count: unset; -moz-column-count: unset; column-count: unset; -webkit-column-gap: unset; -moz-column-gap: unset; column-gap: unset; -webkit-column-width: inherit; -moz-column-width: inherit; column-width: inherit; } .collections__formats, .profile__middle-wrap { margin: 0 -0.5rem; } .collections__format { text-align: center; display: inline-block; width: 14.28%; padding: 0 0.5rem; -webkit-transition: all .3s ease; transition: all .3s ease; //margin-bottom: 1rem; } .collections__format img { width: 100%; max-width: 150px; height: auto; } .collections__format p { margin: 10px 0 0 0; line-height: 18px; } .collections__tabs .tabs-faq { margin: 0; } .collections__header { position: relative; padding-bottom: 2rem; margin-bottom: 2rem; border-bottom: 1px solid #dcdcdc; } .collections__header:after { content: ""; position: absolute; bottom: -1px; left: -2rem; width: 2rem; height: 1px; background: #dcdcdc; } .collections__header:before { content: ""; position: absolute; bottom: -1px; right: -2rem; width: 2rem; height: 1px; background: #dcdcdc; } .collections__tab ul li { font-size: 1rem; line-height: 1.5rem; } .collections__tabs #scroll-down { margin-bottom: 0 !important; } .collections__tech-item { text-align: left; display: inline-block; width: 33.3333%; padding: 0 0.5rem; -webkit-transition: all .3s ease; transition: all .3s ease; margin-bottom: 2rem; } .collections__tech-pic { float: left; margin-right: 1rem; } .collections__tech-pic img { width: 24px; } .collections__tech-desc { overflow: hidden; position: relative; } .collections__tech-title { font-weight: 600; margin: 0 0 5px 0; font-size: 1rem; } .collections__tech-text { font-size: 1rem; line-height: 1.6rem; } .orders__count__minibook { text-align: center; margin-top: 4px; font-size: 11px; color: #333; text-transform: uppercase; letter-spacing: 1px; } .minibook__price .good__price { float: left; line-height: 36px; } .minibook__price .btn-large.small-btn { min-width: 100px; float: right; border: 1px solid; height: 36px; line-height: 34px; } .collections__heading { margin: 0 0 2rem 0; } .collections__heading.no-margin { margin: 0; } .materials__item img { width: 100%; height: auto; border-radius: 16px; } .price-number-text { font-size: 1rem; display: inline-block; /* float: right; */ padding-top: 9px; width: calc(100% - 125px); line-height: normal; font-weight: 400; color: #333; } .breadcrumbs .h1-title.no-margin { margin: 0 !important; } .reg__link { color: #00908c; border-bottom: 1px solid; } .reg__link:hover { color: #000; border-bottom: 1px solid transparent; } .bx-auth-reg .vote-item-header, .call__body .vote-item-header { font-size: 1rem; } .reg__tabs { padding: 2rem; height: 100%; text-align: center; position: relative; border: 1px solid #e1e1e1; margin: 0 0 2rem 0; } .reg__title { font-size: 1.3rem; font-weight: 600; text-transform: uppercase; margin: 0 0 2rem 0; } .reg__subtitle { font-size: 1.1rem; font-weight: 500; text-transform: uppercase; margin: 0 0 1rem 0; } .reg__text { margin: 2rem 0 0 0; } .reg__text a { color: #00908c; border-bottom: 1px solid; } .reg__text a:hover { color: #000; border-bottom: 1px solid transparent; } .reg__tabs .btn-large { padding: 0 2rem; margin: 0 7px; } .auth__heading { margin: 0 0 2rem 0; font-size: 1.1rem; font-weight: 500; } .auth__btns a { margin-right: 1rem; } .bx-system-auth-form .vote-item-header, .reg__reset .vote-item-header, .profile__block .vote-item-header, .bx-auth .vote-item-header, .reg__confirm .vote-item-header { font-size: 1rem; } .auth__remember { margin-top: 1rem } .auth__links, .reg__reset-link { margin-top: 1rem; } .auth__links div:first-child, .reg__reset-link div:first-child { float: left; } .auth__links div:first-child a, .reg__reset-link div:first-child a { font-weight: 700; border-bottom: 1px solid; } .auth__links div:last-child, .reg__reset-link div:last-child { float: right; } .reg__reset p { margin: 1rem 0 0 0; } .profile__block { margin-bottom: 1rem; } .profile__tab { position: relative; cursor: pointer; font-size: 1.1rem; font-weight: 600; padding-right: 2rem; padding-bottom: 1rem; border-bottom: 1px solid #e1e1e1; } .profile__tab.active:after { top: 8px; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } .profile__tab:after { position: absolute; top: 2px; content: ""; right: 2px; border: solid #333; border-width: 0 1px 1px 0; display: inline-block; padding: 5px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .profile__content { display: none; padding-top: 2rem; } .profile__btns { padding-top: 1rem; } .profile__top { margin-top: -1rem; position: relative; padding-bottom: 2rem; border-bottom: 1px solid #e1e1e1; margin-bottom: 1rem; } .profile__col { width: calc(100% - 315px); padding-right: 2rem; float: left; } .profile__col:last-child { width: 315px; padding: 0; } .profile__col .btn-large { float: left; } .profile__col a.btn-large { margin-right: 15px; } .profile__col .btn-large.color2 { min-width: 150px; border-width: 1px; } .profile__col .btn-large.color1 { min-width: 150px; } .profile__top:after { content: ""; position: absolute; bottom: -1px; height: 1px; width: 3rem; left: -3rem; background: #e1e1e1; } .profile__top:before { content: ""; position: absolute; bottom: -1px; height: 1px; width: 3rem; right: -3rem; background: #e1e1e1; } .profile__name { font-weight: 500; } .profile__status { color: #00908c; font-weight: 700; text-transform: uppercase; font-size: 13px; } .mobile__profile { //display: none; } div.bx-auth { max-width: 100% !important; margin-top: 0 !important; margin-bottom: 0 !important; } .profile__item { text-align: center; display: inline-block; width: 25%; padding: 0 0.5rem; -webkit-transition: all .3s ease; transition: all .3s ease; margin-bottom: 1rem; } .profile__item-pic img { height: 40px; margin-bottom: 10px; } .profile__item-title { font-size: 1rem; line-height: 1.1rem; font-weight: 500; } .profile__item-inner { padding: 1rem; background: #f6f7f9; height: 100%; } .profile__middle { padding-top: 1rem; position: relative; padding-bottom: 1rem; border-bottom: 1px solid #e1e1e1; margin-bottom: 1.5rem; } .profile__middle:before { content: ""; position: absolute; bottom: -1px; height: 1px; width: 3rem; right: -3rem; background: #e1e1e1; } .profile__middle:after { content: ""; position: absolute; bottom: -1px; height: 1px; width: 3rem; left: -3rem; background: #e1e1e1; } .reg__confirm p { margin: 0 0 1rem 0; font-weight: 500; } .question__desc a { color: #00908c; } .question__desc a:hover { color: #333; } .woodstep2 { padding-top: 2rem; display: none; } .reg__calc-nouser .reg__title { text-transform: none; margin: 0 0 2rem 0; } .reg__calc-registration a { margin: 0 10px; } .bx-auth span.unavailable, .bx-system-auth-form span.unavailable, .reg__reset span.unavailable { display: block !important; font-size: 12px; line-height: 15px; font-weight: 500; padding-left: 10px; padding-top: 3px; color: #F44336; } .profile__calc-link { display: block; padding: 19px 52px; text-align: center; font-weight: 600; font-size: 1.1rem; border: 1px dashed #f9bc4e; margin-bottom: 2rem; border-radius: 6px; background-color: #fef0de; } /* .profile__calc-link { display: block; padding: 1.5rem 1rem; text-align: center; font-weight: 600; font-size: 1.1rem; border: 1px solid #ccc; margin-bottom: 2rem; border-radius: 1rem; background-color: #dfba45c9; } */ .profile__calc-link:hover { background: #ffe8cb; color: #333; /* opacity:0.7; */ } .profile__calc-link .clearfix { display: block; margin: 0 auto; width: 275px; } .profile__calc-link .clearfix span { float: left; display: block; line-height: 20px; } .profile__calc-link img { height: 20px; float: left; margin-right: 10px; } .main-blocks__item .good__sticker { top: 10px; left: auto; right: 10px; } .has__sticker:after { content: "премиум"; position: absolute; top: 10px; left: 10px; color: #333; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; z-index: 1; font-size: 14px; background: #fff; padding: 3px 5px; -webkit-border-radius: 3px; border-radius: 3px; } .classic__table thead tr th, .classic__table tbody tr td { border: 1px solid #e0e0e0; } .classic__table thead tr { background: #f7f7f7; } .tech__item { float: left; width: 50%; padding: 0 0.75rem; } .tech__item-title { font-weight: 600; margin: 0 0 10px 0; } .tech__normal-link { color: #00908c; border-bottom: 1px solid; font-weight: 500; } .tech__item img { margin-bottom: 1rem; height: 64px; } .tech__normal-link:hover { color: #333; border-bottom: 1px solid } .tech__block { background: #f6f7f9; padding: 1rem; } .tech__block.marg-top { margin-top: 2rem; } .unreg { font-weight: 500 !important; color: #333 !important; } .tech__separator { padding-bottom: 3rem; margin-bottom: 3rem; border-bottom: 1px solid #e1e1e1; } .faq.tech__acc .collapsible-header { display: block; cursor: pointer; font-size: 1rem; font-weight: 600; color: #333; position: relative; min-height: 1rem; line-height: normal; padding: 1rem; background-color: #eee !important; border-bottom: 0; border-radius: 16px; } .faq.tech__acc .active .collapsible-header, .faq.tech__acc .active:focus .collapsible-header, .faq.tech__acc .active:active .collapsible-header, .faq.tech__acc .active .collapsible-header:focus, .faq.tech__acc .active .collapsible-header:active, .faq.tech__acc .collapsible-header:active, .faq.tech__acc .collapsible-header:focus { background-color: #eee !important; } .faq.tech__acc .collapsible-header:before { display: none; } .faq.tech__acc .collapsible li+li { margin-top: 1rem; } .faq.tech__acc .collapsible-header:after { right: 15px; margin-top: -8px; border: solid #999; border-width: 0 2px 2px 0; display: inline-block; padding: 4px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .faq.tech__acc .collapsible-body { border: 0; padding: 1rem 0 0 0; } .faq.tech__acc .collapsible-body.padding-bottom { border: 0; padding: 2rem 0 1rem 0; } .faq.tech__acc .collapsible { margin: 0; } .tech__pic { float: left; width: 35%; padding-right: 1.5rem; margin-bottom: 20px; } .tech__pic img { width: 100%; border-radius: 16px; } .tech__desc { float: right; width: 65%; } .tech__params, .tech__links { display: flex; flex-wrap: wrap; margin: 20px 0 0; } .tech__links { margin: 10px 0 0; } .tech__param, .tech__link { font-weight: 600; margin-bottom: 10px; padding-right: 30px; } .tech__link { margin-bottom: 1rem; padding-right: 1rem; } .tech__link img { height: 32px; } .tech__link a:hover { opacity: 0.5; } .tech__param span { display: block; font-weight: 400; } .tech__desc .h3-title { margin: 1rem 0 1rem 0; } .tech__int-block+.tech__int-block { margin-top: 2rem; } .professional { padding-top: 5rem; /* border-top: 1px solid #e1e1e1; */ } .bordered-box { padding: 2rem; //border: 1px solid #e1e1e1; background: #eee; border-radius: 16px; } .tech__acc .h3-title { margin: 0 0 1.5rem 0; } .faq .collapsible-body .tech__block p { margin: 0; } .faq .collapsible-body .tech__block p+p { margin: 1rem 0 0 0; } .faq.padding.tech__acc .collapsible li.active { margin-bottom: 0; } .faq.tech__acc .collapsible li.active { margin-bottom: -1rem; } .tech__block.marg-bottom { margin-bottom: 2rem; } .reg__succsess { font-weight: 500; margin: 0; color: #333; } .reg__succsess strong { font-weight: 700; } .profile__error { color: #721c24; background-color: #f8d7da; position: relative; padding: .75rem 1.25rem; margin-bottom: 3rem; border: 1px solid #f5c6cb; border-radius: .25rem; } .profile__error p { margin: 0; } .profile__error font.errortext { color: #721c24; } .profile__success { color: #155724; background-color: #d4edda; position: relative; padding: .75rem 1.25rem; margin-bottom: 3rem; border: 1px solid #c3e6cb; border-radius: .25rem; } .profile__success p { margin: 0; } .profile__success font { color: #155724; } .profile__error.small-margin { margin: 0 0 2rem 0; } /*.profile__error.small-margin { margin: 0 auto; width: 50%; margin-top: 20px; }*/ .sch-title { font-weight: 500 !important; } .sch-title2 { font-weight: 600 !important; } .school__btns { padding: 2rem; display: flex; background: #f6f7f9; } .school__btns a { width: 48%; float: left; padding: 10px 1rem; height: auto; line-height: normal; } .school__btns a+a { margin-left: 4%; } .school__btns .btn-large.color2 { line-height: normal; } .good__detail-text.marg-top { margin-top: 2rem; border-top: 0; padding-top: 0; border-bottom: 0; padding-bottom: 0; margin-bottom: 2rem; } .collections__time { border: 1px dashed #f9bc4e; text-align: center; padding: 1rem; background-color: #fef0de; font-weight: 500; margin-top: 1rem; border-radius: 6px; } .collections__time span { color: #00908c; font-weight: 600; } .professional__timeline { padding: 3rem; background: #f6f7f9; } .photobook__icons.no-padding { padding-bottom: 3.3rem!important; } .professional__timeline .h2-title { margin: 0 0 2rem 0; } .professional__timeline .btn-large { padding: 0 1rem; } .timeline__sub { margin: 0 0 3rem 0; font-size: 1.2rem; font-weight: 500; } .professional__timeline-wrap { position: relative; margin-bottom: 2rem; } .professional__timeline-wrap:after { content: ""; position: absolute; top: 24px; height: 2px; width: 100%; background: #00908c; left: 0; } .timeline__step { float: left; width: 20%; padding: 0 0.75rem; } .timeline__count { width: 50px; z-index: 1; overflow: hidden; height: 50px; display: inline-block; line-height: 46px; border: 2px solid #00908c; background: #f6f7f9; font-weight: 700; color: #00908c; font-size: 1.4rem; margin: 0 0 10px 0; position: relative; } .timeline__count:after { content: ""; position: absolute; top: 0; left: 0; height: 100%; z-index: 0; background: #00908c; } .timeline__count span { position: relative; z-index: 1; } .timelinestep1 .timeline__count:after { width: 20%; } .timelinestep2 .timeline__count:after { width: 40%; } .timelinestep3 .timeline__count:after { width: 60%; } .timelinestep4 .timeline__count:after { width: 80%; } .timelinestep5 .timeline__count:after { width: 100%; } .timelinestep3 .timeline__count, .timelinestep4 .timeline__count, .timelinestep5 .timeline__count { color: #fff; } .timeline__title { font-weight: 500; font-size: 1.1rem; margin: 0 0 10px 0; } .timeline__text { font-size: 14px; line-height: normal; } .professional__timeline-wrap.no-marg { margin-bottom: 0; } .center.marg-top .btn-large { margin-top: 1rem } .calc__flex { display: flex; } .calc__column { width: 66.6666666667%; float: left; } .calc__sidebar { float: left; width: 33.3333%; } .calc__flex .calc__wrapper { overflow: inherit; padding: 2rem; } .calc__flex .calc__row:before, .calc__flex .calc__pages:before { width: calc(100% + 4rem); left: -2rem; } .calc__sidebar { padding-left: 2rem; } .sidebar__inner { position: sticky; position: -webkit-sticky; top: 1rem; padding: 1rem; background: #fff; border: 1px solid #e1e1e1; border-radius: 16px; } .good__left .sidebar__inner{ padding:0!important; border:0!important; border-radius:0!important; } .sidebar__inner .params { font-size: 14px; } .slider-nav2 .slick-slide img{ border-radius:5px!important; } .sidebar__inner .params .pp strong { background: #fff; padding: 0 15px 0 0; } .sidebar__inner .params .pp>span:first-child:after { display: none; } .sidebar__inner .params .pp>span:last-child { text-transform: lowercase; color: #000; font-weight: 500; } .sidebar__inner .calc__total { font-size: 1.3rem; margin-top: 1rem; padding-top: 1rem; border-top: 1px dashed #e1e1e1; } .cover__item_name { color: rgba(255, 255, 255, 0)!important; } .calc__flex .calc__finalprice { display: none; } .pp.hidden { margin-top: 0!important; } .calc__flex .params .pp+.pp { padding-top: 8px; margin-top: 8px; border-top: 1px dashed #e1e1e1; } .collections__description .h3-title { margin: 0 0 1rem 0; } .collections__description { margin: 0 0 2rem 0; } .pfslider { float: none; display: block; position: relative; margin-bottom: 10px; width: 100%; overflow: hidden; } .slider-nav { float: none; width: 100%; margin-top: 0; } .swiper-button-next, .swiper-button-prev { position: absolute; background-color: #00908c; text-indent: -9999px; top: 50%; width: 36px!important; height: 36px!important; margin-top: -18px!important; background-repeat: no-repeat; background-size: 16px; background-position: center; cursor: pointer; outline: none; padding: 0; z-index: 99!important; opacity: 0; display: block!important; border: 0; -webkit-appearance: none !important; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-border-radius: 36px; border-radius: 36px; } .swiper-button-next:after, .swiper-button-prev:after { display: none!important; } .swiper-button-next { right: 1rem!important; background-position: center; background-image: url(/bitrix/templates/rhino/css/../images/arright.svg?1); } .swiper-button-prev { left: 1rem!important; background-position: center; background-image: url(/bitrix/templates/rhino/css/../images/arleft.svg?1); } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { background-color: #ccc!important; pointer-events: none!important; cursor: default!important; } .slider__new:hover .swiper-button-next, .slider__new:hover .swiper-button-prev, .pfslider:hover .swiper-button-next, .pfslider:hover .swiper-button-prev, .slider__new2:hover .swiper-button-next, .slider__new2:hover .swiper-button-prev{ opacity: 1!important; } .swiper-button-next:hover, .swiper-button-prev:hover { background-color: #ff2c61; } .pfslider__controls .swiper-slide { cursor: pointer; padding: 5px; border: 2px solid transparent; -webkit-transition: border .3s ease; transition: border .3s ease; -webkit-box-sizing: border-box; box-sizing: border-box; } .pfslider__controls .swiper-slide.swiper-slide-thumb-active, .pfslider__controls .swiper-slide:hover, .pfslider__controls .swiper-slide.swiper-slide-active { border: 2px solid #00908c; } .pfslider__controls { overflow: hidden; width: 200px; margin: 0 auto; } .messenger__title { font-weight: 500; margin: 0 0 10px 0; font-size: 1rem; } .messenger__row { margin: 0 -0.5rem; } .messenger { margin-bottom: -1rem; } .messenger__col { float: left; width: 50%; padding: 0 0.5rem; margin: 0 0 1rem 0; } .messenger__item { position: relative; cursor: pointer; border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #e1e1e1; font-size: 14px; height: 42px; line-height: 40px; padding: 0 0 0 44px; -webkit-transition: border .3s ease; transition: border .3s ease; } .messenger__item:hover { border: 1px solid #999; } .messenger__item.active { background: #f5f5f5; border: 1px solid #999; } .messenger__item:before { content: ""; position: absolute; top: 50%; margin-top: -12px; width: 24px; height: 24px; left: 10px; background-size: 100%; } .messenger__col:first-child .messenger__item:before { background-image: url(/bitrix/templates/rhino/css/../images/telephone.svg?1); } .messenger__col:nth-child(2) .messenger__item:before { background-image: url(/bitrix/templates/rhino/css/../images/wh.svg); } .messenger__col:nth-child(3) .messenger__item:before { background-image: url(/bitrix/templates/rhino/css/../images/tg.svg); } .messenger__col:nth-child(4) .messenger__item:before { background-image: url(/bitrix/templates/rhino/css/../images/vb.svg); } .old-price { text-decoration: line-through; color: #999; font-size: 13px; font-weight: 400; } .good__price-detail .old-price { font-size: 1rem; margin-right: 1rem; } .forpro { position: absolute; font-size: 12px; font-weight: 600; color: #00908c; left: 0; top: -15px; } .good__price, .good__price-detail { position: relative; } .good__price.price-for-pro { font-size: 1rem; margin-top: 5px; } .carousels__item .good__price.price-for-pro { font-size: 1.1rem; } .carousels__item .forpro { position: relative; font-size: 12px; font-weight: 600; color: #00908c; left: auto; top: auto; padding-top: 5px; float: right; } .good__price-detail .forpro { color: #333 } .good__price-detail.price-for-pro { margin-top: 10px; } .good__price-detail.price-for-pro .price-number-text { width: auto!important; } .price-number-additional { padding-left: 0px; } .sticky__portfolio { display: flex; margin: 0 auto; max-width: 1800px; width: 100%; padding: 0; } .grid figure, .grid .placeholder{ width:25%; height:auto; margin:0; background-color: #efedee; border:10px solid #fff; } .portfolio__sidebar { float: left; width: 250px; padding: 0 10px 0 50px; } .portfolio__wrp.fuller { width: calc(100% - 250px); float: left; overflow: hidden; } figcaption a { color: #fff!important; } .portfolio__horizontal { display: block; margin: 0; position: sticky; position: -webkit-sticky; top: 10px; } .portfolio__horizontal li { display: block; font-size: 1rem; cursor: pointer; font-weight: 500; margin: 0; border-bottom: 2px solid transparent; -webkit-transition: all .3s ease; transition: all .3s ease; line-height: normal; padding: 0; height: auto; float: none; } .portfolio__horizontal li+li { margin: 15px 0 0 0; } .portfolio__horizontal li:hover, .portfolio__horizontal li.is-checked { color: #00908c; } .portfolio__line { margin: 0 0 20px 0; display: inline-block; } .portfolio__line li { display: block; cursor: pointer; float: left; line-height: 48px; height: 48px; font-size: 1rem; margin: 0 3px; padding: 0 10px; font-weight: 500; border-bottom: 2px solid transparent; -webkit-transition: all .3s ease; transition: all .3s ease; } .portfolio__line li.is-checked { color: #00908c; border-bottom: 2px solid #00908c; } .portfolio__sidebar-trigger { display: none; } .portfolio__wrp .good__left { width: 65%; } .portfolio__wrp .good__right { width: 35%; padding-left: 20px; } .portfolio__wrp .portfolio__slider { max-width: 900px; } .grid figure { -webkit-border-radius: 5px; border-radius: 5px; } .tech__desc .h3-title span { font-weight: 600; color: #00908c; } .sch__unreg { display: block; padding: 1rem; border: 1px solid #dcdcdc; background: #fff; } .pfcat span, .good__material span { position: relative; color: #999; display: inline-block; margin-right: 7px; } .pfcat span:after, .good__material span:after { content: ","; position: absolute; } .pfcat span:last-child:after, .good__material span:last-child:after { display: none; } .good__material { margin: 0 0 1rem 0; } .good__material div { display: inline-block; } .good__material div:first-child { font-weight: 500; } .small-bottom { margin-bottom: 20px; } #alert { display: none; } .good__reg { background: #f6f7f9; /* background: #ffc0a4; */ padding:2rem; margin-bottom: 2rem; border-radius: 5px; font-size: 13px; border: 1px solid #f0f0f0; text-align: center; font-weight: 500; } .good__reg a { color: #00908c; border-bottom: 1px solid; } .good__reg a:hover { color: #000000; border-bottom: 1px solid transparent; } .pechat__cost { position: relative; margin-top: -1rem; margin-bottom: 2rem; font-weight: 500; color: #00908c; } .pechat__items { margin: 0 -0.75rem 3.3rem -0.75rem; } .pechat__item { float: left; width: 33.3333%; padding: 0 0.75rem; } .pechat__item .btn-large { margin-top: 1rem; } .pechat__item .news__title { font-size: 1.3rem; } .paper__overlay { position: absolute; top: auto; left: 0; bottom: 0; width: 100%; height: auto; font-size: 1.1rem; color: #fff; font-weight: 500; padding: 13px; background: linear-gradient(180deg,rgba(75,78,81,0) 0%,#494949 100%); } .pechat__items .paper_primer { width: 25%; margin-bottom: 2rem; } .pechat__item.paper .news__pic { margin: 0; } .pech__items { padding-bottom: 1.3rem; } .print__item { margin-bottom: 2rem; } .print__item .news__title { font-size: 1.3rem } .print__price { position: relative; margin-top: -5px; margin-bottom: 10px; font-weight: 500; color: #00908c; font-size: 18px; } /*.print__item .btn-large { margin-top: 1rem; }*/ /*.print__item { display: inline-block; vertical-align: top !important; float: none !important; margin-bottom: 2rem !important; margin-right: -3px !important; }*/ .print__formats--desc { opacity: 0; visibility: hidden; backface-visibility: hidden; position: absolute; top: 22px; left: 0; z-index: 2; line-height: normal; //min-width: 320px; width: 100%; font-size: 14px; font-weight: 500; color: #666; padding: 1rem 2rem 1rem 1rem; background: #fff; -webkit-box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 7%); -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 7%); -webkit-transition: all .3s ease; transition: all .3s ease; } .print__formats--desc.active { opacity: 1; visibility: visible; backface-visibility: visible; } .print__formats { position: relative; } .print__formats--trigger { cursor: pointer; color: #000000; font-size: 14px; display: inline-block; height: 20px; line-height: 20px; margin-bottom: 1rem; font-weight: 500; border-bottom: 1px dashed; -webkit-transition: all .3s ease; transition: all .3s ease; } .print__formats--trigger:hover { border-bottom: 1px dashed transparent; } .print__formats--desc ul { display: block; margin: 0; padding: 0; position: relative; overflow: hidden; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; -webkit-column-width: 33.3333%; -moz-column-width: 33.3333%; column-width: 33.3333%; } .print__formats--desc li { display: block; line-height: 1.5; } .print__formats--desc li+li { //margin: 10px 0 0 0; } .pro { font-size: 14px; font-weight: 600; color: #00908c; } .pechat__items.flex { display: flex; } .pechat__items.flex .pechat__item .news__inner { height: 100%; position: relative; padding-bottom: calc(42px + 1rem); } .pechat__items.flex .pechat__item .btn-large { position: absolute; margin: 0; bottom: 0; left: 0; } .good__examples { margin-top: 3.3rem; } .examples__item:hover { opacity: 0.5 } .individual { display: flex; margin: 0 -0.75rem 3.3rem -0.75rem; } .individual__item { width: 50%; float: left; padding: 0 0.75rem; } .individual__inner { background: #f6f7f9; height: 100%; padding: 2rem; border-radius: 16px; } .individual__item .btn-large { padding: 0 2rem; } .individual__item .h3-title { margin: 0 0 1rem 0; } .individual__item p { font-size: 1rem; line-height: 1.6rem; margin: 0 0 2rem 0; } .constructor__btn { overflow: hidden; } .constructor__btn img { height: 14px; margin-right: 10px; margin-top: -4px; -webkit-transition: transform .3s ease; transition: transform .3s ease; } .constructor__btn:hover img { transform: translateX(-300px); } .constructor__item { display: block; float: left; width: 120px; margin-right: 1rem; margin-bottom: 1rem; line-height: 40px; height: 42px; cursor: pointer; border: 1px solid #dcdcdc; -webkit-transition: all .3s ease; transition: all .3s ease; } .constructor__item.active { pointer-events: none; cursor: default; color: #00908c; border: 1px solid #00908c; } .constructor__item:hover { color: #00908c; border: 1px solid #00908c; } #constructor .collections__format { cursor: pointer; margin-bottom: 1rem; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } #constructor .collections__format p { margin: 10px 0 0 0; line-height: 18px; padding: 0 0 5px 0; border-bottom: 2px solid transparent; } #constructor .collections__format.active { pointer-events: none; cursor: default; } #constructor .collections__format.active p { color: #00908c; border-bottom: 2px solid #00908c; } #constructor .collections__format:hover { opacity: 0.5; } .constructor__total { padding: 20px 0; font-size: 1.3rem; line-height: normal; font-weight: 600; } .constructor__price, .constructor__add { color: #00908c; } .constructor__small { font-size: 13px; } .news__detail-text iframe { max-width: 560px!important; width: 100%!important; } .collections__formatss { margin-bottom: 1rem; } .colformat__item img { height: 20px; float: left; margin-right: 10px; } .colformat__item span { width: calc(100% - 30px); display: inline-block; padding-top: 1px; float: left; font-weight: 500; font-size: 13px; } .has--add-pic .news__pic.good__pic { opacity: 1!important; } .news__item.collections__item .news__inner { border-bottom: 0; height: 100%; padding-bottom: 41px; } .news__item.collections__item .minibook__price { width: 100%!important; position: absolute; bottom: 0; left: 0; } .main-blocks__image img, .main-blocks__item .vid-cover img{ position: absolute; width: 60px; height: 60px; top: 50%; margin-top: -30px; left: 50%; margin-left: -30px; z-index: 1; opacity: 0.7; } .vid-cover:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background: rgba(0, 0, 0, 0.3); } .vid-cover { -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .vid-cover:hover img { opacity: 1; } .vid-cover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .main-blocks__body .btn-large { padding: 0 20px; } .vid--cover .videoreviews__title { margin-bottom: 1rem; } .how { padding-bottom: 1.3rem; } .how__ico { width: 64px; display: inline-block; height: 64px; line-height: 64px; font-size: 2rem; font-weight: 700; color: #ffffff; background: #00908c; margin-bottom: 10px; } .how__desc { font-weight: 500; font-size: 1.2rem; } .how--wrp { display: inline-block; vertical-align: top !important; float: none !important; margin-bottom: 2rem !important; margin-right: -3px !important; } .price__desc { margin-top: 5px; font-weight: 500; } .ar__promo { /* border: 2px solid #00908c; */ padding: 2rem; } .ar__promo .btn-large+.btn-large { margin-left: 20px; } .ar__col:first-child { float: right; width: 50%; text-align: right; } .ar__col:last-child { float: left; width: 50%; padding-right: 2rem; padding-top: 0; } .ar__step { width: 64px; height: 64px; line-height: 60px; border: 2px solid #00908c; text-align: center; font-weight: 700; color: #00908c; font-size: 1.5rem; float: left; margin-right: 1rem; } .ar__desc { padding-top: 1rem; width: calc(100% - 64px - 1rem); position: relative; overflow: hidden; float: left; } .ar__desc > div{ font-size: 1.3rem; font-weight: 500; margin:0 0 1rem 0; } .ar__desc > p{ font-size: 1rem; line-height:1.6rem; margin:0; } .ar__desc p+p{ margin:1rem 0 0 0; } .ar__desc p a+a{ margin-left:10px; } .ar__item+.ar__item { padding-top: 2rem; } .h2-title .colored { color: #00908c; } .h2-title .smaller { font-size: 80%; } .gift__col { float: left; } .gift__col:first-child { width: 300px; } .gift__col:last-child { width: calc(100% - 300px); padding-left: 2rem; padding-top: 3.3rem } .gift__desc { font-size: 1.1rem; font-weight: 500; margin-bottom: 2rem; } .gift__buttons .btn-large { float: left; } .gift__wa { float: left; width: calc(100% - 200px); padding-left: 20px; line-height: 42px; font-weight: 500; } .gift__wa a { color: #00908c; font-weight: 700; } .gift__wa a:hover { color: #000; } .good__price-notice { text-align: left; font-size: 13px !important; line-height: normal !important; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #e1e1e1; } .good__price-notice span { font-weight: 500; } .theme__slider { padding-top: 2.3rem; /* padding-top: 5rem; */ } /*.theme__slider .news__title { margin: 0; position: absolute; bottom: 2rem; left: 0; width: 100%; color: #fff; background: rgba(0, 144, 140, 1); padding: 10px; -webkit-transition: background .3s ease; transition: background .3s ease; }*/ .theme__slider .news__title{ margin:1rem 0 0 0; } .theme__slider .news__pic { margin-bottom: 0!important; } .theme__slider .news__pic:hover { opacity: 1; } .theme__slider .news__pic:hover .news__title { background: rgba(0, 144, 140, 0.5); } .theme__slider .news__inner { padding-bottom: 0px!important; border-bottom: 0!important; } .video--row { margin: 0 -0.75rem; } .video--row .videoreviews__item { float: left; width: 50%; } .video--row .videoreviews__item:nth-child(1), .video--row .videoreviews__item:nth-child(2) { margin-bottom: 1.5rem; } .video--row .videoreviews__title { padding: 0 10px; } .vid-cover:hover:after { background: rgba(0, 0, 0, 0); } .vid-cover:hover { opacity: 0.5; } .video--row .videoreviews__item .videoreviews__pic:after { transition: none; } .video--row .videoreviews__item:hover .videoreviews__pic:after { background: rgba(0, 0, 0, 0); } .video--row .videoreviews__item:hover .videoreviews__pic { opacity: 0.5; } .video--row .videoreviews__item .videoreviews__pic img { transition: none; } .video--row .videoreviews__item .videoreviews__pic { -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .reviews-block.no-after:after { display: none!important; } .print__item .news__inner { height: 100%; position: relative; padding-bottom: calc(42px + 1rem); } .print__item .btn-large { position: absolute; margin: 0; bottom: 0; left: 0; } .flex.print__items { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 1.5rem; grid-row-gap: 0; margin:0!important; } .pechat__table a { color: #00908c; border-bottom: 1px solid } .pechat__table a:hover { color: #000; border-color: transparent; } .pechat__table #scroll-down { margin-top: 15px; margin-bottom: 0px!important; } .pechat__table-item+.pechat__table-item { border-top:1px solid #e1e1e1; } .personal__row{ margin:0 -0.75rem; display: flex; } .personal__cab{ padding:0 0.75rem; float:left; width:50%; display: block; } .personal__title{ color: #000; font-weight: 600; font-size:1.2rem; margin:1rem 0; } .personal__cab p{ font-weight:400; margin:0; font-size: 14px; color:#333; } .personal__cab:hover{ opacity:0.7; } .personal__inner{ position:relative; height:100%; padding:20px; border:1px solid #eee } /* .ar__block{ padding-top:3.3rem; } */ .ar__instruction--row{ margin:0 -0.75rem; } .ar__instruction--col{ float:left; width:50%; padding:0 0.75rem; margin-bottom: 3.3rem; } .ar__instruction--inner{ background:#f6f7f9; position: relative; height: 100%; } .ar__instruction--title{ font-size: 1.3rem; font-weight: 500; } .ar__instruction--inner > p { margin: 1rem 0 0 0; } .ar__instruction--inner { padding: 3.3rem; } .ar__instruction--inner p a+a { margin-left: 10px; } .ar__instruction--title strong{ font-weight:700; } .ar__instruction--row.disp-flex{ display: flex; } .ar__instruction--col.full{ width:100%; } .header__cart{ float:left; line-height:45px; margin: 0 0 0 20px; } .header__cart img{ height:24px; } .header__cart a:hover{ opacity:0.5; } .mobile__cart{ display: none; } .tg-link{ float:left; display: inline-block; margin-left:20px; line-height: 45px; } .tg-link img, .tg-link-mobile img{ height:16px } .tg-link-mobile{ display: none; } .box--n { background: #f1eeef; height: 295px; display: block; position: relative; overflow: hidden; background-repeat: no-repeat; background-size: cover; border-radius: 16px; } .box--n:hover{ opacity:0.5; color:#333; } .box--n1 { background-image: url(/bitrix/templates/rhino/images/web/category/main/foto_2.jpg); background-position: right top; } .box--n1 .box__content { margin: 25px 0 0 28px; } .box--n2 { background-image: url(/bitrix/templates/rhino/images/web/category/main/intererka.jpg); background-position: center bottom; } .box--n2 .box__content { text-align: center; margin: 19px 10px 0; } .box--n5 { background-image: url(/bitrix/templates/rhino/images/web/category/main/plastifikaciya.jpg); background-position: top center; } .box--n5 .box__content { text-align: center; /* margin: 190px 10px 0; */ margin: 170px 10px 0; } .box--n5 .box__price { text-align: center; /* margin: 190px 10px 0; */ margin: 0 6px; } .box--n6 { background-image: url(/bitrix/templates/rhino/images/web/category/main/photobooks.jpg); background-position: bottom left; } .box--n6 .box__content { margin: 25px 0 0 28px; } .box--n7 { background-image: url(/bitrix/templates/rhino/images/web/category/main/hardcoverbooks.jpg); background-position: right top; } .box--n7 .box__content { margin: 25px 0 0 28px; } .box--n8 { background-image: url(/bitrix/templates/rhino/images/web/category/main/fotoholst.jpg); background-position: center bottom; } .box--n8 .box__content { text-align: center; margin: 19px 10px 0; } .box__title { font-size: 1.3rem; font-weight: 600; line-height: 30px; margin: 0 0 10px 0; } .box__text span { line-height: 20px; font-weight: 400; } .box__price { display: block; position: absolute; bottom: 10px; color: #fff!important; font-size: 15px; font-weight: 700; } .box--n2 .box__price, .box--n3 .box__price, .box--n4 .box__price, .box--n5 .box__price{ /* width: 100%; */ margin: 0 25px; width: auto; text-align: center; left: 0; } .box--n8 .box__price { margin: 0 15px; } .photobook__icon_main p{ display:block!important; } .pechat--block .main-blocks__image { display: none; } .pechat__slider { display: none; margin:0 -10px; } .pechat__slider.slick-initialized { display: block; } .pechat__item-inner { background: #fff; padding: 0 10px } .pechat__slider .slick-dots { margin: 20px 0 0 0; position: relative; left: auto; bottom: auto; } .pechat__slider .slick-list { padding: 0; } .baget--wrp { background: #dedede url(/bitrix/templates/rhino/images/web/category/baget/baget-1.jpg) center top / auto 100% no-repeat; } .baget--wrp .main-blocks__item { background: none; } .baget--wrp2 { background:#ddd; } .baget--wrp2 .main-blocks__body { padding: 3.3rem 0 3.3rem 0; } .baget--wrp .main-blocks__body { padding: 3.3rem 0 3.3rem 0; } .baget--wrp2 .main-blocks__text ul { margin: 0; } .baget--img { display: inline-block; width:700px; height: 700px; background-image:url(/bitrix/templates/rhino/css/../images/014.jpg); background-size: 100%; background-repeat: no-repeat; } .baget--interface { padding-bottom: 10px; } .baget--point1 { position: absolute; z-index:1; cursor: pointer; top: 100px; left: -20px; font-weight: 600; color:#fff; background:#00908c; text-transform: uppercase; font-size:14px; padding:0 22px 0 15px; height:24px; line-height: 24px; border-radius: 13px; } .baget--point1 span, .baget--point2 span, .baget--point3 span, .baget--point4 span, .baget--point5 span{ display: none; } .baget--point1:after{ content:""; position:absolute; width:32px; height:32px; border-radius: 32px; background:#fff; border:12px solid #00908c; right:-16px; top:50%; margin-top:-16px; border-radius: 13px; } .baget--point2 { position: absolute; z-index:1; cursor: pointer; top: 170px; right: 120px; font-weight: 600; color:#fff; background:#00908c; text-transform: uppercase; font-size:14px; padding:0 13px 0 22px; height:24px; line-height: 24px; border-radius: 13px; } .baget--point2:after, .baget--point3:after, .baget--point4:after, .baget--point5:after{ content:""; position:absolute; width:32px; height:32px; border-radius: 32px; background:#fff; border:12px solid #00908c; left:-16px; top:50%; margin-top:-16px; border-radius: 13px; } .baget--map1 { position:absolute; width:100%; height:100%; top:0; left:0; border:85px solid #00908c; opacity:0; transition: opacity .3s ease; } .baget--map2 { position:absolute; width:calc(100% - 170px); height:calc(100% - 170px); top:85px; left:85px; background: #00908c; opacity:0; transition: opacity .3s ease; } .baget--point3 { position: absolute; z-index:1; cursor: pointer; top: 360px; right: 270px; font-weight: 600; color:#fff; background:#00908c; text-transform: uppercase; font-size:14px; padding:0 13px 0 22px; height:24px; line-height: 24px; border-radius: 13px; } .baget--map3 { position:absolute; width: calc(100% - 311px); height: calc(100% - 310px); top: 155px; left: 152px; background: #00908c; opacity:0; transition: opacity .3s ease; } .baget--point4 { position: absolute; z-index:1; cursor: pointer; bottom: 105px; right: 370px; font-weight: 600; color:#fff; background:#00908c; text-transform: uppercase; font-size:14px; padding:0 13px 0 22px; height:24px; line-height: 24px; border-radius: 13px; } .baget--map4 { position:absolute; width: calc(100% - 175px); height: calc(100% - 175px); top: 88px; left: 87px; border-left: 55px solid #00908c; border-bottom: 56px solid #00908c; border-top: 57px solid #00908c; border-right: 60px solid #00908c; opacity:0; transition: opacity .3s ease; } .baget--point5 { position: absolute; z-index:1; cursor: pointer; bottom: 200px; right: 85px; font-weight: 600; color:#fff; background:#00908c; text-transform: uppercase; font-size:14px; padding:0 15px 0 22px; height:24px; line-height: 24px; border-radius: 13px; } .baget--map5 { position:absolute; width: calc(100% - 291px); height: calc(100% - 288px); top: 145px; left: 143px; border-left: 10px solid #00908c; border-bottom: 10px solid #00908c; border-top: 10px solid #00908c; border-right: 10px solid #00908c; opacity:0; transition: opacity .3s ease; } .baget--point1:hover ~ .baget--map1 { opacity: 0.3; } .baget--point2:hover ~ .baget--map2 { opacity: 0.3; } .baget--point3:hover ~ .baget--map3 { opacity: 0.3; } .baget--point4:hover ~ .baget--map4 { opacity: 0.3; } .baget--point5:hover ~ .baget--map5 { opacity: 0.3; } .slider__new.swiper-initialized { display: block; position: relative; } .slider__new { display: none; } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 7px!important; } .swiper-pagination-bullet { width: 20px!important; border-radius: 10px!important; height: 5px!important; opacity: 1!important; border: 1px solid #d2d2d2!important; background-color: transparent!important; transition:all .3s ease } .swiper-pagination-bullet.swiper-pagination-bullet-active, .swiper-pagination-bullet:hover{ opacity: 1; background: #00908c!important; border: 1px solid #00908c!important; } .photobook__icons { opacity: 1 !important; } .slider__new2 .swiper-slide{ background:#f6f7f9; border-radius: 9px; overflow: hidden; } .slider__new2 .slider__pic { padding-top:50%; margin-bottom: 1rem; } .slider__title { font-size:1.2rem; font-weight:600; margin:0 0 1rem 0; padding:0 1rem; min-height:46px; } .slider__price { color:#00908c; font-weight: 600; margin:0 0 1rem 0; padding:0 1rem; } .slider__btn { padding:0 1rem 2rem 1rem; } .slider__new2{ display: none; position: relative; overflow: hidden; } .slider__new2.swiper-initialized { display: block; } .slider__new2 .swiper-horizontal>.swiper-pagination-bullets,.slider__new2 .swiper-pagination-bullets.swiper-pagination-horizontal,.slider__new2 .swiper-pagination-custom, .swiper-pagination-fraction { position:relative; left:auto; bottom:auto; margin-top:20px; } .goods--slider, .portfolio__slider2{ display: none; } .goods--slider.slick-initialized, .portfolio__slider2.slick-initialized { display: block; margin-right: -0.75rem; margin-left: -0.75rem; } .goods--slider_item, .portfolio__slider2 .news__item2{ padding: 0 0.75rem; } .goods--slider_link { display: block; padding-top: 100%; -webkit-transition: all .3s ease; transition: all .3s ease; border-radius: 16px; margin-bottom: 10px; } .goods--slider_title { font-size: 1rem; font-weight: 600; display: block; } .pf-portfolio__wrap { margin-bottom: 2rem; } .goods--slider .slick-dots, .portfolio__slider2 .slick-dots{ position: relative; bottom: auto; left:auto; text-align: center; margin-top: 20px; height: 10px; line-height: 10px; } .good__examples.no-marg { margin-top:0; } .good__examples.no-marg+.good__examples.no-marg { margin-top: 3.3rem; } .video--box { padding-top: 60%; position: relative; margin-bottom: 2rem; border-radius: 16px; } .video--box img { position: absolute; width: 60px; height: 60px; top: 50%; margin-top: -30px; left: 50%; margin-left: -30px; z-index: 1; opacity: 0.7; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .video--box:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background: rgba(0, 0, 0, 0.3); -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .video--box:hover:after { background: rgba(0, 0, 0, 0.7); } .video--box:hover img { opacity: 1; } .video--desc { font-size: 1rem; line-height: 1.6rem; padding-left: 1rem; } .video--col:first-child { float: right; width: 50%; } .video--col:last-child { float: left; width: 50%; padding-right: 2rem; padding-top: 0; } .rtl .video--col:first-child { float: left; width: 50%; } .rtl .video--col:last-child { padding-left: 2rem; padding-right: 0; } .normal--body { padding: 3.3rem; } .h3-title span{ color:#00908C } .video--row2{ background:#f6f7f9; margin-top:-4.7rem; padding-bottom: 2rem; } .video--row2 .video--box{ margin-bottom: 0; } .video--row2 .h3-title{ margin-top:2rem; } .no-bg-cover{ overflow: hidden; position:relative; } .no-bg-cover img{ display: block; position: absolute; object-fit: cover; left: 0; top: 0; width: 100%; height: 100%; } .photobook--item{ margin-bottom: 2rem; } .photobook--item .small-btn{ margin-top:1rem; } .photobook--item .btn-large.small-btn { width: 100px; min-width:100px; border: 1px solid; height: 36px; line-height: 34px; } .with-after{ position:relative; } .with-after:after { content: "online"; position: absolute; top: -12px; font-weight: 500; right: 10px; font-size: 12px; color: #00908c; } .design__slider{ margin:0 -0.75rem; display: none; } .design__slider.slick-initialized{ display: block; } .design__item{ padding:0 0.75rem; } .design__slider .slick-dots { margin: 30px 0 0 0; position: relative; left: auto; bottom: auto; } .video--inst p{ margin: 2rem 0;font-weight: 500;font-size: 1.1rem } .video--inst .btn-large{ padding: 0 1rem } .video--inst .video--box{ margin-bottom:0; padding-top: 40%; } .category--small .main-blocks__body { padding: 2rem 0 2rem 2rem; } .category--small .offset-l6 .main-blocks__body { padding: 2rem 2rem 2rem 0; } .category--small .btn-large{ margin-top:1rem; } .category--small .main-blocks__item+.main-blocks__item { margin-top: 2rem; } .category--small .main-blocks__item{ min-height: 300px; } .category--small .main-blocks__image img{ display: block; position: absolute; object-fit: cover; left: 0; top: 0; width: 100%; height: 100%; opacity:1; margin-top: 0; margin-left: 0; } .partners--row{ display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; } .partner--item{ background: #f7f7f9; border: 1px solid #e1e1e1; display: block; border-radius: 16px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .partner--item:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); } .partner__inner{ padding: 2rem; } .partner--logo{ border-top-left-radius: 16px; border-top-right-radius: 16px; background-color:#fff; position: relative; display: flex; align-items: center; height: 12rem; justify-content: center; } .partner--logo img{ max-height: 150px; max-width: 200px; } .partner--sticker{ display: inline-block; border-radius: 6px; font-weight: 600; color:#fff; background:#00908c; padding:10px 15px; } .partner--text{ margin:1rem 0; color:#333; line-height: 1.4; } .partner--link a{ display: inline-block; position: relative; font-weight: 600; color: #000; letter-spacing: 1px; font-size: 13px; text-transform: uppercase; padding:0 32px 0 0; } .partner--link a:hover{ color:#00908c } .partner--link a:after{ content:""; position: absolute; background-image: url(/bitrix/templates/rhino/css/../images/black-arr.svg); background-size: contain; background-repeat: no-repeat; background-position: center; width:22px; height:12px; top:50%; margin-top:-6px; right:0; } .partner--logo a{ display: block; width:100%; height:100%; position: absolute; } .emp--row{ display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; } .emp--pic img{ border-radius: 16px; } .emp--pic{ margin-bottom: 1rem; } .emp--name { font-size: 1.1rem; font-weight:600; color:#000; margin-bottom: 1rem; } .emp--status{ margin-bottom:1rem; } .emp--mail a{ color:#00908c; display:inline-block; border-bottom:1px solid } .emp--mail a:hover{ color:#000; border-color: transparent; } .emp--logos{ display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; } .emp--logo{ position: relative; display: flex; align-items: center; height: 10rem; justify-content: center; } .emp--logo img{ max-height: 125px; } .dropdown-content__inner{ display: flex; column-count: 2; } .menu__item:nth-child(2) .dropdown-content__inner ul, .menu__item:nth-child(4) .dropdown-content__inner ul, .menu__item:nth-child(6) .dropdown-content__inner ul{ column-count: 2; } .new--menu__wrp{ position: relative; z-index: 1000; } .new--menu__wrp li.menu__item.new--item { position: relative; white-space: nowrap; cursor: pointer; //text-transform: capitalize !important; list-style: none; } .new--menu__wrp li.menu__item.new--item ul.subb { display:grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 0; grid-row-gap: 0; position: absolute; visibility: hidden; opacity: 0; background-color: #fff; transition: all .3s ease; } .new--menu__wrp li.menu__item.new--item:hover > ul.subb{ visibility: visible; opacity: 1; } .new--menu__wrp li.menu__item.new--item ul.subb { top: 100%; width: 948px; left: 0; padding:26px 0; border-radius: 6px; -webkit-box-shadow: 0px 0px 30px 2px rgb(0 0 0 / 10%); -moz-box-shadow: 0px 0px 30px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px 2px rgb(0 0 0 / 10%); } .new--menu__wrp li.menu__item.new--item ul.subb .submenu { position:relative; font-size: 14px; } .new--menu__wrp li.menu__item.new--item ul.subb > li { margin-bottom: 20px; position:relative; display: block; padding: 0 20px 0 40px; height: auto; line-height: 32px; text-align: left; } .new--menu__wrp ul.submenu li a { font-size: 14px; line-height: 18px; color: #333; position: relative; display: block; padding: 0; } .new--menu__wrp ul.submenu li .submenu a{ line-height:32px; } .new--menu__wrp ul.submenu .new--menu__bolder .dis.topper{ pointer-events: none!important; cursor: default!important; text-decoration: none!important; } .new--menu__wrp ul.submenu li a:hover{ color:#00908c; } .new--menu_col+.new--menu_col{ margin-top:20px; } .new--menu__bolder .topper{ font-weight: 700; color:#000; text-decoration: underline; margin-bottom: 10px; } .pp--pp{ padding-left:2rem; } .video--col.pp--pp2{ float:left; } .covers--filt{ display:inline-block; text-align: center; margin:0 -0.75rem 2rem -0.75rem; } .covers--filt li{ display: block; float:left; background: #FFFFFF; border-radius: 4px; font-size: 14px; line-height: 17px; padding: 9px 14px; cursor: pointer; border: 1px solid #e1e1e1; margin-bottom: 1rem; margin-left:10px; font-weight: 500; margin-right:10px; transition: all .3s ease; } .covers--filt li.is-checked, .covers--filt li:hover{ background: #00908c; border-color:#00908c; color:#fff; } .reviews__slider .slick-list{ padding: 2px 0.75rem; } .covers--filt li.coveall, .covers--filt li.cove1, .covers--filt li.cove2, .covers--filt li.cove3, .covers--filt li.cove4, .covers--filt li.cove5{ display: none; opacity:0; } .covers--filt li.coveall.vis, .covers--filt li.cove1.vis, .covers--filt li.cove2.vis, .covers--filt li.cove3.vis, .covers--filt li.cove4.vis, .covers--filt li.cove5.vis{ display:block; opacity:1; } .minibook__properties div{ font-size:13px; color:#666; font-weight: 500; } .minibook__properties.marg{ margin-bottom:1rem; } .minibook__properties div+div{ margin-top:5px; } .premium--list .minibook__price .good__price{ font-weight:500; color:#00908c } .photobooks--block{ border-radius:16px; background: rgba(230, 229, 227, 0.57); padding:0; width:100%; display:flex; overflow:hidden; } .photobooks--block:nth-child(2n){ flex-direction: row-reverse; } .photobooks--block+.photobooks--block{ margin-top:2rem; } .photobooks--img{ position:relative; min-width:380px; } .photobooks--img img{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; object-position: center center; } .photobooks--text{ padding:3rem; } .photobooks--price{ float:left; font-size: 1.1rem; line-height:36px; margin-right:2rem; font-weight: 500; } .photobooks--price span{ font-weight: 600; color:#00908c; } .photobooks--price ~ .btn-large{ float:left; min-width: 100px; border: 0; height: 36px; line-height: 36px; } .photobooks--text p{ font-size: 1rem; line-height: 1.6rem; } .photobook--item.carousels__item .news__title{ min-height: 42px; text-align: left; } .photobook--item.carousels__item .good__price{ text-align: left; } .premium--item{ padding:0 0.75rem; margin-bottom: 0!important; } .premium--slider, .premium--slider2{ display: none; margin:0 -0.75rem; } .premium--slider2{ margin:0 -0.75rem 2rem -0.75rem; } .premium--slider.slick-initialized, .premium--slider2.slick-initialized{ display: block; } .premium--slider .photobook--item .news__inner, .premium--slider2 .photobook--item .news__inner{ height: 100%; display: block; position:relative; padding-bottom: 23px; } .premium--slider .photobook--item .good__price, .premium--slider2 .photobook--item .good__price{ position:absolute; bottom:0; width:100%; } .premium--slider .slick-dots, .premium--slider2 .slick-dots{ margin: 30px 0 0 0; position: relative; left: auto; bottom: auto; } .albums--video img{ height:16px; } .albums--video{ margin-bottom: 20px; } .albums--video img{ margin-right: 10px; } .albums--video span{ font-weight:600; } .albums--video{ padding-bottom:1rem; border-bottom:1px solid #e1e1e1 } .banner4--wrp{ background:rgba(45, 162, 236, 0.2); border-radius:16px; height:150px; margin: 0; } .banner4--wrp .banner3--pic { position: absolute; top: -25px; right: 100px; transform: rotate(0deg); } .banner3--title { padding-left: 100px; margin: 0 0 1rem 0; font-weight: bold; font-size: 1.2rem; } .banner3--text { padding-left: 100px; line-height: normal; } .banner--hovereff { transform: translateY(0px); -webkit-transition: transform .3s ease; transition: transform .3s ease; } .banner--hovereff:hover { transform: translateY(-10px); color:#000; } .banner--hovereff a{ color:#000; } .numbers--padd { padding: 10px 1rem 0 1rem; } .numbers--inner { text-align: center; padding: 3rem 1rem; border-radius: 16px; position: relative; height: 100%; border: 1px solid #e1e1e1; } .numbers--ico { font-size: 2.9rem; line-height: 2.7rem; font-weight: bold; color: #00908c; margin: 0 0 1rem 0; } .numbers--wrp { display: none; } .numbers--wrp.slick-initialized { display: block; margin-top: -10px; margin-right: -1rem; margin-left: -1rem; padding-bottom: 49px; } .numbers--wrp .slick-arrow { position: absolute; background-color: transparent; text-indent: -9999px; bottom: 0; width: 24px; height: 24px; background-repeat: no-repeat; background-size: 24px; cursor: pointer; outline: none; padding: 0; z-index: 99; border: 0; -webkit-appearance: none !important; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .numbers--wrp .slick-arrow.slick-prev { left: 50%; margin-left: -34px; background-image: url(/bitrix/templates/rhino/css/../images/rarrow.svg); } .numbers--wrp .slick-arrow.slick-next { right: 50%; margin-right: -34px; background-image: url(/bitrix/templates/rhino/css/../images/larrow.svg); } .numbers--desc strong{ font-weight: 700; } .numbers--wrp .slick-arrow:hover { opacity: 0.5; } .foto--section{ background: #f6f7f9; } .foto--section p { font-size: 1rem; line-height: 1.6rem; } .banner3--wrp{ background:rgba(239, 234, 226, 0.8); border-radius:20px; height:150px; margin: 0; } .banner3--title{ padding-left:100px; margin:0 0 1rem 0; font-weight:bold; font-size:1.2rem; } .banner3--text{ padding-left:100px; line-height:normal; } .banner3--pic { position: absolute; top: -60px; right: 100px; transform:rotate(15deg); } .priority--wrp { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 30px; grid-row-gap: 30px; margin-bottom: -30px; } .priority__item { border-radius: 16px; padding: 3rem 2rem; background: #fff; } .priority--title { font-weight: bold; font-size: 1.2rem; margin: 0 0 1rem 0; } .priority--text { line-height: 1.4rem; } .production--item{ border-radius:20px; padding:3rem; margin-bottom:2rem; } .production--item:first-child{ background:#a8dcff; /* background:rgba(203, 238, 242, 0.5); */ } .production--item:last-child{ /* background:rgba(234, 171, 61, 0.2); */ background:#FFC1A4; } .production--title{ font-size:1.7rem; font-weight:bold; margin:0 0 2rem 0; } .production--title p{ line-height:1.4rem; } .production--list{ padding:0; margin-bottom:0; } .production--list li{ display:block; position:relative; padding-left:20px; } .production--list li:before{ position: absolute; content: ""; background: #00908c; height: 6px; width: 6px; top: 8px; border-radius: 6px; -webkit-border-radius: 6px; left: 0; } .production--list li+li{ margin-top:10px; } .production--wrp{ display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 20px; grid-row-gap: 0; margin-bottom:-2rem } .production--sticker { position: absolute; top: 0; right: 0; } .banner2--wrp{ background:#F0F1F3; border-radius:16px; height:150px; margin-top: 80px; } .banner2--text{ padding-left:100px; font-size:1.2rem; line-height:24px; } .banner2--text a{ font-weight:bold; text-decoration:underline; } .banner2--pic { position: absolute; top: -60px; right: 75px; } .products--wrp{ display:none; } .products--wrp.slick-initialized{ display: block; margin-top: -10px; margin-right: -0.75rem; margin-bottom: 2rem; margin-left: -0.75rem; } .products--padd{ padding:10px 0.75rem 0 0.75rem; } .products--ico img { border-radius: 20px 20px 0 0; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; object-position: center center; -webkit-transition:opacity .3s ease; transition:opacity .3s ease; } .static--img{ z-index: 1; opacity: 1; } .video--img{ z-index: 0; opacity: 0; } .products--ico{ position:relative; padding-top:65%; } .products--ico:hover .video--img{ z-index: 2; opacity: 1; } .products--inner{ overflow:hidden; background:#fff; position:relative; height:100%; border-radius:20px; } .products--desc{ padding:2rem 2rem 40px 2rem; } .products--list{ display:block; margin:0 0 0 0; padding:0; min-height:87px; } .products--list li{ display:block; font-size:1rem; color:rgba(30, 34, 46, 0.5) } .products--list li span{ color:rgb(30, 34, 46) } .products--list li+li{ margin-top:5px; } .products--title{ font-weight:600; font-size:1.2rem; margin:0 0 20px 0; } .products--btns{ margin-top:10px; } .products--btns a:first-child{ float:left; } .products--btns a:last-child{ float:right; } .products--sticker{ position:absolute; bottom:0; width:100%; text-align:center; z-index:3; -webkit-transition:opacity .3s ease; transition:opacity .3s ease; } .products--sticker span{ display:inline-block; font-size:13px; margin:0 10px; padding:5px 10px; font-weight:600; background:#ff2c61; color:#fff; border-radius:6px 6px 0 0; } .banner--hovereff:hover .products--title{ color:#00908c; } .products--ico:hover .products--sticker{ opacity:0; } .madeby{ opacity: 0.6; margin-top: 10px; display: flex; align-items: center; color: #000!important; font-size: 13px; font-weight: 500; justify-content: flex-end; } .madeby span{ line-height: 1; } .madeby img{ margin-left:7px; height: 12px; } .madeby:hover{ opacity:1; } .good-price { display: inline-block; margin-top: 5px; padding: 8px 10px; width: 100%; } .good-price .good-value { font-size: 18px; font-weight: 600; float: right; } .good-price .good-value { /* color: #00908c; */ color: #333; } .products--btns { margin-top: 10px; } .products--btns a:first-child { float: left; } .products--btns a:last-child { float: right; line-height: 36px; } .products--btns a:first-child{ line-height: 40px; } .products--btns a{ font-size: 14px; height: 40px; min-width: 150px; } .currency.rub{ display: inline!important; } .horizontal--banner{ margin-bottom:5rem; background-color:#fff; border-radius:16px; overflow: hidden; } .disp--flex{ display:flex; } .horizontal--banner__pic, .horizontal--banner__desc{ width:50%; float:left; } .horizontal--banner .products--ico img{ border-radius: 20px 0px 0 20px; } .horizontal--banner .products--ico{ padding-top:0; height:100%; } .horizontal--banner__desc{ padding:3rem 2rem; } .horizontal--banner__desc .btn-large{ min-width: 200px; } .products--title{ min-height:1px!important; } .products--wrp .slick-dots { margin: 30px 0 0 0; padding: 0; text-align: center; position: relative; left: auto; bottom: auto; } .steps--wrap { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 20px; grid-row-gap: 0; } .steps--item { text-align: center; padding: 0 20px 3rem 20px; background: #fff; border-radius: 16px; //border: 1px solid #EBEBEB; line-height: 1.4rem; } .steps--ico { border-radius: 15px; line-height: 50px; height: 50px; text-align: center; margin: -25px auto 25px auto; background: #00908c; width: 50px; font-size: 1.4rem; font-weight: bold; color: #fff; } .banner-reg--text a { color: #00908c; } .banner5--pic { position: absolute; top: -30px; right: 100px; } .banner1--text span { display: inline-block; height: 28px; line-height: 24px; font-weight: 500; background: #F96765; margin-left: 5px; border-radius: 28px; padding: 0 10px; color: #fff; } .banner1--text .h3-title{ line-height:28px; } .news__item2.slick-slide{ position:relative; padding-bottom:23px; } .news__item2.slick-slide .good__price{ position:absolute; bottom:0; left:0.75rem; width: 100%; } .news__item2.slick-slide .news__inner{ position: unset; } .minibook__price .good__price ~ .btn-large.small-btn{ margin-top:0!important; } .video--desc .h3-title{ line-height: normal; } .video--desc ul { display: block; margin: 0; padding: 0; } .video--desc ul li { font-size: 1rem; line-height: 1.5rem; margin: 0; position: relative; padding: 0 0 0 20px; } .video--desc ul li+li { margin: 10px 0 0 0; } .video--desc ul li:after { position: absolute; content: ""; background: #00908c; height: 6px; width: 6px; top: 8px; border-radius: 6px; -webkit-border-radius: 6px; left: 0; } .tabs .tab a, .portfolio__line li, .anchor__wrap_teh_trebovania div{ display: block; background: #FFFFFF; border-radius: 4px; font-size: 14px; line-height: 17px; padding: 9px 14px; cursor: pointer; border: 1px solid #e1e1e1; font-weight: 500; transition: all .3s ease; } .tabs .tab a:hover, .tabs .tab a.active, .portfolio__line li:hover, .portfolio__line li.is-checked, .anchor__wrap_teh_trebovania div:hover, .anchor__wrap_teh_trebovania div.is-checked{ background: #00908c; border-color: #00908c; color: #fff; } .anchor__wrap_teh_trebovania div:hover a{ color:#fff; } .tabs .tab, .portfolio__line li, .anchor__wrap_teh_trebovania div{ margin-left: 9px; margin-right: 9px; margin-bottom: 1rem; line-height: normal; height: auto; } .tabs .indicator{ display: none!important; } .tabs, .anchor__wrap_teh_trebovania{ display: inline-block; text-align: center; margin: 0 -0.75rem 2rem -0.75rem; } .portfolio__line{ display: inline-block; text-align: center; margin: 0 0 2rem 0; } .tabs .tab a:focus.active, .portfolio__line li.is-checked, .anchor__wrap_teh_trebovania div.is-checked{ background: #00908c; border-color: #00908c; color:#fff; } .anchor__wrap_teh_trebovania a:hover{ color:#fff; } .top--slider{ background-color: #88c9ef; //background: url(/bitrix/templates/rhino/css/../images/ny.svg?2) repeat, linear-gradient(90deg, #ED4948 0%, #D21C29 100%); z-index: 100; padding: 10px 0; color: #333; font-size: 14px; text-align: center; position: relative; } .notice--slider{ display: none; } .grecaptcha-badge { visibility: hidden; } .notice--slider.slick-initialized{ display: block; } .captcha--rules{ margin-top:1rem; font-size:12px; color:#999; } .captcha--rules a{ color:#00908c; border-bottom:1px solid; } .captcha--rules a:hover{ color:#000; border-color: transparent; } .top--slider a:hover{ border-bottom:0; } .notice--slide{ display: flex; align-items: center; } .notice--inner{ padding: 0 20px; } .notice--slide a{ color:#333; text-decoration: underline; } .notice--slide a:hover{ text-decoration: none; } .top--slider .slick-prev.slick-arrow{ display: none!important; } .top--slider .slick-next.slick-arrow{ position: absolute; background-color: transparent; text-indent: -9999px; top: 50%; width: 20px; right:0px; height: 20px; border-radius: 20px; margin-top: -10px; background-repeat: no-repeat; background-position: center; /* background-image: url(/bitrix/templates/rhino/css/../images/arright.svg?1); */ background-image: url(/bitrix/templates/rhino/css/../images/arright-r.svg); background-size: 10px; cursor: pointer; outline: none; padding: 0; z-index: 99; border: 0; -webkit-appearance: none !important; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .top--slider .slick-next.slick-arrow:hover{ background-color: rgba(0,0,0,0.2); } .video--desc .btn-large{ margin-top:1.5rem; } .premium--list-wrp .news__pic.good__pic{ padding-top:0!important; } .no-bg-cover img{ position:relative; width:100%; height:auto; } .photobook--item.carousels__item .news__pic.good__pic{ padding-top:0; } .carousels__cocntent .news__title, .pf-portfolio .news__title{ min-height:42px; } .newicons--wrp{ display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 20px; grid-row-gap: 2rem; } .newicons--icon{ border-radius:16px; padding:30px 20px; background:#f6f7f9; } .newicons--icon img{ height:54px; float:left; } .newicons--top{ display: flex; align-items: center; } .newicons--icon .photobook__desc{ font-weight: 600; float:left; width:calc(100% - 72px); } .newicons--icon p{ padding:0 10px; } .photobooks--newpriority{ background: #f6f7f9; padding:3.3rem 0; } .newpriority--title { margin-top: 1rem; font-size: 1.1rem; font-weight: 500; } .newpriority--ico img{ height:54px; } .newpriority--wrp{ display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: start; align-content: center; } .newpriority--item{ width: 25%; padding: 0 0.75rem; text-align: center; margin-bottom: 2rem; } .premium--slider.has-arrows .slick-arrow{ top:115px; margin-top:0; } .premium--slider2.has-arrows .slick-arrow{ top:80px; margin-top:0; } .premium--slider.has-arrows .slick-arrow.slick-prev, .premium--slider2.has-arrows .slick-arrow.slick-prev { left: 2rem; } .premium--slider.has-arrows .slick-arrow.slick-next, .premium--slider2.has-arrows .slick-arrow.slick-next{ right: 2rem; } .top--line{ padding:10px 0; border-bottom:1px solid #f1f1f1; background:#f8f8f8; } .top--menu{ -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; } .top--menu_right{ font-weight: 500; } .top--menu_left, .top--menu_right{ display: flex; grid-column-gap: 2rem; } .top--menu_right a{ display: inline-block; position: relative; padding-left: 24px; color:#000; } .top1{ //-webkit-animation: rotation 1.5s infinite linear, colorchange 1.5s infinite linear; //animation: rotation 1.5s infinite linear, colorchange 1.5s infinite linear; } @-webkit-keyframes rotation { from { transform: scale(1); } 50%{ transform: scale(0.95); } to { transform: scale(1); } } @keyframes rotation { from { transform: scale(1); } 50%{ transform: scale(0.95); } to { transform: scale(1); } } @-webkit-keyframes colorchange { from { color:#000; } 50%{ color:#00908c; } to { color:#000; } } @keyframes colorchange{ from { color:#000; } 50%{ color:#00908c; } to { color:#000; } } .bottom4{ //-webkit-animation: colorchange 1.5s infinite linear; //animation: colorchange 1.5s infinite linear; } .bottom4:before{ //-webkit-animation: rotation2 1.5s infinite linear; //animation: rotation2 1.5s infinite linear; } @-webkit-keyframes rotation2 { from { transform: scale(1); } 50%{ transform: scale(1.2); } to { transform: scale(1); } } @keyframes rotation2 { from { transform: scale(1); } 50%{ transform: scale(1.2); } to { transform: scale(1); } } .top--menu_right a.top1:before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; background-size: 14px; width: 14px; height: 14px; background-image: url(/bitrix/templates/rhino/css/../images/picture.svg?2); } .top--menu_right a.top2:before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; background-size: 14px; width: 14px; height: 14px; background-image: url(/bitrix/templates/rhino/css/../images/giftbox.svg); } .top--menu_right a.top3:before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; background-size: 14px; width: 14px; height: 14px; background-image: url(/bitrix/templates/rhino/css/../images/discount.svg); } .mobile-bottom{ padding: 0 0 0 0; position: relative; border-top: 0; background: #f6f7f9; border-top: 1px solid #e2e2e2; } .mobile-bottom a{ padding: 1rem 1rem 1rem 60px; position: relative; font-size: 15px; font-weight: 400; background: #f6f7f9; display: block; height: auto; line-height: normal; } .mobile-bottom a:before{ content: ""; position: absolute; left: 1.5rem; top: 13px; width: 24px; height: 24px; background-repeat: no-repeat; background-size: 24px; background-position: center; } .mobile-bottom a.bottom1:before{ background-image: url(/bitrix/templates/rhino/css/../images/contacts.svg); } .mobile-bottom a.bottom2:before { background-image: url(/bitrix/templates/rhino/css/../images/gift2.svg); } .mobile-bottom a.bottom3:before { background-image: url(/bitrix/templates/rhino/css/../images/offer2.svg?3); } .mobile-bottom a.bottom4:before { background-image: url(/bitrix/templates/rhino/images/web/icons/icons_professionals/price-tag-08.svg); } .mobile-bottom a.bottom5:before { background-image: url(/bitrix/templates/rhino/images/del.svg); } .mobile-bottom a.bottom2{ color:#ff2c61 } .mobile-bottom a.bottom3{ color:#FF5023 } .sales__end{ position: absolute; background: #ff0000; color:#fff; font-size: 14px; font-weight: 500; left: 1rem; top: 1rem; border-radius: 3px; padding:5px; display: inline-block; } .news__detail-img{ position: relative; } .albums--newitem ul { margin:0 0 1rem 0; padding:0; display: block; } .albums--newitem ul li{ font-size: 13px; color: #666; font-weight: 500; } .albums--newitem ul li+li{ margin-top: 5px; } .albums--newitem .minibook__price { width: 100%!important; position: absolute; bottom: 0; left: 0; } .good__item.albums--newitem .news__inner { border-bottom: 0!important; height: 100%!important; padding-bottom: 41px!important; } .examples__wrp { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 20px; grid-row-gap: 30px; } .examples__wrp .examples__item { padding: 0; } .examples__wrp img{ border-radius:16px; width:100% !important } .offer--tables{ margin-top: 75px; display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 30px; grid-row-gap: 30px; } .offer__table{ background:#f9f9f9; border-radius:16px; border: 1px solid #e1e1e1; padding:1rem 30px 30px 30px; position:relative; } .offer__btn{ margin-top: 2rem; } .offer__table:nth-child(2){ background:#fff; transform: translateY(-30px); } .tabs-wrap .offer--tables{ margin-top: 30px } .ribbon-wrapper-red { width: 87px; height: 89px; overflow: hidden; position: absolute; top: -1px; right: -1px; } .personalization{ margin-bottom:1rem; font-weight:500; } .ribbon-red { font-size: 13px; font-weight: 700; color: #fff; text-align: center; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); position: relative; padding: 7px 0; left: -10px; top: 16px; width: 130px; background-color: #ff0040; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px rgba(0,0,0,0.3); } .ribbon-red:before, .ribbon-red:after{ content: ""; display:none; border-top: 3px solid #ff0040; border-left: 3px solid transparent; border-right: 3px solid transparent; position:absolute; bottom: -3px; } .ribbon-red:before{ left: 0; } .ribbon-red:after{ right: 0; } .mobile-content li a.undisabled.no-marg{ margin:0!important; } .gallery__item{ display:block; padding:0 0.75rem; float:left; margin-bottom: 1.5rem; } .gallery--wrp{ margin:0 -0.75rem; } .gallery__item img{ border-radius: 16px; } .gallery__item a:hover{ opacity: 0.5; } .gallery__item.gallery--horizontal{ width:100%; } .gallery__item.gallery--vertical{ width:33.3333%; } .marg-top2 .btn-large{ min-width: 250px; } #mapcities{ display: block!important; } .contacts--row{ margin-top:3rem; margin-bottom:4.7rem; } .contacts--wrp{ display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; } .contacts--wrp > .contacts--full { grid-column: span 2; } .contacts--item{ border-radius: 16px; padding:3rem; background: #fff; box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 3%); } .contacts--item .h3-title{ margin: 0 0 20px 0!important; } .contacts__time{ font-weight: 600; } .phones--wrp{ position: relative; padding-left:24px; } .phones--wrp:before{ content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; background-size: 16px; width: 16px; height: 16px; background-image: url(/bitrix/templates/rhino/css/../images/telephone.svg); } .contacts--phone{ display: inline-block!important; margin-top: 0!important; } .contacts--item .contacts__wa{ display: block; margin-top: 10px; } .cities--mail{ display: none; font-weight: 600; } #moscow{ display: block; } .map--anchor{ margin-top:5px; border-bottom:1px solid; color:#00908c; font-weight: 600; display: inline-block; } .map--anchor:hover{ color:#333; } .portfolio__wrp .good__col .h1-title{ font-size: 1.5rem; line-height: 2rem; } .print__item .news__inner .news__pic img{ border-radius:16px } .slider__new-wrp{ position:relative; } .slider__new-wrp .swiper-horizontal>.swiper-pagination-bullets, .slider__new-wrp .swiper-pagination-bullets.swiper-pagination-horizontal, .categories--slider>.swiper-pagination-bullets{ display: none; } .slider__new-wrp .swiper-button-next, .slider__new-wrp .swiper-button-prev{ opacity:1; position:relative; margin-top:0!important; left:auto!important; right:auto!important; } .slider__new-wrp .swiper-button-next.swiper-button-disabled, .slider__new-wrp .swiper-button-prev.swiper-button-disabled{ opacity:0.1!important; } .slider__new-wrp .pfslider__slider-controls{ width: calc(100% + 36px); margin-left: -18px; display: flex; align-items: center; position: absolute; top: 50%; left: 0; justify-content: space-between; transform: translateY(-50%); z-index: 11; } .categories--slider__wrp .swiper-button-next, .categories--slider__wrp .swiper-button-prev{ z-index: 11; position: absolute; top:50%; margin-top:-18px; } .slider__new-wrp .pfslider__slider-controls{ opacity:0; } .slider__new-wrp .slider__new.swiper-initialized ~ .pfslider__slider-controls { opacity: 1; } .cert--block{ background: #f6f7f9; border-radius: 16px; } .cert--inner{ //min-height:400px; display: flex; flex-direction: row-reverse; align-items: center; } .cert--text{ padding:3rem; } .cert--text p{ margin:1rem 0 2rem 0; } .cert--text, .cert--pic{ width: 50%; } .cert--pic{ text-align: center; } .cert--pic img{ max-width: 80%; } .show--mobile{ display:none; } .hide--mobile{ margin-top:2rem; } .hide--mobile .acc__body{ padding-top:0!important; display: block!important; } .hide--mobile .h3-title{ margin:0 0 1rem 0; } .hide--mobile > div:first-child { margin-bottom: 2rem; } .good__form-wrap .cert--in{ margin-top:-1rem; } .datefinal-opt { background: #ffdbcb !important; } .datefinal{ display: flex; } .datefinal--right{ margin-left: auto; padding-left: 15px; text-align: right; } .datefinal{ margin-bottom:10px; padding-bottom:11px; border-bottom: 1px dashed #b8b6b6; } .datefinal:last-child{ margin-bottom:0px; padding-bottom:0px; border-bottom: 0; } .datefinal--wrp{ background: #f6f7f9; padding: 2rem; margin-bottom: 2rem; border-radius: 5px; } .datefinal--wrp a{ color:#00908c; border-bottom: 1px solid; } .datefinal--wrp a:hover{ color:#333; } .datefinal--wrp a{ display: inline-block; position: relative; margin-left: 24px; } .datefinal--wrp a:before { content: ""; position: absolute; top: 50%; transform: translateY(-45%); left: -24px; background-size: 16px; width: 16px; height: 16px; background-image: url(/bitrix/templates/rhino/css/../images/delivery.svg?2); } .bx-ui-slider-range{ position: absolute; top: 0; bottom: 0; z-index: 80; } .bx-ui-slider-track-container{ position:relative; } .bx-ui-slider-part { position: absolute; top: -15px; } .bx-ui-slider-part.p1 { left: -1px; } .bx-ui-slider-part.p2 { right:-1px; } .bx-ui-slider-part.p3 { left: 50%; } .bx-ui-slider-part.p4 { left: 75%; } .bx-ui-slider-part.p5 { right: -1px } .bx-ui-slider-part span { position: absolute; top: -16px; left: 0; display: block; margin-left: 0; width: auto; color: #000; text-align: left; font-size: 14px; } .bx-ui-slider-part.p2 span{ left:auto; right:0; } .bx-ui-slider-range, .smart-filter-slider-price-bar, .bx-ui-slider-pricebar-vd, .bx-ui-slider-pricebar-vn, .bx-ui-slider-pricebar-v { position: absolute; top: 0; bottom: 0; } .bx-ui-slider-pricebar-vn { z-index: 70; background-color: #EEEEEE; } .bx-ui-slider-pricebar-vd { z-index: 60; background: #EEEEEE; } .bx-ui-slider-pricebar-v { z-index: 80; background-color:#00908c; } .bx-ui-slider-handle { position: absolute; top: -8px; width: 18px; height: 18px; z-index: 71; background:#fff; border: 3px solid #00908c; border-radius:18px; } .bx-ui-slider-handle.left { left: 0; margin-left: 0; } .bx-ui-slider-handle.right { right: 0; margin-right: 0; } .bx-ui-slider-track{ height: 3px; background: #e7e7e7; } .filter--wrp { display: block; margin-top: -1rem; margin-bottom: 2rem; } .smartfilter { display: grid; grid-template-columns: repeat(5, 1fr); grid-column-gap: 10px; grid-row-gap: 10px; } .filter__block { position: relative; } .filter__block--title { border-radius: 6px; border: 1px solid #cccccc; padding: 0 10px; height: 42px; font-size: 1rem; color: #000; line-height: 40px; cursor: pointer; position: relative; transition: border .3s ease; } .filter__block--title:after { content: ""; right: 12px; position: absolute; top: 50%; transform: translateY(-50%); width: 13px; height: 8px; background-image: url(/bitrix/templates/rhino/css/../images/select.svg); background-size: 100%; background-repeat: no-repeat; } .filter__block--title span.filt-val { display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; width: calc(100% - 15px); } .filter__block--inner { display: none; } .filter__block--inner .form-check { display: block; min-height: 18px; padding-left: 28px; margin-bottom: 0; } .filter__block--inner .form-check-input { width: 18px; height: 18px; cursor:pointer; opacity:1!important; pointer-events: all!important; margin-top: 0.15em; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid rgba(0,0,0,.25); -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact; } .filter__block--inner label { font-size: 1rem; cursor: pointer; line-height: 1.5; color:#333; } .form-check .form-check-input { float: left; margin-left: -1.5em; } .form-check-input[type=checkbox] { border-radius: 0.25em; } .form-check-input:checked { border-color: #00908c; background: #00908c; } .form-check+.form-check { margin-top: 12px; } .form-check-input:checked[type=checkbox] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") } .form-check-input:focus { border-color: #00908c; outline: 0; box-shadow: none; } .bx-filter-popup-result { left: 0; position: absolute; z-index: 3; display: none; font-weight: 400; margin-top: 0; margin-left: 0; width: 100%; padding: 3px 20px 0 20px; border-radius: 6px; min-height: 42px; border: 1px solid #00908c; color: #0f0f0f; white-space: nowrap; font-size: 14px; line-height: 18px; background: #fff; -webkit-box-shadow: 0px 5px 15px rgb(0 0 0 / 6%); box-shadow: 0px 5px 15px rgb(0 0 0 / 6%); } #modef_num { font-weight: 700; } .bx-filter-popup-result a { color: #0f0f0f; text-decoration: underline; } .bx-filter-popup-result a:hover{ color: #00908c; text-decoration: none; } .filter__block--title.active { border: 1px solid #00908c; } .filter__block--inner.active { display: block; padding: 20px; position: absolute; bottom: 0; z-index: 4; transform: translateY(100%); width: 100%; left: 0; background: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); border-radius: 6px; } .filter__buttons { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 10px; grid-row-gap: 0px; } .filter__buttons .btn-large{ min-width:100px; } .filter__block--title span.filt-val i { font-style: normal; font-size: 13px; position: relative; display: inline-block; font-weight: 700; text-transform: lowercase; } .filter__block--title span.filt-val i:before{ content:", " } .filter__block--title span.filt-val i:first-child:before{ content:": "; left:0; position: absolute; } .filter__block--title span.filt-val i:first-child{ padding-left:10px; } .filter__block--inner.select--overflow { max-height: 200px; overflow-y: auto; } .price--wrp{ display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 10px; margin-bottom: 1rem; } .price--wrp input[type=text]:not(.browser-default){ height:32px; line-height: 30px; } .filer__rangeslider { position: relative; padding: 30px 0 9px 0; } .bx-ui-slider-part span { position: absolute; top: -16px; left: 0; display: block; margin-left: 0; width: auto; font-weight: 500; color: #000; text-align: left; font-size: 14px; } .bx-ui-slider-part span i{ font-style: normal; font-size: 12px; } .filter--colors{ display: grid; text-align: center; grid-template-columns: repeat(4, 1fr); grid-column-gap: 10px; grid-row-gap: 10px; } .filter--pic{ display: inline-block; width:32px; border:2px solid #ddd; height: 32px; border-radius: 150%; background-size: contain!important; } .bx-active .filter--pic{ border:2px solid #00908c; } .color--item{ height:32px; } .smartfilter > div:last-of-type { //grid-column: 3 / 1; } .catalog--sort { margin: 0 0 2rem 0; text-align: left; position: relative; } .sort--wrp { display: inline-block; position: relative; font-size: 1rem; color: #333; font-weight: 500; line-height: normal; } .sort--value { color: #7d7d7d; position: relative; display: inline-block; padding: 0 24px 0 0; cursor: pointer; font-weight: 400; } .sort--value:after { content: ""; position: absolute; top: 50%; transform:translateY(-45%); width: 14px; height: 14px; right: 0px; background-image: url(/bitrix/templates/rhino/css/../images/downarr2.svg?1); background-size:100%; background-repeat: no-repeat; background-position: center; } .sort--list { display: none; width: 230px; margin:0!important; position: absolute; z-index: 4; text-align: left; top: 30px; background: #fff; padding: 20px!important; left: 0; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); border-radius: 6px; } .sort--list.active { display: block; } .sort--list li { display: block; position: relative; font-size: 14px; transition: color .3s ease; cursor: pointer; } .sort--list li:hover{ color: #00908c; } .sort--list li+li { margin-top: 10px; } .sort--list li.active{ font-weight: 600; } .news__list{ -webkit-transition: all 0.5s cubic-bezier(0,0,0.25,1); transition: all 0.5s cubic-bezier(0,0,0.25,1); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .works--properties{ font-size: 13px; color: #666; font-weight: 500; margin-bottom:1rem; } .works--properties div+div{ margin-top:5px; } .works--list{ display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 1.5rem; grid-row-gap: 2rem } .works--list .minibook__price .good__price { font-weight: 500; color: #00908c; } .works--list .news__inner{ height: 100%; position:relative; border-bottom: 0!important; padding-bottom: 36px!important; } .works--list .minibook__price { width: 100%!important; position: absolute; bottom: 0; left: 0; } .show--more{ margin:2rem auto 0 auto!important; display: block; width: 200px; } .works--bottom{ padding:0 0 4.7rem 0; } .wbb ~ p{ display: none; } .datefinal--wrp.list { background: transparent; padding: 10px 0 0 0; border-top:1px dashed #e3e3e3; margin-bottom: 1rem; margin-top: -5px; border-radius: 0; font-size: 13px; color:#333; font-weight:500; } .datefinal--wrp.list.for-print { padding: 0 0 10px 0; border-top:0; font-size: 14px; border-bottom: 1px dashed #e3e3e3; margin-top: 0px; } .sales__sticker { position: absolute; color: #fff; font-size: 14px; font-weight: 500; left: 1rem; line-height: 1; bottom: 1rem; border-radius: 3px; padding: 5px; display: inline-block; } .sales__end{ line-height: 1; } .color1{ background: #FFD700; color: #333; } .color2{ background: #FF69B4; } .news__detail-img .sales__sticker{ z-index: 2; font-size: 1rem; padding: 10px; bottom: auto; top: 1rem; left: 50%; transform: translate(-50%,0); } .sticky-materials .print__item .btn-large{ display: none!important; } .sticky-materials .print__item .news__inner { padding-bottom: 0!important; } .mobile__btn{ display: inline-block; } .mobile__top{ padding: 1rem 1rem 1rem 60px; position: relative; background: #f6f7f9; font-size: 15px; font-weight: 400; height: auto; line-height: normal; border-bottom: 1px solid #e2e2e2; } .mobile__profile a{ padding: 1rem 1rem 1rem 60px; position: relative; font-size: 15px; font-weight: 400; background: #f6f7f9; display: block; height: auto; line-height: normal; } .mobile__top:after{ content: ""; position: absolute; left: 1.5rem; top: 13px; width: 24px; height: 24px; background-repeat: no-repeat; background-size: 24px; background-position: center; background-image: url(/bitrix/templates/rhino/css/../images/ph9.svg); } .popup__top{ padding:20px; border-radius:16px; background:#f6f7f9; margin-bottom:20px; text-align:center; } .mobile__phone { display: inline-block; line-height: 16px; font-size: 16px; font-weight: 700; } .mobile__time { display: block; font-size: 14px; margin-top: 10px; line-height: 16px; } .call__body .h3-title:after{ display: none!important; } .call__body .h3-title{ padding:0!important; margin: 0 0 20px 0; } .call__body .form-btn input[type=submit]{ margin-top:0; } .popup__heading{ font-weight:600; font-size:1.1rem; margin: 0 0 15px 0; } .mobile__profile a:first-child:after { content: ""; position: absolute; left: 1.5rem; top: 13px; width: 24px; height: 24px; background-repeat: no-repeat; background-size: 24px; background-position: center; background-image: url(/bitrix/templates/rhino/css/../images/ph11.svg?2); } .mobile__profile a:last-child:after { content: ""; position: absolute; left: 1.5rem; top: 13px; width: 24px; height: 24px; background-repeat: no-repeat; background-size: 20px; background-position: center; background-image: url(/bitrix/templates/rhino/css/../images/ph10.svg?3); } .goods .works--list{ margin-bottom:3.3rem } .filter--size ~ .filter__inner .filter--wrp{ margin-top:0; } .filter--size ~ .filter__inner .smartfilter { display: grid; grid-template-columns: repeat(3, 1fr); } .filter--size#stocks ~ .filter__inner .smartfilter { display: grid; grid-template-columns: repeat(2, 1fr); } .filter--size#premium ~ .filter__inner .smartfilter { display: grid; grid-template-columns: repeat(4, 1fr); } .good__detail-text ~ p{ display: none!important; } .video--col.image--small{ width:35%; } .video--col img.responsive-img{ width:100%; height: auto; } .video--col.image--small ~ .video--col{ width:65%; } .main-blocks__item.setka{ background: #efedee; } .reviews-block.no-after:before{ display: none; } .cert--text .h2-title{ margin:0 0 2rem 0; } .cert--pic.fuller{ text-align: right; } .cert--pic.fuller img{ max-width: 100%; } .complect--wrp{ display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; } .complect--title { font-size: 1.3rem; font-weight: 600; margin-bottom: 1rem; } .complect--text{ font-size: 14px; line-height: 20px; margin-bottom: 1rem; } .complect--link{ color:#00908c; border-bottom:1px solid } .complect--pic img { width: 100%; height:100%; object-fit: cover; position: absolute; z-index: 1; top: 0; left: 0; border-radius: 16px; } .complect--inner .clearfix { display: flex; } .complect--inner .news__pic{ padding-top:68%; } .complect--inner .clearfix .news__pic{ padding-top:0; width: 220px; position:relative; margin:0; } .complect--inner .clearfix .complect--pic img { height: 100%; bottom:0; right:0; object-fit: cover; border-radius: 16px; } .complect--desc{ padding-left:1rem; min-height: 138px; width: calc(100% - 220px); } .complect--inner+.complect--inner{ margin-top:1.5rem; } .complect--wrp{ margin-bottom:2rem; } .photobooks .margin-bottom{ margin-bottom:5rem; } .photobooks .main-carousels{ padding-top:3rem; } .photobooks .video--inst{ margin-top:3rem; } .photobooks .text-blocks{ padding-bottom:5rem; } .photobooks .blog__wrap{ margin-bottom:3rem; } .photobooks .text-block__text p:last-child{ margin-bottom:0 } .portfolio__wrp .swiper-slide video { border-radius: 16px; -webkit-border-radius: 16px; } .gallery__item img{ width:100%; height:auto } .blocks--slider .swiper-slide{ height: calc((100% - 22px) / 2) !important; } .block--item{ display: block; border-radius: 16px; background: #f6f5f7; position: relative; height: 250px; padding:30px; } .block--item img{ transition:all .3s ease } .blocks--slider .swiper-slide:nth-child(1) img, .blocks--slider .swiper-slide:nth-child(2) img, .blocks--slider .swiper-slide:nth-child(3) img, .blocks--slider .swiper-slide:nth-child(4) img, .blocks--slider .swiper-slide:nth-child(5) img, .blocks--slider .swiper-slide:nth-child(6) img{ position:absolute; bottom:0; right:0; height:250px; width: auto; } .block--outer{ position: relative; z-index:1; align-items: flex-start; align-self: flex-start; display: flex; flex-direction: column; flex-grow: 1; height: 100%; justify-content: space-between; } .block--btn span{ border-bottom:1px solid } .block--title { font-size: 1.2rem; font-weight: 600; } .block--item, .block--item:hover{ color:#333; } .block--desc{ color: #777; font-size: 14px; margin-top: 10px; } .block--item:hover img{ opacity:0.5 } .block--text{ width:70%; } .blocks--slider{ padding:0; display: none; margin-left: auto; margin-right: auto; position: relative; list-style: none; z-index: 1; } .blocks--slider.swiper-initialized{ display: block; } .calc20 #pxpProducCalc .option-item-title { display: inline-block; } .calc20 #pxpProducCalc .app-column__1, .calc20 #pxpProducCalc .calc-app-column__1 { grid-template-columns: repeat(3, 1fr); } .calc20 #pxpProducCalc .material-selector > ul > li:nth-child(2) > ul > li{ border: 1px solid #ccc !important; border-radius: 8px !important; padding: 5px 12px !important; font-size: 14px; transition: .3s; cursor: pointer; } .calc20 #pxpProducCalc .material-selector > ul > li:nth-child(2) > ul > li.selected, .calc20 #pxpProducCalc .material-selector > ul > li:nth-child(2) > ul > li:hover{ color:#fff!important; background:#00908c!important; border-color:#00908c!important; } .calc20 #pxpProducCalc .material-selector > ul > li:nth-child(2) > ul > li.selected label, .calc20 #pxpProducCalc .material-selector > ul > li:nth-child(2) > ul > li:hover label{ color:#fff!important; } .calc20 #pxpProducCalc .material-selector__item.option-row .option-value label{ cursor: pointer!important; } .calc20 #pxpProducCalc .material-selector > ul > li:nth-child(2) [type="radio"]:not(:checked)+span, .calc20 #pxpProducCalc .material-selector > ul > li:nth-child(2) [type="radio"]:checked+span{ font-size:14px; } .calc20 #pxpProducCalc .option-value li > a, #pxpProducCalc .custom-works label, #pxpProducCalc .material-selector > ul > li > ul > li a { border: 0px !important; } .calc20 #pxpProducCalc .option-value li > a:hover, #pxpProducCalc .material-selector > ul > li > ul > li a:hover { background: none !important; } .calc21 #pxpProducCalc .custom-works label:hover{ color:#fff!important; background:#00908c!important; border-color:#00908c!important; } #pxpProducCalc .pxp_calc_quick_order_manager_block .pxp_calc_quick_order_manager_block_info_text:before { color: #ff2c61 !important; font-weight: 600; font-size: 32px !important; } #pxpProducCalc .pxp_calc_quick_order_manager_block .pxp_calc_quick_order_manager_block_info_text .button_calc_cashback { /* font-weight: 600; */ color: #ff2c61; border-bottom: 1px solid; } #pxpProducCalc .pxp_calc_quick_order_manager_block .pxp_calc_quick_order_manager_block_info_text .button_calc_cashback:hover { color: #333; } #pxpProducCalc .pxp_calc_quick_order_manager_block .pxp_calc_quick_order_manager_block_info_text:before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; background-size: 16px; width: 16px; height: 16px; background-image: url(/bitrix/templates/rhino/css/../images/giftbox.svg); } #pxpProducCalc .pxp_calc_quick_order_manager_block .pxp_calc_quick_order_manager_block_info_text, .pxp-quick-order-widget .pxp-quick-order-widget-wrapper-mobile__message { padding: 0 0 0 27px; } #pxpProducCalc .pxp_calc_quick_order_manager_block { border-top: 1px dashed #b8b6b6 !important; } #pxpProducCalc .pxp_calc_quick_order_manager_block .pxp_calc_quick_order_manager_block_info_text { font-weight: 400 !important; } #pxpProducCalc .pxp_calc_error_loading_container { padding: 14px 10px 5px; line-height: 1.5; color: #4b4e51; font-size: 14px; letter-spacing: .04em; font-weight: 600; } div.smartbanner--rhinodesign{ position:relative; } .app--buttons { margin-top:20px; display:flex; flex-direction: row; align-items: center; justify-content: flex-start; } .app--buttons img{ max-width: 148px; width:100%; } .app--buttons a+a{ margin-left:1rem; } .app--buttons a{ opacity:0.7; } .app--buttons a:hover{ opacity:1; } div.smartbanner--rhinodesign .smartbanner__info{ width:50%; } div.smartbanner--rhinodesign .smartbanner__info__author{ color:#777; } div.smartbanner--rhinodesign .smartbanner__button{ font-size:16px; } div.smartbanner--rhinodesign .smartbanner__info__title { font-size: 13px; line-height: 1.1; margin-bottom: 5px; font-weight: 600; font-family: 'Manrope', sans-serif; } .crep--row{ display: flex; justify-content: center; align-items:flex-start; } .crep--item{ padding:0 0.75rem; width:33.3333%; } .crep--item img{ border-radius: 16px; margin-bottom:1rem; width: 100%; max-width: 540px; } .stock--pic{ position: absolute; top:0; left:0; z-index: -1; width:100%; height: 100%; object-fit: cover; } .end:after{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; z-index: -2; background-color: #000; } .end{ opacity: 1!important; } .end .stock--pic{ opacity: 0.4; } .promo--app{ background: #f6f5fa; border-radius: 40px; display: flex; align-items: center; flex-direction: row; position: relative; min-height: 450px; } .promo--app .h1-title{ color:#000; max-width: 70%; } .promo--app .h1-title span{ color:#00908c; } .promo--app--text{ padding:3rem; position: relative; z-index:1 } .promo--appimg img{ width: 400px; position: absolute; top: -4rem; right: 3rem; z-index: 33; } .promo--app .app--buttons a{ opacity:1; } .promo--app .app--buttons a:hover{ opacity:0.5; } .appabs{ position: absolute; bottom: -80px; right: 25%; z-index: 0; -webkit-animation: float 4s infinite ease-in-out alternate; animation: float 4s infinite ease-in-out alternate; } @-webkit-keyframes float { from, to { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-25px); transform: translateY(-25px); } } @keyframes float { from, to { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-25px); transform: translateY(-25px); } } .appabs2{ position: absolute; top: 0px; left: 100px; z-index: 0; width: 250px; } .promo--appimg .second{ display: none; } .promo--app.bottom .appabs2{ transform: rotate(-180deg); } .promo--app.bottom .appabs{ bottom:0; animation: none; right:30%; } .promo--app.bottom .promo--appimg img.first{ top: 0; right: 2rem; width: 370px; } .promo--step{ padding-top:6rem; } .promo--step__inner{ display: flex; flex-direction: row; align-items: center; } .promo--step__inner img{ max-width: 450px; width:100%; } .promo--step__inner > div{ width:50%; } .promo--step__inner > div:last-child{ text-align:center; padding: 0 2rem; } .promo--step__inner .h2-title{ margin:0 0 20px 0; } .promo--step__inner .h2-title span{ font-weight:600; color:#00908c; } .promo--step__inner .h2-title span.colored{ color:#FF0066; } .lr .promo--step__inner{ flex-direction: row-reverse; } .ll .promo--step__inner > div:first-child{ text-align: right; } .promo--app.colored{ background:#FF0066; color:#fff; } .promo--app.colored .h1-title{ color:#fff; max-width:100%; } .promo--app.bottom.colored .appabs2{ transform: rotate(0deg); left:15%; } .promo--app.bottom.colored .promo--appimg img.first{ width: 570px; top: auto; right: 5%; bottom: -140px; //filter: drop-shadow(25px 15px 250px rgba(9, 20, 50, 0.25)); filter: url('data:image/svg+xml,#drop-shadow'); -webkit-filter: url('data:image/svg+xml,#drop-shadow'); } .promo--app.bottom.colored .appabs { bottom: 0; animation: none; right: 50%; } .mobile--banner__wrp{ color:#000; font-weight: 700; padding:0 100px; background:#E8EDF8; position:relative; overflow: hidden; justify-content: space-between; border-radius: 20px; display: flex; align-items: center; flex-direction: row; height: 300px; } .mobile--banner__wrp:hover{ color:#000; background: #d0dfff; } .mobile--banner__wrp .blob1{ position:absolute; top:0; left:50px; z-index: 1; } .mobile--banner__wrp .blob2{ position:absolute; bottom:0; right:50px; z-index: 1; } .mobile--banner__wrp span{ display: inline-block; max-width: 513px; line-height: 1.2; font-size:28px; position:relative; z-index: 2; } .mobile--banner__pic{ height:300px; position: relative; z-index: 2; width:auto; } .good__detail-text .slick-dots li:after{ display: none!important; } .good__detail-text .slick-dots li{ padding: 0!important; display: inline-block!important; margin: 0 7px!important; line-height: 1!important; } .stickers__wrp{ position:absolute; bottom:10px; width:100%; padding:0 10px; } .stickers__wrp .sales__sticker{ position: relative; left: auto; bottom: auto; margin:5px; } .sales__sticker.color3{ background:#32afac; } .sales__sticker.color4{ background:#039be5; } .sales__sticker.color5{ background:#ff5023; } .news__detail-img .stickers__wrp{ bottom: auto; top: 10px; padding: 0 10px; left: 50%; z-index: 2; transform: translateX(-50%); } .news__detail-img .stickers__wrp .sales__sticker{ top:auto; transform: none; } .bonus--top{ margin-top: 3rem; height:530px; position:relative; background:#F6F7F9; } .bonus--top .container{ position:relative; z-index: 2; } .bonus--top:after { content:""; position: absolute; bottom: 0; left: 0; width: 100%; height: 161px; z-index: 1; background-image: url(/bitrix/templates/rhino/css/../images/bonus/wave.svg?1); background-position: center; background-repeat: no-repeat; } .parallax{ position: absolute; z-index: 2; } .parallax1{ bottom:0; max-width:463px; right:1%; } .parallax2{ left:0; bottom:15%; } .parallax3{ left:20%; bottom:-5%; } .parallax4{ right:30%; top:-10%; } .parallax5{ left:23%; top:-5%; } .parallax5 img{ transition: all .3s ease; -webkit-animation: pulse-s 2s infinite; animation: pulse-s 2s infinite; } .parallax6{ left:40%; bottom:30%; display: flex; flex-direction: column; } .parallax6 a{ margin-top:20px; } .parallax6 a img{ transition: all .3s ease; } .parallax6 a:hover img{ transform: scale(1.2) rotate(360deg); } @-webkit-keyframes pulse-s { 0% { transform: scale(0.9); } 50% { transform: scale(1); } 100% { transform: scale(0.9); } } @keyframes pulse-s { 0% { transform: scale(0.9); } 50% { transform: scale(1); } 100% { transform: scale(0.9); } } .bonus--wrp{ margin-top:6rem; } .bonus--wrp .h1-title{ font-weight:700; color:#000; } .bonus--box{ display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 20px; grid-row-gap: 30px; position: relative; border-radius: 20px; background-color: #F6F5FA; padding:3rem 3rem 6rem 3rem; border:3px solid #fff; background-image:url(/bitrix/templates/rhino/css/../images/bonus/promo.svg); background-repeat: no-repeat; background-position: 150px bottom; } .bonus--box:after{ content:""; position: absolute; width:100%; height: 100%; border-radius: 20px; background-color: #00908B; opacity: 0.05; bottom:-30px; left:-30px; z-index: -1; } .bonus--step{ display: flex; flex-direction: row; align-items: center; } .bonus--step img{ margin-right: 20px; } .bonus--step span{ font-weight: 500; font-size: 1.2rem; line-height: 1.3; } .bonus--phone{ position:relative; z-index: 1; margin-top:-80px; -webkit-animation: scroll-s 2s infinite; animation: scroll-s 2s infinite; } @-webkit-keyframes scroll-s { 0% { transform: translateY(0); } 50% { transform: translateY(10px); } 100% { transform: translateY(0); } } @keyframes scroll-s { 0% { transform: translateY(0); } 50% { transform: translateY(10px); } 100% { transform: translateY(0); } } .bonus--banner1{ margin-top:3rem; position: relative; overflow: hidden; } .bonus--banner1:after{ content:""; position: absolute; top:0; opacity: 0; z-index: 1; left:-100%; width: 100%; height: 100%; background-image:linear-gradient(120deg, rgba(255,255,255, 0) 30%,rgba(255,255,255, 0.8),rgba(255,255,255, 0) 70%); -webkit-filter:blur(20px); filter:blur(20px); -webkit-animation: shine 3s infinite linear; animation: shine 3s infinite linear; } @keyframes shine { 0% { left:-100%; opacity: 0; } 50% { left:0%; opacity: 1; } 75% { opacity: 0.5; } 100% { left:100%; opacity: 0; } } @-webkit-keyframes shine { 0% { left:-100%; opacity: 0; } 50% { left:0%; opacity: 1; } 75% { opacity: 0.5; } 100% { left:100%; opacity: 0; } } .show-mobile{ display: none; } .bonus--banner2{ padding:6rem 0; background-image: url(/bitrix/templates/rhino/css/../images/bonus/banner--bg.svg); background-repeat: no-repeat; background-position: center; background-size: 100%; } .bonus--title{ font-size:2rem; line-height: 1.2; font-weight: 700; color:#000; max-width:500px; width: 100%; margin:0 auto 20px auto; } .bonus--desc{ font-size: 1.3rem; } .bonus--desc a{ color:#FF0066; } .bonus--desc a:hover{ color:#000000; } .bonus--banner3{ display: flex; overflow: hidden; flex-direction: row; align-items: flex-end; justify-content: space-between; border-radius:20px; background-color: #FF6977; background-image: url(/bitrix/templates/rhino/css/../images/bonus/grad.png); background-position: right top; background-repeat: no-repeat; } .bonus--banner3_text{ padding:6rem 0 6rem 3rem; color:#fff; font-weight: 700; line-height: 2rem; font-size: 1.4rem; } .bonus--banner3_pic{ -webkit-animation: scroll-s 2s infinite; animation: scroll-s 2s infinite; } .bonus--banner3_text .app--buttons a { opacity: 1; } .bonus--banner3_text .app--buttons a:hover { transform:scale(1.1) } .bonus--wrp .btn-large{ min-width: 320px; font-weight: 500; margin-top:2rem; height: 50px; line-height: 50px; } .bonus--inner{ position:relative; width:100%; max-width:1600px; margin:0 auto; height:100%; } .bonus__main{ margin-top:3rem; color: #fff; font-weight: 900; padding: 0 70px 0 100px; background-color: #FF6977; position: relative; overflow: hidden; justify-content: space-between; border-radius: 20px; display: flex; align-items: center; flex-direction: row; height: 300px; background-image: url(/bitrix/templates/rhino/css/../images/bonus/grad.png); background-position: right top; background-repeat: no-repeat; } .bonus__main:hover span{ color:#fff; transform: scale(1.1); } .bonus__main:hover{ color:#fff; } .bonus__main span{ transition: all .3s ease; display: inline-block; max-width: 510px; line-height: 1.2; font-size: 40px; position: relative; z-index: 2; text-transform: uppercase; } .bonus__main-phone{ position: relative; z-index: 2; height: 300px; width:auto; } .bonus__main-sticker{ position: absolute; top:25px; right:395px; z-index: 1; -webkit-animation: scroll-s 2s infinite; animation: scroll-s 2s infinite; } .categories--slider{ display: none; position: relative; overflow: hidden; } .categories--slider.swiper-initialized{ display: block; border-radius: 16px; } .category--slide{ position: relative; line-height: 1.2; font-size: 14px; display: flex; flex-direction: row; font-weight: 500; padding:30px 20px; color: #000; height: 100%; align-items: center; } .category--slide img{ height: 28px; margin-right: 15px; } .catslide{ -webkit-box-sizing: border-box; box-sizing: border-box; background:#f6f7f9; border-radius: 16px; } .categories--slider__wrp{ padding:0; } .categories--slider__wrp .categories--slider.swiper-initialized ~ .swiper-button-next, .categories--slider__wrp .categories--slider.swiper-initialized ~ .swiper-button-prev{ opacity:1 } .categories--slider__wrp .swiper-button-next{ right:-18px!important; } .categories--slider__wrp .swiper-button-prev{ left:-18px!important; } .categories--slider__wrp .categories--slider.swiper-initialized ~ .swiper-button-next.swiper-button-disabled, .categories--slider__wrp .categories--slider.swiper-initialized ~ .swiper-button-prev.swiper-button-disabled{ opacity:0!important; } .catslide:last-child{ border-right:0!important; } .categories--slider__wrp .swiper-pagination-bullets{ display: none; } a.category--slide:hover{ } .categories--slider__wrp.main--page, .categories--slider__wrp.proff--page{ padding: 0; } .categories--slider__wrp.main--page .category--slide{ justify-content: center; } .categories--slider__wrp.main--page .catslid, .categories--slider__wrp.proff--page .catslide{ border:0; border-radius:16px; background:#f6f7f9; } .categories--slider__wrp.main--page, .categories--slider__wrp.proff--page{ background:transparent; } .carousels__cocntent.auto-height-title .news__title { min-height: 1px; } .alert-danger { color: #842029; text-align: center; font-weight: 600; font-size: 1.1rem; background-color: #f8d7da; border: 1px solid #f5c2c7; margin-bottom: 2rem; border-radius: 16px; padding: 30px 20px; } .new--sticker{ display: inline-block; top:-30px; left:0; position:absolute; font-size: 11px; color: white; font-weight: 500; padding: 3px 6px; background: red; border-radius: 8px; line-height: 1.3; } .albumstabs--wrp{ display: none; } .albumstabs{ display: flex; flex-direction: row; margin-bottom: -5px; } .albumstabs__item{ padding: 20px; cursor: pointer; font-weight: 600; } .albumstabs__item.active{ border-radius:5px 5px 0 0 ; background: #ffdbcb; } .albumstabs__item.active{ pointer-events: none; cursor: default; } .proff--wrp{ display: flex; flex-direction: row; border-radius: 20px; overflow: hidden; position: relative; background-color:#000; color:#fff; } .proff--col:first-child img{ position: absolute; top:0; left:0; z-index: 0; object-fit: cover; width: 100%; height: 100%; opacity:0.3; filter: blur(5px); -webkit-filter: blur(5px); } .proff--col:first-child{ width:70%; position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; padding:6.7rem 126px 6.7rem 3.3rem; } .proff--text{ position: relative; z-index: 1; } .proff--text p{ font-size: 1.2rem; line-height: 1.5; margin:0 0 2rem 0; } .proff--col:last-child{ width:30%; position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; padding:3.3rem 3.3rem 3.3rem 0px; background: #FF0066; } .wfolio .proff--col:last-child{ background: linear-gradient(-90deg, #0A1932, #142840); } .proff--col:last-child img{ position: absolute; top:0; left:-126px; width: 126px; height: 100%; } .proff--list{ display: flex; flex-direction: column; gap:25px; } .proff--list div{ font-weight: 800; font-size:40px; } .proff--list span{ font-weight: 500; display: block; font-size:1.2rem; } .proff--btn{ height:4rem; color:#fff; font-size:1.2rem; font-weight: 700; padding:0 2rem; line-height: 4rem; border-radius: 4rem; display: inline-flex; align-items: center; justify-content: center; background: #00908B; } .proff--btn:hover{ background: #FF0066; color:#fff; } .proff--banner { margin-top:2rem; color: #fff; font-weight: 700; padding: 0 30px; background-color: #FF6977; position: relative; overflow: hidden; justify-content: space-between; border-radius: 20px; display: flex; align-items: center; flex-direction: row; height: 150px; background-image: url(/bitrix/templates/rhino/css/../images/bonus/grad.png); background-position: right top; background-repeat: no-repeat; } .proff--banner_pic{ position:absolute; top:50%; left:50%; margin-top:-125px; margin-left:-125px; animation: rotation 1.5s infinite linear; } .proff--banner_text{ text-transform: uppercase; font-size: 24px; max-width: 450px; } .proff--btn.color2{ background:#000; overflow: hidden; } .proff--btn.color2:hover{ transform: scale(1.1); } .proff--btn img{ margin-left:10px; transition: all .3s linear; } .proff--btn:hover img{ transform: translateX(60px); } .proff--page .category--slide{ flex-direction: column; justify-content: center; font-size: 1rem; font-weight:500; padding:0 20px 30px 20px; } .proff--page .category--slide img { height: 93px; margin-right: 0; } .proff--categories{ display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 20px; grid-row-gap: 30px; } .proff--cat_item{ display: block; overflow: hidden; } .proff--cat_pic{ border-radius: 20px; position: relative; overflow: hidden; } .proff--cat_pic img{ border-radius: 20px; width:100%; height: auto; object-fit: cover; transition: all .3s ease; } .proff--cat_item:hover .proff--cat_pic img{ transform: scale(1.1); } /* .proff--cat_pic:after{ left: 0; width: 100%; bottom: 0; position: absolute; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%); z-index: 0; content: ''; height: 50%; } */ .proff--cat_title{ text-align: center; font-weight: 500; font-size: 1.3rem; margin-top: 1rem; } .proff--priorities_wrp{ display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 20px; grid-row-gap: 30px; } .proff--priorities_item{ background:#fff; padding:3rem 2rem; border-radius: 20px; -webkit-box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.07); } .proff--priorities_title{ font-weight: 700; font-size:32px; line-height: 1; margin: 25px 0 20px 0; } .proff--priorities_text{ font-size:1.2rem; opacity:0.7; line-height: 1.5; } .premium--slider .news__title{ min-height: 1px; } .wfolio .news__pic.good__pic { padding-top: 90%; } .materials--anchors{ display: flex; flex-direction: row; background: #f6f7f9; gap: 0px; align-items: center; margin-bottom: 2rem; border-radius: 10px; font-weight: 500; border: 1px solid #eee; width: 100%; } .material--anchor{ flex: 1; padding: 20px; display: block; max-width: 100%; text-align: center; white-space: nowrap; } .material--anchor:first-child{ border-radius: 10px 0 0 10px; } .material--anchor:last-child{ border-radius: 0 10px 10px 0; } .material--anchor+.material--anchor{ border-left:1px solid #d7d7d7; } .material--anchor:hover{ background:#fff; } .premium--buttons{ display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 15px; margin-bottom: 2rem; } .premium--buttons a{ display: inline-flex; flex-direction: column; gap:10px; border-radius: 8px; padding:1rem; align-items: flex-start; justify-content: flex-start; color:#000; } .premium--button_price{ font-weight: 700; } .premium--buttons a:first-child{ background:rgb(0 144 140 / 20%); -webkit-animation: rotation2 1.5s infinite linear; animation: rotation2 1.5s infinite linear; } .premium--buttons a:last-child{ background: rgb(255 44 97 / 20%); } .premium--buttons a:first-child:hover{ background:rgb(0 144 140 / 50%); } .premium--buttons a:last-child:hover{ background: rgb(255 44 97 / 50%); } .premium--button_title{ font-size:14px; font-weight: 400; } @-webkit-keyframes rotation2 { from { transform: scale(1); } 50%{ transform: scale(1.05); } to { transform: scale(1); } } @keyframes rotation2 { from { transform: scale(1); } 50%{ transform: scale(1.05); } to { transform: scale(1); } } .info--trigger{ height:14px; opacity:0.5; display: inline-block; margin-left:7px; margin-top:1px; cursor:pointer; transition: all .3s ease; } .info--trigger:hover{ opacity:1; } .datefinal span:first-child{ display: inline-flex; align-items: center; } .datefinal{ position: relative; } .info__desc { opacity: 0; visibility: hidden; backface-visibility: hidden; position: absolute; top: -10px; right: -10px; z-index: 2; line-height: normal; width: 300px; font-size: 12px; font-weight: 500; color: #666; padding: 1rem 2rem 1rem 1rem; background: #fff; -webkit-box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 7%); -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 7%); -webkit-transition: all .3s ease; transition: all .3s ease; } .info__desc.active { opacity: 1; visibility: visible; backface-visibility: visible; } .disp-flex{ display: flex; flex-direction: row; align-items: center; } .fotokniga-za-vas .promo--step__inner img { max-width: 350px; } .fotokniga-za-vas p a{ border-bottom:1px dashed; color:#00908c } .fotokniga-za-vas p a:hover{ color:#000; } .premium--buttons .fotokniga-za-vas-btn:first-child{ background:rgb(0 144 140 / 20%); -webkit-animation: rotation2 1.5s infinite linear; animation: rotation2 1.5s infinite linear; } .premium--buttons .fotokniga-za-vas-btn:last-child{ background: rgb(255 44 97 / 20%); } .premium--buttons .fotokniga-za-vas-btn:first-child:hover{ background:rgb(0 144 140 / 100%); color:#fff; } .premium--buttons .fotokniga-za-vas-btn:last-child:hover{ background: rgb(255 44 97 / 100%); color:#fff; } .premium--buttons .fotokniga-za-vas-btn{ display: inline-flex; flex-direction: column; font-size: 1.1rem; gap:10px; border-radius: 16px; padding:2rem; text-align: center; align-items: center; justify-content: center; color:#000; transition: all .3s ease; } .fotokniga-za-vas-btn .premium--button_title{ font-size: 20px; font-weight: 700; margin:0; line-height: normal; } .fotokniga-za-vas-btn .premium--button_price { font-weight: 500; } .fotokniga-za-vas-btns.premium--buttons{ grid-column-gap: 2rem; grid-template-columns: repeat(2, 1fr); } .gift--cover{ margin-bottom:20px; } .gift--cover img{ max-width: 100%; } .new-features-block { background-color: #FFF6EB; border-radius: 10px; padding: 20px; margin-bottom:2rem; } .new-features-block__title { color: #4A4A4A; font-size: 20px; font-weight: 700; padding:0; } .new-features-block ul { list-style: none; padding: 0; margin:1rem 0 0 0; } .megacolors{ top:10px; right:10px; position:absolute; z-index:2; text-align: center; display: flex; flex-direction: row; grid-column-gap: 10px; grid-row-gap: 10px; } .megacolor--item { height: 24px; width:24px; position:relative; cursor:pointer; border:2px solid #ddd; border-radius:24px; transition: border .3s ease; } .megacolor--item:hover{ border:2px solid #ff2c61; } .megacolor--item img{ position: absolute; width: 100%; height: 100%; border-radius:24px; object-fit: cover; object-position: center; right: 0; z-index: 0; top: 0; } .new-features-block ul li { color: #4A4A4A; margin-bottom: 8px; line-height: 1.5; padding: 0 0 8px 0; display: flex; align-items: center; justify-content: space-between; gap:10px; font-size: 14px; border-bottom: 1px dashed #d7cab9; } .new-features-block ul li:last-child{ margin:0; padding:0; border:0; } .new-features-block ul li img{ height:24px; opacity:0.6; margin-right: 9px; } .megacolor--item .tooltip { display: none; position: absolute; bottom: 30px; /* расстояние от кружка */ left: 50%; transform: translateX(-50%); width: 100px; padding: 5px; background: #333; color: #fff; border-radius: 4px; font-size: 12px; text-align: center; z-index: 10; white-space: normal; } .captcha--rules{ display:none; } .b2b.proff--col:first-child img{ filter: blur(1px) grayscale(80%) contrast(120%); -webkit-filter: blur(1px) grayscale(80%) contrast(120%); } .b2b.proff--priorities_wrp{ grid-template-columns: repeat(4, 1fr); } .b2b.proff--priorities_wrp .proff--priorities_title{ font-size: .9rem; font-weight: 500; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 10px; margin: 0; text-align: left; line-height: 1.2; } .b2b.proff--priorities_wrp .proff--priorities_item{ display:flex; flex-direction: column; gap:20px; justify-content: center; } .b2b.proff--priorities_wrp .proff--priorities_title span{ font-size:32px; //color:#FF0066; font-weight: 700; } .b2b.proff--priorities_wrp .proff--priorities_pic img{ height:70px; } .b2b--reviews{ background:#f6f7f9; padding:3.3rem 0 4rem 0; } .b2b--reviews .reviews__slider{ margin:0; } .b2b--reviews .reviews__inner{ background:#fff; padding-top:1rem; padding-bottom:2rem; padding-left:2rem; padding-right:2rem; border:1px solid #eee; } .b2b--row{ display:flex; flex-direction: row; gap:0; } .b2b--col.first{ width:30%; position:relative; z-index: 2; } .b2b--col.first > div{ position: relative; z-index:1; background:#fff; padding:0 2rem 0 0; height: 100%; } .b2b--col.first:after{ content: ""; position: absolute; width: 20px; height: 70%; top: calc(15% - 15px); right: 20px; z-index: 0; background: #000; border-radius: 100%; filter: blur(20px); } .b2b--col.last{ padding-bottom:50px; width:70%; overflow: hidden; position:relative; z-index:1 } .b2b--row .h2-title{ margin:0 0 2rem 0; font-weight:600; } .b2b--row .swiper-pagination-bullets.swiper-pagination-horizontal, .b2b--row .swiper-pagination-custom, .swiper-pagination-fraction { bottom: -40px; left: 64px; width: 100%; text-align: left; } .b2b--controls{ position:absolute; top:0; height:36px; right:0; display:inline-flex; gap:10px; } .b2b--row:nth-child(2n) .b2b--controls{ right:auto; left:0; } .b2b--link{ display:flex; } .b2b--link img{ border-radius:16px; transition:opacity .3s ease; } .b2b--link:hover img{ opacity:0.5; } .b2b--slider{ display:none; padding: 50px 0px 0 64px; position:relative; } .b2b--slider.swiper-initialized{ display:block; } .b2b--controls .swiper-button-next, .b2b--controls .swiper-button-prev{ position:relative!important; top:auto!important; left:auto!important; right:auto!important; margin-top: 0 !important; opacity:1; background-color:transparent!important; background-size:24px!important; } .b2b--controls .swiper-button-next{ background-image: url(/bitrix/templates/rhino/css/../images/b2b/arrow-right.svg?1); } .b2b--controls .swiper-button-prev{ background-image: url(/bitrix/templates/rhino/css/../images/b2b/arrow-left.svg?1); } .b2b--sub{ margin-bottom:2rem; } .g-recaptcha{ margin-top:20px; } .description-title-left-50 { max-width: 50%; line-height: 1.3; } .description-block-gray { background: #f6f7f9; padding: 2rem; border-radius: 16px; } /* иконки для категорий */ .features-row { display: flex; flex-wrap: wrap; gap: 40px; justify-content: flex-start; margin-top: 32px; } .feature-item { display: flex; align-items: center; gap: 12px; color: #222; font-family: 'Inter', sans-serif; font-size: 16px; flex: 1 0 200px; } /* Иконка слева */ .feature-icon { width: 36px; height: 36px; background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; flex-shrink: 0; } /* Фоновые картинки (SVG или PNG) */ .icon-color { background-image: url('/bitrix/templates/rhino/images/web/icons/category/palette.svg'); /* Путь к файлу иконки */ } .icon-shield { background-image: url('/bitrix/templates/rhino/images/web/icons/category/shield-check.svg'); /* Путь к файлу иконки */ } .icon-polishing { background-image: url('/bitrix/templates/rhino/images/web/icons/category/polishing.svg'); /* Путь к файлу иконки */ } /* Адаптив для мобилки */ @media (max-width: 600px) { .features-row { justify-content: center; gap: 24px; } .feature-item { font-size: 14px; } .feature-icon { width: 32px; height: 32px; } } /* иконки для категорий конец */ .b2b--title{ padding-top:20px; } .b2b--row+.b2b--row{ margin-top: 5rem; } .b2b--row:nth-child(2n){ flex-direction: row-reverse; } .b2b--row:nth-child(2n) .b2b--col.first > div{ padding: 0 0 0 2rem; } .b2b--row:nth-child(2n) .b2b--col.first:after { left: 20px; right:auto; } .b2b--row:nth-child(2n) .b2b--slider { padding: 50px 64px 0 0; } .b2b--row:nth-child(2n) .swiper-pagination-bullets.swiper-pagination-horizontal, .b2b--row:nth-child(2n) .swiper-pagination-custom, .swiper-pagination-fraction { left: auto; right: 64px; text-align: right; } .b2b.foto--section{ padding: 3.3rem 0 4rem 0; margin-bottom:4rem; margin-top:4rem; } .b2b.foto--section .priority--wrp{ margin-bottom:0; } .icons--b2b { display: grid; grid-template-columns: repeat(5, 1fr); grid-column-gap: 20px; grid-row-gap: 20px; } .b2b--icon{ display: flex; text-align: center; flex-direction: column; justify-content: flex-start; font-weight:500; line-height:1.2; } .b2b--icon img { height: 80px; } .premium__examples{ display: grid; gap: 44px; grid-template-columns: 1fr 1fr 1.6fr 1fr 1fr; } .premium--example{ border-radius: 16px; //aspect-ratio: 1; position: relative; transition: transform .2s ease-in-out; will-change: transform; z-index: 2; } .premium--example img{ height: 100%; -o-object-fit: cover; object-fit: cover; transition: opacity .5s; width: 100%; } .premium--example:first-child { grid-column: 3; grid-row: 1 / span 2; max-width: 343px; height: 100%; } .premium--example:first-child img{ border-radius:16px; } .premium--example:nth-child(2) { grid-column: 2; grid-row: 1; left: -24px; } .premium--example:nth-child(3) { grid-column: 2; grid-row: 2; } .premium--example:nth-child(4) { grid-column: 4; grid-row: 1; left: 24px; } .premium--example:nth-child(5) { grid-column: 4; grid-row: 2; } .premium--example:nth-child(6) { grid-column: 1; grid-row: 1; left: -24px; } .premium--example:nth-child(7) { grid-column: 1; grid-row: 2; } .premium--example:nth-child(8) { grid-column: 5; grid-row: 1; left: 24px; } .premium--example:nth-child(9) { grid-column: 5; grid-row: 2; } .premium--example:hover { transform: scale(1.1); -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); } #catTabs{ display:flex; flex-direction: row; justify-content: center; gap: 25px; width:100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin:0 0 2rem 0; padding:0; } #catTabs li{ display:block; white-space: nowrap; } #catTabs li span{ font-weight: 500; font-size:1.2rem; line-height: 1; align-items: flex-start; padding-bottom: 6px; color:#777; display:inline-flex; cursor:pointer; position: relative; white-space: nowrap; transition:color .3s ease; } #catTabs li span.active:after{ position:absolute; bottom:0; height:2px; content:""; left:0; width:100%; background:#00908c; } #catTabs li span.active{ color:#00908c; } #catTabs li span:not(.active):hover{ color:#4b4e51 } .premium--example{ user-select: none; -webkit-user-select: none; -moz-user-select: none; } .good__detail-text ul#catTabs li.nav-item:after{ display:none!important; } .good__detail-text ul#catTabs li.nav-item{ margin: 0!important; padding: 0!important; } .b2b--slide .news__pic.good__pic{ padding-top:0!important; } .photobooks .b2b--title { padding-top: 100px; } .main-benefits .b2b.proff--priorities_wrp .proff--priorities_pic{ position:relative; } .main-benefits .b2b.proff--priorities_wrp .proff--priorities_pic:after{ content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:70px; height:70px; background:#f5f5f5; border-radius:80px; } .main-benefits .b2b.proff--priorities_wrp .proff--priorities_pic img{ position:relative; z-index:1; } .dynamic--materials .faq_material{ display:none; } .cover__faq{ background: #f6f7f9; padding: .6rem 1rem; margin-bottom: 1rem; border-radius: 5px; font-size: 13px; border: 1px solid #f0f0f0; width: fit-content; } .pechat__table-item .h2-title{ position:relative; cursor: pointer; font-size:16px; font-weight: 600; line-height: 16px; margin:0; padding:20px; text-align: left; -webkit-user-select: none; user-select: none; transition: background .3s ease; border-bottom:1px solid transparent; } .pechat__table-item .h2-title:before{ content: ""; position: absolute; right: 23px; margin-top: -1px; border: solid #999; border-width: 0 2px 2px 0; display: inline-block; padding: 5px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .pechat__table-item.active .h2-title:before { margin-top: 6px; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } .pechat__table-item .responsive-table{ background-color:#fff; } .pechat__table{ border:1px solid #e1e1e1; border-radius:6px; overflow: hidden; } .pechat__table-item.active:nth-child(1) .h2-title{ border-bottom:1px solid #e1e1e1; } .pechat__table-item.active:nth-child(2) .h2-title{ border-bottom:1px solid #e1e1e1; } .parallax--bg{ position:relative; overflow: hidden; border-radius:16px; background-color: #F0AD81; height:440px; } .parallax--bg img{ position:absolute; width:100%; height:auto; } .layer1{ top:0; left:0; } .layer2{ top:0; right:-2px; } .layer3{ bottom:0; left:0; } .layer4{ bottom:0; right:0; } .good__acc table.responsive-table.classic__table, .good__acc table.responsive-table.classic__table thead tr th{ font-size:12px; } .good__acc #scroll-down{ margin-top:0; } .cover__variant img, .lettering__item img, .personal__variant img, .front__variant img, .depth__item img, .personal__position img, .personal__position-color-item img, .front__second-item img, .front__third-item img, .woodoption-item img, .wood__color-item img{ border-radius:10px; } .video--wrp .proff--col:last-child{ background-color:transparent; } .video--wrp{ position: relative; } .video--wrp video{ position: absolute; top: 0; left: 0; opacity: 0.6; z-index: 0; width: 100%; height: 100%; object-fit: cover; } .video--caption{ position: relative; z-index:2; display: flex; flex-direction: row; height: 490px; width: 100%; } .videocol:nth-child(1){ padding:3rem; display: flex; align-items: center; width:70% } .videocol:nth-child(2){ display: flex; align-items: center; width: 30%; padding: 3rem; } .videocol .video img{ height: 80px; } .videocol .video{ display: inline-flex; position:relative; border-radius: 50%; } .videocol .video:after{ content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; border: 2px solid #fff; border-radius: 50%; background-color: transparent; animation: pulse-animation 2s infinite ease-out; } @keyframes pulse-animation { 0% { transform: translate(-50%, -50%) scale(1); opacity: 1; } 100% { transform: translate(-50%, -50%) scale(3); opacity: 0; } } .videocol .video img{ transition: all .3s ease; } .videocol .video:hover img{ transform: scale(1.3); } .videocol .video:hover:after{ opacity:0!important; } .mediablock.proff--priorities_wrp{ grid-template-columns: repeat(3, 1fr); } .mediablock.proff--priorities_wrp .proff--priorities_item { display: flex; flex-direction: column; gap: 15px; justify-content: flex-start; text-align: center; } .mediablock.proff--priorities_wrp .proff--priorities_pic img { height: 70px; } .mediablock.proff--priorities_wrp .proff--priorities_title { font-size: 1rem; font-weight: 400; display: flex; flex-direction: row; align-items: flex-start; justify-content: center; gap: 10px; margin: 0; text-align: left; line-height: 1.2; } .mediablock.proff--priorities_wrp .proff--priorities_title strong{ font-weight: 700; display: flex; font-size: 1.2rem; flex-direction: row; margin: 0 0 15px 0; align-items: center; gap: 8px; justify-content: center; } .mediablock.proff--priorities_wrp .proff--priorities_title span { font-size: 32px; font-weight: 700; } .proff--btn.color1{ background:#f06; overflow: hidden; } .proff--btn.color1:hover{ background:#00908B; } .video--reviews .reviews__name { margin-top:0; font-size: 11px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; align-items: center; border-radius: 5px; padding: 2px 5px; color: #fff; background: #f06; display: inline-flex; } .video--reviews .reviews__title{ display: inline-flex; flex-direction: row; gap:10px; align-items: center; justify-content: center; } .video--ava{ margin-top:1rem; } .video--ava img{ height: 80px; transition: all .3s ease; display: inline!important; } .reviews__text span{ position: relative; z-index: 1; } .video--reviews .reviews__text:after{ opacity:0.2; } .video--reviews .reviews__item{ transition: all .3s ease; } .video--reviews .reviews__item:not(.slick-center-active){ transform:scale(0.8); -webkit-filter: grayscale(1); filter: grayscale(1); } .projects__slider-wrap { padding-top: 0rem; } .projects__swiper { display: none; } .projects__swiper.swiper-initialized { display: block; } .card--inner { padding-top:55%; overflow: hidden; border-radius: 16px; } .project__pic { position: absolute; top: 0; left: 0; object-fit: cover; height: 100%; width: 100%; z-index: 0; border-radius: 16px; } .video--projects{ overflow:hidden; position:relative; } .projects__card.swiper-slide-next, .projects__card.swiper-slide-prev, .projects__card:not(.swiper-slide-active){ -webkit-filter:grayscale(1); filter:grayscale(1); } .flex-lg-row{ display: flex; align-items: center; } .flex-lg-row:after{ display:none } .video--text p{ font-weight:500; margin:0 0 2rem 0; } .video--text{ background: #fff; position:relative; z-index:10; border-radius: 16px; padding: 2rem; -webkit-box-shadow: 0 0 100px rgb(0 0 0 / .07); box-shadow: 0 0 100px rgb(0 0 0 / .07); } .digi-dolyame-button--wrapper { width: 100%; position:relative; margin-top:-10px; margin-bottom:2rem; } .digi-dolyame-button__text i{ font-style:normal; } .digi-dolyame-button__text i, .digi-dolyame-button__text span{ font-weight: 600; } .digi-dolyame-button{ font-family: inherit, Helvetica, Arial, sans-serif; margin: 0; box-sizing: border-box; outline: unset !important; padding: 12px; max-width: unset; min-width: unset; width: 100%; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; border: 1px solid rgba(0, 0, 0, .13); height: 46px !important; background-color: #f6f7f9; border-radius: .5rem; } .digi-dolyame-button__label { width: 88px; height: 28px; background-size: contain; overflow: hidden; background-repeat: no-repeat; } .digi-dolyame-button__before-content, .digi-dolyame-button__content { -webkit-flex-grow: 1; flex-grow: 1; margin-left: 10px; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; margin-right: 10px; } .digi-dolyame-button__text { color: #000; font-size: 14px; line-height: 20px; text-align: left; font-weight: 400; white-space: nowrap; margin: 0 !important; } .digi-dolyame-button__icon-arrow { width: 6px; height: 10.5px; fill: #9299a2; } .digi-dolyame-button--5:hover { border: 1px solid rgba(0, 0, 0, .43); } .digi-dolyame-button__icon-arrow path{ transition:all .3s ease; } .digi-dolyame-button--5:hover .digi-dolyame-button__icon-arrow path{ fill:#000; } .digi-dolyame-modal__header { text-align: left !important; margin-bottom: 0 !important; font-size: 32px; line-height: 38px; width: 100%; color: #000; } .digi-dolyame-modal__body-text-header { font-family: Avenir, Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 700; } .digi-dolyame-modal__header>svg { margin: 0 !important; width: 88px; height: 28px; } .digi-dolyame-modal__body-text { margin-top:8px; font-family: Avenir, Helvetica, Arial, sans-serif; text-align: left !important; font-size: 13px; color: rgba(0, 0, 0, .6) !important; } .digi-dolyame-modal__body-text:not(:last-child){ margin-bottom: 8px; } .white-popup-block ul.digi-dolyame-modal__features { font-family: Avenir, Helvetica, Arial, sans-serif; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; gap: 12px; margin: 20px 0; font-size: 14px; line-height: 22px; } .digi-dolyame-modal__features .digi-dolyame-modal__features-item { font-family: Avenir, Helvetica, Arial, sans-serif; font-size:14px; width: 100%; display: -webkit-flex; display: flex; list-style-type: none; gap: 10px; -webkit-align-items: center; align-items: center; } .digi-dolyame-modal__features .digi-dolyame-modal__features-icon { font-family: Avenir, Helvetica, Arial, sans-serif; display: -ms-grid; display: grid; place-content: center; width: 22px; height: 22px; background: transparent; } .digi-dolyame-modal__payment-wrap { font-family: Avenir, Helvetica, Arial, sans-serif; padding: 0; margin: 20px 0; background-color: #fff !important; border-radius: 12px; font-size: 12px; } .digi-dolyame-modal__payment-wrap .digi-dolyame-modal__details-of-payment { font-family: Avenir, Helvetica, Arial, sans-serif; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } .digi-dolyame-modal__payment-wrap .digi-dolyame-modal__details-of-payment_item { font-family: Avenir, Helvetica, Arial, sans-serif; width: 25%; color: #000 !important; list-style-type: none; } .digi-dolyame-modal__payment-wrap .digi-dolyame-modal__details-of-payment .digi-dolyame-modal__details-of-payment_price { font-size: 14px; font-weight: 700; margin-bottom: 12px; } .digi-dolyame-modal__payment-wrap .digi-dolyame-modal__details-of-payment_item:after { content: ""; top: auto!important; background-color: #00908c; border-radius: 6px; height: 5px; width: 95%; display: block; } .digi-dolyame-modal__payment-text{ display:none!important; } .digi-dolyame-modal__details-of-payment_item~.digi-dolyame-modal__details-of-payment_item { color: rgba(0, 0, 0, .6) !important; } .digi-dolyame-modal__details-of-payment_item~.digi-dolyame-modal__details-of-payment_item:after { background-color: rgba(0, 0, 0, .06) !important; } .digi-dolyame-modal__payment-wrap .digi-dolyame-modal__payment-text { color: rgba(0, 0, 0, .4) !important; margin-top: 10px; } #dolyame *{ font-family: Avenir, Helvetica, Arial, sans-serif; } .digi-dolyame-modal__details { text-align: left; color: rgba(0, 0, 0, .4) !important; font-size: 12px; } #dolyame.white-popup-block ul li:not(.digi-dolyame-modal__details-of-payment_item):after{ display: none!important; } #dolyame.white-popup-block ul li{ padding:0; line-height:normal; } .digi-dolyame-modal__payment-wrap .digi-dolyame-modal__details-of-payment .digi-dolyame-modal__details-of-payment_price i{ font-style: normal; } .digi-dolyame-modal__payment-wrap .digi-dolyame-modal__details-of-payment .digi-dolyame-modal__details-of-payment_price span{ font-family: 'Manrope', sans-serif!important; } .image-comparison { position: relative; width: 100%; max-width: 800px; margin: 0 auto; overflow: hidden; border-radius: 16px; } .image-comparison img { display: block; width: 100%; height: auto; user-select: none; } .before-image { position: absolute; top: 0; left: 0; height: 100%; width: 50%; overflow: hidden; } .before-image img { object-fit: cover; width: auto; height: 100%; } .slider { position: absolute; top: 0; left: 50%; width: 4px; height: 100%; background: white; cursor: ew-resize; z-index: 10; transform: translateX(-50%); } .slider-handle { position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; background-color: white; background-image:url(/bitrix/templates/rhino/css/../images/drag-h.svg?1); background-size: 32px; background-position: center; background-repeat: no-repeat; border-radius: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 5px rgba(0,0,0,0.2); } .flex--direction{ display: flex; flex-direction: row-reverse; gap:2rem; align-items: center; } .flex--direction .video--desc{ background:#F6F5FA; padding:2rem; border-radius:16px; } .flex--direction .video--desc .btn-large{ margin-top:1rem } .image--label{ position:absolute; bottom:15px; left:15px; border-radius: 5px; background:rgba(0,0,0,0.6); color:#fff; display: inline-flex; align-items: center; height:26px; padding:0 7px; font-size:13px; } .after-image .image--label{ left:auto; right:15px; } #dropdown69{ min-width:220px; } .offers--slider{ display: none; position:relative; } .offers--slider.swiper-initialized{ display: block; } .offers--slider_wrp{ overflow: hidden; } .offers--slider_wrp .offers--slider.swiper-initialized~.swiper-button-next, .offers--slider_wrp .offers--slider.swiper-initialized~.swiper-button-prev { opacity: 1; } .offers--slider_wrp .swiper-button-next{ right:-18px; } .offers--slider_wrp .swiper-button-prev{ left:-18px; } .offers--slider_wrp .swiper-pagination{ margin: 30px 0 0 0; position: relative; left: auto; bottom: auto; } .offers--slider .offer__title{ text-transform: uppercase; } .offers--slider .offer__table{ background: #fff; } @media only screen and (max-width: 1439px){ .container{ max-width: 1200px; //max-width: 970px; } .video--caption { height: 420px; } .videocol:nth-child(2) { width: 20%; padding: 3rem 3rem 3rem 0; } .videocol:nth-child(1) { padding: 3rem; width: 80%; } .premium__examples{ gap:24px; } .premium--example:first-child { max-width: 250px; } .b2b.proff--priorities_wrp .proff--priorities_item{ padding:2rem 20px; } .banner4--wrp .inner-wrap div{ width:calc(100% - 300px); padding-left: 30px; } .info__desc { top: 0px; right: 0; width: 100%; } .premium--buttons { grid-template-columns: repeat(1, 1fr); grid-row-gap: 15px; } .materials--anchors{ overflow-x: auto; white-space: nowrap; max-width: 100%; } .proff--priorities_text { font-size: 1.1rem; line-height: 1.3; } .products--btns a:first-child { float:none; width: 100%; margin-bottom:1rem; } .products--btns a:last-child { float: none; width:100%; } .proff--cat_title { font-size: 1.1rem; } .proff--page .category--slide { font-size: 1rem; } .proff--page .category--slide{ padding:10px 20px 30px 20px; } .proff--page .category--slide img { height: 80px; } .proff--page .category--slide span{ text-align: center; } .proff--banner_pic { margin-top: -80px; margin-left: -80px; width: 160px; height: 160px; } .proff--banner_text { font-size: 18px; max-width: 370px; } .proff--col:first-child{ width:70%; padding:3rem 126px 3rem 3rem; } .proff--col:last-child { width: 30%; justify-content: center; padding: 3rem 2rem 3rem 0px; } .proff--list span, .proff--btn{ font-size: 1rem; } .proff--text p { font-size: 1rem; line-height: 1.3; } .menu__link { font-size: 15px; } .menu { grid-column-gap: 1.2rem; } .bonus__main span { max-width: 430px; font-size: 36px; } .complect--inner .news__pic { padding-top: 87%; } .block--text { width: 100%; } .blocks--slider .swiper-slide:nth-child(1) img{ height: 210px; } .blocks--slider .swiper-slide:nth-child(2) img{ height: 220px; } .blocks--slider .swiper-slide:nth-child(3) img{ height: 210px; } .blocks--slider .swiper-slide:nth-child(4) img{ height: 220px; } .blocks--slider .swiper-slide:nth-child(5) img{ height: 220px; } .blocks--slider .swiper-slide:nth-child(6) img{ height: 220px; } .promo--appimg img{ right:0; } .parallax1{ bottom: 5%; max-width: 343px; right: 0%; } .parallax5{ left:10%; } .parallax4 { right: 39%; top: -10%; } .parallax6 { left: 37%; bottom: 26%; } .parallax2, .parallax4, .parallax3{ width:200px; } .b2b--col.first { width: 40%; } .b2b--col.last { width: 60%; } .b2b--col.first:after { height: 50%; top: calc(25% - 15px); } } @media only screen and (min-width: 993px) and (max-width: 1217px){ .color--item { height: 24px; } .filter--pic { width: 24px; height: 24px; } .filter__block--title span.filt-val i { font-size: 12px; } .complect--inner .clearfix .complect--pic img { position:relative; height: auto; width:150px; top:auto; left: auto; right:auto; bottom:auto; border-radius: 9px; } .complect--desc { min-height: 138px; width: calc(100% - 150px); } .complect--inner .clearfix .news__pic { width: 150px; } .complect--inner .news__pic { padding-top: 93%; } } @media only screen and (min-width: 601px) { .filter__trigger{ display: none; } .filter--wrp{ display:block!important; } } @media only screen and (max-width: 600px) { .megacolors { top: 20px; right: 20px; } .digi-dolyame-modal__payment-wrap{ padding:0; background-color:#fff!important; } .digi-dolyame-modal__body-text-header{ line-height:1; margin: 0 0 15px 0; } .digi-dolyame-modal__features .digi-dolyame-modal__features-item{ line-height: 1!important; font-size:13px; } .slider--block.photobooks{ overflow:inherit; } .photobooks .b2b--title { padding-top: 0; } .filter__trigger{ display: block; cursor: pointer; font-weight: 500; padding-bottom: 10px; margin-bottom: 2rem; border-bottom: 1px solid #e1e1e1; position: relative; } .filter__trigger:after { content: ""; position: absolute; right: 3px; top:0; margin-top: 0; border: solid #333; border-width: 0 1px 1px 0; display: inline-block; padding: 5px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .filter__trigger.active:after { margin-top: 9px; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } .filter-title{ padding-left:28px; position: relative; } .filter-title:before{ content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 18px; background-repeat: no-repeat; background-position: center; height: 14px; background-size: contain; background-image: url(/bitrix/templates/rhino/css/../images/filter.svg?1); } .filter--wrp{ margin-top:0; display: none; } .complect--inner .clearfix .complect--pic img { position:relative; height: auto; width:120px; top:auto; left: auto; right:auto; bottom:auto; border-radius: 6px; } .complect--desc { min-height: 138px; width: calc(100% - 120px); } .complect--inner .clearfix .news__pic { width: 120px; } } @media only screen and (min-width: 538px) { .portfolio__horizontal { display: block !important; } } @media only screen and (min-width: 769px) { .good__detail .pfslider { overflow: inherit; margin-bottom: 0; } .portfolio__wrp .swiper-slide img { border-radius: 16px; -webkit-border-radius: 16px; } .portfolio__wrp .swiper-slide:first-child img { width:100%; } .portfolio__wrp .sidebar__inner { position: relative; top: auto; padding: 0; background: #fff; border: 0; } .portfolio__wrp .swiper-container-android .swiper-slide, .portfolio__wrp .swiper-wrapper { transform: unset; } .portfolio__wrp .swiper-wrapper { position: relative; width: 100%; height: auto; z-index: 1; display: block; transition-property: transform; box-sizing: border-box; /*-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; -webkit-column-width: 50%; -moz-column-width: 50%; column-width: 50%;*/ } .portfolio__wrp .swiper-slide { /*flex-shrink: unset; width: 100%; height: 100%; position: relative; transition-property: unset; margin-bottom: 20px;*/ } .portfolio__wrp .swiper-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 20px; grid-row-gap: 20px; } .portfolio__wrp .swiper-slide:nth-of-type(5n+1) { grid-column: span 2; } .portfolio__wrp .swiper-slide a:hover { opacity: 0.5; } .portfolio__wrp .pfslider__slider-controls, .portfolio__wrp .swiper-pagination { display: none; } .box__price { background-color: #00908c; padding: 5px 9px; border-radius: 6px; } } @media only screen and (max-width: 1217px) { .container { width: 970px; } .videocol .h1-title { font-size: 30px; line-height: 38px; margin: 0 0 2rem 0; } .bonus__main { padding: 0px 0px 0 50px; height: 250px; } .bonus__main span { font-size: 24px; } .bonus__main-phone{ height:250px; } .bonus__main-sticker { right: 275px; height: 200px; } .bonus--banner3_text { padding: 3rem 0 3rem 3rem; } .bonus--banner3_pic{ width:220px; } img.responsive-img.bonus--phone { max-width: 500px; width: 100%; margin-top: -70px; } .parallax6 { left: 40%; bottom: 32%; } .parallax4 { right: 30%; } .parallax5 img{ width:250px; } .mobile--banner__wrp{ padding:0 50px; height: 250px; } .mobile--banner__pic { height: 250px; } .mobile--banner__wrp span { line-height: 1.2; font-size: 24px; } .promo--app.bottom.colored .promo--appimg img.first { width: 500px; right: 2%; bottom: -90px; } .promo--appimg img { width: 350px; } .promo--app.bottom .promo--appimg img.first { width: 330px; } .appabs { bottom: -30px; width: 300px; } .promo--app .h1-title { line-height: 38px; font-size: 30px; } .appabs2 { width: 200px; } .block--text { width: 100%; } .blocks--slider{ padding-bottom: 2.3rem; } .blocks--slider .swiper-pagination{ bottom:0!important; } .video--col.image--small{ width:50%; } .video--col.image--small ~ .video--col{ width:50%; } .video--row2 .h3-title{ margin-top:0; } .menu__link { font-size: 15px; } .slider__new .slider__newtext { padding: 2rem 1rem !important; } .filter__block--title span.filt-val{ //max-width: 190px; } .news__item.collections__item.premium .news__inner { border-bottom: 0; height: 100%; padding-bottom: 36px!important; } .slider__text { padding: 2rem 0 2rem 3.3rem; width: 65%; } .h1-title { font-size: 36px; line-height: 44px; margin: 0 0 3rem 0; } .h2-title, .news__detail-text p.h2-title { font-size: 30px; line-height: 30px; } .reviews__slider .slick-arrow.slick-next { right: calc(1.5rem - 3px); } .materials__item { width: 25%; } .videoreviews.has-arrows .slick-arrow { top: 34%; } .textreviews__text { font-size: 1.2rem; line-height: 1.8rem; } .anchor__item { margin-right: 14px; } .anchor__wrap { padding: 0 1rem; } .pay-wrap img+img { margin-left: 10px; } .slider__new .slider__item .clearfix { height: 380px; } .slider__new .slider__item { min-height: 380px; } .video-slider .slick-list { margin:0 -0.75rem; } .vid__item { margin:0 1.75rem; } .video-slider.slick-initialized { padding: 0 0.75rem; } .video-slider .slick-dots { margin: 20px 0 0 0; position: relative; left: auto; bottom: auto; text-align: center; } .video-slider.slick-initialized { display: block; margin-bottom: 20px; } .video-slider .slick-list { padding: 0; } .good__form .clearfix-wrap .clearfix:first-child .input-row { width: 100%; } .top__menu-word { display: none; } .top__menu-word-second span { text-transform: uppercase; } .menu__item+.menu__item { //margin-left: 1.2rem; } .menu { grid-column-gap: 1.2rem; } .top__menu-cert { padding-left: 22px; } .calc__format p, .paper__item p, .cover__item p, .front__item p, .personal__item p, .type__item p, .depth__item p, .collections__format p, .wood__color-item .materials__title { font-size: 14px; line-height: 17px; } .changing__notice a { font-size: 14px; line-height: 15px; } .spoiler__slider__novinka:after { right: 9rem; } .personal__item { width: 33.3333%; } .type__item { width: 50%; } .type__item .outer-wrap { height: 50px; } .cover__variant .materials__title, .lettering__item p, .personal__variant .materials__title, .front__variant .materials__title, .personal__position .materials__title, .personal__position-color-item .materials__title, .front__second-item .materials__title, .front__third-item .materials__title, .woodoption-item .materials__title { font-size: 14px; line-height: 17px; } .cover__variant, .lettering__item, .personal__variant, .front__variant, .woodoption-item { width: 33.3333%; } .profile__item-title { font-size: 14px; } .profile__calc-link .clearfix { width: 253px; } .breadcrumbs .h1-title, .good__col .h1-title{ font-size: 1.8rem; line-height: 1.8rem; } .timeline__title { font-size: 1rem; } .calc__flex .calc__wrapper { padding: 1rem; } .calc__sidebar { width: 40%; } .calc__column { width: 60%; } .calc__flex .calc__row:before, .calc__flex .calc__pages:before { width: calc(100% + 2rem); left: -1rem; } .calc__sidebar { padding-left: 1.5rem; } .minibook__price .price-for-pro~.btn-large.small-btn { width: 100%!important; } .portfolio__wrp .pf__photos, .portfolio__wrp .pfcat { display: none; } .portfolio__wrp .grid figure figcaption { position: absolute; top: auto; left: 0; bottom: 0; height: auto; opacity: 1!important; background: rgba(0, 0, 0, 0.4); } .portfolio__wrp .pfprice { font-size: 13px; } .news__item.collections__item .news__inner { border-bottom: 0; height: 100%; padding-bottom: 77px; } .ar__block{ padding-top:2rem; } .menu__item:last-child{ //display: none !important; } .emp--logos{ grid-template-columns: repeat(3, 1fr); } .banner3--title { padding-left: 50px; font-size: 1.2rem; } .banner3--text { padding-left: 50px; } .banner4--wrp .banner3--pic { top: -25px; right: 20px; } .banner3--pic { position: absolute; top: -60px; right: 0px; } .banner5--pic { top: -30px; right: 20px; } .banner3--text { padding-left: 50px; } .banner3--title { padding-left: 50px; font-size: 1.2rem; } .banner2--text { padding-left: 50px; padding-right:290px } .banner2--pic { position: absolute; top: -60px; right: 0; } .products--btns a:first-child { float: left; min-width: 100%; margin-bottom:1rem; } .products--btns a:last-child { float: right; min-width: 100%; } .products--desc { padding: 20px 20px 30px 20px; } .products--list{ min-height:105px; } .products--title{ min-height:44px; } .banner5--pic { top: -30px; right: 20px; } .newpriority--title { font-size: 1rem; } .premium--slider.has-arrows .slick-arrow{ top:91px; margin-top:0; } .premium--slider2.has-arrows .slick-arrow{ top:60px; margin-top:0; } } @media only screen and (max-width: 992px) { .container { max-width: 750px; } .flex--direction{ flex-direction: column; gap:0px; align-items: center; } .flex-lg-row { flex-direction: column-reverse; gap:30px; } .video--text{ text-align:center; } .video--reviews .reviews__item:not(.slick-center-active) { transform: scale(1); -webkit-filter: grayscale(0); filter: grayscale(0); } .video--reviews .reviews__item:not(.slick-current-active) { transform: scale(.8); -webkit-filter: grayscale(1); filter: grayscale(1); } .mediablock.proff--priorities_wrp .proff--priorities_title strong{ font-size:1.1rem; } .mediablock.proff--priorities_wrp .proff--priorities_title { font-size: 14px; } .mediablock.proff--priorities_wrp { grid-template-columns: repeat(2, 1fr); grid-row-gap: 20px; } .mediablock.proff--priorities_wrp .proff--priorities_item:last-child{ grid-column: span 2; } .video--caption { height: 400px; justify-content: center; flex-direction: column-reverse; } .videocol:nth-child(1) { padding: 0 3rem 3rem 3rem; width: 100%; justify-content: center; text-align: center; } .videocol:nth-child(2) { width: 100%; justify-content: center; padding: 3rem; } .margin-bot{ margin-bottom:2rem!important; } .videoframe{ height:400px!important; } .premium--example:nth-child(4), .premium--example:nth-child(8), .premium--example:nth-child(2), .premium--example:nth-child(6){ left: 0; } .premium--example:first-child { max-width: 200px; } #catTabs li span{ font-size:1.1rem; } .b2b--col.first { width: 50%; } .b2b--col.first { width: 50%; } .b2b--slider { padding: 50px 0px 0 40px; } .b2b--row .swiper-pagination-bullets.swiper-pagination-horizontal, .b2b--row .swiper-pagination-custom, .swiper-pagination-fraction{ left:40px; } .b2b--row:nth-child(2n) .swiper-pagination-bullets.swiper-pagination-horizontal, .b2b--row:nth-child(2n) .swiper-pagination-custom, .swiper-pagination-fraction{ right:40px; } .b2b--row:nth-child(2n) .b2b--slider { padding: 50px 40px 0 0; } .b2b.proff--priorities_wrp { grid-template-columns: repeat(2, 1fr); grid-row-gap: 20px; } .b2b.proff--priorities_wrp .proff--priorities_item { gap: 14px; } .banner4--wrp .inner-wrap div { width: calc(100% - 200px); padding-right:0!important; } .premium--buttons .fotokniga-za-vas-btn{ font-size: 1rem; padding: 1rem; } .fotokniga-za-vas-btn .premium--button_title { font-size: 18px; } .disp-flex { flex-direction: column; } .filter--size#premium ~ .filter__inner .smartfilter { display: grid; grid-template-columns: repeat(3, 1fr); } .proff--priorities_item { padding: 30px 20px; } .proff--priorities_text { font-size: 1rem; } .proff--priorities_title { font-size: 28px; margin: 15px 0 10px 0; } .proff--priorities_pic img{ height:60px; } .proff--cat_title { font-size: 1rem; } .proff--banner{ flex-direction: column; align-items: center; justify-content: center; gap: 1rem; } .proff--banner_text{ width:100%; text-align: center; } .proff--banner_pic { margin-top: 0; margin-left: 0; width: 120px; height: 120px; right: 10px; top: 10px; left: auto; } .proff--col:last-child img{ display: none; } .proff--wrp { flex-direction: column; } .proff--col:first-child { width: 100%; padding: 3rem; } .proff--col:last-child{ width: 100%; justify-content: center; padding: 3rem; } .proff--list{ display:grid; grid-template-columns: repeat(2,1fr); grid-column-gap: 20px; grid-row-gap: 20px; width: 100%; } .proff--col:first-child img { filter: blur(2px); -webkit-filter: blur(2px); } .madeby { justify-content: flex-start; } .bonus__main span { font-size: 20px; max-width: 350px; } .bonus__main { padding: 0px 0px 0 30px; height: 200px; } .bonus__main-phone { height: 200px; } .bonus__main-sticker { right: 220px; height: 150px; } .bonus--banner3 { align-items: center; } .bonus--banner2 { padding: 4rem 0; } .bonus--wrp { margin-top: 2rem; } img.responsive-img.bonus--phone { max-width: 500px; width: 100%; margin-top: -70px; } .parallax2, .parallax3{ display: none; } .parallax5 img { width: 200px; } .parallax6 { left: 10%; bottom: 32%; } .parallax6 { left: 10%; bottom: 10%; } .bonus--top { margin-top: 1rem; height: 400px; } .parallax1 { bottom: 10%; max-width: 300px; right: 5%; } .parallax4 { right: 40%; } .top--menu_right a.top1{ display: none; } .mobile--banner__wrp{ padding:0 30px; height: 200px; } .mobile--banner__pic { height: 200px; } .mobile--banner__wrp span { line-height: 1.2; font-size: 20px; } .mobile--banner__wrp .blob1 { left: 30px; width: 40%; } .mobile--banner__wrp .blob2 { right: 30px; width: 50%; } .promo--app.bottom.colored .promo--appimg img.first { width: 350px; right: 2%; bottom: 80px; } .promo--step { padding-top: 3rem; } .appabs { bottom: -50px; width: 300px; right: 40px; } .promo--app.bottom .promo--appimg img.first { width: 260px; right: 30px; } .promo--app.bottom .h1-title{ max-width: 60%; } .promo--appimg img { width: 300px; top: 0; } .promo--app .h1-title { line-height: 34px; font-size: 26px; } .sticky.big-marg { top: 90px; } .crep--row { align-items: center; flex-direction: column; } .crep--item{ width: 100%; } .block--item{ height:220px; } .blocks--slider .swiper-slide:nth-child(1) img { height: 190px; } .blocks--slider .swiper-slide:nth-child(2) img { height: 200px; } .blocks--slider .swiper-slide:nth-child(3) img { height: 190px; } .video--col+.video--col{ margin-top:2rem; } .photobooks .margin-bottom{ margin-bottom:3.3rem; } .photobooks .main-carousels{ padding-top:1.3rem; } .photobooks .video--inst{ margin-top:1.3rem; } .photobooks .text-blocks{ padding-bottom:3.3rem; } .photobooks .blog__wrap{ margin-bottom:1.3rem; } .cert--inner.vertical{ align-items: flex-start; } .works--list { grid-template-columns: repeat(2, 1fr); } .complect--title { font-size: 1.1rem; } .complect--inner .news__pic { padding-top: 60%; } .complect--wrp{ grid-template-columns: repeat(1,1fr); grid-column-gap: 2rem; grid-row-gap: 2rem; } .complect--inner+.complect--inner{ margin-top:2rem; } .main-blocks__item.setka{ background: #f6f7f9; } .video--col.image--small{ width:100%; } .video--col.image--small ~ .video--col{ width:100%; } .works--properties{ margin-bottom:5px; } .filter__block--inner.active { padding: 1rem; } .filter__block--title span.filt-val { //max-width: 320px; } .smartfilter { grid-template-columns: repeat(2, 1fr); } .smartfilter > div:last-of-type { grid-column: 1 / -1; } .filter--size ~ .filter__inner .smartfilter { grid-template-columns: repeat(2, 1fr); } .filter--size#gallery ~ .filter__inner .smartfilter div.author--full { grid-column: 1 / -1; } .filter--size#stocks ~ .filter__inner .smartfilter > div:last-of-type{ grid-column: inherit; } .cert--text { padding: 2rem; } .slider__new .slider__newtext { padding: 2rem!important; } .slider__new .slider__item:after { height: 60%; } .video--row2 .video--box { margin-bottom: 2rem; } .tabs-wrap .offer--tables { margin-top: 0; } .contacts--item { padding: 2rem; } .plan__item{ font-size:14px; } .header { position:sticky; position:-webkit-sticky; width: 100%; top: 0; z-index: 999; background: #fff; } .header__slogan { display: none; } .header__logo svg, .desktop-logo, .mobile-logo{ height: 35px; } .header__logo { height: 35px; } .city { line-height: 20px; } .header__phone { margin-top: 2px; } .menu__item+.menu__item { margin-left: 20px; } .top-line .top-line__promo { font-size: 13px; } .spoiler__slider__novinka:after { right: 6rem; } .slider__text { padding: 2rem 3.3rem; width: 100%; } .h1-title { font-size: 32px; line-height: 40px; margin: 0 0 3rem 0; } .h2-title, .news__detail-text p.h2-title { font-size: 24px; line-height: 24px; } .slider__item { min-height: 400px; } .main-blocks__image, .ltr .main-blocks__image { position: relative; top: auto; right: auto; left: auto; height: auto; width: 100%; padding-top: 45%; } .main-blocks__body, .offset-l6 .main-blocks__body { padding: 2rem; } .footer__columns { grid-template-columns: repeat(2, 1fr); grid-column-gap: 20px; grid-row-gap: 0; } .icon__item:nth-child(3), .icon__item:nth-child(4) { margin-top: 2rem; } .main-text__title { font-size: 20px; margin: 0 0 1rem 0; } .main-text__body { margin: 0 0 1rem 0; } .logos__item-inner { height: 120px; } .reviews__slider .slick-arrow.slick-next { right: calc(1.5rem - 1px); } .main-form__inner { padding: 2rem; } .main-blocks__item { min-height: 200px; } .offer__table:nth-child(3), .offer__table:nth-child(4) { //margin-top: 2rem; } .offer__table{ margin-top:0!important; } .text-block__col:last-child { margin-top: 2rem } .margin-top { margin-top: 0; } .materials__item { width: 33.333333%; } .block-slider { position: relative; top: auto; right: auto; left: auto; height: auto; width: 100%; padding-top: 45%; } .header__bottom { display: none; } .header { //height:65px; padding-top: 0; margin-bottom: 3.3rem; } .plink, .worktime, .wlink { display: none; } .header__phone { margin-top: 0px; } .header__top { padding-top: 15px; padding-bottom: 15px; } .top-line .top-line__promo { font-size: 12px; line-height: 17px; } .header__logo svg, .desktop-logo, .mobile-logo{ height: 34px; } .header__logo { height: 34px; } .header__right { margin-top: 5px; padding: 0 40px 0 0; } .ham-btn { display: block; width: 20px; position: absolute; top: 4px; right: 0; cursor: pointer; height: 14px; } .ham-btn span { display: block; position: absolute; height: 2px; width: 100%; background: #333; opacity: 1; right: 0; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .ham-btn span:nth-child(1) { top: 0px; } .ham-btn span:nth-child(2) { top: 6px; } .ham-btn span:nth-child(3) { top: 12px; } .ham-btn:hover span { background: #00908c; } .ham-btn:hover span:nth-child(2) { width: 50%; } .sidenav-overlay { z-index: 1000; background-color: rgba(0, 0, 0, 0.7); } .sidenav { width: 100%; box-shadow: none; background-color: #f6f7f9; z-index: 10001; } .pechat__items .paper_primer { width: 50%; } .close-menu { position: absolute; top: -1px; z-index: 3; right: 0; width: 44px; height: 44px; line-height: 44px; text-align: center; cursor: pointer; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; } .close-menu:hover { opacity: 0.5 } .close-menu img { height: 16px; } .mobile { padding: 0 0 1rem 0; } .mobile__menu { padding: 0px 0; margin:0; background: #fff; } .sidenav li.mobile__item { display: block; outline: none !important; line-height: normal; } .sidenav li>a.mobile-ul:after { content: ""; position: absolute; top: calc(1rem + 6px); right: 1.5rem; border: solid #333; border-width: 0 1px 1px 0; display: inline-block; padding: 4px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -webkit-transition: border 0.3s ease; transition: border 0.3s ease; } .sidenav li>a.mobile-ul.opened:after { transform: rotate(45deg); -webkit-transform: rotate(45deg); top: calc(1rem + 3px); } .sidenav li.mobile__item+li.mobile__item { /* border-top: 1px solid #e1e1e1; */ } .sidenav li>a.mobile__link { color: #333; position: relative; display: block; font-size: 15px; font-weight: 400; height: auto; line-height: normal; padding: 1rem 1rem 1rem 60px; border-bottom: 1px solid #e2e2e2; } .sidenav li>a.mobile__link:hover, .sidenav li.mobile__item:hover { background-color: transparent; color: #00908c } .sidenav li.mobile__item{ position:relative; } .sidenav li.mobile__item:after{ content:""; position:absolute; left:1.5rem; top:13px; width:24px; height:24px; background-repeat: no-repeat; background-size: 24px; background-position:center; } .sidenav li.mobile__item:first-child:after{ background-image:url(/bitrix/templates/rhino/css/../images/ph1.svg?1); } .sidenav li.mobile__item:nth-child(2):after{ background-image:url(/bitrix/templates/rhino/css/../images/ph2.svg?); } .sidenav li.mobile__item:nth-child(3):after{ background-image:url(/bitrix/templates/rhino/css/../images/ph4.svg?2); } .sidenav li.mobile__item:nth-child(4):after{ background-image:url(/bitrix/templates/rhino/css/../images/ph3.svg?); } .sidenav li.mobile__item:nth-child(5):after{ background-image:url(/bitrix/templates/rhino/css/../images/ph5.svg?2); } .sidenav li.mobile__item:nth-child(6):after{ background-image:url(/bitrix/templates/rhino/css/../images/ph6.svg?2); } .sidenav li.mobile__item:nth-child(7):after{ background-image:url(/bitrix/templates/rhino/css/../images/ph7.svg?); } .sidenav li.mobile__item:nth-child(8):after{ background-image:url(/bitrix/templates/rhino/css/../images/ph8.svg?); } .mobile-content { margin: 0; display: none; padding: 20px 1.5rem 10px 60px !important; } .mobile-content li { display: block; position: relative; } .mobile-content li+li { padding-top: 10px; } .mobile-content li:first-child a.disabled, .mobile-content li:first-child a.undisabled { margin: 0 0 10px 0; } .mobile-content li a { font-size: 15px; position: relative; color: #666; display: inline-block; font-weight: 400; } .mobile-content li a.disabled { pointer-events: none; cursor: default; color: #000; margin: 10px 0; font-weight: 500; padding-bottom: 10px; } .mobile-content li a.undisabled { color: #000; margin: 10px 0; text-decoration: underline; font-weight: 600; padding-bottom: 0px; } .mobile-content li a.undisabled:after, .mobile-content li a.disabled:after { display: none; content: ""; position: absolute; bottom: 0; left: 0; width: 60px; height: 2px; background: #ccc; } .mobile-content li a:hover { color: #00908c } .portfolio__filter { position: relative; overflow-x: auto; overflow-y: hidden; height: 48px; width: 96%; background-color: #fff; margin: 0 2% 0 2%; white-space: nowrap; } .portfolio__filter li, .tabs-faq .tab { display: inline-block; float: none; margin: 0; line-height: 24px; height: auto; } .tabs .tab { -webkit-box-flex: unset; -webkit-flex-grow: unset; -ms-flex-positive: unset; flex-grow: unset } .tabs { display: block; } .contacts__col { text-align: left; } .contacts__col:last-child { margin-top: 2rem; } .contacts__row .col+.col { margin-top: 1rem; } .videoreviews__pic img { width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; } .videoreviews.has-arrows .slick-arrow { top: 30%; } .textreviews__inner { padding: 2rem; } .textreviews__text { font-size: 1.1rem; font-weight: 400; line-height: 1.7rem; } .textreviews__inner:after { margin-left: -20px; margin-top: -20px; width: 40px; height: 40px; background-size: 40px; } .reviews__text{ padding-top:20px; } .reviews__text:after{ margin-left: -20px; width: 40px; height: 40px; background-size: 40px; } .textreviews { padding-top: 20px; } .textreviews__item { margin-bottom: 2rem; } .reviews__bottom { padding-top: 1.3rem; } .good__right { padding-left: 1.5rem; } .sticky { top: 75px; } .mobile-content li a.hide-desk { color: #000; text-decoration:underline; margin: 0 0 10px 0; font-weight: 500; padding-bottom: 0px; } .mobile-content li a.hide-desk:after { content: ""; display: none; position: absolute; bottom: 0; left: 0; width: 60px; height: 2px; background: #ccc; } .anchor__wrap { position: relative; top: auto; z-index: 1 } .footer__logo, .pay-wrap { width: 50%; } .pay-wrap { text-align: right; } .copy { margin-top: 1rem; width: 100%; text-align: left; } .slider__new .slider__item .clearfix { height: 300px; } .slider__new .slider__item { min-height: 300px; } .slider__new .h3-title { font-size: 19px; } .h4-title { font-size: 18px; line-height: 20px; } .slider__newtext { padding: 0 2rem; } .photobook__desc { font-size: 1rem; } .goods__menunav { width: 33.3333%; } .goods__sidebar { width: 66.6667%; } .photobook__icon p { display: none; } .slider__new .slick-dots{ display:none!important; } .good__detail.portfolio__wrp{ flex-direction:column; } .portfolio__wrp .good__left, .portfolio__wrp .good__right{ width: 100%; padding:0; } .portfolio__wrp .good__left{ margin-bottom:1.5rem; } .good__form-wrap.good__detail { display: block; } .good__form-wrap .good__left, .good__form-wrap .good__right { width: 100%; } .good__form-wrap .good__right { padding-left: 0; } .good__form-wrap .good__left { margin-bottom: 1.5rem; } .good__color-wrap { left: 0; top: 90px; } .new-type__col { float: left; width: 100%; padding-right: 0; } .new-type__col+.new-type__col { padding-right: 0; padding-left: 0; } .new-type__col p { margin: 0 0 1rem 0; } .photobook__editor-item { float: left; width: 100%; text-align: center; padding: 0; } .photobook__editor-item+.photobook__editor-item { margin-top: 2rem; text-align: center; } .photobook__editor { padding-top: 0; border-top: 0; } .photobook__editor-inner { min-width: 360px; } .photobooks__how-col { width: 100%; float: left !important; } .photobooks__how-col:last-child { padding: 0; } .photobooks__how-col .h2-title { display: none; } .photobooks__how-tabs { display: block; text-align: center; margin: 2rem 0; } .photobooks__how-tabs li { display: inline-block; font-size: 20px; } .photobooks__how-item .btn-large { display: block; margin: 0 auto; width: 200px; } .photobooks__how-title { font-size: 18px; line-height: 18px; } .tabs { height: auto; } .tabs .tab { line-height: 32px; height: auto; } .tabs-faq { margin-bottom: 2rem; } .top-block .col+.col { margin-top: 1rem; } .top-block .text-block__text { padding-top: 0rem; } .top-line-new__promo { padding: 10px 30px; } #bx-panel-back, #bx-panel { display: none !important; } .top-line-new { margin-top: -15px; margin-bottom: 15px; } .top-line-new__promo { font-size: 12px; } .top-line-new label[for=showtop]:before { margin-bottom: -1px; display: inline-block; padding: 2px; margin-left: -2px; } .top-line-new label[for=showtop] { width: 16px; height: 16px; } .top-line-new.mobile-top-trigger { display: none; } .top-line-new .top-line-new__promo { -webkit-animation: initiate 0ms ease; -moz-animation: initiate 0ms ease; -o-animation: initiate 0ms ease; animation: initiate 0ms ease; } .header { -webkit-transition: height ease 350ms; -moz-transition: height ease 350ms; -o-transition: height ease 350ms; transition: height ease 350ms; } .changing__message .calc__heading { font-size: 1rem; } .calc__top { top: 65px; margin-top: -2rem; margin-left: -2rem; margin-right: -2rem; } .calc__row:before, .calc__pages:before { width: calc(100% + 4rem); left: -2rem; } .collections__format { width: 25%; } .collections__format { margin-bottom: 1rem; } .collections__tech-item { width: 50%; } .reg__inner { padding: 2rem 1rem; } .profile__top:after, .profile__middle:after { width: 2rem; left: -2rem; } .profile__top:before, .profile__middle:before { width: 2rem; right: -2rem; } .header__profile { line-height: 20px; } .header__tel { line-height: 20px; } .header__tel a { line-height: 20px; font-size: 18px; } .question__desc { width: 416px; } .profile__calc-link .clearfix { width: 245px; } .tech__pic { float: none; width: 100%; padding-right: 0; } .tech__desc { float: none; width: 100%; } .breadcrumbs .h1-title, .good__col .h1-title{ font-size: 1.6rem; line-height: 1.6rem; } .professional__timeline { padding: 3rem 1rem; } .timeline__text { font-size: 13px; } .timeline__title { margin: 0 0 5px 0; } .calc__flex { display: block; } .calc__sidebar { display: none; } .calc__column { width: 100%; } .calc__flex .calc__row:before, .calc__flex .calc__pages:before { width: calc(100% + 4rem); left: -2rem; } .calc__flex .calc__wrapper { padding: 2rem; } .calc__sidebar { padding-left: 0; } .calc__flex .calc__top { display: block; } .calc__flex .calc__finalprice { display: block; } .portfolio__line, .anchor__wrap_teh_trebovania{ -webkit-overflow-scrolling: auto; white-space: nowrap; display: flex; overflow: auto; flex-wrap: nowrap; justify-content: normal; padding: 0 0 2px 0px; border-right: 0.75rem solid #fff; } .portfolio__horizontal { top: 75px; } .pechat__item .news__title, .paper__overlay, .print__item .news__title { font-size: 1.1rem; } #constructor .collections__format { width: 14.28%; } .news__item.collections__item { width: 50%!important; margin-right: -2px !important; } .news__item.collections__item .minibook__price .good__price { //line-height: normal; } .news__item.collections__item .minibook__price .good__price .old-price { display: block; } .news__item.collections__item .minibook__price .good__price { //margin-bottom: 10px; } .news__item.collections__item .minibook__price .price-for-pro~.btn-large.small-btn { //width: 100%!important; //position: absolute; //bottom: 0; //left: 0; } .news__item.collections__item .minibook__price .good__price~.btn-large.small-btn { //width: 100%!important; //position: absolute; //bottom: 0; //left: 0; } .news__item.collections__item .news__inner { border-bottom: 0; height: 100%; padding-bottom: 36px!important; } .collections__item .news__title { height: auto!important; } .news__item.collections__item .minibook__price { //position: unset; //bottom: auto; //left: auto; } .collections__formatss { margin-bottom: 20px; } .main-blocks__image img, .main-blocks__item .vid-cover img{ width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; } .ar__col:last-child { padding-top: 0; } .ar__step { width: 44px; height: 44px; line-height: 40px; font-size: 1.3rem; } .ar__desc { padding-top: 10px; width: calc(100% - 44px - 1rem); } .ar__desc > div{ font-size: 1.2rem; } .gift__wa { float: none; width: 100%; padding-left: 0; line-height: normal; margin-top: 1rem; } .gift__buttons .btn-large { float: none; } table.responsive-table.classic__table thead tr { padding: 0; } table.responsive-table.classic__table { border-spacing: 0; } table.responsive-table.classic__table thead { border: 0; border-right: 1px solid transparent; } table.responsive-table.classic__table thead tr { border-right: 1px solid #e0e0e0!important; } table.responsive-table.classic__table thead tr th { border-bottom: 1px solid transparent; border-left: 1px solid #e0e0e0; border-right: 1px solid transparent; border-top: 1px solid transparent; } table.responsive-table.classic__table tbody tr td { border-bottom: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; border-top: 1px solid transparent; } table.responsive-table.classic__table thead tr th+th { border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; border-right: 1px solid transparent; border-bottom: 1px solid transparent; } table.responsive-table.classic__table tbody tr td+td { border-top: 1px solid #e0e0e0; border-left: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid transparent; } table.responsive-table.classic__table tr { padding: 0; border-top: 1px solid #e0e0e0; border-left: 1px solid transparent; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } table.responsive-table.classic__table thead tr { border-right: 0; } table.responsive-table.classic__table thead tr th { font-size: 15px; } .ar__col:first-child { float: none; width: 100%; text-align: center; } .ar__col:first-child img { max-width: 340px; width: 100%; } .ar__col:last-child { float: none; width: 100%; padding-top: 2rem; padding-right: 0; } .ar__instruction--title { font-size: 1.2rem; } .ar__instruction--inner { padding: 2rem; } .ar__instruction--inner p a+a { margin-left: 10px; } .ar__instruction--col { width: 100%; margin-bottom: 3.3rem; } .ar__instruction--row.disp-flex { display: block; } .ar__instruction--title{ text-align:left!important; } .header__cart { line-height: 20px; margin: 0 0 0 20px; } .header__cart img{ height:16px; } .tg-link{ float:left; display: inline-block; margin-left:20px; line-height: 20px; } .pechat--block .main-blocks__image { display: block; } .pechat--block { background-image: none!important; } .baget--wrp { /* background: #f6f7f9; */ background: #fff; } .baget--wrp2 { background: #fff; } .margin-bottom-mob { margin-bottom: 3.3rem; } .baget--wrp .main-blocks__item { background: #f6f7f9; } .baget--wrp2 .main-blocks__body { padding: 2rem 0.5rem 2rem 2rem!important; } .baget--wrp .main-blocks__body { padding: 2rem 0.5rem 2rem 2rem!important; } .baget--img { width: 500px; height: 500px; } .baget--point1 { top: 100px; left: -40px; } .baget--point2 { top: 140px; right: 120px; } .baget--point3 { top: 320px; right: 150px; } .baget--point4 { bottom: 69px; right: 200px; } .baget--point5 { bottom: 200px; right: 40px; } .baget--map1 { border: 63px solid #00908c; } .baget--map2 { width: calc(100% - 126px); height: calc(100% - 126px); top: 63px; left: 63px; } .baget--map3 { position: absolute; width: calc(100% - 223px); height: calc(100% - 221px); top: 111px; left: 109px; } .baget--map4 { width: calc(100% - 125px); height: calc(100% - 125px); top: 63px; left: 62px; border-left: 40px solid #00908c; border-bottom: 40px solid #00908c; border-top: 41px solid #00908c; border-right: 43px solid #00908c; } .baget--map5 { width: calc(100% - 208px); height: calc(100% - 206px); top: 104px; left: 102px; border-left: 7px solid #00908c; border-bottom: 7px solid #00908c; border-top: 7px solid #00908c; border-right: 7px solid #00908c; } .flex.print__items { grid-template-columns: repeat(2, 1fr); } .print__item { width: 100%!important; padding: 0!important; } .video--col:first-child { float: none; width: 100%; text-align: center; } .video--col:last-child { float: none; width: 100%; padding-right: 0; } .normal--body { padding: 2rem; } .rtl .video--col:first-child { float: none; width: 100%; } .rtl .video--col:last-child { padding-left: 0; padding-right: 0; } .video--inst .video--box{ padding-top: 50%; } .category--small .main-blocks__body { padding: 2rem; } .category--small .offset-l6 .main-blocks__body { padding: 2rem; } .category--small .main-blocks__image,.category--small .ltr .main-blocks__image{ padding-top:65%; } .partners--row { grid-template-columns: repeat(2, 1fr); } .emp--row{ grid-template-columns: repeat(3, 1fr); } .emp--logos{ grid-template-columns: repeat(2, 1fr); } .tabs{ //-ms-overflow-style: none; //scrollbar-width: none; } .tabs::-webkit-scrollbar { //display: none; } .pp--pp{ padding-left:0; } .video--col.pp--pp2{ float:none; } .covers--filt li{ margin-left:9px; margin-right:9px; } .banner--hovereff:hover { transform: translateY(0px); } .banner3--title { padding-left: 30px; font-size: 1.1rem; } .banner3--text { padding-left: 30px; font-size: 1rem; padding-right: 130px; } .banner4--wrp .banner3--pic img { height: 150px; } .banner4--wrp .banner3--pic { top: 0; right: 20px; } .numbers--padd { padding: 0px 0.75rem 0 0.75rem; } .numbers--inner { text-align: center; padding: 2rem 1rem; } .numbers--ico { font-size: 2.5rem; line-height: 2.3rem; } .numbers--wrp.slick-initialized { margin-top: 0px; margin-right: -0.75rem; margin-left: -0.75rem; } .banner3--pic { position: absolute; top: -25px; right: 0px; } .banner3--pic img{ height:200px; } .banner3--text { padding-left: 30px; font-size:1rem; padding-right: 130px; } .banner3--title { padding-left: 30px; font-size: 1.1rem; } .banner3--wrp { margin: 25px 0; } .priority--wrp { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 20px; grid-row-gap: 30px; } .production--sticker{ height:40px; } .production--item { border-radius: 20px; padding: 3rem 2rem; } .production--title { font-size: 1.4rem; } .banner2--wrp { margin: 25px 0; } .banner2--text { padding-left: 30px; font-size: 1rem; line-height: 20px; padding-right: 200px; } .banner2--pic { position: absolute; top: -25px; right: 0; } .banner2--pic img{ height:200px; } .products--list{ min-height:105px; } .products--title{ font-size:1.1rem; } .products--padd { padding: 0px 0.75rem 0 0.75rem; } .steps--item{ font-size:14px; line-height:18px; padding: 0 15px 30px 15px; } .banner5--pic { top: -10px; right: 20px; } .banner5--pic img{ height:170px; } .tabs { -webkit-overflow-scrolling: auto; white-space: nowrap; display: flex; overflow: auto; flex-wrap: nowrap; justify-content: normal; padding: 0 0 2px 0px; border-right: 0.75rem solid #fff; } .tabs li.tab { margin-left: 0.75rem; margin-right: 0; } .newicons--wrp { grid-template-columns: repeat(2, 1fr); } .newpriority--item { width: 33.3333%; } .premium--slider.has-arrows .slick-arrow{ top:98px; margin-top:0; } .premium--slider2.has-arrows .slick-arrow{ top:98px; margin-top:0; } .top--menu_left, .top--menu_right{ display: flex; grid-column-gap: 20px; } .good__examples ~ .text-blocks .text-block__col:last-child { margin-top: 0; } .offer__list2, .white-popup-block ul.offer__list2{ display:none; } .offer__table { width: 100%; margin: 0 auto; max-width: 400px; } .offer__table:nth-child(2) { transform: translateY(0px); } .offer--tables { margin-top: 0; grid-template-columns: repeat(1, 1fr); grid-column-gap: 0px; grid-row-gap: 30px; } .offer__title{ position:relative; cursor: pointer; } .offer__title:after{ content: ''; border: solid #333; border-width: 2px 0px 0px 2px; width: 9px; height: 9px; display: inline-block; position: relative; right: -10px; top: -3px; transform: rotate(-135deg); transition: .3s ease-in-out } .offer__title.active:after{ top: 2px; transform: rotate(-315deg); } } @media only screen and (max-width: 768px) { .container { width: 580px; } .video--caption { height: 400px; justify-content: center; flex-direction: column-reverse; } .videocol .video{ margin-bottom:-10px; } .videocol:nth-child(1) { padding: 0 2rem 2rem 2rem; } .videocol:nth-child(2) { padding: 2rem; } .videocol .video img { height: 60px; } .videocol .video:after { width: 40px; height: 40px; } .videocol .h1-title { font-size: 28px; line-height: 36px; } .video--caption { height: 350px; } .parallax--bg{ height:350px; } .videoframe { height: 320px !important; } .premium__examples{ gap: 24px; grid-template-columns: 1fr 1fr; } .premium--example:first-child { max-width: 100%; width:100%; aspect-ratio: 3 / 3; grid-column: 1 / span 2; grid-row: 1; } .premium--example:first-child img{ object-position: top; } .premium--example:nth-child(2) { grid-column: 1; grid-row: 2; left: -40px; top: -100px; } .premium--example:nth-child(3) { grid-column: 2; grid-row: 2; left: 0px; top: 0; } .premium--example:nth-child(4) { grid-column: 1; grid-row: 3; left: -10px; top: -90px; } .premium--example:nth-child(5) { grid-column: 2; grid-row: 3; left: 30px; top: 0; } .premium--example:nth-child(6) { display: none; } .premium--example:nth-child(7) { display: none; } .premium--example:nth-child(8) { display: none; } .premium--example:nth-child(9) { display: none; } #catTabs { justify-content: flex-start; } .icons--b2b { display: grid; grid-template-columns: repeat(3, 1fr); } .proff--wrp:not(.video--wrp){ margin-bottom: 2rem; } .b2b.proff--priorities_wrp .proff--priorities_item:last-child{ grid-column: unset; } .banner4--wrp .inner-wrap div { width: 100%; padding-right: 15px !important; padding-left: 15px; } .banner4--wrp .banner3--pic { margin-right: -60px!important; } .fotokniga-za-vas-btn .premium--button_title { font-size: 15px; } .fotokniga-za-vas-btns.premium--buttons { grid-column-gap: 15px; } .info__desc { top: 0px; } .premium--buttons { grid-template-columns: repeat(2, 1fr); grid-row-gap: 15px; } .filter--size#premium ~ .filter__inner .smartfilter { display: grid; grid-template-columns: repeat(1, 1fr); } .proff--priorities_wrp { grid-template-columns: repeat(2, 1fr); } .proff--priorities_title { font-size: 24px; } .proff--priorities_item:last-child{ grid-column: span 2; } .categories--slider__wrp.proff--page{ margin-bottom:5rem; } .proff--categories { grid-template-columns: repeat(2, 1fr); } .proff--page .category--slide{ padding:20px; } .proff--page .category--slide img { height: 70px; margin-bottom: 0; } .proff--banner_text { text-align: left; } .proff--banner { align-items: flex-start; background-position: left top; } .proff--banner_pic { width: 100px; height: 100px; } .proff--col:first-child, .proff--col:last-child{ padding: 2rem; } .proff--list{ display:grid; grid-template-columns: repeat(2,1fr); grid-column-gap: 20px; grid-row-gap: 20px; width: 100%; } .proff--list div{ font-size: 30px; } .proff--btn{ height: 3rem; line-height: 3rem; } .categories--slider__wrp.margin-bottom{ padding:0; margin-bottom: 70px!important; } .category--slide { flex-direction: column; padding: 20px; text-align: center; justify-content: center; } .category--slide img { height: 28px; margin-right: 0; margin-bottom: 10px; } .categories--slider__wrp .categories--slider ~ .swiper-button-next, .categories--slider__wrp .categories--slider ~ .swiper-button-prev { display: none!important; } .categories--slider__wrp .swiper-pagination-bullets { display: block; bottom: -30px !important; } .category--slide span{ min-height: 34px; } .categories--slider__wrp.main--page { margin: 2rem 0 2rem 0; } .categories--slider__wrp.main--page .category--slide span { min-height: 1px; } .bonus__main { margin-top: 2rem; } .bonus__main span { font-size: 19px; } .bonus__main-sticker { top:0; right: 155px; height: 110px; } .bonus__main { padding: 0px 0px 0 20px; height: 150px; } .bonus__main-phone { height: 150px; } .bonus--banner3_text { padding: 3rem 3rem 0 3rem; text-align: center; } .bonus--banner3 { width:100%; //max-width: 500px; //margin:0 auto; flex-direction: column; background-position: -70px top; } .bonus--banner3_text .app--buttons { justify-content: center; } .bonus--banner3_pic { width: 180px; } .show-desktop{ display: none; } .bonus--title { font-size: 1.6rem; } .bonus--banner2 { padding: 3rem 0; } .show-mobile{ display: block; max-width: 400px; width: 100%; margin: 0 auto; } .bonus--step span { font-size: 1.1rem; line-height: 1.2; } img.responsive-img.bonus--phone { max-width: 400px; margin-top: -70px; } .parallax1{ display: none; } .bonus--top { margin-top: 0; } .parallax5 img { width: 160px; } .parallax5 { left: 50%; margin-left: -80px; } .parallax6 { left: 15%; bottom: 32%; } .bonus--top_text > img{ width:250px; } .parallax6 a img{ width:50px; } .parallax4 { right: 50%; margin-right: -100px; top: auto; bottom: 0; -webkit-animation: rotate-s 2s infinite; animation: rotate-s 2s infinite; } @-webkit-keyframes rotate-s { 0% { transform: rotate(0deg); } 50% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } @keyframes rotate-s { 0% { transform: rotate(0deg); } 50% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .mobile--banner__wrp{ padding:0 20px; height: 150px; } .mobile--banner__pic { height: 150px; } .mobile--banner__wrp span { font-size: 19px; } .promo--app.bottom.colored .appabs2{ width:140px; left: 50%; margin-left: -70px; } .promo--app.bottom.colored .appabs { right: auto; left: -1%; } .promo--app.bottom.colored .promo--appimg .second{ width: 320px; margin-top: -10px; margin-bottom: -90px; } .promo--app.colored { margin-bottom: 6rem; } .promo--step__inner { flex-direction: column-reverse; } .ll .promo--step__inner > div:first-child { text-align: center; } .lr .promo--step__inner{ flex-direction: column-reverse; } .promo--step__inner > div{ text-align: center; width:100% } .promo--step__inner > div:last-child { padding: 0; } .promo--step__inner > div:first-child{ margin-top:20px; } .promo--step__inner img { max-width: 300px; } .promo--step { padding-top: 0; } .promo--appimg .first{ display: none; } .promo--app.bottom .h1-title { max-width: 100%; } .promo--app.bottom .appabs2{ width: 220px; } .promo--app.bottom .appabs{ width:280px; } .promo--appimg .second{ width: 220px; display: inline; position:relative; left:auto; right:auto; bottom:auto; } .appabs { bottom: 70px; width: 240px; right: 30px; } .promo--app--text { padding: 6rem 2rem 1rem 2rem; text-align: center; } .appabs2 { width: 140px; } .promo--app--text .app--buttons { justify-content: center; } .promo--app { border-radius: 20px; display: flex; align-items: center; flex-direction: column; min-height: 1px; } .promo--app .h1-title { line-height: 32px; font-size: 24px; max-width: 100%; } .sticky.big-marg { top: auto; } .author__sticker.visible-desk{ margin-top: -5px; margin-bottom: 1rem; } .hide--mobile{ display: none; } .show--mobile{ display:block; margin-top:2rem; } .blocks--slider.swiper-initialized { margin-top: -0.75rem; } .blocks--slider .swiper-slide { } .blocks--slider .swiper-slide.animation{ animation-name: scroll; animation-duration: 4s; animation-timing-function: linear; animation-iteration-count: infinite; } @keyframes scroll { 0% { -webkit-transform: translateX(0px); transform:translateX(0px); } 25%{ -webkit-transform:translateX(-20px); transform:translateX(-20px); } 50%{ -webkit-transform:translateX(0px); transform:translateX(0px); } 100% { -webkit-transform:translateX(0px); transform:translateX(0px); } } @-webkit-keyframes scroll { 0% { -webkit-transform: translateX(0px); transform:translateX(0px); } 25%{ -webkit-transform:translateX(-20px); transform:translateX(-20px); } 50%{ -webkit-transform:translateX(0px); transform:translateX(0px); } 100% { -webkit-transform:translateX(0px); transform:translateX(0px); } } .block--item { height: 190px; } .blocks--slider .swiper-slide:nth-child(1) img{ height: 160px; } .blocks--slider .swiper-slide:nth-child(2) img{ height: 160px; } .blocks--slider .swiper-slide:nth-child(3) img{ height: 160px; } .blocks--slider .swiper-slide:nth-child(4) img{ height: 160px; } .blocks--slider .swiper-slide:nth-child(5) img{ height: 160px; } .blocks--slider .swiper-slide:nth-child(6) img{ height: 160px; } .filter__block--title span.filt-val { //max-width: 230px; } .cert--pic.fuller{ margin-bottom:1rem; } .cert--inner { display: block; } .cert--text, .cert--pic { width: 100%; } .cert--text { margin-top: -2rem; } .slider__new .swiper-horizontal>.swiper-pagination-bullets, .slider__new .swiper-pagination-bullets.swiper-pagination-horizontal{ display: block; } .pfslider2 .slick-slide { padding-right: 0.75rem; padding-left: 0.75rem; } .contacts--wrp { display: grid; grid-template-columns: repeat(1, 1fr); grid-column-gap: 1rem; grid-row-gap: 1rem; } .portfolio__wrp .good__col .h1-title{ font-size: 1.4rem; line-height: 1.9rem; } .contacts--item { padding: 20px; } .contacts--wrp > .contacts--full { grid-column: inherit; } #mapcities { margin-bottom: 5px; } .pfslider2 .slick-list{ padding:0 40px 0 0!important; } .breadcrumbs li>a, .breadcrumbs__list{ font-size: 12px !important; } .section { padding: 3rem 0 3.3rem 0; } .contacts--row{ margin-top:3rem; margin-bottom:3.3rem; } .top--slider{ font-size: 13px; } .premium--slider2{ margin:0 -0.75rem 20px -0.75rem; } .stiky-sl-section { padding: 3.3rem 0; } .sticky-sl { padding-top: 3rem; padding-bottom: 3.3rem; } .good__detail { display: block; } .spoiler__slider__novinka:after { right: 14px; } .sticky { position: relative !important; top: auto !important; } /*.stiky-sl-section .instagram { padding-top: 0; }*/ .h1-title { font-size: 28px; line-height: 36px; margin: 0 0 2rem 0; } .h2-title { font-size: 24px; line-height: 24px; margin: 0 0 2rem 0; } .news__detail-text p.h2-title { font-size: 24px; line-height: 24px; } .slider__item { min-height: 350px; } .h3-title { font-size: 18px; line-height: 18px; } .h4-title { font-size: 16px; line-height: 16px; } .main-blocks__price { font-size: 1rem; } .main-blocks__item+.main-blocks__item { margin-top: 2rem; } .h2-title:after, .call__body .h3-title:after { margin-left: -25px; width: 50px; } .footer__bottom { padding: 2rem 0; } .icon__inner img { height: 50px; } .icon__title { font-size: 1rem; font-weight: 400; } .input:not([type]).subscribe__input, input[type=text]:not(.browser-default).subscribe__input { height: 40px; line-height: 38px; padding: 0 50px 0 10px; } .subscribe label { line-height: 38px; } #send img { height: 20px; } #send { width: 40px; height: 40px; line-height: 40px; } .subscribe__subtitle { font-size: 1rem; font-weight: 400; } .subscribe__title { font-size: 1.1rem; } .main-text__title { font-size: 16px; } .main-text__body { padding: 1rem 0 1rem 1rem; } .reviews__title { font-size: 14px; line-height: 17px; } .reviews__text { font-size: 13px; line-height: 1.4rem; } .reviews__name { font-size: 13px; } .reviews__slider { margin: 0 -0.75rem 20px -0.75rem; } .main-blog { padding-bottom: 3.3rem; } .breadcrumbs { padding: 1rem 0; } .news__detail-text ul li, .news__detail-text p, .news__detail-text ol li, .text-block__text ul li, .main-blocks__text ul li, .faq .collapsible-body ul li, .good__detail-text ul li, .acc__body ul li, .collections__tab ul li, .crep--item ul li{ font-size: 14px; line-height: 20px; } .news__detail-text ul li:after, .text-block__text ul li:after, .main-blocks__text ul li:after, .faq .collapsible-body ul li:after, .good__detail-text ul li:after, .acc__body ul li:after, .collections__tab ul li:after, .crep--item ul li:after{ top: 7px; } .white-popup-block { padding: 2rem; } .news__detail-text ul li:after { top: 7px; } .breadcrumbs__list { text-align: left; font-size: 13px; } .breadcrumbs__item { display: inline; float: none; } .main-form__subtitle { font-size: 1rem; line-height: 1.5rem; margin: 0px 0 1rem 0; } .m-none { display: none !important; } .text-body p { font-size: 14px; line-height: 20px; font-weight: 400; } .faq .collapsible-header:before { display: none; } .faq .collapsible-header { padding: 1rem 3rem 1rem 0; } .faq .collapsible-body { padding: 0 3rem 0 0; } .materials__item { width: 33.333333%; } .anchor__item { line-height: 40px; } .portfolio__text { padding: 0 20px 3rem 20px; } #map { height: 300px; } .reviews__service-inner { padding: 2rem 1rem; } .reviews__service-pic img { height: 70px; } .videoreviews.has-arrows .slick-arrow { top: 24%; } .videoreviews__title, .reviews__service-title { font-size: 1.1rem; } .textreviews__item { width: 100%; } .good__left, .good__right { width: 100%; } .good__right { padding-left: 0; } .good__left { margin-bottom: 1.5rem; } .good__color-wrap { display: none !important; } .good__detail-video { width: 100%; } .dlay-cookienotice-load { display: none; } .slider__new .slider__item .clearfix { height: auto; } .slider__new .slider__item { min-height: 300px; } .slider__column { width: 100%; float: left; } .slider__column img { position: relative; top: auto; left: auto; width: 100%; height: auto; object-fit: unset; object-position: unset; } .slider__newtext { padding: 2rem 2rem 5rem 2rem; text-align: center } .photobook__icon { width: 50%; margin-right: -3px; } .photobook__icon:first-child, .photobook__icon:nth-child(2) { margin-bottom: 10px; } .goods__menunav { width: 100%; padding-right: 0; margin-bottom: 2rem; } .goods__sidebar { width: 100%; } .goods__filter, .collections__filter { display: inline-block; position: relative; top: auto; overflow-x: auto; overflow-y: hidden; height: 48px; width: 100%; background-color: #fff; margin: 0; white-space: nowrap; } .goods__filter li, .collections__filter li { display: inline-block; float: none; margin: 0; padding: 0 10px; line-height: 24px; height: auto; } .goods__filter li+li, .collections__filter li+li { margin: 0; } .goods__filter li.is-checked span, .collections__filter li.is-checked span { border-bottom: 2px solid transparent; } .goods__filter li.is-checked, .collections__filter li.is-checked { border-bottom: 2px solid #00908c; } .sticky__goods { display: block; } .slider__new .slick-dots { width: 100%; left: 0; } .photobook__icons { padding-bottom: 3rem; } .photobook__icons { display: none !important; } .main-carousels { margin-bottom: 3.3rem; } .video__trigger { -webkit-transform: none; -ms-transform: none; transform: none; width: 100%; bottom: 0; -webkit-transform-origin: unset; -ms-transform-origin: unset; transform-origin: unset; top: inherit; height: 40px; line-height: 40px; background: #fff; color: #333; -webkit-box-shadow: 0px -2px 7px rgba(0, 0, 0, 0.08); box-shadow: 0px -2px 7px rgba(0, 0, 0, 0.08); font-weight: 600; border-radius: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .video__trigger svg { margin-top: 8px; } .video__trigger svg path { fill: #00908c; } .video__trigger a { color: #333; } .video__trigger:hover span, .video__trigger:hover svg { color: #333; opacity: 0.7; } .video__trigger-close { display: block; position: absolute; top: 50%; right: 2.5rem; margin-top: -7px; opacity: 0.3; width: 12px; height: 12px; background-image: url(/bitrix/templates/rhino/css/../images/close.svg); background-size: 12px; cursor: pointer; background-repeat: no-repeat; } #scroll-down { display: block; position: relative; margin-top: -10px; text-align: center; margin-bottom: 1rem; } #scroll-down.scroll-right { padding-right: 0.75rem; margin-top: -5px; } .calc__cover, .calc__front { display: flex; flex-wrap: wrap; justify-content: flex-start; -webkit-column-count: unset; -moz-column-count: unset; column-count: unset; -webkit-column-gap: unset; -moz-column-gap: unset; column-gap: unset; -webkit-column-width: inherit; -moz-column-width: inherit; column-width: inherit; margin-bottom: -1rem; } .cover__item, .front__item { display: inline-block; width: 33.3333%; margin-bottom: 1rem; } .personal__item, .wood__personal-add { width: 50%; } .calc__finalprice { padding: 1rem; } .calc__total { font-size: 1.3rem; } .calc.sticky-sl { padding: 3rem 0 3.3rem 0; } .params .pp>span:first-child { border-right: 1px dashed #e0e0e0; padding-right: 10px; } .params .pp strong { padding: 0; } .params .pp>span:first-child:after { display: none; } .cover__variant, .cover__variants.wood .cover__variant, .lettering__item, .personal__variant, .front__variant, .personal__position, .personal__4col .personal__position, .personal__position-color-item, .front__second-item, .front__third-item, .woodoption-item { width: 50%; } .calc__format { width: 33.3333%; } .collections__header { padding-bottom: 1rem; } .collections__format { width: 33.3333%; } .reg__desc { font-size: 14px; } .reg__pic img { height: 40px; } .reg__title { margin: 0 0 10px 0; } .profile__col:last-child, .profile__col:first-child { width: 100%; } .profile__col { width: 100%; } .profile__col+.profile__col { margin-top: 1rem; } .profile-cab { display: none; } .header__profile a { padding: 0; width: 16px; height: 20px; } .header__profile a:hover { opacity: 0.5; } .mobile__profile .profile-cab { display: inline; } /*.mobile__profile a:first-child { position: relative; display: inline-block; padding: 0 0 0 23px; font-size: 14px; background-image: url(/bitrix/templates/rhino/css/../images/profile.svg); background-size: 16px; background-position: center left; background-repeat: no-repeat; }*/ .profile__item { width: 33.3333%; } .question__desc { width: 415px; } .reg__calc-registration a { margin: 0 auto; display: block } .reg__calc-registration a+a { margin: 1rem auto 0 auto; } .reg__tabs .btn-large { width: 100%; margin: 0; padding: 0; } .reg__tabs .btn-large+.btn-large { margin-top: 1rem; } .classic__table thead tr th { font-size: 14px; } .tech__item img { height: 50px; } .tech__separator { padding-bottom: 2rem; margin-bottom: 2rem; } .bordered-box { padding: 1rem; } .auth__btns .btn-large { width: 100%; margin-right: 0; } .auth__btns .btn-large+.btn-large { margin-right: 0; width: 100% !important; margin-top: 1rem; } .breadcrumbs .h1-title, .good__col .h1-title{ font-size: 1.4rem; line-height: 1.4rem; margin: 0 0 10px 0!important; } .breadcrumbs .h1-title{ margin: 1rem 0 0 0!important; } .professional__timeline-wrap:after { display: none; } .timeline__step { float: none; display: inline-block; vertical-align: top; margin: 0 -3px 2rem 0; width: 33.3333%; } .professional__timeline-wrap { text-align: center; margin-bottom: 0; } .timeline__sub { font-size: 1.1rem; margin: 0 0 2rem 0; } .professional__timeline-wrap.no-marg { margin-bottom: -2rem; } .collections__tabs #scroll-down { margin-top: 10px; } .center.marg-top .btn-large { width: 100%; } .show .portfolio__slider { padding: 0 20px; } .pfslider { margin-bottom: 0px!important; } .portfolio__wrp .good__left { width: 100%; } .portfolio__wrp .good__right { width: 100%; padding-left: 0px; } .pechat__item { float: none; width: 100% !important; margin: 0 auto; max-width: 420px; padding: 0 0.75rem; } .pechat__item+.pechat__item { margin: 2rem auto 0 auto; } .pechat__items.flex { display: block; } .pechat__items.flex .pechat__item .news__inner { height: 100%; position: relative; padding-bottom: 0; } .pechat__items.flex .pechat__item .btn-large { position: relative; margin: 1rem 0 0 0; bottom: auto; left: auto; } .individual { display: block; } .individual__item { width: 100%; } .individual__item+.individual__item { margin-top: 2rem; } #constructor .collections__format { width: 16.66%; } .price__desc { font-size: 14px; } .ar__desc > div{ font-size: 1.1rem; } .gift__col:first-child { width: 220px; } .gift__col:last-child { width: calc(100% - 220px); padding-left: 2rem; padding-top: 2rem; } .professional { padding-top: 3.3rem!important; } .pechat__table { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .ar__instruction--col { margin-bottom: 2rem; } .header__phone { display: none; } .mobile__cart{ display:block; border-bottom: 1px solid #e1e1e1; padding: 1rem; margin-bottom:2rem; } /*.mobile__profile a:last-child { position: relative; display: inline-block; padding: 0 0 0 23px; font-size: 14px; background-image: url(/bitrix/templates/rhino/css/../images/basket.svg?1); background-size: 16px; background-position: center left; background-repeat: no-repeat; }*/ .mobile__profile a:last-child .profile-cart { display: inline; border-bottom: 1px solid; -webkit-transition: border .3s ease; transition: border .3s ease; } .row--min{ margin: 0 -5px; } .row--min .col{ padding:5px!important; width:50%!important; } .box--n1 { background-image: url(/bitrix/templates/rhino/images/web/category/main/foto_2.jpg); } .box--n2 { background-image: url(/bitrix/templates/rhino/images/web/category/main/mob/intererka.jpg); } .box--n5 { background-image: url(/bitrix/templates/rhino/images/web/category/main/mob/plastifikaciya.jpg); } .box--n6 { background-image: url(/bitrix/templates/rhino/images/web/category/main/mob/photobooks.jpg); } .box--n7 { background-image: url(/bitrix/templates/rhino/images/web/category/main/mob/hardcoverbooks.jpg); } .box--n8 { background-image: url(/bitrix/templates/rhino/images/web/category/main/mob/fotoholst.jpg); } .box__price{ width: 100%; text-align: center; left: 0; } .box__title { line-height: normal; } .box--n .box__content { margin: 0; padding:15px; bottom:0px; left:0; min-height: 8rem; width: 100%; position: absolute; z-index: 1; text-align: center; color:#fff; } .box--n .box__content:after { content:""; position:absolute; z-index:0; width: 100%; height: 100%; top:0; left:0; background: linear-gradient(180deg,rgba(75,78,81,0) 0%,#494949 100%); border-radius: 16px; } .box__price { bottom: auto; color:#ffffff!important; margin-top:10px; position:relative; } .box__text span { display: none; font-size:14px; } .box__content .box__text { position: relative; z-index: 1; } .slider__new .swiper-slide { width:85%!important; padding: 0 0.75rem; } .slider__new-wrp { margin: 0 -0.75rem; width: calc(100% + 1.5rem); } .slider__new2 .swiper-slide { width: 80%!important; } .slider__new .slider__newtext { padding: 2rem 1.5rem; text-align: left; } .pfslider__slider-controls, .slider-nav2{ display: none!important; } .sidebar__inner { padding: 0; border: 0; } .pfslider2 { margin-bottom:0; width: calc(100% + 1.5rem); margin: 0 -0.75rem; } .pfslider2 .slick-dots{ position: relative; bottom: auto; left:auto; text-align: center; margin-top: 20px; height: 10px; line-height: 10px; } .pfslider .swiper-slide img{ border-radius: 16px; } .pfslider .swiper-slide { width: 85%; padding:0 0.75rem; } .portfolio__wrp .portfolio__slider { margin: 0 -0.75rem; width: calc(100% + 1.5rem); } .pfslider .swiper-horizontal>.swiper-pagination-bullets, .pfslider .swiper-pagination-bullets.swiper-pagination-horizontal { position:relative; bottom: auto; margin-top: 20px; text-align: center; height: 10px; line-height: 10px; } .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap,7px)!important; } .good__price-detail.price-for-pro { margin-top: 0px; } .hd-print-sticker-img { background-size: 3.5rem; } .hd-print-sticker { position: absolute; left: 5px; bottom: 22px; z-index: 3; top: auto; right: auto; } .video--row2{ margin-top:-3.3rem; padding-bottom: 2rem; } .partner--logo{ height:10rem; } .partner__inner { padding: 20px; } .partner--logo img { max-height: 120px; max-width: 170px; } .partner--sticker { font-size: 14px; padding: 5px 10px; } .emp--row{ grid-template-columns: repeat(2, 1fr); } .covers--filt { -webkit-overflow-scrolling: auto; white-space: nowrap; display: flex; overflow: auto; flex-wrap: nowrap; justify-content: normal; padding: 0 0 2px 0px; border-right:0.75rem solid #fff; } .covers--filt li{ margin-left:0.75rem; margin-right:0; } .photobooks--block { padding: 0; width: 100%; display: block; } .photobooks--img{ text-align: center; height:300px; } .photobooks--text, .photobooks--block:nth-child(2n) .photobooks--text{ padding: 2rem; } .video--inst p { margin: 2rem 0; line-height: 1.6rem; font-size: 1rem; } .banner4--wrp { height: auto; text-align: center; } .banner4--wrp .banner3--pic { position: absolute; top: -50px; right: 50%; margin-right: -50px; } .banner4--wrp .banner3--title { padding: 50px 15px 0 15px; } .banner3--text { padding: 0 15px 30px 15px; text-align: center; } .banner4--wrp .banner3--pic img { height: 100px; } .numbers--ico { font-size: 2rem; line-height: 1.8rem; } .numbers--desc { font-size: 1rem; } .banner2--wrp, .banner3--wrp{ height:auto; text-align:center; } .banner3--pic { position: absolute; top: -50px; right: 50%; margin-right: -50px; } .banner3--pic img{ height:110px; } .banner3--text { padding: 0 15px 30px 15px; text-align:center; } .banner3--title { padding: 60px 15px 0 15px; margin: 1rem 0; text-align:center; } .banner3--wrp { margin:0; } .banner--section.section{ padding-top:6.7rem; } .priority--text{ line-height:1.3rem; } .priority--text{ font-size:1rem; } .priority--title { font-size: 1.1rem; } .priority__item { padding: 2rem 1rem; background: #fff; } .production--title { font-size: 1.2rem; } .production--list li:before { content: ""; position: absolute; } .production--text{ font-size:1rem; } .production--text p{ line-height:1.3rem; } .production--list li:before{ top:7px; } .banner2--wrp { margin: 0; } .banner2--pic { position: absolute; top: -50px; right: 50%; margin-right: -50px; } .banner2--pic img { height: 100px; } .banner2--text { padding: 60px 15px 30px 15px; } .banner2--wrp{ height:auto; text-align:center; } .horizontal--banner .products--ico img{ border-radius: 20px 20px 0 0; } .horizontal--banner .products--ico{ padding-top:65%; height:auto; } .horizontal--banner__desc{ padding: 20px 20px 30px 20px; } .horizontal--banner__desc .btn-large{ width:100%!important; } .steps--item{ margin-bottom:3rem; } .steps--wrap { grid-template-columns: repeat(2, 1fr); } .disp--flex { display: block; } .horizontal--banner__pic, .horizontal--banner__desc { width: 100%; float: left; } .horizontal--banner__desc { padding: 20px 20px 30px 20px; } .banner5--pic { top: -50px; right: 50%; margin-right: -50px; } .banner5--pic img{ height:100px; } .top--menu_item:first-child{ display: none; } .top--line { display:none; } .examples__wrp { grid-template-columns: repeat(2, 1fr); grid-column-gap: 20px; grid-row-gap: 20px; } } @media only screen and (min-width: 769px) { .row--min { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -5px; } .row--min .col.l8 { -ms-flex: 0 0 66.6667%; -webkit-box-flex: 0; flex: 0 0 66.6667%; max-width: 66.6667%; } .row--min .col.l4 { -ms-flex: 0 0 33.3333%; -webkit-box-flex: 0; flex: 0 0 33.3333%; max-width: 33.3333%; } .row--min .col{ padding:5px; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } } @media only screen and (min-width: 993px) { .print--col.image { box-shadow: 0px 0px 3px 1px #e3e3e3; } .slider-nav .slick-track { transform: none!important; } .print__item{ //flex: 1 0 33.333333%; } .print__item { width: 100%!important; padding:0!important; } .offer__list2, .white-popup-block ul.offer__list2{ display:block!important; } .offer__title{ pointer-events: none; cursor: default; } #prices{ max-width: 1200px; } } @media only screen and (max-width: 600px) { .container { width: 100%; max-width: 480px; min-width: 300px; } .projects__card.swiper-slide{ width:90%!important; } .project__pic { position: relative; top: auto; left: auto; object-fit: cover; height: auto; width: 100%; } .card--inner { padding-top: 0; } .video--text p{ font-weight: 400; font-size:14px; margin: 0 0 20px 0; } .reviews__slider.video--reviews .slick-list { padding: 2px; } .video--reviews .reviews__item{ padding:0; } .videocol .h1-title { font-size: 22px; line-height: 30px; } .video--caption { height: 350px; } .parallax--bg{ height:280px; } .videoframe { height: 250px !important; } .icons--b2b { display: grid; grid-template-columns: repeat(2, 1fr); } .b2b--icon:nth-of-type(5){ grid-column: span 2; } .b2b--row, .b2b--row:nth-child(2n){ flex-direction:column-reverse; gap: 10px; } .b2b--row .swiper-pagination-bullets.swiper-pagination-horizontal, .b2b--row .swiper-pagination-custom, .swiper-pagination-fraction, .b2b--row:nth-child(2n) .swiper-pagination-bullets.swiper-pagination-horizontal{ left: 50%; transform: translateX(-50%); width: auto; right: auto; display: inline-block; } .b2b--col.first, .b2b--col.last{ width: 100%; } .b2b--col.first:after{ display: none; } .b2b--col.last{ margin:0 -0.75rem; overflow: inherit; } .slider--block{ overflow:hidden; } .b2b--slider { padding: 0; } .b2b--row:nth-child(2n) .b2b--slider { padding: 0; } .b2b--controls{ display:none!important; } .b2b--col.first > div{ padding:0; } .b2b--row:nth-child(2n) .b2b--col.first > div { padding: 0; } .b2b--title { padding-top: 0; } .b2b--row+.b2b--row { margin-top: 2rem; } .swiper-slide.b2b--slide { width: 85%; padding: 0 10px; } .proff--priorities_wrp { display: flex; flex-direction: column; gap:20px; } .proff--priorities_item:last-child{ grid-column: none; } .proff--page .category--slide img { height: 64px; } .proff--banner_pic { width: 70px; height: 70px; right: -13px; top: -15px; } .proff--banner_text { font-size: 16px; max-width: 298px; } .proff--list div { font-size: 24px; } .proff--item{ display: flex; justify-content: space-between; flex-direction: column; } .proff--list{ grid-column-gap: 40px; } .bonus__main { padding: 0px 0px 0 20px; height: 100px; border-radius: 16px; } .bonus__main span { font-size: 15px; max-width: 210px; } .bonus__main-phone { height: 100px; } .bonus__main-sticker { top: 30px; right: 10px; z-index:2; height: 70px; } .bonus--banner3_text { padding: 2rem 2rem 0 2rem; } .bonus--banner3_text { line-height: 1.2; font-size: 1.3rem; } .bonus--box:after{ display: none; } .bonus--box { grid-template-columns: repeat(1, 1fr); grid-column-gap: 20px; grid-row-gap: 20px; padding: 2rem 2rem 6rem 2rem; background-position: 100px bottom; background-size: 90%; } .mobile--banner__wrp span { font-size: 15px; padding-right: 10px; } .mobile--banner__wrp { padding: 0 20px; height: 100px; border-radius: 16px; } .mobile--banner__pic { height: 100px; margin-right: -89px; } .mobile--banner__wrp .blob1 { left: 20px; } .mobile--banner__wrp .blob2 { right: 0px; } .promo--app--text { padding: 6rem 1rem 1rem 1rem; } .promo--appimg .second { width: 200px; } .appabs { bottom: 0px; right: 50%; margin-right:-120px; } .promo--app.bottom .appabs{ margin-right:-140px; right:50%; } .promo--app .h1-title { line-height: 30px; font-size: 22px; } .header__phone { display: none; } .smartfilter { grid-template-columns: repeat(1, 1fr); } .filter--size#stocks ~ .filter__inner .smartfilter { grid-template-columns: repeat(1, 1fr); } .complect--item .news__pic { padding-top: 60%; } .complect--link { font-size: 13px; } .filter--size ~ .filter__inner .smartfilter { grid-template-columns: repeat(1, 1fr); } .filter--colors { grid-template-columns: repeat(6, 1fr); } .works--list { grid-template-columns: repeat(1, 1fr); } .filter__block--title span.filt-val { //max-width: 280px; } .header__logo svg, .desktop-logo, .mobile-logo{ height: 28px; } .goods > .row .good__item+.good__item{ margin-top:2rem; } .goods > .row .good__item.news__item{ margin-bottom:0!important; } .gallery__item.gallery--vertical{ width:50%; } .header__logo { height: 28px; float: none; width: 100%; text-align: center; } .header__right { margin-top: 0; padding: 0; top: 0; float: none; right: 0; position: absolute; } .city { font-size: 13px; } .header { height: 59px; } .slider__text { padding: 2rem; } .slider__item { min-height: 300px; } .h1-title { font-size: 22px; line-height: 30px; } .h2-title, .news__detail-text p.h2-title { font-size: 20px; line-height: 20px; } .slick-dots { bottom: 10px; text-align: left; left: calc(2rem - 7px) } .main-blocks__body, .offset-l6 .main-blocks__body { padding: 2rem 1rem; } .main-blocks__price { margin-bottom: 1rem; } .h3-title { margin: 0 0 1rem 0; } .footer__logo svg, .footer__logo { height: 28px; } .footer__col { width: 100%; max-width: 100%; } .desktop-logo { display: none; } .mobile-logo { display: inline-block; } .header__right .clearfix { display: none; } .whatsapp__wlink { position: absolute; top: 2px; left: 0; display: block; width: 20px; height: 20px; background-image: url(/bitrix/templates/rhino/css/../images/whatsapp.svg?2); background-repeat: no-repeat; background-size: contain; } .mobile__region { margin-bottom: 0; padding: 1rem; border-bottom: 1px solid #e1e1e1; } .mobile__region .city { display: block; margin: 0; float: none; line-height: 21px; width: 100%; font-size: 14px; } .logos__item-inner { height: 90px; } .logos__slider .slick-dots { text-align: center; } .reviews__slider .slick-dots, .examples__slider .slick-dots, .examples__slider2 .slick-dots { text-align: center; } .blog__pic, .news__pic { padding-top: 45%; } .print__item .news__pic{ padding-top: 60%; } .blog__inner, .news__inner { padding-bottom: 10px; border-bottom: 1px solid #e1e1e1; } .blog__item:last-child .blog__inner, .news__item:last-child .news__inner { padding-bottom: 0; border-bottom: 0; } /*.blog__item:last-child, .news__item:last-child { margin-bottom: 0 !important; }*/ .main-form__inner { padding: 2rem 1rem; } .offer__table { margin-top: 2rem; } .offer__title { font-size: 1.2rem; margin: 1rem 0 10px 0; } .offer__price { margin-bottom: 10px; } .materials__item { width: 50%; } .pf__price { width: 100%; margin-bottom: 1rem; float: left; line-height: normal; } .slider-nav.has-arrows .slick-arrow.slick-next { background-position: center; } .slider-nav.has-arrows .slick-arrow.slick-prev { background-position: center; } #map { height: 200px; } .contacts__col { text-align: center; } .contacts__col+.contacts__col { margin-top: 2rem; } .reviews__service-inner { margin-bottom: 1.5rem; } .reviews__service-pic img { height: 50px; } .videoreviews .slick-dots { text-align: center; } .videoreviews .slick-dots { margin: 20px 0 0 0; position: relative; left: auto; bottom: auto; } .textreviews__inner { padding: 2rem 1rem; } /* .price-number-additional { padding-left: 10px; } */ .good__price-detail { font-size: 1.3rem; } .good__color img { width: 28px; } .good__color { width: 28px; height: 28px; } .good__unique-block { /* padding: 1rem; */ } .plans__block .btn-large { margin-top: 0; } .plans__block { margin-top: 1rem; margin-bottom: 2rem; } .plan__item, .good__own-price, .good__own-price input:not([type]), .good__own-price input[type=text]:not(.browser-default), .good__own-price label { line-height: 34px; height: 36px; } .plans__link { margin-bottom: 2rem; } .footer__logo, .pay-wrap { width: 100%; } .pay-wrap { margin-top: 1rem; text-align: left; } .copy { margin-top: 1rem; width: 100%; line-height: 18px; text-align: left; } .slider__new .slick-dots { text-align: center; } .slider__newtext { padding: 2rem 2rem 4rem 2rem; } .good__form .clearfix .input-row { width: 100%; } .good__form-price { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-width: 50%; -moz-column-width: 50%; column-width: 50%; } .photobook__editor-inner { min-width: 1px; } .photobook__editor-item, .photobook__editor-item+.photobook__editor-item { text-align: left; } .photobooks__how-item .btn-large { width: 100%; } .carousels__slider .slick-dots { text-align: center; } .sale__text { width: 90%; } .sale__sticker { position: absolute; width: 50px; line-height: 50px; height: 50px; font-size: 12px; } .top-line-new label[for=showtop] { right: 15%; } .calc__paper { display: flex; flex-wrap: wrap; justify-content: flex-start; -webkit-column-count: unset; -moz-column-count: unset; column-count: unset; -webkit-column-gap: unset; -moz-column-gap: unset; column-gap: unset; -webkit-column-width: inherit; -moz-column-width: inherit; column-width: inherit; margin-bottom: -1rem; } .paper__item { display: inline-block; width: 50%; margin-bottom: 1rem; } .calc__row:before, .calc__pages:before { width: calc(100% + 2rem); left: -1rem; } .collections__format { width: 50%; } .collections__tech-item { width: 100%; } .price-number-text { padding-top: 3px; } .reg__tabs { display: block; margin: 0 0 2rem 0; } .reg__item { width: 100%; cursor: pointer; padding: 0; } .reg__item+.reg__item { margin-top: 1rem; } .profile__top:after, .profile__middle:after { width: 1rem; left: -1rem; } .profile__top:before, .profile__middle:before { width: 1rem; right: -1rem; } .header__profile { display: none; } .profile__item { width: 50%; } .profile__item-pic img { height: 32px; } .calc__top { top: 59px; margin-top: -2rem; margin-left: -1rem; margin-right: -1rem; } .question__desc { width: 300px; } .profile__calc-link { padding: 1rem 0; } .profile__col .btn-large.color2, .profile__col .btn-large.color1 { width: 100%; } .profile__col .btn-large.color1 { margin-right: 0; margin-bottom: 1rem } .calc__top { padding: 0 10px; } .calc__top .btn-large { margin-left: 1rem; } .school__btns a { width: 100%; padding: 1rem; } .school__btns { display: block; } .school__btns a+a { margin-top: 1rem; margin-left: 0; line-height: normal; padding: 1rem; } .timeline__step { margin: 0 -2px 2rem 0; width: 50%; } .professional__timeline { padding: 2rem 1rem; } .timeline__step:last-child { width: 100%!important; } .calc__flex .calc__row:before, .calc__flex .calc__pages:before { width: calc(100% + 2rem); left: -1rem; } .calc__flex .calc__wrapper { padding: 2rem 1rem; } .pfslider .swiper-button-next, .pfslider .swiper-button-prev { opacity: 1!important; } .minibook__price .price-for-pro~.btn-large.small-btn { width: 120px!important; } .good__price-detail.price-for-pro .price-number-text { width: 100%!important; } .pechat__item .news__inner { padding-bottom: 2rem; } .pechat__item.paper .news__inner { padding-bottom: 0; border-bottom: 0; } .print__item .news__inner { border-bottom: 0; } .flex.print__items { grid-template-columns: repeat(1, 1fr); } .pechat__items.flex .pechat__item .news__inner { padding-bottom: 2rem; } .individual__inner { padding: 2rem 1rem; } #constructor .collections__format { width: 25%; } .plans__block .constructor__btn.btn-large { margin-top: 1rem; } .colformat__item img { height: 16px; margin-right: 4px; } .colformat__item span { width: calc(100% - 20px); padding-top: 0; font-size: 12px; } .ar__promo .btn-large { display: block; width: 200px; margin: 0 auto; } .ar__promo .btn-large+.btn-large { margin: 1rem auto 0 auto; } .gift__col:first-child { width: 100%; text-align: center; } .gift__col:last-child { width: 100%; padding-left: 0; text-align: center; padding-top: 2rem; } .news__item.collections__item:last-child .news__inner { padding-bottom: 36px; } .personal__row { margin: 0 -0.75rem; display: block; } .personal__cab { padding: 0 0.75rem; float: none; width: 100%; margin:2rem auto 0 auto; max-width: 250px; } .personal__title { font-size: 1.1rem; } .personal__cab img{ width:64px; height:auto; } .personal__cab+.personal__cab{ margin:1rem auto 0 auto; } .ar__desc p a img{ width:110px; } .ar__instruction--inner p a img { width: 110px; } .ar__instruction--inner p img { width: 90px; } .tg-link-mobile{ position: absolute; top: 2px; left: 40px; display: block; width: 20px; height: 20px; background-image: url(/bitrix/templates/rhino/images/telegram.svg); background-repeat: no-repeat; background-size: contain; } .row--min .col { padding: 5px 0.75rem!important; width: 100%!important; } .baget--img { width: 300px; height: 300px; } .baget--point1 { top: -5px; left: 20px; font-size: 13px; } .baget--point2 { top: 130px; right: 30px; font-size: 13px; } .baget--point3 { top: 187px; right: 20px; font-size: 13px; } .baget--point4 { bottom: 30px; right: 50px; font-size: 13px; } .baget--point5 { bottom: 200px; right: 0px; font-size: 13px; } .baget--map1 { border: 38px solid #00908c; } .baget--map2 { width: calc(100% - 76px); height: calc(100% - 76px); top: 38px; left: 38px; } .baget--map3 { width: calc(100% - 133px); height: calc(100% - 131px); top: 66px; left: 65px; } .baget--map4 { width: calc(100% - 75px); height: calc(100% - 75px); top: 38px; left: 38px; border-left: 23px solid #00908c; border-bottom: 24px solid #00908c; border-top: 24px solid #00908c; border-right: 26px solid #00908c; } .baget--map5 { width: calc(100% - 124px); height: calc(100% - 123px); top: 62px; left: 61px; border-left: 4px solid #00908c; border-bottom: 4px solid #00908c; border-top: 4px solid #00908c; border-right: 4px solid #00908c; } .pfslider .swiper-slide { //width: 320px; } .carousels__item .news__inner, .news__item2 .news__inner{ padding-bottom: 0; border-bottom: 0; } .vid__item { margin: 0 0.75rem; } .normal--body { padding: 2rem 1rem; } .category--small .main-blocks__body { padding: 2rem; } .category--small .offset-l6 .main-blocks__body { padding: 2rem; } .partners--row { grid-template-columns: repeat(1, 1fr); } .partner--item { width: 90%; margin-left: 5%; } .emp--row{ grid-template-columns: repeat(1, 1fr); } .emp--logos{ grid-template-columns: repeat(1, 1fr); } .photobooks--img{ text-align: center; height:220px; } .premium--slider .slick-dots, .premium--slider2 .slick-dots{ text-align: center; } .premium--slider .photobook--item .news__inner, .premium--slider2 .photobook--item .news__inner{ border-bottom:0!important; } .priority--wrp { display: grid; grid-template-columns: repeat(1, 1fr); grid-column-gap: 0px; grid-row-gap: 30px; margin-bottom: -30px; } .production--wrp { display: grid; grid-template-columns: repeat(1, 1fr); grid-column-gap: 0px; grid-row-gap: 0; } .production--title { margin: 0 0 1rem 0; } .production--item { padding: 3rem 1rem 2rem 1rem; } .production--list li { padding-left: 17px; } .products--desc { padding: 20px 15px; } .steps--wrap{ grid-template-columns: repeat(1, 1fr); } .reviews__inner { padding: 0; } .newicons--wrp { grid-template-columns: repeat(1, 1fr); } .newicons--icon { padding: 20px; } .newpriority--item { width: 50%; } .newpriority--ico img { height: 50px; } .footer__columns { grid-template-columns: repeat(1, 1fr); grid-column-gap: 0; grid-row-gap: 0; } .js-accordion__content .footer__list { margin: 0 0 1.5rem 0; } .news__item.collections__item { width: 100%!important; margin-right: -2px !important; } } @media only screen and (max-width: 1817px) { .sticky__portfolio { //max-width: 1440px; } } @media only screen and (max-width: 1457px) { .sticky__portfolio { //max-width: 1080px; } .grid figure, .grid .placeholder{ width:33.3333%; } } @media only screen and (max-width: 1097px) { .sticky__portfolio { //max-width: 720px; } .grid figure, .grid .placeholder{ width:50%; } } @media only screen and (max-width: 737px) { .sticky__portfolio { //max-width: 520px; } .grid figure, .grid .placeholder { width: 100%; } .pf__photos { top: 10px!important; } .pf__title, .pfprice { font-size: 14px; } .portfolio__sidebar { float: left; width: 170px; padding: 0 10px 0 10px; } .portfolio__wrp.fuller { width: calc(100% - 170px); float: left; } } @media only screen and (max-width: 537px) { .grid figure, .grid .placeholder { //height: 300px; background-color: #efedee; } /*.grid figure img{ z-index: 0; position:absolute; top:0; left:0; width:100%; height: 100%; object-fit: cover; }*/ .portfolio__wrp .grid figure figcaption{ z-index: 1; } .pf__photos { top: 20px!important; } .sticky__portfolio { //max-width: 320px; max-width: 100%; } .portfolio__sidebar { float: left; width: 100%; } .portfolio__wrp.fuller { width: 100%; } .sticky__portfolio { display: block; } .portfolio__horizontal { position: relative; top: auto; margin-top: 20px; display: none; margin-bottom: 20px; } .portfolio__sidebar-trigger { display: block; cursor: pointer; font-weight: 500; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #e1e1e1; position: relative; } .portfolio__sidebar-trigger:after { content: ""; position: absolute; right: 3px; margin-top: 2px; border: solid #333; border-width: 0 1px 1px 0; display: inline-block; padding: 5px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .portfolio__sidebar-trigger.active:after { margin-top: 9px; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } } .photobooks__vid img { width: 100%; height: auto; -webkit-border-radius: 10px; border-radius: 10px; } .btn-large--custom { padding: 0 28px; margin-top: 20px; } .photobooks__how-desc .btn-large--custom { margin-top: 20px; } .photobook__icons--custom { position: relative; overflow: visible; } .photobook__icons--custom:after { content: ""; position: absolute; bottom: 0; width: 200vw; left: 50%; margin-left: -100vw; height: 1px; background: #e1e1e1; } p.main-block__cost { font-weight: bold; font-size: 1.2rem; } .good__bordered--custom { margin-bottom: 30px; } .good__bordered--custom:after { display: none; } .dropdown--col-6>ul { column-count: 2; } .dropdown--col-4>ul { column-count: 3; } .reviews-block:before { background: none !important; } .rightSide .main-blocks__image { left: 0; } .rightSide .row .col { float: right; } .slider-nav2 .slick-slide{ border:2px solid transparent; } @media screen and (min-width: 993px) { .slider-nav2 .slick-track.no-transform { transform: none!important; } } @media screen and (min-width: 992px) { .main-blocks__item .main-blocks__image {border-radius:0 16px 16px 0;} .ltr .main-blocks__image {border-radius: 16px 0 0 16px !important;} } @media screen and (max-width: 380px) { .video__trigger-close { right: 8px; opacity: 1; } .video__trigger { justify-content: flex-start; } } @media screen and (max-width: 767px) { .good__detail-text--mobile-hidden { display: none; } } @media screen and (min-width: 768px) { .good__detail-text--mobile { display: none; } .slider__column img { border-radius: 16px 0 0 16px; } } @media screen and (max-width: 600px) { .js-accordion__item { display: block !important; height: auto !important; } .js-accordion__content { display: none; } .js-accordion__title { position: relative; } /* .js-accordion__title:after { content: ''; border: solid #333; border-width: 1px 0px 0px 1px; width: 6px; height: 6px; display: inline-block; position: relative; margin-left: 8px; top: -3px; transform: rotate(-135deg); transition: .3s ease-in-out; } */ .js-accordion__title:after { content: ''; border: solid #333; border-width: 1px 0px 0px 1px; width: 7px; height: 7px; display: inline-block; position: relative; margin-right: 2px; top: 3px; transform: rotate(-135deg); transition: .3s ease-in-out; float: right; } .js-accordion__title.is-active { color: #00908c; } .js-accordion__title.is-active:after { border-color: #00908c; transform: rotate(45deg); /* top: 0; */ top: 8px; } .footer__head { border-bottom: 1px solid #e3e3e3; padding-bottom: 1rem; } } /* Thumbs */ .news__wrapper { position: relative; padding-bottom: 100%; display: block; margin-bottom: 15px; overflow: hidden; } .news__thumb { display: block; position: absolute; object-fit: cover; left: 0; top: 0; width: 100%; height: 100%; border-radius: 16px; } .table-v-razrabotke { font-size: 18px; line-height: 22px; font-weight: 400; margin: 0 0 2rem .8rem; } .italy-icon img { width: 1.2rem; position: absolute; margin-left: 4px; } /* Калькулятор pixl начало */ #pxpProducCalc { border: 1px solid; margin: 0; width: 100%; padding: 30px; border-radius: 5px; margin-top: 1rem !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; margin-bottom: 2rem !important; } #pxpProducCalc .material-selector__item.option-row .option-value .selected label { background: transparent; color: #364657; border: 0; } #pxpProducCalc .material-selector__item.option-row .option-value label:hover { border: 0; color: #364657; background: transparent; } #pxpProducCalc .material-selector__item.option-row .option-value label { /* border: 1px solid #ccc; */ height: 100%; display: flex; width: 100%; align-items: center !important; justify-content: stretch; flex-direction: column-reverse;; } #pxpProducCalc .option-row .option-value { list-style: none; margin-left: 0; } #pxpProducCalc input[type=checkbox], input[type=radio] { margin: 4px 2px 0; margin-top: 1px\9; line-height: normal; } #pxpProducCalc [type="radio"]:not(:checked)+span:before, #pxpProducCalc [type="radio"]:not(:checked)+span:after, #pxpProducCalc [type="radio"]:checked+span:after { display: none; } #pxpProducCalc .material-selector__item.option-row .option-value.calc-textile-photobooks-color label { height: 100%; } #pxpProducCalc .pxp-circulation-selector .option-row .option-value>li { width: 100%; } #pxpProducCalc .material-selector__item.material-types .option-value .option-item,#pxpProducCalc .material-selector__item.material-types .option-value .option-item a { height: 100%; display: flex!important; align-items: center; justify-content: center; width: 100%; text-align: center; } #pxpProducCalc .material-selector > ul > li > ul > li, #pxpProducCalc .option-value li { height: 100%; display: flex!important; align-items: stretch; justify-content: center; flex-direction: column; } #pxpProducCalc .material-selector > ul > li > ul > li { min-width: 100%; } #pxpProducCalc .pxp-circulation-selector ul{ margin:0; } #pxpProducCalc .option-value li, #pxpProducCalc .material-selector > ul > li > ul > li { float: left; margin: 0 5px; position: relative; } #pxpProducCalc .custom-works__list .option-label{ margin-bottom: 15px; padding:0!important; cursor: default; font-weight: 400 !important; font-size: 16px; line-height: 18px; display: block; margin-right: 10px; color: #364657!important; } #pxpProducCalc .container-wrapper ul { padding: 0 0 0 20px; margin: 0; width: 100%; } #pxpProducCalc .material-selector > ul > li > ul > li a, #pxpProducCalc .option-value li > a, #pxpProducCalc .option-row.customWorkRadio .option-value label { height: 100%; display: flex!important; align-items: center; justify-content: center; } #pxpProducCalc .material-selector > ul > li > ul > li { width: 80%; } #pxpProducCalc .custom-works__list, #pxpProducCalc .material-selector__list { display: initial; } #pxpProducCalc .custom-works li.custom-works__item.option-img.option-row.customWorkRadio.with-description .checkbox, #pxpProducCalc .custom-works li.custom-works__item.col5.material-for-bag.option-row.customWorkRadio.with-description .option-value.list-inline li .checkbox { display: flex; align-items: center; } #pxpProducCalc .material-selector>ul>li>ul>li a, #pxpProducCalc.pxp-calculator .option-value li>a { height: 100%; display: flex; justify-content: center; align-items: center; } #pxpProducCalc .pxp-calc-fileUpload-link.btn { width: 100%; min-width: 150px; } #pxpProducCalc .custom-works ul li.customWorkRadioForMerch.customWorkRadio ul li .checkbox label { border: none; } #pxpProducCalc .custom-works ul li.customWorkRadioForMerch.customWorkRadio ul li .checkbox:hover label { color: #364657; border-radius: 0; } #pxpProducCalc .custom-works ul li.customWorkRadioForMerch.customWorkRadio ul li .checkbox:hover { border: 2px solid #00908c; } #pxpProducCalc .option-row.with-description .option-value.list-inline li.framed__option-item { flex-direction: column; } #pxpProducCalc .custom-works ul li.customWorkRadio ul li .checkbox label { display: flex; align-items: center; justify-content: center; height: 100%; } #pxpProducCalc .option-value li > a.calc-helper, #pxpProducCalc .option-value li > a.calc-helper { height: auto; min-height: 20px; } #pxpProducCalc ul.circulation-selector__list li.circulation-selector__item.option-row { width: 100%; } #pxpProducCalc ul.circulation-selector__list { width: 100%; display: flex; /* gap: 10px; */ align-items: flex-end; flex-direction: column; } #pxpProducCalc .circulation-selector__item.option-row ul.option-value { display: flex; flex-wrap: wrap; } /* */ #pxpProducCalc .stepper-container .stepper-wrapper input#txtQuantity, .option-row .stepper-container input[type='text'] { /* border: 2px solid #00908c; */ border-right: 0; border-left: 0; } #pxpProducCalc .stepper-container .stepper-wrapper { position: relative; display: inline-block; width: 140px; margin-right: 2px; border: 1px solid #ccc !important; border-radius: 8px !important; height: 40px; } #pxpProducCalc .option-value li > a, #pxpProducCalc .custom-works label, #pxpProducCalc .material-selector > ul > li > ul > li a { border: 1px solid #ccc !important; border-radius: 8px !important; } #pxpProducCalc .custom-works ul li.customWorkRadio ul li.selected:hover .checkbox label { color: #fff !important; } #pxpProducCalc .material-selector__item.option-row .option-value .selected label:hover { border: 0; } #pxpProducCalc .option-value li > a:hover, #pxpProducCalc .custom-works label:hover, #pxpProducCalc .material-selector > ul > li > ul > li a:hover { background: transparent; border: 2px solid #00908c; color: #364657; } #pxpProducCalc .custom-works label:hover{ background: transparent!important; } #pxpProducCalc .option-value li > a:hover, #pxpProducCalc .material-selector > ul > li > ul > li a:hover { background: #333 !important; } #pxpProducCalc .material-selector>ul>li>ul>li .option-item-description + img, #pxpProducCalc .option-item .option-item-description img, #pxpProducCalc .material-selector__item.option-row .option-value .option-item-description img, #pxpProducCalc .custom-works .material-for-bag .note.customworkitem img { /* border-top: 2px solid #ccc; */ transition: .3s; width: 100%; border-radius: 8px; box-sizing: border-box; border:2px solid transparent; } #pxpProducCalc .material-selector__item.option-row .option-value label:hover .option-item-description img, #pxpProducCalc .material-selector__item.option-row .option-value label:hover .option-item-description img, #pxpProducCalc .material-selector__item.option-row .option-value label:hover .option-item-description img { transition: .3s; /* border-top: 2px solid #00908c; */ } #pxpProducCalc .material-selector__item.option-row .option-value .selected label:hover .option-item-description img, #pxpProducCalc .material-selector__item.option-row .option-value.selected label:hover .option-item-description img, #pxpProducCalc .material-selector__item.option-row .option-value .selected label:hover .option-item-description img, #pxpProducCalc .material-selector>ul>li>ul>li.selected .option-item-description + img, #pxpProducCalc .material-selector__item.option-row .option-value .selected label .option-item-description img { border: 1px solid #00908c; transition: .3s; border-radius: 8px; } /* #pxpProducCalc .calc-option-visible select {display: block!important;} */ #pxpProducCalc select.option-select { display: block!important; } #pxpProducCalc.pxp-calculator .material-selector > ul > li > ul > li.selected a:hover, #pxpProducCalc .material-selector__item.option-row .option-value.selected a:hover .option-item-description img, #pxpProducCalc .custom-works .material-for-bag option-item:hover .note.customworkitem { border: 2px solid #00908c; } #pxpProducCalc .custom-works .material-for-bag .selected .note.customworkitem img { border-top: 2px solid #00908c; } #pxpProducCalc .custom-works .material-for-bag .option-item:not(.selected):hover .note.customworkitem { border: 2px solid #00908c; border-top: none; transition: .3s } #pxpProducCalc .custom-works .material-for-bag .option-item:not(.selected):hover .note.customworkitem img { border-top: 2px solid #00908c; transition: .3s } #pxpProducCalc .custom-works .material-for-bag .option-item.selected .note.customworkitem { border: 2px solid #00908c; border-top: none; } #pxpProducCalc li.option-item.pxp-calc-slider-slide.selected { border-color: #00908c; } #pxpProducCalc .custom-works ul li.customWorkRadioForMerch.customWorkRadio ul li .checkbox label { background: transparent; color: #364657; } #pxpProducCalc .custom-works ul li.customWorkRadioForMerch.customWorkRadio ul li .checkbox label:hover { border: none; color: #364657; } #pxpProducCalc .custom-works ul li.customWorkRadioForMerch.customWorkRadio ul li.selected .checkbox:hover { border: 0; } #pxpProducCalc.pxp-calculator .option-value li.selected > a, #pxpProducCalc .custom-works li.selected label, #pxpProducCalc.pxp-calculator .material-selector > ul > li > ul > li.selected a { background: transparent; border: 1px solid #00908c; color: #364657; } #pxpProducCalc.pxp-calculator .option-value li > a, #pxpProducCalc .custom-works label, #pxpProducCalc.pxp-calculator .material-selector > ul > li > ul > li a { border: 1px solid #ccc; height: 100%; } #pxpProducCalc.pxp-calculator .option-value li > a:hover, #pxpProducCalc .custom-works label:hover, #pxpProducCalc.pxp-calculator .material-selector > ul > li > ul > li a:hover { border: 2px solid #00908c; color: #fff; background: #00908c; } #pxpProducCalc.pxp-calculator .option-value li.selected > a, #pxpProducCalc.pxp-calculator .custom-works li.selected label, #pxpProducCalc.pxp-calculator .material-selector > ul > li > ul > li.selected a { background: #00908c; color: #fff; } #pxpProducCalc.pxp-calculator .custom-works ul li.customWorkRadio ul li .checkbox { /* padding: 4px 2px; */ padding: 0 !important; } #pxpProducCalc .material-selector__item.option-row .option-value .option-item-description { width: 100%; } #pxpProducCalc .childphotobook-form .child-name input { height: 33px; } #pxpProducCalc .childphotobook-form .option-item label { padding: 6px 4px; text-align: center; } #pxpProducCalc .childphotobook-form .option-item { min-height: 33px; } #pxpProducCalc .childphotobook-form .gender .option-item { color: #364657; } #pxpProducCalc .stepper-container .stepper__minus,#pxpProducCalc .stepper-container .stepper__plus { background: transparent; color: #333; border: 0; border-radius: 8px; height: 2.9rem; } #pxpProducCalc .option-value li.selected > a,#pxpProducCalc .custom-works li.selected label,#pxpProducCalc .material-selector > ul > li > ul > li.selected a { color: #fff; background: #64BB46; border: 1px solid #64BB46; display: inline-block } #pxpProducCalc .stepper-container .stepper__minus, #pxpProducCalc .stepper-container .stepper__plus { height:auto; } #pxpProducCalc .option-row .stepper-container input[type='text']{ height:38px; } #pxpProducCalc .stepper-container .stepper__minus:disabled, #pxpProducCalc .stepper-container .stepper__plus:disabled { opacity: 1; background-color: transparent !important; } #pxpProducCalc .option-item-title{ display: none; } #pxpProducCalc .reawrdContainerInner{ font-size: 11px; padding-top: 1rem; } #pxpProducCalc .calc-app-column__3{ gap: 0; grid-template-columns: repeat(5, 1fr)!important; grid-column-gap: 10px; grid-row-gap: 10px; } .app-column__2, .calc-app-column__2{ gap: 0!important; grid-template-columns: repeat(2, 1fr)!important; grid-column-gap: 10px!important; grid-row-gap: 10px!important; } .calc1 #pxpProducCalc .calc-app-column__3, .calc1 #pxpProducCalc .app-column__3{ gap: 0; grid-template-columns: repeat(3, 1fr)!important; grid-column-gap: 10px; grid-row-gap: 10px; } .calc1 #pxpProducCalc .app-column__5, .calc1 #pxpProducCalc .calc-app-column__5{ gap: 0; grid-template-columns: repeat(3, 1fr)!important; grid-column-gap: 10px; grid-row-gap: 10px; } .calc1 #pxpProducCalc .custom-works ul li.customWorkRadioForMerch.customWorkRadio ul li .checkbox label:hover { border: none; color: #fff; } .calc1 #pxpProducCalc .custom-works ul li.customWorkRadioForMerch.customWorkRadio ul li .checkbox:hover{ border:0; } #pxpProducCalc.pxp-calculator .option-value li.selected > a, #pxpProducCalc.pxp-calculator .custom-works li.selected label, #pxpProducCalc.pxp-calculator .material-selector > ul > li > ul > li.selected a{ border-color:#00908c!important; } #pxpProducCalc.pxp-calculator .option-value li.selected > a, #pxpProducCalc.pxp-calculator .custom-works li.selected label, #pxpProducCalc.pxp-calculator .material-selector > ul > li > ul > li.selected a{ background: #00908c!important; color:#fff!important; } #pxpProducCalc .custom-works ul li.customWorkRadioForMerch.customWorkRadio ul li .checkbox label:hover{ border-color:#333!important; } #pxpProducCalc.pxp-calculator .option-value li > a:hover, #pxpProducCalc .custom-works label:hover, #pxpProducCalc.pxp-calculator .material-selector > ul > li > ul > li a:hover{ border-color:#333!important; } #pxpProducCalc .custom-works label:hover { background: #333 !important; } #pxpProducCalc .stepper-container .btn:focus { color: #333; } #pxpProducCalc .btn { -webkit-box-shadow: none; box-shadow: none; } #pxpProducCalc .pxp-total-price .sticky-block .info.price-button { display: flex; justify-content: flex-start; align-items: center; gap: 20px; flex-direction: row-reverse; } #pxpProducCalc .circulation-selector__item.option-row ul.option-value[class*="surface"] .zone-item { flex: 0 0 calc(50% - 5px); } #pxpProducCalc .circulation-selector__item.option-row ul.option-value[class*="surface"] { gap: 10px; } #pxpProducCalc .circulation-selector__item.option-row label.option-value[class*="surface"] { width: 100%; } #pxpProducCalc .option-row .pxp-calc-slider-container .option-value { padding-bottom: 10px; } #pxpProducCalc .option-row .option-value select { -webkit-appearance: none; background-color: transparent; position: relative; z-index: 1; outline: none; cursor: pointer!important; font-family: 'Manrope', sans-serif; width: 100%!important; color: #333; font-size: 1rem; margin: 0; height: 42px!important; border: 1px solid #ccc; line-height: 40px!important; padding: 0 10px 0 10px; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border .3s; transition: border .3s; border-radius: 5px; } #pxpProducCalc .option-row .option-value select:focus{ border: 1px solid #333!important; -webkit-box-shadow: none; box-shadow: none; } #pxpProducCalc .totalPriceContainerInner{ text-align:left!important; font-weight: 500!important; } #pxpProducCalc .custom-works .comment-for-order .arbitrary-size input { width: 100% !important; }/* сетка */ #pxpProducCalc .option-row .option-value select{ background-image: url(/bitrix/templates/rhino/css/../images/select.svg); background-repeat: no-repeat; background-size: 13px; background-position: 95% center; } [class*="app-column__"], [class*="calc-app-column__"], .material-selector__item.material-types .option-value, #pxpProducCalc .circulation-selector__item.option-row [class*="app-column__"].option-value { display: grid; grid-auto-rows: auto; gap: 10px; align-items: stretch; margin: 0!important; width: 100%; } /* .app-column__10, .calc-app-column__10 { grid-template-columns: repeat(auto-fill, minmax(min-content, calc(10% - 9px))); } .app-column__9, .calc-app-column__9 { grid-template-columns: repeat(auto-fill, minmax(min-content, calc(11.1% - 8.88px))); } .app-column__8, .calc-app-column__8 { grid-template-columns: repeat(auto-fill, minmax(min-content, calc(12.5% - 8.75px))); } .app-column__7, .calc-app-column__7 { grid-template-columns: repeat(auto-fill, minmax(min-content, calc(14.29% - 8.57px))); } .app-column__6, .calc-app-column__6 { grid-template-columns: repeat(auto-fill, minmax(min-content, calc(16.66% - 8.333px))); } .app-column__5, .calc-app-column__5 { grid-template-columns: repeat(auto-fill, minmax(min-content, calc(20% - 8px))); } .app-column__4, .calc-app-column__4 { grid-template-columns: repeat(auto-fill, minmax(min-content, calc(25% - 7.5px))); } .app-column__3, .calc-app-column__3 { grid-template-columns: repeat(auto-fill, minmax(130px, calc(33.3% - 6.66px))); } .app-column__2, .calc-app-column__2 { grid-template-columns: repeat(auto-fill, minmax(58px, calc(50% - 5px))); } .app-column__1, .calc-app-column__1 { grid-template-columns: 1fr; } */ [class*="app-column__"], [class*="calc-app-column__"], .material-selector__item.material-types .option-value, #pxpProducCalc .circulation-selector__item.option-row [class*="app-column__"].option-value {display: grid;grid-auto-rows: auto;gap: 10px;align-items: stretch;margin: 0!important;width: 100%;} .app-column__10, .calc-app-column__10 {grid-template-columns: repeat(auto-fill, minmax(min-content, calc(10% - 9px)));} .app-column__9, .calc-app-column__9 {grid-template-columns: repeat(auto-fill, minmax(min-content, calc(11.1% - 8.88px)));} .app-column__8, .calc-app-column__8 {grid-template-columns: repeat(auto-fill, minmax(min-content, calc(12.5% - 8.75px)));} .app-column__7, .calc-app-column__7 {grid-template-columns: repeat(auto-fill, minmax(min-content, calc(14.29% - 8.57px)));} .app-column__6, .calc-app-column__6 {grid-template-columns: repeat(auto-fill, minmax(min-content, calc(16.66% - 8.333px)));} .app-column__5, .calc-app-column__5 {grid-template-columns: repeat(auto-fill, minmax(min-content, calc(20% - 8px)));} .app-column__4, .calc-app-column__4 {grid-template-columns: repeat(auto-fill, minmax(min-content, calc(25% - 7.5px)));} .app-column__3, .calc-app-column__3 {grid-template-columns: repeat(auto-fill, minmax(130px, calc(33.3% - 6.66px)));} .app-column__2, .calc-app-column__2 {grid-template-columns: repeat(auto-fill, minmax(130px, calc(50% - 5px)));} .app-column__1, .calc-app-column__1 { grid-template-columns: 1fr;} /* .material-selector__item.material-types .option-value { grid-template-columns: repeat(auto-fill, minmax(157px, calc(25% - 7.5px)))} */ /* */ #pxpProducCalc [class*="app-column__"] li > a,#pxpProducCalc [class*="calc-app-column__"] li > a { width: 100%; text-align: center; } #pxpProducCalc [class*="app-column__"] li > .checkbox label,#pxpProducCalc [class*="calc-app-column__"] li > .checkbox label { width: 100%; text-align: center; } /* */ #pxpProducCalc [class*="app-column__"] li, #pxpProducCalc [class*="calc-app-column__"] li { margin: 0!important; } #pxpProducCalc .material-selector>ul>li>ul>li, #pxpProducCalc .option-value li { margin: 0!important; } body .content #pxpProducCalc .option-row select { display: block; } #pxpProducCalc .option-row label[class*="app-column__"], #pxpProducCalc .option-row label[class*="calc-app-column__"] { display: initial; } #pxpProducCalc .customWorkRadioForMerch ul[class*="app-column__"], #pxpProducCalc .calcForMerch[class*="app-column__"] { display: grid; } #pxpProducCalc .app-column__1 .arbitrary-size, #pxpProducCalc .calc-app-column__1 .arbitrary-size { width: 100%; } #pxpProducCalc .app-column__1 .arbitrary-size input, #pxpProducCalc .calc-app-column__1 .arbitrary-size input { width: 150px; text-align: left; padding: 5px; } #pxpProducCalc .large-format [class*="app-column__"], #pxpProducCalc .large-format [class*="calc-app-column__"] { display: initial; } /* */ #pxpProducCalc [class*="calc-app-column__"].pxp-calc-slider-wrapper, #pxpProducCalc [class*="app-column__"].pxp-calc-slider-wrapper { display: grid; grid-template-columns: repeat(auto-fill, minmax(min-content, 100%)); grid-auto-flow: column; align-items: stretch; justify-content: stretch; } #pxpProducCalc .material-selector ul, #pxpProducCalc .custom-works ul { padding: 0; list-style: none; } #pxpProducCalc [class*="calc-app-column__"].pxp-calc-slider-wrapper label, #pxpProducCalc .material-selector__item.option-row [class*="app-column__"].option-value.pxp-calc-slider-wrapper label { height: 100%; display: flex!important; flex-direction: column; justify-content: stretch; } #pxpProducCalc .option-row.with-description .option-value.list-inline li.framed__option-item .checkbox { height: 100% } #pxpProducCalc .pxp-calc-fileUpload-link.btn { display: flex; justify-content: center; align-items: center; background: transparent; border: 2px solid #00908c; max-width: 157px; color: #364657; padding: 5px; font-weight: 500; } #pxpProducCalc .pxp-calc-fileUpload-link.btn:before { content: "\e142"; ; font-family: 'Glyphicons Halflings'; color: #00908c; } #pxpProducCalc .option-value .pxp-calc-fileUpload-link__text { padding: 0 10px; } #pxpProducCalc .pxp-calc-fileUpload-link.btn:hover { border: 2px solid #00908c; } #pxpProducCalc .pxp-calc-fileUpload-link.btn:hover:before { color: #00908c; } #pxpProducCalc .option-value li > a.calc-helper, #pxpProducCalc .option-value li > a.calc-helper { border-radius: 15px; padding: 0; } #pxpProducCalc div.pxp-circulation-selector ul li.option-row .option-label { margin-right: 20px; } #pxpProducCalc .option-row .option-label { border: none!important; } #pxpProducCalc .custom-works__item.upload-for-order.upload-for-order.option-row.customWorkRadio.alone ul li { justify-content: flex-start; } #pxpProducCalc li.option-item.pxp-calc-slider-slide:hover .note.customworkitem { border-color: #00908c; } #pxpProducCalc li.option-item.pxp-calc-slider-slide.selected .note.customworkitem { border-color: #00908c; } #pxpProducCalc .option-row .stepper-container input[type='text'] { min-height: 36px; border: 0; border-right: 0; border-left: 0; border-radius: 0; text-align: center; padding: 4px; min-width: 76px; max-width: 76px; margin: 0 auto; outline: none; float: none !important; display: block; border-top: 0; } #pxpProducCalc .pxp-total-price .btn { margin-left: 0; width: 100% !important; } /* */ #pxpProducCalc.pxp-calculator .pxp-total-price .totalPriceContainer+.buttons a { margin-top: 2rem; } #pxpProducCalc .ok .btn{ font-size: 13px; } #pxpProducCalc.pxp-calculator .pxp-total-price .totalPriceContainer { width: 100% !important; font-size: 15pt !important; } #pxpProducCalc.pxp-calculator .pxp-total-price .totalPriceContainer+.buttons { display: block !important; } #pxpProducCalc .material-selector .option-row .option-label,#pxpProducCalc .material-selector>ul>li>ul>li a.calc-helper+.calc-helper-view ol li,#pxpProducCalc .material-selector>ul>li>ul>li a.calc-helper+.calc-helper-view ul li,#pxpProducCalc .option-row .option-label,#pxpProducCalc .option-value li>a.calc-helper+.calc-helper-view ol li,#pxpProducCalc .option-value li>a.calc-helper+.calc-helper-view ul li { margin-bottom: 15px; font-weight: 400 !important; } #pxpProducCalc .pxp-total-price.sticky-visible { display: none !important; } #pxpProducCalc.pxp-calculator .pxp-total-price .totalPriceContainer+.buttons a { margin-bottom: 0; background-color: #00908c; border-radius: 8px; height: 42px; min-width: 200px; line-height: 42px; } #pxpProducCalc.pxp-calculator .pxp-total-price .totalPriceContainer+.buttons a:hover { margin-bottom: 0; background-color: #333; border: 0; color: #fff; } #pxpProducCalc.pxp-calculator .pxp-total-price .totalPriceContainer+.buttons a:active{ color: #fff; background-color: #000; transition: background-color 0; } #pxpProducCalc.pxp-calculator .option-value li > a:hover, #pxpProducCalc .custom-works label:hover, #pxpProducCalc.pxp-calculator .material-selector > ul > li > ul > li a:hover { /* border: 0 !important; */ color: #fff; background: #00908C; } #pxpProducCalc.pxp-calculator .option-value li > a, #pxpProducCalc .custom-works label, #pxpProducCalc.pxp-calculator .material-selector > ul > li > ul > li a { border: 1px solid #ccc; } #pxpProducCalc a u { border-bottom: none 0; text-decoration: none; } #pxpProducCalc.pxp-calculator .pxp-total-price .totalPriceContainer+.buttons button:active, .buttons input:active, .container-wrapper a.btn:active, fieldset button:active, fieldset input[type=button]:active, fieldset input[type=submit]:active { background: #333 !important; box-shadow: 1px 1px 1px #18410a inset; } #pxpProducCalc .option-row .option-value label input { padding: 6px 12px; margin-top: 10px; outline: none; width: 80%; margin-right: 2px; } #pxpProducCalc .editor-sizes.option-row input { width: 90px !important; min-height: 25px; margin: 2px; } #pxpProducCalc .option-row { margin-bottom: 15px !important; } #pxpProducCalc .option-value li,#pxpProducCalc .material-selector > ul > li > ul > li { float: left; margin: 0 5px; position: relative } #pxpProducCalc [type="radio"]:not(:checked)+span, #pxpProducCalc [type="radio"]:checked+span { padding-left: 0; text-align: center; font-size: 12px; } /* #pxpProducCalc input[type=text]:not(.browser-default) { height: 36px !important; } */ pxpProducCalc .option-value li > a, #pxpProducCalc .custom-works label, #pxpProducCalc .material-selector > ul > li > ul > li a { color: #364657; border: 1px solid #64BB46; border-radius: 16px; padding: 6px 12px; font-size: 14px; display: block; transition: .3s; cursor: pointer; } #pxpProducCalc .customworknote { display: none } #pxpProducCalc .stepper__measure { display: none } #pxpProducCalc .sticky-block { display: none } #pxpProducCalc .option-value li > a, #pxpProducCalc .custom-works label, #pxpProducCalc .material-selector > ul > li > ul > li a { padding: 5px 12px !important; } @media screen and (max-width: 600px) { .calc1 #pxpProducCalc .calc-app-column__3, .calc1 #pxpProducCalc .app-column__3 { grid-template-columns: repeat(2, 1fr) !important; } .calc1 #pxpProducCalc .app-column__5, .calc1 #pxpProducCalc .calc-app-column__5 { grid-template-columns: repeat(2, 1fr) !important; } } .calc3 #pxpProducCalc .pxp-calc-slider-container.pxp-calc-slider-container-horizontal .option-value.calc-app-column__2.calc-app-column__2_mobile .option-item__label{ /* border: 0!important; */ cursor: pointer; width: 97%; } .calc3 #pxpProducCalc .option-value.calc-app-column__2.calc-app-column__2_mobile .option-item.selected .option-item__label:hover, .calc3 #pxpProducCalc .pxp-calc-slider-container.pxp-calc-slider-container-horizontal .option-value.calc-app-column__2.calc-app-column__2_mobile .option-item.selected .option-item__label:hover { border-color: #00908c!important; background: #00908c; color: #fff; } .calc3 #pxpProducCalc .option-value.calc-app-column__2.calc-app-column__2_mobile .option-item-title { display: block; font-size: 14px; color: #364657; height: auto; width: 100%; line-height: normal; padding: 5px 12px; cursor:pointer; } .calc3 #pxpProducCalc .option-value.calc-app-column__2.calc-app-column__2_mobile .option-item.selected .option-item__label{ border-color: #00908c!important; background: #00908c; color: #fff; } .calc3 #pxpProducCalc .option-value.calc-app-column__2.calc-app-column__2_mobile .option-item.selected .option-item__label:hover, .calc3 #pxpProducCalc .option-value.calc-app-column__2.calc-app-column__2_mobile .option-item:hover .option-item__label{ border-color: #333!important; background: #333; color: #fff; } .calc3 #pxpProducCalc .option-value.calc-app-column__2.calc-app-column__2_mobile .option-item:hover .option-item-title{ color:#fff; } .calc3 #pxpProducCalc .option-value.calc-app-column__2.calc-app-column__2_mobile .option-item.selected .option-item-title{ color: #fff!important; } .calc3 #pxpProducCalc .option-value.calc-app-column__2.calc-app-column__2_mobile .option-item__label{ border: 1px solid #ccc; border-radius: 8px !important; } .calc3 #pxpProducCalc .material-selector__item.option-row .option-value .selected label:hover{ border: 1px solid #333; } .calc3 #pxpProducCalc .pxp-calc-slider-container.pxp-calc-slider-container-horizontal .option-value.calc-app-column__2.calc-app-column__2_mobile .option-item__label{ flex-direction: column-reverse; } .calc4 #pxpProducCalc .option-item-title { display: block; font-size: 14px; color: #364657; height: auto; width: 100%; line-height: normal; padding: 5px 12px; cursor: pointer; } .calc4 #pxpProducCalc [type="radio"]:not(:checked)+span, .calc4 #pxpProducCalc [type="radio"]:checked+span{ display: block; font-size: 14px; color: #364657; height: auto; width: 100%; line-height: normal; padding: 5px 12px; cursor: pointer; } .calc4 #pxpProducCalc [class*="calc-app-column__"].pxp-calc-slider-wrapper label, .calc4 #pxpProducCalc .material-selector__item.option-row [class*="app-column__"].option-value.pxp-calc-slider-wrapper label{ flex-direction: column-reverse; cursor: pointer; } .calc4 #pxpProducCalc .custom-works label:hover { background: transparent !important; } .calc4 #pxpProducCalc li.option-item.pxp-calc-slider-slide.selected { border-color: #00908c; background: #00908c; border-radius: 8px; } .calc4 #pxpProducCalc li.option-item.pxp-calc-slider-slide.selected .option-item-title{ color:#fff; } .calc4 #pxpProducCalc .option-value li{ width: 99%!important; border: 1px solid #ccc; border-radius: 8px !important; } #pxpProducCalc .calc-calc4--orientation .option-item-title, #pxpProducCalc .calc-calc4--size .option-item-title, #pxpProducCalc .calc-calc4--color .option-item-title, #pxpProducCalc .calc-calc4--pass .option-item-title{ display: inline-block; font-size:14px; color: #364657; } #pxpProducCalc .calc-calc4--color .option-item-title, #pxpProducCalc .calc-calc4--pass .option-item-title{ padding:5px 0; } #pxpProducCalc .calc-calc4--orientation [type="radio"]:not(:checked)+span, .calc-calc4--orientation [type="radio"]:checked+span, #pxpProducCalc .calc-calc4--size [type="radio"]:not(:checked)+span, .calc-calc4--size [type="radio"]:checked+span, #pxpProducCalc .calc-calc4--color [type="radio"]:not(:checked)+span, .calc-calc4--color [type="radio"]:checked+span, #pxpProducCalc .calc-calc4--pass [type="radio"]:not(:checked)+span, .calc-calc4--pass [type="radio"]:checked+span{ font-size:14px; } #pxpProducCalc [class*="calc-app-column__"].pxp-calc-slider-wrapper label, #pxpProducCalc .material-selector__item.option-row [class*="app-column__"].option-value.pxp-calc-slider-wrapper label{ flex-direction: column-reverse; } #pxpProducCalc .material-selector__item.option-row .calc-calc4--pass.option-value .option-item-description img, #pxpProducCalc .material-selector__item.option-row .calc-calc4--color.option-value .option-item-description img{ border: 1px solid #ccc; cursor: pointer; } #pxpProducCalc .totalPriceContainer .price-total-without-discount {color: #d71313;} #pxpProducCalc .app-column__3.calc-calc4--orientation, #pxpProducCalc .calc-app-column__3.calc-calc4--orientation, #pxpProducCalc .app-column__3.calc-calc4--size, #pxpProducCalc .calc-app-column__3.calc-calc4--size { gap: 0!important; grid-template-columns: repeat(3, 1fr)!important; grid-column-gap: 10px!important; grid-row-gap: 10px!important; } #pxpProducCalc .app-column__3.calc-calc4--color, #pxpProducCalc .calc-app-column__3.calc-calc4--color, #pxpProducCalc .app-column__3.calc-calc4--pass, #pxpProducCalc .calc-app-column__3.calc-calc4--pass { gap: 0!important; grid-template-columns: repeat(2, 1fr)!important; grid-column-gap: 10px!important; grid-row-gap: 10px!important; } #pxpProducCalc .material-selector__item.option-row .calc-calc4--orientation.option-value label, #pxpProducCalc .material-selector__item.option-row .calc-calc4--size.option-value label{ border: 1px solid #ccc; cursor: pointer; padding: 5px 12px !important; border-radius: 8px !important; } #pxpProducCalc .material-selector__item.option-row .calc-calc4--orientation.option-value .selected label, #pxpProducCalc .material-selector__item.option-row .calc-calc4--size.option-value .selected label{ background: #00908c!important; color: #fff!important; border-color: #00908c!important; } #pxpProducCalc .calc-calc4--orientation .selected .option-item-title, #pxpProducCalc .calc-calc4--size .selected .option-item-title{ color: #fff!important; } #pxpProducCalc .material-selector__item.option-row .calc-calc4--size.option-value .selected label:hover, #pxpProducCalc .material-selector__item.option-row .calc-calc4--orientation.option-value .selected label:hover{ border: 1px solid #00908c!important; } #pxpProducCalc .material-selector__item.option-row .calc-calc4--orientation.option-value label:hover, #pxpProducCalc .material-selector__item.option-row .calc-calc4--size.option-value label:hover{ border: 1px solid #333!important; background: #333!important; color: #fff!important; } #pxpProducCalc .material-selector__item.option-row .calc-calc4--orientation.option-value label:hover .option-item-title, #pxpProducCalc .material-selector__item.option-row .calc-calc4--size.option-value label:hover .option-item-title{ color: #fff!important; } /* #pxpProducCalc .material-selector__item.option-row .option-value .selected label .option-item-description img{ border:0; } */ .calc4 #pxpProducCalc .material-selector__item.option-row .option-value .selected label .option-item-description img{ border:0; } .calc4 #pxpProducCalc li.option-item.pxp-calc-slider-slide.selected .option-item-title { color: #00908c; } .calc4 #pxpProducCalc li.option-item.pxp-calc-slider-slide.selected { border-color: #00908c; background: #fff; pointer-events: none; } .calc3 #pxpProducCalc .option-value.calc-app-column__2.calc-app-column__2_mobile.calcForMerch .option-item.with-description .option-item__label{ justify-content: flex-end; cursor: pointer; } .calc3 #pxpProducCalc .option-value.calc-app-column__2.calc-app-column__2_mobile.calcForMerch .option-item.with-description.selected .option-item__label{ border-color: #00908c !important; background: #fff!important; color: #00908c; pointer-events: none!important; } .calc3 #pxpProducCalc .option-value.calc-app-column__2.calc-app-column__2_mobile.calcForMerch .option-item.with-description.selected .option-item-title{ color: #00908c!important; } .calc3 #pxpProducCalc .option-value.calc-app-column__2.calc-app-column__2_mobile.calcForMerch .option-item.with-description.selected:hover .option-item__label{ border-color: #00908c !important; } .calc3 #pxpProducCalc .option-value.calc-app-column__2.calc-app-column__2_mobile.calcForMerch .option-item.with-description img{ border-radius:8px 8px 0 0; object-fit: contain; object-position: top; border:2px solid #fff; } .calc3 #pxpProducCalc .material-selector__item.option-row .option-value .selected label .option-item-description img, .calc3 #pxpProducCalc .material-selector__item.option-row .option-value .option-item-description img{ border-radius:8px 8px 0 0; } .calc3 #pxpProducCalc .material-selector__item.option-row .calc-app-column__5.calc-app-column__5_mobile .option-item-description img, .calc3 #pxpProducCalc .material-selector__item.option-row .calc-app-column__5.calc-app-column__5_mobile .option-item-description.selected img{ border-radius: 6px!important; object-fit: cover; object-position: top; border: 1px solid transparent!important; } .calc3 #pxpProducCalc .material-selector__item.option-row .calc-app-column__5.calc-app-column__5_mobile .selected .option-item-description img, .calc3 #pxpProducCalc .material-selector__item.option-row .calc-app-column__5.calc-app-column__5_mobile .selected .option-item-description:hover img{ border: 1px solid #00908c!important; border-radius: 6px!important; pointer-events: none; cursor: default; } .calc3 #pxpProducCalc .material-selector__item.option-row .calc-app-column__5.calc-app-column__5_mobile .option-item-description:hover img{ border: 1px solid #333!important; border-radius: 6px!important; } .calc3 #pxpProducCalc .material-selector__item.option-row .calc-app-column__5.calc-app-column__5_mobile .selected label:hover, .calc3 #pxpProducCalc .material-selector__item.option-row .calc-app-column__5.calc-app-column__5_mobile label:hover{ border: 0!important; } .calc3 #pxpProducCalc .option-value.calc-app-column__2.calc-app-column__2_mobile .option-item.selected .option-item__label{ cursor:default; pointer-events: none; } .calc3 #pxpProducCalc .option-value.calc-app-column__2.calc-app-column__2_mobile .option-item .option-item__label{ transition:all .3s ease } .calc3 #pxpProducCalc .option-value.calc-app-column__2.calc-app-column__2_mobile.calcForMerch .option-item.with-description:hover .option-item__label { border-color: #333 !important; background: #fff; color: #333; } .calc3 #pxpProducCalc .option-value.calc-app-column__2.calc-app-column__2_mobile.calcForMerch .option-item.with-description:hover .option-item-title{ color: #333; } .calc20 .option-item:not(.selected) .option-item__label .option-item-title{ color:#333; } .calc3 #pxpProducCalc .material-selector__item.option-row .option-value.calc-textile-photobooks-material .selected label .option-item-description img, .calc3 #pxpProducCalc .material-selector__item.option-row .option-value.calc-textile-photobooks-material .option-item-description img{ border-radius: 8px; } .calc3 #pxpProducCalc .material-selector__item.option-row .option-value.calc-textile-photobooks-material li:not(.selected) .option-item-description img{ cursor:pointer; border:1px solid transparent; } .calc3 #pxpProducCalc .material-selector__item.option-row .option-value.calc-textile-photobooks-material li.selected{ cursor:default; pointer-events:none; } .calc3 #pxpProducCalc .material-selector__item.option-row .option-value.calc-textile-photobooks-material li:not(.selected):hover .option-item-description img{ cursor:pointer; border:1px solid #00908c; } #pxpProducCalc .option-value li.with-helper > a.calc-helper{ width: 16px; height: 16px; min-width: 16px; min-height: 16px; top: 8px; right: 5px; font-size: 12px; line-height: 16px; padding: 0 !important; vertical-align: middle; display: inline-block; background-color: #fff !important; border-radius: 50%; text-align: center; margin-left: 0; border: 1px solid !important; color: #000 !important; font-weight: bold; } #pxpProducCalc .option-value li.with-helper > a.calc-helper + .calc-helper-view{ top: -30px; right: 0; background:#f6f7f9; border: 0!important; box-shadow: 0px 0px 30px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } #pxpProducCalc .option-value li.with-helper:hover > a.calc-helper{ border:1px solid #fff!important; } #pxpProducCalc .option-value li.with-helper > a.calc-helper:hover, #pxpProducCalc .option-value li.with-helper:hover > a.calc-helper:hover{ color:#fff!important; background-color: #00908c!important; border:1px solid #00908c!important; } @media only screen and (max-width: 1439px){ #pxpProducCalc .option-value li.with-helper > a.calc-helper + .calc-helper-view { top: -41px; } .calc1 #pxpProducCalc .option-value.calc-app-column__3.calc-app-column__2_mobile{ grid-template-columns: repeat(2, 1fr) !important; } #pxpProducCalc .calc-calc4--orientation .option-item-title, #pxpProducCalc .calc-calc4--size .option-item-title, #pxpProducCalc .calc-calc4--color .option-item-title, #pxpProducCalc .calc-calc4--pass .option-item-title{ font-size:12px; } #pxpProducCalc .calc-calc4--orientation [type="radio"]:not(:checked)+span, .calc-calc4--orientation [type="radio"]:checked+span, #pxpProducCalc .calc-calc4--size [type="radio"]:not(:checked)+span, .calc-calc4--size [type="radio"]:checked+span, #pxpProducCalc .calc-calc4--color [type="radio"]:not(:checked)+span, .calc-calc4--color [type="radio"]:checked+span, #pxpProducCalc .calc-calc4--pass [type="radio"]:not(:checked)+span, .calc-calc4--pass [type="radio"]:checked+span{ font-size:12px; } } @media only screen and (max-width: 1217px) { #pxpProducCalc .app-column__3.calc-calc4--orientation, #pxpProducCalc .calc-app-column__3.calc-calc4--orientation, #pxpProducCalc .app-column__3.calc-calc4--size, #pxpProducCalc .calc-app-column__3.calc-calc4--size { grid-template-columns: repeat(2, 1fr)!important; } } @media only screen and (max-width: 992px){ .calc1 #pxpProducCalc .option-value.calc-app-column__3.calc-app-column__2_mobile{ grid-template-columns: repeat(1, 1fr) !important; } #pxpProducCalc .option-value li.with-helper > a.calc-helper + .calc-helper-view{ top: -32px; } } @media only screen and (max-width: 768px){ #pxpProducCalc .calc-calc4--orientation .option-item-title, #pxpProducCalc .calc-calc4--size .option-item-title, #pxpProducCalc .calc-calc4--color .option-item-title, #pxpProducCalc .calc-calc4--pass .option-item-title{ font-size:14px; } #pxpProducCalc .calc-calc4--orientation [type="radio"]:not(:checked)+span, .calc-calc4--orientation [type="radio"]:checked+span, #pxpProducCalc .calc-calc4--size [type="radio"]:not(:checked)+span, .calc-calc4--size [type="radio"]:checked+span, #pxpProducCalc .calc-calc4--color [type="radio"]:not(:checked)+span, .calc-calc4--color [type="radio"]:checked+span, #pxpProducCalc .calc-calc4--pass [type="radio"]:not(:checked)+span, .calc-calc4--pass [type="radio"]:checked+span{ font-size:14px; } .calc3 #pxpProducCalc .option-value.calc-app-column__2.calc-app-column__2_mobile.calcForMerch .option-item.with-description .option-item-title{ font-size:13px } .calc1 #pxpProducCalc .option-value.calc-app-column__3.calc-app-column__2_mobile{ grid-template-columns: repeat(2, 1fr) !important; } } @media only screen and (max-width: 576px){ #pxpProducCalc .option-value li.with-helper > a.calc-helper + .calc-helper-view{ top: -41px; } } @media (prefers-color-scheme: dark) { body { background-color: #FFFFFF!important; } .main-wrap { background-color: #FFFFFF!important; } } /* End */ /* Start:/bitrix/templates/rhino/css/style2.css?178023769752379*/ *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } .offers--slider_wrp .swiper-button-next{ right:-18px!important; } .offers--slider_wrp .swiper-button-prev{ left:-18px!important; } .offers--slider_wrp { overflow: inherit!important; } .offers--slider_wrp .swiper-pagination { margin: 10px 0 0 0; position: relative; left: auto; bottom: auto; } .offers--slider { overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; padding:1px; } .offers--slider .offerslide{ height:auto!important; padding-top: 10px; padding-bottom: 30px; } .offers--slider_wrp .swiper-button-next.swiper-button-disabled, .offers--slider_wrp .swiper-button-prev.swiper-button-disabled { opacity: 0!important; } .offers--slider .offer__table{ -webkit-box-sizing: border-box; box-sizing: border-box; height:100%; } .offerslide .calc__question{ top:12px; } .offerslide .question__desc{ width: calc(100% + 16px); top: 0px; right: -8px; min-height: 100%; } .offerslide .offer__item{ font-size:14px; padding-right:16px; } .offers--slider_wrp~.attention{ font-size: 1rem!important; } .plans--divider{ height: 1.5rem; } .offers--slider{ padding-right:100px; } .albums--slider{ overflow: hidden; } .albums--slider .offers--slider{ margin-left:-10px; padding-left:10px; } .offers--slider:after{ content: ""; position: absolute; top: 0; right: 0; z-index:9; width: 100px; height: 100%; background: linear-gradient(to left, #f6f5fa, transparent); } .offer--sticker{ position: absolute; top:0; left:5%; width:90%; height: 100%; padding:20px; font-size:13px; text-align: center; border-top-right-radius: 16px; border-top-left-radius: 16px; background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 50%, #90caf9 100%); border: 1px solid #bbdefb; color: #134b7b; -webkit-box-sizing: border-box; box-sizing: border-box; box-shadow: 0 2px 4px rgba(33, 150, 243, 0.1), 0 4px 12px rgba(33, 150, 243, 0.15), 0 8px 24px rgba(33, 150, 243, 0.08); } .offer--sticker:after{ content:''; display: none; position: absolute; top:0; left:0; width:100%; height: 100%; z-index: 0; background-image: url(/vypusknie-fotoalbomy/pattern2.svg?4); background-repeat: repeat; background-size: 24px; background-position: center; } .offer--sticker .offer__title{ margin-top:0; } .offers--slider .offer__table:nth-child(2){ transform: translateY(0); } .offer--centered{ flex-direction: column; gap: 20px; height: 100%; display: flex; text-align: center; align-items: center; justify-content: center; font-size: 14px; color: #0A5052; } .offerslide .offer__trigger{ min-width:1px!important; width:calc(100% - 60px)!important; position:absolute; bottom:30px; left:30px; } .offerslide .offer__table{ padding: 1rem 30px 72px 30px; } .offer--centered img{ width:100px!important; } .videocol.full{ width:100%; justify-content: center; } .faq .collapsible-header{ background-color: #f3f7ff; border-radius: 10px; font-size: 1rem; padding: 20px 64px 20px 20px!important; transition:all .3s ease; } .faq .collapsible-header:hover{ background-color: #f5f5f5; } .faq .collapsible-header:before{ display: none; } .faq .collapsible-header:after { right:20px!important; padding:0; border-width: 0; top: 50%; width: 32px; height: 32px; margin-top: -16px; background-repeat: no-repeat; background-size: 14px; border-radius:36px; background-color: #00908c; background-position: center; background-image: url(/bitrix/templates/rhino/css/../images/arright.svg?1); transform: rotate(90deg); -webkit-transform: rotate(90deg); } .faq .collapsible-body{ padding: 1rem 20px 0 20px; } .faq .collapsible { display: flex; flex-direction: column; gap: 10px; margin: -1rem auto -1rem auto; width:80%; } .faq li.active .collapsible-header:after { margin-top: -16px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); } .faq .active .collapsible-header{ background:#f5f5f5; } .ar__steps.invert{ display:flex; flex-direction: row; gap:2rem; } .ar__steps.invert .ar__col{ float:none; } .ar__steps.invert .ar__col:last-child{ padding:0; } .ar__steps.invert .ar__desc img{ height:100px; } .ar__steps.invert .ar__step { width: 40px; height: 40px; line-height: 36px; } .ar__steps.invert .ar__desc { padding-top: 0; } .ar__steps.invert .ar__col:first-child img { border-radius: 16px!important; width: auto; height: 456px; object-fit: cover; display: block; margin:0 auto; } .card--inner .video { display: inline-flex; position: absolute; top: 50%; border-radius: 50%; left: 50%; margin-top: -30px; z-index: 1; margin-left: -30px; } .card--inner .video img { height: 60px; transition: all .3s ease; } .card--inner .video:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 40px; height: 40px; border: 2px solid #fff; border-radius: 50%; background-color: #fff0; animation: pulse-animation 2s infinite ease-out; } .card--inner .video:hover img { transform: scale(1.3); } .bonus--banner1.text{ height:400px; position:relative; width:100%; background:url(/arphotos/bg.svg) no-repeat center, linear-gradient(to bottom, #FF0066, #FF003D); border-radius:16px; } .para1, .para2{ position: absolute; height:400px; } .para1{ top:0; right:0; } .para2{ bottom:0; right:0; } .banner--row{ position:relative; z-index:3; display: flex; flex-direction: column; justify-content: center; height: 100%; } .banner--text{ width:50%; padding:3rem 0 3rem 3rem; color:#fff; display: flex; flex-direction:column; gap:20px; } .banner--text .h2-title{ margin:0; line-height: 1.3; } .btn-large.color5{ width:200px; } .btn-large.color5, .btn-large.color5:active, .btn-large.color5:focus { color: #000; font-weight: 500; background-color: #fff; transition: all .3s ease; } .btn-large.color5:hover { transform:scale(1.2); } #para2{ padding:0; display:flex; flex-direction: row; width:100%; gap:20px; min-height: 400px; overflow: hidden; } .arphotos{ display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 20px; grid-row-gap: 30px; } .arphotos--col{ display: flex; position:relative; flex-direction: column; gap:2rem; width:50%; } .arphotos--col:first-child{ padding:3rem 0 3rem 3rem; } #para2 .h2-title{ margin:0; } #para2 p{ margin:0; } #para2 .bonus--step span { font-weight: 500; font-size: 1rem; } .para3, .para4{ position: absolute; height:370px; } .para3{ bottom:0; right:3rem; } .para4{ bottom:0; right:3rem; } .arphotos--row{ display: flex; flex-direction: row; gap:2rem; width:100%; } .arphotos--row .video--wrp, .arphotos--row .video--desc{ width:50%; } .arphotos--row .video--desc{ padding:0; } .mfp-iframe .VideoPlayerEmbed__button{ display: none!important; } .bonus--box.print .para3{ right:0; top:50%; bottom:auto; margin-top:-185px; transform: none !important; } .bonus--box.print .feature-icon{ margin-right:10px; width:40px; height:40px; } .print--row{ display: flex; flex-direction: row-reverse; gap: 0; align-items: flex-start; position: relative; width: 100%; overflow: visible; /* Убедитесь, что overflow не hidden */ } .print--col.image{ text-align: center; width: 45%; background: #fafafa; padding: 2rem 4rem; position: relative; z-index: 2; margin: 60px 0px 0rem -50px; } .print--col img{ max-width: 500px; width: 100%; height: auto; } .print--col.text{ width: calc(60% + 50px); padding: 3rem 5rem 3rem 3rem; border-radius: 20px; background: #F6F5FA; display: flex; position: relative; flex-direction: column; gap: 2rem; } .print--col.text .h2-title, .print--col.text p{ margin:0 } #para4{ padding: 0; border:0; background-image: none; background-color: #fff; display: flex; flex-direction: row-reverse; width: 100%; gap: 0px; border-radius: 0; min-height: 1px; overflow: hidden; } #para4.invert{ flex-direction: row; } #para4 .arphotos--col:first-child { padding: 3rem 0 0 3rem; } #para4.invert .arphotos--col:first-child{ padding: 3rem 3rem 0 0; } #para4 .h2-title, #para4 p{ margin: 0; } #para4 .para3{ top:0; margin-top:0; width: 100% !important; height: auto; position: relative; } .static{ position:relative; } .card--inner.static:after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background: rgb(0 0 0 / .3); } .attention.pattern{ margin:3.3rem 0 0 0; position: relative; border: 0!important; font-weight: 400; font-size:16px!important; background: linear-gradient(135deg, #febd3f 0%, #ee6a7f 100%); color: #fff; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2); } .attention.pattern:before{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url(/vypusknie-fotoalbomy/pattern.svg?13); background-repeat: repeat; background-size: 100px; background-position: center; mix-blend-mode: overlay; pointer-events: none; z-index: 1; } .attention.pattern span{ position: relative; font-size:18px!important; text-transform: uppercase; font-weight: 700; z-index: 2; } .attention.pattern i{ font-style: normal; display: inline-block; background: #fff; padding: 2px 5px; margin: 0 5px; color: #000; font-weight: 700; border-radius: 3px; } .albums--slider{ padding:3.3rem 0; background-color:#F6F5FA; background-image:url(/vypusknie-fotoalbomy/pattern2.svg); background-size: 300px; background-repeat: repeat; background-position: center; } .albums--slider.no-bg{ background-image: none; } .albums--slider .offer__item+.offer__item{ margin-top:0; border:0; } .albums--slider .offerslide .offer__table { border:0; background:#fff; box-shadow: 0 2px 4px rgb(0 0 0 / .1), 0 4px 12px rgb(0 0 0 / .15), 0 8px 24px rgb(0 0 0 / .08); } .albums--slider .offer__text{ font-size:14px; text-align:center; color:#0A5052; margin-bottom:1rem; } .albums--slider .offers--slider .offer__title{ color:#0A5052; } .offer--pattern{ position: absolute; bottom: 0px; left: 50%; margin-left: -100px; width: 200px; z-index: 0; opacity: 0.3; transform: rotate(-180deg); } .offer__title, .offer__text, .offer__price, .offer__list2, .offer__trigger{ z-index:1; } .offer__title, .offer__text, .offer__price, .offer__list2{ position:relative; } .albums--slider .swiper-pagination-bullet { border: 0 !important; background-color: #999 !important; } .albums--slider .offers--slider_wrp .swiper-pagination { margin: -10px 0 0 0; } .albums--slider .swiper-pagination-bullet.swiper-pagination-bullet-active, .albums--slider .swiper-pagination-bullet:hover{ background-color: #00908c !important; } .va-parallax .layer2 { top: auto; right: 0; bottom:0; } .va-parallax{ height:486px; } .videocol.full{ width:100%!important; justify-content: center; } .family--bg{ position:absolute; top:0; left:0; width:100%; height: 100%; z-index: 0; background-repeat: repeat-y; background-size: 1500px; background-image: url(/semeynye-fotoarkhivy/background.webp?4); } /**********/ .rhino-mobile-back-btn:after{ content: ''; position: absolute; top: 50%; left: 20px; width: 22px; height: 14px; background-size: 22px; background-position: center; background-repeat: no-repeat; margin-top: -6px; opacity: 0.5; transform: rotate(-180deg); background-image: url(/bitrix/templates/rhino/css/../images/black-arr.svg); } button.rhino-mobile-back-btn:focus{ background-color:transparent; } .colored-pink{ color: #ff2c61 !important; } .rhino-mobile__item:first-child .rhino-mobile__link.rhino-has-submenu:before { background-image: url(https://rhinodesign.ru/bitrix/templates/rhino/images/ph1.svg?1) } .rhino-mobile__item:nth-child(2) .rhino-mobile__link.rhino-has-submenu:before{ background-image: url(https://rhinodesign.ru/bitrix/templates/rhino/images/ph2.svg?) } .rhino-mobile__item:nth-child(3) .rhino-mobile__link.rhino-has-submenu:before{ background-image: url(https://rhinodesign.ru/bitrix/templates/rhino/images/ph4.svg?2) } .rhino-mobile__item:nth-child(4) .rhino-mobile__link.rhino-has-submenu:before{ background-image: url(https://rhinodesign.ru/bitrix/templates/rhino/images/ph3.svg?) } .rhino-mobile__item:nth-child(5) .rhino-mobile__link.rhino-has-submenu:before{ background-image: url(https://rhinodesign.ru/bitrix/templates/rhino/images/ph5.svg?2) } .rhino-mobile__item:nth-child(6) .rhino-mobile__link.rhino-has-submenu:before{ background-image: url(https://rhinodesign.ru/bitrix/templates/rhino/images/ph6.svg?2) } .rhino-mobile__item:nth-child(7) .rhino-mobile__link.rhino-has-submenu:before{ background-image: url(https://rhinodesign.ru/bitrix/templates/rhino/images/ph7.svg?) } .rhino-mobile__item:nth-child(8) .rhino-mobile__link.rhino-has-submenu:before{ background-image: url(https://rhinodesign.ru/bitrix/templates/rhino/images/ph8.svg?) } .rhino-mobile__item:nth-child(9) .rhino-mobile__link.rhino-has-submenu:before{ background-image: url(https://rhinodesign.ru/bitrix/templates/rhino/images/ph11.svg?) } .rhino-mobile__item:nth-child(10) .rhino-mobile__link:before{ background-image: url(https://rhinodesign.ru/bitrix/templates/rhino/images/ph12.svg?) } .rhino-mobile__link.rhino-has-submenu:before, .rhino-mobile__item:nth-child(10) .rhino-mobile__link:before{ content: ""; position: absolute; left: 20px; top: 50%; margin-top:-12px; width: 24px; height: 24px; background-repeat: no-repeat; background-size: 24px; background-position: center; } .rhino-mobile__profile{ background:#fafafa; } .rhino-mobile__profile a:after, .rhino-mobile-bottom a:after{ content: ""; position: absolute; left: 20px; top: 50%; margin-top:-12px; width: 24px; height: 24px; background-repeat: no-repeat; background-size: 24px; background-position: center; } .rhino-mobile__profile a:first-child:after{ //background-image: url(https://rhinodesign.ru/bitrix/templates/rhino/images/ph11.svg?) } .rhino-mobile__profile a:nth-child(2):after{ //background-size: 20px; //background-image: url(https://rhinodesign.ru/bitrix/templates/rhino/images/ph10.svg?) } .rhino-mobile__profile a:nth-child(3):after{ //background-image: url(https://rhinodesign.ru/bitrix/templates/rhino/images/ph9.svg?) } .rhino-mobile-bottom a.bottom1:after{ background-image: url(https://rhinodesign.ru/bitrix/templates/rhino/images/contacts.svg) } .rhino-mobile-bottom a.bottom2:after{ background-image: url(https://rhinodesign.ru/bitrix/templates/rhino/images/del.svg?) } .rhino-mobile-bottom a.bottom3:after{ background-image: url(https://rhinodesign.ru/bitrix/templates/rhino/images/web/icons/icons_professionals/price-tag-08.svg) } .rhino-mobile-bottom a.bottom4:after{ background-image: url(https://rhinodesign.ru/bitrix/templates/rhino/images/gift.svg) } .rhino-mobile-bottom a.bottom5:after{ background-image: url(https://rhinodesign.ru/bitrix/templates/rhino/images/offer.svg?3) } .rhino-mobile-bottom a{ border-bottom:1px solid #eee; } .rhino-mobile-bottom a:last-child{ border-bottom:0; } :root { --vh: 1vh; --primary-color: #333; --hover-bg: #f0f0f0; } body.no-scroll { overflow: hidden; } .rhino-mobile-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; transition: opacity 0.3s ease; z-index: 1000; } .rhino-mobile-overlay--active { opacity: 1; visibility: visible; } .rhino-mobile-menu-container { position: fixed; top: 0; right: -300px; width: 300px; height: calc(var(--vh, 1vh) * 100); background: #fff; z-index: 100025; transition: right 0.3s ease; overflow: hidden; } .rhino-mobile-menu-container--active { right: 0; box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2); } .rhino-mobile-slider { display: flex; width: 200%; height: 100%; transition: transform 0.3s ease; } .rhino-mobile-slider--submenu { transform: translateX(-50%); } .rhino-mobile-main, .rhino-mobile-submenu { width: 300px; height: 100%; overflow-y: auto; flex-shrink: 0; position: relative; } .rhino-mobile-close-btn { display: none; position: absolute; top: 15px; right: 15px; font-size: 24px; background: none; border: none; cursor: pointer; color: var(--primary-color); z-index: 1003; } .rhino-mobile-back-btn { position: relative; font-size: 14px; background: none; border: none; width: 100%; text-align: left; cursor: pointer; color: #000 !important; padding: 20px 20px 20px 60px; user-select:none; border-bottom: 1px solid #eee; } .rhino-mobile-back-btn:hover, .rhino-mobile-bottom a:hover{ background: var(--hover-bg); } .rhino-mobile__profile a, .rhino-mobile-bottom a { position:relative; display: block; padding: 20px 20px 20px 54px; text-decoration: none; color: #000; font-size: 14px; } .rhino-mobile-bottom a { color: var(--primary-color); } .rhino-mobile__profile a{ font-weight: 500; border-bottom:1px solid #eee; padding:20px; } .rhino-mobile__profile a:hover, .rhino-mobile-bottom a:hover { color: #00908c; } .rhino-mobile__menu { list-style: none; margin: 0; padding: 0; } .rhino-mobile__item { margin: 0; border-bottom: 1px solid #f2f2f2; } .rhino-mobile__link { position: relative; display: flex; justify-content: space-between; align-items: center; padding: 20px 20px 20px 54px; text-decoration: none; color: var(--primary-color); font-size: 14px; transition: background 0.2s; } .rhino-mobile__link:hover { background: var(--hover-bg); } .rhino-has-submenu::after { content: ''; position:absolute; right:20px; top:50%; width: 0px; height: 0px; border-style: solid; border-width: 3px 0 3px 4px; border-color: transparent transparent transparent #000000; transform: rotate(0deg) translateY(-50%); } .rhino-mobile-content { list-style: none; margin: 0; padding: 0; display: none; } .rhino-mobile-submenu .rhino-mobile-content { display: block !important; padding: 0; } .rhino-mobile-submenu .rhino-mobile-content li a { display: block; padding: 20px; text-decoration: none; color: var(--primary-color); font-size: 14px; transition: background 0.2s; } .rhino-mobile-submenu .rhino-mobile-content li{ border-bottom: 1px solid #f2f2f2; } .rhino-mobile-submenu .rhino-mobile-content li:last-child { border-bottom: 0; } .rhino-mobile-submenu .rhino-mobile-content li a:hover { background: var(--hover-bg); } .rhino-mobile__menu .rhino-mobile-content { display: none; } .rhino-mobile-hamburger { cursor: pointer; } .undisabled { font-weight:700; } .mobile--contacts{ padding:20px; font-size: 13px; } .mobile--contacts .mobile--contacts_title{ font-weight: 700; color:#000; font-size: 14px; margin:0 0 15px 0; } .mobile--contacts .contacts__content:before { background-image: url(https://rhinodesign.ru/media/point.svg); top: 0; transform: translateY(0); } .mobile--contacts .phones--wrp:before { background-image: url(https://rhinodesign.ru/media/phone.svg); } .mobile--contacts .contacts__content{ line-height:1.1; margin-top:15px; margin-bottom:20px; } .mobile--contacts .footer__url img { height: 24px; width: 24px; } .mobile--contacts .footer__url { width: 24px; } /***************************/ .pech__items .flex--direction{ flex-direction: row; } .icon1 { background-image: url(/bitrix/templates/rhino/images/web/category/interernaya-pechat/icons/003.svg); } .icon2 { background-image: url(/bitrix/templates/rhino/images/web/category/interernaya-pechat/icons/011.svg); } .icon3 { background-image: url(/bitrix/templates/rhino/images/web/category/interernaya-pechat/icons/004.svg); } .icon4 { background-image: url(/bitrix/templates/rhino/images/web/category/interernaya-pechat/icons/009.svg); } .icon5 { background-image: url(/bitrix/templates/rhino/images/web/category/interernaya-pechat/icons/005.svg); } .icon6 { background-image: url(/bitrix/templates/rhino/images/web/category/interernaya-pechat/icons/010.svg); } .icon7 { background-image: url(/bitrix/templates/rhino/images/web/category/interernaya-pechat/icons/001.svg); } .icon8 { background-image: url(/bitrix/templates/rhino/images/web/category/interernaya-pechat/icons/012.svg); } #pxpProducCalc .option-value li.with-helper.selected>a.calc-helper{ border: 1px solid #fff!important; } .pechat__table{ border: 0!important; border-radius: 0!important; } .pechat__table-item .h2-title{ display: none!important; } .toggle-container{ display: none; } .pechat__table-item a { color: #00908c; border-bottom: 1px solid; } .sticky-sl ~ .stiky-sl-section{ padding-top:0!important; } .video--ava.fotoarkhiv{ width:100%; margin-left: auto; margin-right: auto; } .video--ava.fotoarkhiv img{ height: auto; width: 100%; border-radius: 6px!important; } strong.fotoarkhiv{ display: block; color:#000; } .offer__list2.fotoarkhiv{ user-select: none; list-style-type: disc; } .offer__list2.fotoarkhiv li.offer__item{ padding:0 0 0 16px; } .offer__list2.fotoarkhiv li.offer__item span{ color: #00908c; font-weight: 500; } .offer__list2.fotoarkhiv li.offer__item+li.offer__item{ margin-top:10px; } .offers--slider.fotoarkhiv { margin-right: -15px; padding-right: 15px; padding-left: 15px; margin-left: -15px; } .offers--slider.fotoarkhiv:after{ display: none; } .messenger__col:nth-child(4){ display:none!important; } .messenger__col { width: 33.3333%; } .offer__list2.fotoarkhiv li.offer__item:after{ background-color:#00908c!important; top:7px; width: 6px; height: 6px; border-radius:10px; } .pech__items .flex--direction-reverse { flex-direction: row-reverse; } .fotoarkhiv--caption{ position:absolute; bottom:20px; left:40px; background:rgba(0,0,0,0.6); color:#fff; padding:15px 20px; border-radius:10px; font-size:1rem; z-index: 1; animation: waveAnimation 2.5s ease-in-out infinite; } @keyframes waveAnimation { 0% { background: rgba(0,0,0,0.6); transform: scale(1); } 50% { background: rgba(0,0,0,1); transform: scale(1.1); } 100% { background: rgba(0,0,0,0.6); transform: scale(1); } } .good__sticker.pink{ color:#fff; } .fotoarkhiv .works--list .news__inner, .fotoarkhiv .works--list.two--col .news__inner{ padding-bottom:0!important; } .fotoarkhiv .collections__item .news__title{ height:auto!important; min-height:1px!important; } .fotoarkhiv .attention.pattern{ margin:20px 0 0 0; display: inline-block; padding:20px; } .fotoarkhiv .attention.pattern:before{ display: none; } .fotoarkhiv .attention.pattern span{ font-size:1rem!important; } #para4.fotoarkhiv{ background-color: transparent; } #para4.fotoarkhiv .bonus--step{ font-weight: 500; color:#000; line-height: 1.2; } #para4.fotoarkhiv p{ margin:10px 0 0 0; font-size:14px; line-height:normal; } #para4.fotoarkhiv .icon3{ background-image: url(/semeynye-fotoarkhivy/ic10.svg); } #para4.fotoarkhiv .icon4{ background-image: url(/semeynye-fotoarkhivy/ic11.svg); } #para4.fotoarkhiv .icon5{ background-image: url(/semeynye-fotoarkhivy/ic12.svg?1); } #para4.fotoarkhiv .icon6{ background-image: url(/semeynye-fotoarkhivy/ic14.svg); } .text-block { transition: opacity 0.3s ease; } .text-block-after { position: relative; z-index: 2; } .text-block-before { position: absolute; top: 2rem; left: 2rem; right: 2rem; z-index: 1; opacity: 0; } .text-mask { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(90deg, #F6F5FA 0%, transparent 100%); z-index: 3; pointer-events: none; } .video--desc{ position:relative; } .text-block-before, .text-block-after { transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .image-comparison.dragging .text-block-before, .image-comparison.dragging .text-block-after { transition: none; } .image-comparison.has-text-blocks .before-image { width: 0% !important; } .image-comparison.has-text-blocks .slider { left: 0% !important; } .fotoarkhiv .image--label{ white-space: nowrap; animation: waveAnimation 2.5s ease-in-out infinite; } .text-block-after .h2-title, .text-block-before .h2-title{ margin:0; } .text-block-after, .text-block-before{ display: flex; flex-direction: column; gap:2rem } .flex--direction .video--desc .text-block-after .btn-large, .flex--direction .video--desc .text-block-before .btn-large{ margin-top:0; } .video--desc .text-block-after ul li:after, .video--desc .text-block-before ul li:after{ content: ""; position: absolute; top: 5px; left: 0; width: 13px; height: 13px; background-size: 13px; background-repeat: no-repeat; border-radius: 0; background-color: transparent !important; } .video--desc .text-block-after ul li, .video--desc .text-block-before ul li{ padding: 0 0 0 24px; } .video--desc .text-block-after ul li:after{ background-image: url(/bitrix/templates/rhino/css/../images/yes1.svg); } .video--desc .text-block-before ul li:after{ background-image: url(/semeynye-fotoarkhivy/no.svg?1); } .calc3 #pxpProducCalc .option-value.calc-app-column__2.calc-app-column__2_mobile .option-item .option-item__label{ transition: none!important; } .examples__slider.covers--slider.swiper-initialized{ display: block; } .covers{ overflow: hidden; } .covers .swiper-wrapper { -webkit-transition-timing-function: linear !important; transition-timing-function: linear !important; } #pxpProducCalc .material-selector__item.material-types .option-value .option-item:not(.selected) a { border: 1px solid #ccc !important; } #pxpProducCalc .material-selector__item.material-types .option-value .option-item:not(.selected) a:hover { border: 1px solid #00908c !important; background: #00908c !important; color: #fff !important; } .premium--desc{ margin-bottom:2rem; } .mobile__wlink.max{ background-image: url(/bitrix/templates/rhino/css/../images/max.svg); } .menu--sticker{ display: inline-flex; height:20px; border-radius:3px; background:#000; color:#fff; align-items: center; padding:0 5px; text-transform: uppercase; font-size:9px; font-weight:600; letter-spacing: 1px; margin-right:8px; } .menu .dropdown-content li>a, .menu .dropdown-content li>span{ display: inline-flex; align-items: center; } .rhino-mobile-submenu .rhino-mobile-content li a { display: flex; align-items: center; padding: 20px 0 20px 20px; } .rhino-mobile-submenu .rhino-mobile-content li a .menu--sticker{ font-size:8px; } .rhino-mobile-menu-container { right: -340px; } .rhino-mobile-menu-container.rhino-mobile-menu-container--active{ right:0 } .rhino-mobile-menu-container, .rhino-mobile-main, .rhino-mobile-submenu{ width: 340px; } .premium--sticker{ position: absolute; z-index: 3; top: 5px; right: 5rem; width:4.5rem; height: 4.5rem; background-image: url(/bitrix/templates/rhino/images/premium.svg?2); background-repeat: no-repeat; background-size: 4.2rem; background-position: center; } .messenger__col:nth-child(4){ display:block!important; } .messenger__col:nth-child(4) .messenger__item:before { background-image: url(/bitrix/templates/rhino/images/max.svg?2); } .messenger__col { width: 25%; padding:0 5px; } .messenger__item{ font-size:13px!important; } .sreg0q1 { display: none; z-index: 99; } .sreg0q1 .big, .sreg0q1 .small { display: none; position: absolute; top: 0; left: 0; width: 200%; height: 100%; pointer-events: none; } .sreg0q1 .small { z-index: 2; background-size: 20rem 20rem; background-image: url(/bitrix/templates/rhino/css/../images/falling-snow2.png); -webkit-animation: snow-sreg0q1 28s linear infinite; animation: snow-sreg0q1 28s linear infinite; } .sreg0q1 .big { z-index: 3; background-size: 40rem 40rem; background-image: url(/bitrix/templates/rhino/css/../images/falling-snow1.png); -webkit-animation: snow-sreg0q1 18s linear infinite; animation: snow-sreg0q1 18s linear infinite; } @-webkit-keyframes snow-sreg0q1{0%{background-position-x:0;background-position-y:0}50%{background-position-y:40rem}to{background-position-x:40rem;background-position-y:80rem}} @keyframes snow-sreg0q1{0%{background-position-x:0;background-position-y:0}50%{background-position-y:40rem}to{background-position-x:40rem;background-position-y:80rem}} .slider-item{ position:relative; } .btn-large, .form-btn input[type=submit]{ position:relative; overflow:hidden; } /****/ .btn-large:after, .form-btn input[type=submit]:after{ content:""; display: none; z-index: 0; position: absolute; top: 0; left: 0; width: 200%; height: 100%; pointer-events: none; background-size: 10rem 10rem; background-image: url(/bitrix/templates/rhino/css/../images/falling-snow2.png); -webkit-animation: snow-sreg0q1 28s linear infinite; animation: snow-sreg0q1 28s linear infinite; } .btn-large:before, .form-btn input[type=submit]:before{ content:""; display: none; z-index: 0; position: absolute; top: 0; left: 0; width: 200%; height: 100%; pointer-events: none; background-size: 20rem 20rem; background-image: url(/bitrix/templates/rhino/css/../images/falling-snow1.png); -webkit-animation: snow-sreg0q1 18s linear infinite; animation: snow-sreg0q1 18s linear infinite; } /****/ .wfolio2 .proff--wrp img { position: absolute; top: 0; left: 0; z-index: 0; object-fit: cover; width: 100%; height: 100%; opacity: .9; } .wfolio2 .proff--col:first-child { width: 100%; min-height: 450px; padding: 3rem; align-items: flex-start; } .wfolio2 .proff--text{ width:70%; } .ny-background{ position:relative; background-image:url(/novogodnie-podarki/pattern2.svg?4); background-repeat: repeat; background-size:600px; } .wfolio2:after { content: ''; z-index: 1; position: absolute; left: 0; bottom: 0; width: 100%; height: 200px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%); } .wfolio2:before { content: ''; z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 200px; transform:rotate(180deg); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%); } .icons--block{ display:flex; flex-direction: column; gap:10px; margin-top: 2rem; margin-bottom: 2rem; } .portfolio .good__detail-text p.attention{ display: none; } .materials--wrp{ margin-top:2rem; } .stickers__wrp{ position:relative; padding:0; bottom:auto; margin:10px -5px; } .icons--block > div{ display:flex; flex-direction: row; gap:10px; align-items: center; font-size: 14px; font-weight: 400; color: #000; } .icons--block > div img{ height:32px; opacity:0.5; } .portfolio__wrp .good__left{ padding-right:50px; } .btn-large.bigger{ height:52px; line-height: 52px; font-weight:700; } .portfolio__wrp .good__col.portfolio .h1-title{ font-weight: 700; color:#000; font-size:2rem; line-height: normal; } .portfolio .good__material{ display:flex; flex-direction: row; gap:15px; margin:0; } .good__material span { font-weight: 300; } .portfolio .good__material+.good__material{ margin-top:10px; padding-top:10px; border-top:1px solid #eee; } .good__material span { margin-right: 0; } .portfolio .good__material div:first-child{ color:#000; font-weight:600; } .portfolio__wrp .good__col.portfolio .good__price-detail{ font-weight: 700; font-size:1.6rem; } .portfolio__wrp .good__col.portfolio .good__detail-text{ border-top:0; padding-bottom:0; margin-bottom:0; border-bottom:0; } .good__price-notice{ margin-top:1rem; background: #efefef; border: 1px solid #dedede; color: #000; text-align: center; font-size: 12px; border-radius: 6px; padding: 20px 13px !important; } .filter__block--title{ background:#fff; } .wfolio2 .datefinal--wrp.list{ border-top:0; } .good__detail.clearfix.portfolio__wrp ~ .collections__tabs { margin-bottom: 3.3rem; } .wfolio2 .container{ position:relative; z-index:2; } .ny--button{ display: none; position:fixed; z-index:999; right:0; bottom:2rem; } #santa{ width:200px; position:relative; z-index: 1; } .bonus--top_text>img { width: 300px; } .ny--button .btn-large{ position: absolute; z-index: 2; bottom: 40px; font-size: 12px; text-transform: uppercase; transform: rotate(-10deg); font-weight: 700; min-width: 1px; height: 36px; border: 0; line-height: 36px; padding: 0 10px; width: auto; } .up-btn{ display: none!important; } .wfolio2{ position:relative; } .banner4--wrp { position: relative; z-index: 5; } #dlay-cookienotice-modal { left: 50%!important; margin-left: -300px; width: 600px!important; padding: 20px!important; text-align: left; border-top-left-radius: 16px; border-top-right-radius: 16px; } .dlay-cookienotice-load .dlay-cookienotice-text { width: 100%; display: flex; max-width: 100%; flex-direction: row; gap: 20px; justify-content: space-between; align-items: center; text-align: left; } .dlay-cookienotice-p { margin: 0 !important; font-size: 12px!important; } .close--ny{ z-index:9; position:absolute; top: 20px; left: -10px; width:32px; height: 32px; background-size:contain; cursor:pointer; background-image: url(/bitrix/templates/rhino/css/../images/close-circle.svg?1); } .slider-item{ padding-left:0!important; padding-right:0!important; padding-top:0!important; padding-bottom:0!important; overflow: hidden; } .slider-wrapper.owl-carousel{ margin:3.3rem 0; } .desk--slide{ display:block!important; width:100%; border-radius:16px; height:auto; } .mob--slide{ display:none!important; } .owl-carousel .owl-stage-outer{ margin:0 -1px; } .good__stickers { position: absolute; top: 10px; left: 10px; display: inline-flex; align-items: center; gap: 10px; flex-direction: row; z-index: 112; } .good__stickers .good__sticker{ top:auto!important; left:auto!important; position:relative!important; } .good__stickers .handmade__sticker{ top:auto!important; left:auto!important; position:relative!important; background: #333; color:#fff; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; z-index: 3; font-size: 12px; padding: 3px 5px; -webkit-border-radius: 3px; border-radius: 3px; } .premium--slider.has-arrows.portfolio--rand .news__pic.good__pic { padding-top: 0 !important; } .rand--margin{ margin-bottom:3.3rem; } .like-btn { background-color: #f6f7f9; display: flex; width:100%; flex-direction: row; gap: 7px; justify-content: center; align-items: center; padding: 0 20px; transition: all .3s ease; height: 46px; cursor: pointer; font-size: 14px; font-weight: 600; color: #000; border: 1px solid rgb(0 0 0 / .13); border-radius: .5rem; -webkit-appearance: none; } .like-btn.active { border: 1px solid rgb(0 0 0 / .13); background:#f5f5f5; } .like-btn:focus{ color:#000; background-color: #f6f7f9; } .like-btn:hover{ border-color:#000; } .like-count { font-weight:400; position: relative; display: inline-block; } .like-block{ margin-top: 1rem; margin-bottom: 20px; } .like--pic{ display:inline; } .liked--pic{ display:none; } .active .liked--pic{ display:inline; } .active .like--pic{ display:none; } .good__acc{ background: #f5f5f5; padding: 1rem 20px; border-radius: 6px; } .good__acc .acc__heading { position: relative; padding-bottom: 0; cursor: pointer; font-weight: 600; border-bottom: 0; color: #000; } .good__acc .acc__heading:after { border: solid #000; border-width: 0 1.5px 1.5px 0; } .portfolio__wrp .good__detail-text{ padding-top: 0rem; border-top: 0; padding-bottom: 0; border-bottom: 0; margin-bottom: 2rem; } .share--button{ background: #ffefef; border: 1px solid rgb(255 44 97 / 10%); display: flex; width: 100%; flex-direction: row; gap: 0; justify-content: center; align-items: center; padding: 0 20px; transition: all .3s ease; height: 46px; cursor: pointer; font-size: 14px; font-weight: 600; color: #ff2c61; border-radius: .5rem; -webkit-appearance: none; margin-bottom:20px; margin-top: -10px; } .share--button:hover{ background: #ffe2e2; color: #ff2c61; } .share--button span{ display: inline-block; overflow:hidden; padding:0 10px 0 0; } #share.white-popup-block{ max-width:500px; } .share--button:hover span i{ display: inline-block; transform:translateX(30px); opacity:0; } .share--button i{ transform:translateX(0px); font-style:normal; transition: all .5s ease; } .share--subtitle{ text-align:center; color:#777; font-size:14px; margin-top:2rem; } .share--box { margin-top:10px; justify-content: center; display: flex; gap: 10px; flex-wrap: wrap; } .share--title{ font-size: 24px; font-weight: 700; color: #000; line-height: 1.1; margin: 0 0 2rem 0; } .copy-btn{ cursor: pointer; } .s-btn { transition: all 0.3s; } .s-btn:hover { transform:scale(1.05); } .share--desc{ margin-top:25px; color:#000; text-align: center; } .tisnenie .materials__title span:after{ content:")" } .tisnenie .materials__title span:before{ content:"(" } .copy-toast { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%) translateY(100px); background: linear-gradient(135deg, #10b981 0%, #059669 100%); color: white; border: 1px solid #34d399; box-shadow: 0 8px 20px rgba(16, 185, 129, 0.3); padding: 12px 24px; border-radius: 8px; font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; z-index: 9999; opacity: 0; transition: all 0.3s ease-in-out; pointer-events: none; white-space: nowrap; } .calc20 #pxpProducCalc .material-selector>ul>li:nth-child(2)>ul>li:hover{ } .calc20 .option-item:not(.selected):hover .option-item__label .option-item-title{ color:#fff; } .copy-toast.show { transform: translateX(-50%) translateY(0); opacity: 1; } .header__cart{ display:flex; gap:1rem; } .small-search svg{ margin: 0!important; height: 24px!important; vertical-align: middle; } .small-search-staff-wrapper { right: 32px!important; top: 2px!important; width: 295px!important; background-color: #fff!important; } @media only screen and (min-width: 769px) { .portfolio__wrp .swiper-slide img { position: relative; height: 100%; object-fit: cover; } } @media only screen and (max-width: 550px) { table.responsive-table tbody { overflow-x: auto !important; } } @media only screen and (max-width: 1440px) { #para4 .arphotos--col:first-child { padding: 1rem 0 0 3rem; } #para4.invert .arphotos--col:first-child{ padding: 1rem 3rem 0 0; } .va-parallax{ height:416px; } } @media only screen and (max-width: 1217px) { .premium--sticker{ right:5.5rem; } .portfolio__wrp .good__left { padding-right: 0; } .portfolio__wrp .good__col.portfolio .h1-title { font-size: 1.5rem; } .bonus--banner1.text { height: 350px; } .va-parallax{ height:334px; } #para4 .arphotos--col:first-child { padding: 0rem 0 0 2rem; } #para4.invert .arphotos--col:first-child{ padding: 0 2rem 0 0; } .para1, .para2 { position: absolute; height: 320px; } .para3, .para4 { position: absolute; height: 300px; } .para3 { bottom: 0; right: 0rem; } .para4 { bottom: 0; right: 0rem; } .bonus--box.print .para3{ bottom:auto; top:50%; margin-top:-150px; } .print--col.image { margin: 100px 0 0 -50px; } .print--col img { max-width: 400px; } } @media only screen and (max-width: 992px) { #para4.fotoarkhiv .h2-title{ } .good__detail { display: block; } .wfolio2 .proff--text{ width:100%; } .fotoarkhiv .attention.pattern{ margin:3.3rem 0 0 0; } .offerslide .offer__title:after { display:none; } .offers--slider.fotoarkhiv{ overflow: unset; } .pech__items .flex--direction { flex-direction: column; } #para4{ gap:0; flex-direction: column-reverse; } #para4 .arphotos--col:first-child { padding: 2rem 0 0 0rem; } #para4.invert{ flex-direction: column-reverse; } #para4.invert .arphotos--col:first-child{ padding: 2rem 0 0 0; } .arphotos--row { flex-direction: column; } .banner--text{ gap:10px; } .arphotos--row .video--wrp, .arphotos--row .video--desc { width: 100%; } .offerslide .offer__list2 { display: block; } .ar__steps.invert { display: flex; flex-direction: column; gap: 2rem; } .ar__steps.invert .ar__col:first-child img{ max-width:100%; border-radius:10px; } .bonus--banner1.text { height: 300px; } .para1, .para2 { position: absolute; height: 270px; } .arphotos--col:first-child { padding: 3rem 3rem 0 3rem; width: 100%; } .arphotos--col{ width: 100%; } .arphotos--col:last-child{ display: block; text-align: center; } #para2 { flex-direction: column; gap:2rem; } .para3 { position: relative; bottom: auto; right: auto; } .para4 { bottom: 0; right: 50%; margin-right: -218px; } .bonus--box.print .para3{ position: relative; bottom:auto; top:auto; margin-top:20px; } #para2.print { flex-direction: column-reverse; gap:0; } #para2.print .arphotos--col:first-child { padding: 3rem; } .print--col.text, .print--col.image { width: 100%; } .print--row { gap:0; flex-direction: column; border-radius: 20px; background: #f6f7f9; } .print--col img{ margin-top:0; } .print--col.image { border-radius: 20px 20px 0px 0px; transform: translate(0px, 0px); margin: 0; } } @media only screen and (max-width: 768px) { .ny--button{ transform:scale(0.7); bottom:1rem; right:-2rem; } .good__left .sidebar__inner{ position:relative; top:0; } .portfolio__wrp .good__col.portfolio .h1-title { font-size: 1.4rem; } .close--ny{ width:42px; height:42px; } .premium--sticker { right: auto; bottom: 67px; top: auto; left: -1px; } .wfolio2 .proff--col:first-child { padding: 2rem; min-height:400px; } .pfslider .swiper-pagination-bullet { width: 9px !important; height: 9px !important; } .pfslider .swiper-slide { height: auto; } .pfslider .swiper-slide img { border-radius: 0; object-fit: cover; height: 100%; } .pfslider .swiper-slide { width: 100%; padding: 0; } .pfslider .swiper-horizontal>.swiper-pagination-bullets, .pfslider .swiper-pagination-bullets.swiper-pagination-horizontal { position: absolute; bottom: 15px; margin-top: 0px; } .portfolio__wrp .swiper-slide video{ border-radius:0; } .offers--slider_wrp .offers--slider~.swiper-button-next, .offers--slider_wrp .offers--slider~.swiper-button-prev { display: none !important; } .pechat__table-item #scroll-down { margin-top: 5px; margin-bottom: 0; } .va-parallax { height: 410px; } .offers--slider .offer__table{ max-width: 100%; } .offers--slider:after{ width:200px; } .offers--slider { padding-right: 200px; } .footer__bottom{ padding:2rem 0 60px 0; } .faq .collapsible{ width:100% } .banner--text { width: 100%; padding: 2rem; } .para1{ display: none; } .para2 { position: absolute; height: 230px; right: -80px; } .bonus--banner1.text { height: auto; min-height: 300px; } .arphotos--col:first-child { padding: 2rem 2rem 0 2rem; } .para3, .para4 { height: 220px; } .para4 { margin-right: -160px; } #para2.print .arphotos--col:first-child { padding: 2rem; } .print--col.text{ padding:2rem; } .print--col.image{ padding:2rem; } } @media only screen and (max-width: 600px) { .offers--slider .offerslide{ width:80%!important; padding:10px 10px 30px 10px; } .messenger__col:nth-child(3) { width: 50%!important; } .max-link-mobile { position: absolute; top: 2px; left: 80px; display: block; width: 20px; height: 20px; background-image: url(/bitrix/templates/rhino/images/max.svg); background-repeat: no-repeat; background-size: contain; } .covers { margin-left: -0.75rem; margin-right: -0.75rem; } .video--desc .text-block-after ul li:after, .video--desc .text-block-before ul li:after{ top:4px; } #para4.fotoarkhiv .bonus--step{ flex-direction: column; align-items: flex-start; gap:5px; } .fotoarkhiv--caption { left: 10%; width: 80%; } .messenger__col { width: 50%; } .messenger__col:nth-child(3) { width: 100%; } .photobooks--wrp .catalog--sort{ display: flex; justify-content: space-between; align-items: center; } .toggle-container{ display: inline-flex; gap:10px; } .toggle-container .toggle-icon{ padding:5px; border-radius: 3px; cursor: pointer; transition: all .3s ease; width: 34px; height: 34px; } .toggle-container .toggle-icon.active{ pointer-events: none!important; cursor: default!important; background: #eee; } .toggle-container svg{ stroke:#aaa; } .toggle-container .active svg{ fill:#00908c; stroke:#00908c } .goods .toggle-container{ margin-bottom:20px; } .works--list.two--col{ grid-template-columns: repeat(2, 1fr)!important; } .goods .two--col .news__item{ width:50%!important; } .goods>.row.two--col .good__item+.good__item { margin-top: 0; } .goods>.row.two--col .good__item.news__item { margin-bottom: 2rem !important; } .goods>.row.two--col{ margin-bottom:-2rem; } .goods>.row.two--col .minibook__price .good__price { float: none; width: 100%; } .goods>.row.two--col .minibook__price .btn-large.small-btn{ float:left; } .goods>.row.two--col .albums--newitem ul { margin: 0; } .goods>.row.two--col .good__item.albums--newitem .news__inner { padding-bottom: 72px !important; } .works--list.two--col .megacolors{ top: 10px; right: 10px; display: grid; grid-column-gap: 5px; grid-row-gap: 5px; } .works--list.two--col .megacolor--item { height: 16px; width: 16px; } .works--list.two--col .minibook__price .good__price { float: none; width: 100%; } .works--list.two--col .news__inner { padding-bottom: 72px !important; } .works--list.two--col .minibook__price .btn-large.small-btn { float: left; } .works--list.two--col .datefinal--wrp.list{ margin-bottom: 0; } .works--list.two--col .good__sticker{ max-width:120px; } .va-parallax { height: auto; padding-top: 70%; } .offers--slider_wrp { margin:0 -0.75rem; } .offers--slider:after{ display: none; } .offers--slider { padding-right: 0; } .offer--sticker { padding: 20px 15px; } .offerslide .offer__item{ padding: 10px 16px 0 21px; } .para2 { height: 200px; right: -80px; } #para2 .bonus--step { flex-direction: column; text-align:center; align-items: center; justify-content: flex-start; gap: 1rem; } #para2 .bonus--step img { margin-right: 0; height:40px; } .bonus--banner1.text { min-height: 340px; } .ar__steps.invert .ar__col:first-child img { max-width: 100% !important; width:auto; display: block; height: 350px; object-fit: cover; } .tg-link-mobile{ left: 0px; } .max-link-mobile { left: 40px; } .desk--slide{ display:none!important; } .slider-wrapper.owl-carousel, .owl-carousel .owl-stage-outer{ margin: 0; } .slider--wrp{ padding:0; width:100%!important; max-width:100%!important; } .slider--wrp .row .col{ padding:0!important; } .mob--slide{ display:block!important; width:100%; height:auto; } .container{ max-width:100%!important; } } @media screen and (max-width: 550px) { .pfslider .swiper-slide { width: 100%!important; margin: 0 auto; } .portfolio__slider { padding: 0px!important; } .portfolio__wrp .swiper-slide video { object-position:center; object-fit: cover; } .pfslider .swiper-slide img, .portfolio__wrp .swiper-slide video{ height:280px; } .video--inst .video--box { border-radius: 0; margin: 0 -0.75rem; } } /* End */ /* Start:/bitrix/templates/rhino/components/bitrix/search.title/new-fast-search/style.css?17791924222986*/ div.title-search-result { border:1px solid #c6c6c6; display:none; overflow:hidden; z-index:100100; } table.title-search-result { border-collapse: collapse; border:none; width:10%; } table.title-search-result th { background-color:#F7F7F7; border-right:1px solid #e8e8e8; color:#949494; font-weight:normal; padding-top:2px; padding-bottom:2px; padding-left:14px; padding-right:12px; text-align:right; vertical-align:top; white-space:nowrap; width:1%; } table.title-search-result td { background-color:white; color:black; font-weight:normal; padding-top:2px; padding-bottom:2px; text-align:left; white-space:nowrap; } table.title-search-result td.title-search-item { padding-left:8px; padding-right:15px; } table.title-search-result td.title-search-item a { padding-left:4px; padding-right:15px; text-decoration: none; color:black; vertical-align:top; display:block; } table.title-search-result td.title-search-item img { vertical-align:top; } table.title-search-result td.title-search-item b { color:#cf0000; font-weight:normal; } table.title-search-result tr.title-search-selected td ,table.title-search-result tr.title-search-selected a ,table.title-search-result tr.title-search-selected td.title-search-more a { background-color:#fff2be; } table.title-search-result td.title-search-more { font-size:11px; font-weight:normal; padding-right:15px; padding-left:24px; padding-top:0px; } table.title-search-result td.title-search-more a { padding-left:12px; padding-right:15px; text-decoration:none; color:#999999; } table.title-search-result td.title-search-all { padding-left:24px; padding-right:15px; } table.title-search-result td.title-search-all a { padding-left:4px; text-decoration:none; color:#808080; } table.title-search-result td.title-search-separator , table.title-search-result th.title-search-separator { padding-top:0px; padding-bottom:0px; font-size:4px; } div.title-search-fader { display:none; background-image: url('/bitrix/templates/rhino/components/bitrix/search.title/new-fast-search/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } .title-search-item{ display: flex; align-items:center; margin:5px; } .title-search-item > img{ width:75px; } .title-search-result{ background-color:#fff; border-radius:6px; display: flex; flex-direction: column; gap:5px; max-width:550px; } .title-search-item:hover{ box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.25); border-radius: 6px; } .title-search-all a{ display: block; text-align: center; width:100%; background-color:#00908c; } .title-search-all a{ color:#fff; padding-top:5px; padding-bottom:5px; } .small-search-staff-wrapper.show.mobile{ position: relative; left:0; top:0; margin-left:20px; margin-top:20px; } .small-search-staff-wrapper.show.mobile span{ top:1px; } @media screen and (max-width:670px){ .title-search-item a img{ display: none; } .title-search-item > img{ margin-right:10px; } } /* End */ /* Start:/bitrix/components/dlay/cookienotice/templates/.default/style.css?16049953381410*/ #dlay-cookienotice-modal { position: fixed; bottom: 0; left: 0; width: 100%; padding: 10px; background-color: rgba(255, 255, 255, 0.9); text-align: center; z-index: 999999; -webkit-box-shadow: 1px 1px 7px 2px rgba(0, 0, 0, 0.16); box-shadow: 1px 1px 7px 2px rgba(0, 0, 0, 0.16); font-size: 15px; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transition: transform .8s; -o-transition: transform .8s; transition: transform .8s; } #dlay-cookienotice-modal.dlay-cookienotice-load { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } .dlay-cookienotice-button { background-color: transparent; border: 2px solid #222 !important; color: #222; border: none; padding: 3px 16px; border-radius: 3px; font-size: 14px; cursor: pointer; outline: none; margin-left: 10px; } .dlay-cookienotice-button:hover { background-color: #222; color: #fff; } .dlay-cookienotice-link { text-decoration: underline; color: #222; } .dlay-cookienotice-p { margin-bottom: 10px; } .dlay-cookienotice-text { max-width: 90%; margin: auto; width: 800px; } /* End */ /* Start:/bitrix/templates/rhino/template_styles.css?17770397966062*/ input[name='captcha_word'] { display: block!important; box-suppress: hide!important; visibility: hidden; height: 0px!important; } select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; } .print__item .news__inner .news__pic img{ width: 100%; position: absolute; z-index: 1; top: 0; left: 0; } .pechat__item.paper .news__pic .paper_img{ width: 100%; position: absolute; z-index: 1; top: 0; left: 0; } .pechat__item.paper .news__pic .paper__overlay{ z-index: 2; } .pechat__items .news__pic_img{ position: absolute; z-index: 1; top: 0; left: 0; width: 100%; } @media screen and (max-width:550px){ .h1-title.center.margin-top{ padding-bottom:10px; } .portfolio__slider{ width:100%; padding:10px; overflow:hidden; } .pfslider .swiper-slide{ width:320px; margin:0 auto; } .swiper-slide-active{ /* width:95%!important; margin:0 auto; text-align: center; /**min-width: 345px;**/ } .swiper-slide-active img{ width:100%; } .pfslider .swiper-pagination-bullets.swiper-pagination-horizontal{ height:15px; } .faq .collapsible-header{ padding-left:10px; } .tabs-wrap table.responsive-table thead tr{ display: flex; justify-content: space-around; } .tabs-wrap table.responsive-table thead{ width:100%; } .tabs-wrap table.responsive-table{ display: flex; flex-direction: column; } .tabs-wrap table.responsive-table tbody{ width:100%; } .tabs-wrap table.responsive-table tbody tr{ display: flex; justify-content: space-between; } .tabs-wrap table.responsive-table > tbody > tr > td{ width:50%; } .tabs-wrap table.responsive-table tbody{ white-space: wrap; } .faq .collapsible-header::after{ right:10px; } } .news-wrapper{ background-color: #ECECEC; border-radius: 16px; } .main-carousels .carousels__slider .carousels__item.slick-slide.slick-current.slick-active{ height:auto!important; } .premium--slider .premium--item.photobook--item.slick-slide.slick-current.slick-active{ height:auto!important; } .premium--slider .premium--item.photobook--item.slick-slide{ height:auto!important; } #dropdown32 a.menu__link{ font-size: 14px; line-height: 18px; color: #333; padding-top:10px; padding-bottom:10px; padding-left:20px; } .filter__block.last #modef{ display:none!important; } .menu-button{ width:150px!important; height:30px; display: flex!important; justify-content: center; align-items: center; line-height: 30px!important; max-width: 150px; min-width: 150px; margin-bottom:10px; margin-left: 0px !important; color: #666 !important; } .menu-button:hover{ color:#fff!important; } .color-red{ margin-bottom: 20px !important; color: #ff2c61 !important; } .color-red:hover, .color-red:active{ color: #00908c !important; } li.new--menu__bolder:nth-child(1) > div:nth-child(1) > a:nth-child(1):hover{ color: #00908c !important; } #dropdown45 a.menu__link { font-size: 14px; line-height: 18px; color: #333; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; } .pechat__items.flex .btn-large.color1.popup{ left:50%; margin-left: -100px; } .smart-captcha{ margin-top:10px; } #agreement-error{ display: block!important; color:red; } .agreement-wrapper a{ text-decoration: underline; } .agreement-wrapper a.call__link{ border:none; } .SmartCaptcha-Shield{ display: none!important; } .captcha-notice{ font-size:12px; margin-top:20px; } .captcha-notice a{ text-decoration: underline; } #subscribe .agreement-wrapper span:last-of-type::before{ content: ''; position: absolute; top: 0; left: 0; width: 18px; height: 18px; z-index: 0; border: 2px solid #5a5a5a; border-radius: 1px; margin-top: 3px; -webkit-transition: .2s; transition: .2s; } #subscribe .agreement-wrapper ~ span:last-of-type::after{ content: ''; position: absolute; top: 0; left: 0; width: 18px; height: 18px; z-index: 0; border: 2px solid #5a5a5a; border-radius: 1px; margin-top: 3px; -webkit-transition: .2s; transition: .2s; } #subscribe .agreement-wrapper #agreement-error::before{ display: none; } #subscribe .agreement-wrapper #agreement-error::after{ display: none; } #subscribe .agreement-wrapper{ position: relative; } #subscribe .agreement-wrapper span:last-of-type{ padding-left:30px; } #subscribe [type="checkbox"]:checked ~ span:last-of-type::before { top: -4px; left: -5px; width: 12px; height: 22px; border-top: 2px solid #fff0; border-left: 2px solid #fff0; border-right: 2px solid #26a69a; border-bottom: 2px solid #26a69a; -webkit-transform: rotate(40deg); transform: rotate(40deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } .text-block__item{ padding-left:12px; padding-right:12px; } @media screen and (max-width:550px){ .app--buttons{ justify-content: center; } .yandex-rating{ margin-left: auto; margin-right: auto; display: block; } } .small-search-staff-wrapper{ position: absolute; display: none; } .small-search{ position: relative; line-height: 45px; cursor: pointer; display:inline; } .small-search svg{ margin: 0 1rem; height: 27px; vertical-align: middle; } .small-search-staff-wrapper{ right:45px; top:-10px; width:275px; background-color:#fff; } .small-search-staff-wrapper input{ border: 2px solid #00908c!important; padding-right: 60px!important; } .header__cart a.small-search:hover{ opacity:1; } .small-search-staff-wrapper.show{ display: block; } .small-search-staff-wrapper.show span{ content: 'Поиск'; position: absolute; right:0; left:auto; background-color: #00908c; color:#fff; padding:0px 5px; top:2px; height:40px; border-radius:0px 5px 5px 0px; cursor:pointer; z-index: 2; line-height: 40px; } @media screen and (max-width:992px){ .small-search svg{ height:18px; } } /* End */ /* /bitrix/templates/rhino/css/swiper-bundle.min.css?174199957318453 */ /* /bitrix/templates/rhino/css/materialize.min.css?1589571716141206 */ /* /bitrix/templates/rhino/css/magnific-popup.min.css?16973388266260 */ /* /bitrix/templates/rhino/css/jquery.fancybox.min.css?159411820513948 */ /* /bitrix/templates/rhino/css/component.css?16246944066498 */ /* /bitrix/templates/rhino/css/slick.min.css?16063141131329 */ /* /bitrix/templates/rhino/css/ion.rangeSlider.min.css?161316910311084 */ /* /bitrix/templates/rhino/css/style.css?1764745532434493 */ /* /bitrix/templates/rhino/css/style2.css?178023769752379 */ /* /bitrix/templates/rhino/components/bitrix/search.title/new-fast-search/style.css?17791924222986 */ /* /bitrix/components/dlay/cookienotice/templates/.default/style.css?16049953381410 */ /* /bitrix/templates/rhino/template_styles.css?17770397966062 */