/* Start:/local/templates/russian/assets/fancybox/jquery.fancybox.min.css?166495592012795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/russian/assets/swiper/swiper-bundle.min.css?166495592013934*/ /** * Swiper 6.8.4 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: August 23, 2021 */ @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') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top: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:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.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-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{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:8px;height:8px;display:inline-block;border-radius:50%;background:#000;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:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background: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-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display: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}.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%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} /* End */ /* Start:/local/templates/russian/assets/mcustomscroll/jquery.mCustomScrollbar.css?166495592053583*/ /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(/local/templates/russian/assets/mcustomscroll/mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ /* End */ /* Start:/local/templates/russian/assets/formstyler/jquery.formstyler.css?16649559202175*/ .jq-checkbox, .jq-radio { position: relative; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .jq-checkbox input, .jq-radio input { position: absolute; z-index: -1; margin: 0; padding: 0; opacity: 0; } .jq-file { position: relative; display: inline-block; overflow: hidden; } .jq-file input { position: absolute; top: 0; right: 0; height: auto; margin: 0; padding: 0; opacity: 0; font-size: 100px; line-height: 1em; } .jq-file__name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .jq-selectbox, .jq-select-multiple { position: relative; display: inline-block; } .jq-selectbox select, .jq-select-multiple select { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; } .jq-selectbox li, .jq-select-multiple li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .jq-selectbox { z-index: 10; } .jq-selectbox__select { position: relative; } .jq-selectbox__select-text { overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; text-overflow: ellipsis; } .jq-selectbox__dropdown { position: absolute; } .jq-selectbox__search input { -webkit-appearance: textfield; } .jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration { -webkit-appearance: none; } .jq-selectbox__dropdown ul { position: relative; overflow: auto; overflow-x: hidden; list-style: none; -webkit-overflow-scrolling: touch; } .jq-select-multiple ul { position: relative; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .jq-number { display: inline-block; } .jq-number__field input { -moz-appearance: textfield; text-align: left; /* для Opera Presto */ } .jq-number__field input::-webkit-inner-spin-button, .jq-number__field input::-webkit-outer-spin-button { margin: 0; /* в каких-то браузерах присутствует отступ */ -webkit-appearance: none; } /* End */ /* Start:/local/templates/russian/styles/fonts.css?16672961637642*/ /* @font-face { font-family: 'Inter Thin'; src: url(/local/templates/russian/styles/fonts/Inter/Inter-Thin.ttf) format("truetype"), url(/local/templates/russian/styles/fonts/Inter/Inter-Thin.woff) format('woff') } @font-face { font-family: 'Inter SemiBold'; src: url(/local/templates/russian/styles/fonts/Inter/Inter-SemiBold.ttf) format("truetype"), url(/local/templates/russian/styles/fonts/Inter/Inter-SemiBold.woff) format('woff') } @font-face { font-family: 'Inter'; src: url(/local/templates/russian/styles/fonts/Inter/Inter-Regular.ttf) format("truetype"), url(/local/templates/russian/styles/fonts/Inter/Inter-Regular.woff) format('woff') } @font-face { font-family: 'Inter Medium'; src: url(/local/templates/russian/styles/fonts/Inter/Inter-Medium.ttf) format("truetype"), url(/local/templates/russian/styles/fonts/Inter/Inter-Medium.woff) format('woff') } @font-face { font-family: 'Inter Light'; src: url(/local/templates/russian/styles/fonts/Inter/Inter-Light.ttf) format("truetype"), url(/local/templates/russian/styles/fonts/Inter/Inter-Light.woff) format('woff') } @font-face { font-family: 'Inter ExtraLight'; src: url(/local/templates/russian/styles/fonts/Inter/Inter-ExtraLight.ttf) format("truetype"), url(/local/templates/russian/styles/fonts/Inter/Inter-ExtraLight.woff) format('woff') } @font-face { font-family: 'Inter ExtraBold'; src: url(/local/templates/russian/styles/fonts/Inter/Inter-ExtraBold.ttf) format("truetype"), url(/local/templates/russian/styles/fonts/Inter/Inter-ExtraBold.woff) format('woff') } @font-face { font-family: 'Inter Bold'; src: url(/local/templates/russian/styles/fonts/Inter/Inter-Bold.ttf) format("truetype"), url(/local/templates/russian/styles/fonts/Inter/Inter-Bold.woff) format('woff') } @font-face { font-family: 'Inter Black'; src: url(/local/templates/russian/styles/fonts/Inter/Inter-Black.ttf) format("truetype"), url(/local/templates/russian/styles/fonts/Inter/Inter-Black.woff) format('woff') } */ /* inter-100 - latin_cyrillic */ @font-face { font-family: 'Inter Thin'; src: url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-100.eot'); /* IE9 Compat Modes */ src: local(''), url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-100.woff2') format('woff2'), /* Super Modern Browsers */ url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-100.woff') format('woff'), /* Modern Browsers */ url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-100.ttf') format('truetype'), /* Safari, Android, iOS */ url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-100.svg#Inter') format('svg'); /* Legacy iOS */ } /* inter-200 - latin_cyrillic */ @font-face { font-family: 'Inter ExtraLight'; src: url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-200.eot'); /* IE9 Compat Modes */ src: local(''), url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-200.woff2') format('woff2'), /* Super Modern Browsers */ url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-200.woff') format('woff'), /* Modern Browsers */ url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-200.ttf') format('truetype'), /* Safari, Android, iOS */ url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-200.svg#Inter') format('svg'); /* Legacy iOS */ } /* inter-300 - latin_cyrillic */ @font-face { font-family: 'Inter Light'; src: url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-300.eot'); /* IE9 Compat Modes */ src: local(''), url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-300.woff2') format('woff2'), /* Super Modern Browsers */ url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-300.woff') format('woff'), /* Modern Browsers */ url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-300.svg#Inter') format('svg'); /* Legacy iOS */ } /* inter-regular - latin_cyrillic */ @font-face { font-family: 'Inter Regular'; src: url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-regular.woff') format('woff'), /* Modern Browsers */ url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-regular.svg#Inter') format('svg'); /* Legacy iOS */ } /* inter-500 - latin_cyrillic */ @font-face { font-family: 'Inter Medium'; src: url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-500.eot'); /* IE9 Compat Modes */ src: local(''), url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-500.woff2') format('woff2'), /* Super Modern Browsers */ url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-500.woff') format('woff'), /* Modern Browsers */ url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-500.svg#Inter') format('svg'); /* Legacy iOS */ } /* inter-600 - latin_cyrillic */ @font-face { font-family: 'Inter SemiBold'; src: url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-600.eot'); /* IE9 Compat Modes */ src: local(''), url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-600.woff2') format('woff2'), /* Super Modern Browsers */ url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-600.woff') format('woff'), /* Modern Browsers */ url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-600.svg#Inter') format('svg'); /* Legacy iOS */ } /* inter-700 - latin_cyrillic */ @font-face { font-family: 'Inter Bold'; src: url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-700.eot'); /* IE9 Compat Modes */ src: local(''), url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-700.woff') format('woff'), /* Modern Browsers */ url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-700.svg#Inter') format('svg'); /* Legacy iOS */ } /* inter-800 - latin_cyrillic */ @font-face { font-family: 'Inter ExtraBold'; src: url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-800.eot'); /* IE9 Compat Modes */ src: local(''), url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-800.woff2') format('woff2'), /* Super Modern Browsers */ url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-800.woff') format('woff'), /* Modern Browsers */ url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-800.svg#Inter') format('svg'); /* Legacy iOS */ } /* inter-900 - latin_cyrillic */ @font-face { font-family: 'Inter Black'; src: url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-900.eot'); /* IE9 Compat Modes */ src: local(''), url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-900.woff2') format('woff2'), /* Super Modern Browsers */ url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-900.woff') format('woff'), /* Modern Browsers */ url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('/local/templates/russian/styles/fonts/Inter/inter-v12-latin_cyrillic-900.svg#Inter') format('svg'); /* Legacy iOS */ } /* End */ /* Start:/local/templates/russian/styles/style.css?173988363191582*/ html { height: 100%; width: 100%; } body { width: 100%; height: 100%; padding: 0; margin: 0; background: #fff; font: 85% Inter, Arial, sans-serif; color: #000; transition: all .3s ease 0s } body.noscroll { overflow: hidden } body.black-version { background: #000; } span, div { box-sizing: border-box } a { color: #000; outline: none; } a:hover { color: #E1AD00; } img, form, p, ul, ol, li, table, tr, td, div { padding: 0; margin: 0; border: 0; } p { padding-bottom: 1.5em; } /* ul { padding: 0 0 1.5em 0; clear: left } ul > li { list-style: none; list-style-type: none; padding: 0 0 .5em 30px; position: relative } ul > li:before { content: ''; width: 12px; height: 1px; position: absolute; top: .7em; left: 0; background: #000; } ul ul > li:before { content: ''; width: 4px; height: 4px; position: absolute; top: 1em; left: 0; background: #a1a1a1; border-radius: 50% } ul ol > li { list-style: auto; } ol { padding: 0 0 1.5em 20px; clear: left } ol > li { padding: 0 0 .5em 10px; } ol ul, ul ul, ul ol, ol ol { padding: 1em 0 0 0; } */ table { font-size: 100%; } h1 { font-size: 48px; font-weight: normal; margin: 0; padding: 0 0 1.8em 0; color: #000; font-family: 'Inter Medium','Arial' } h2 { font-size: 32px; font-weight: normal; margin: 0; padding: .8em 0 1.1em 0; color: #000; font-family: 'Inter Medium','Arial' } h3 { font-size: 24px; font-weight: normal; margin: 0; padding: 1em 0 1.2em 0; color: #000; font-family: 'Inter Medium','Arial' } h4 { font-size: 20px; font-weight: normal; margin: 0; padding: 1.1em 0 1.3em 0; color: #000; font-family: 'Inter Medium','Arial' } h5 { font-size: 16px; text-transform: uppercase; font-weight: bold; margin: 0; padding: 1.2em 0 1.4em 0; color: #828282; font-family: 'Inter Medium','Arial' } h6 { font-size: 15px; text-transform: uppercase; font-weight: bold; margin: 0; padding: 1.3em 0 1.5em 0; color: #828282; font-family: 'Inter Medium','Arial' } h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { padding-top: 0; } input, select, textarea { font-family: inherit; padding: 0 0 .1em 4px; font-size: 100%; outline: none; box-sizing: border-box; } button { -webkit-appearance: none;} a img { border: none; } .img-lft { float: left; margin: 0 20px 20px 0; } .img-rgh { float: right; margin: 0 0 20px 20px; } cite { font-style: italic; } /* .table { border-collapse: collapse; margin: .5em 0 2em 0 } .table th { color: #111; padding: .8em 30px .8em 30px; text-align: left; background: #e9e6e3; font-size: 100%; font-weight: normal; border: 1px solid #dadada; } .table td { padding: .8em 30px; vertical-align: top; border: 1px solid #dadada } .table p { padding: 0 } */ blockquote { margin: 0 0 2em 0; padding: 0 0 0 30px; font-size: 22px; position: relative; color: #4f2d7f; } blockquote:before { content: ''; width: 22px; height: 16px; background: url(/local/templates/russian/styles/img/blockq.png) no-repeat 0 0; position: absolute; top: 0; left: 0 } .clear { clear: both } article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; } /*=========================*/ .container { min-height: 100%; } .container div, .container a, .container span, .container svg path, .container svg circle { transition: all .3s ease 0s; } .container img { max-width: 100% } .flex { display: flex; } .flex-space { display: flex; justify-content: space-between } .flex-center { display: flex; justify-content: center } .align-center { align-items: center } .fixed-head { position: fixed; width: 100%; top: 0; left: 0; background: #fff; z-index: 28; box-shadow: 0 0 10px rgba(255,255,255,.8) } .black-version .fixed-head { background: #000; box-shadow: none } .fixed-head-in { padding: 36px 0 0 0; align-items: flex-start } .scrolled .fixed-head-in { padding-bottom: 20px } .fixed-head .logo { position: relative } .fixed-head .logo svg { transition: all .3s ease 0s; height: 106px; margin-top: 4px; width: auto; position: absolute; top: 0; left: 0 } .logo { position: relative; } .logo-link { position: absolute; } .logo-link--main { top: 0; left: 0; width: 280px; height: 116px; z-index: 1; transition: none !important; } .logo-link--shop { top: 72px; left: 108px; width: 88px; height: 26px; z-index: 2; transition: none !important; } .scrolled .logo-link--main { top: -19px; left: 0; width: 148px; height: 68px; } .scrolled .logo-link--shop { top: 18px; left: 52px; width: 80px; } .logo .mini { opacity: 0; } .scrolled .logo .standart { opacity: 0; } .scrolled .logo .mini { opacity: 1; } .fixed-head.scrolled .logo svg { height: 48px; margin-top: -10px; } .black-version .fixed-head .logo svg path+path { fill: #fff } .head { padding: 220px 0 110px 0; font-family: 'Inter Medium','Arial'; } .main-column { margin: 0 32px; position: relative } .main-column_first { width: 17%; } .main-column_middle { width: 32%; position: relative } .main-column_last { width: 51%; } .main-column_wide { width: 66%; max-width: 66%; flex: none } .main-column_twice { width: 83%; } .main-column_wide.border { border-top: 1px solid #E0E0E0; padding-top: 64px; margin-top: -64px } .s14 { font-size: 14px; } .s16 { font-size: 16px; } .s20 { font-size: 20px; } .s24 { font-size: 24px; } .s32 { font-size: 32px; } .s48 { font-size: 48px; } .w100 { width: 100% !important } .row-item { display: block } .tripple-row .row-item { width: 31.5% } .tripple-row .row-item-space { width: 31.5% } .tripple-row { flex-wrap: wrap } .tripple-row.news-list .row-item { margin-bottom: 70px } .color-gray { color: #828282 } .black-version .color-gray { color: #fff; opacity: .9 } .fixed-left-menu { transition: none !important; padding-top: 2px } .fixed .fixed-left-menu { position: fixed; z-index: 28; top: 0; left: 0; padding: 40px 20px 20px 32px; } .black-version .fixed .fixed-left-menu { } /* .fixed-left-menu:before { content: ''; position: fixed; width: 100vw; height: 100vh; min-height: 600px; background: #fff; z-index: 25; top: 0; left: 0; opacity: 0; visibility: hidden; transition: all .3s ease 0s; box-shadow: 0 0 16px rgba(255,255,255,.8) } .fixed-left-menu.active:before { opacity: 1; visibility: visible } */ .fixed-left-menu_title { position: relative; z-index: 26; } .fixed-left-menu_title span { position: relative; padding-bottom: 2px; cursor: pointer } .fixed-left-menu_title span:after { content: ''; height: 1px; background: #E1AD00; width: 100%; bottom: 0; left: 0; position: absolute; } .black-version .fixed-left-menu_title { color: #fff } .fixed-left-menu_list { margin: 10px 0 0 0; position: relative; max-width: 160px; position: relative; z-index: 26 } .fixed-left-menu_abs { position: absolute; top: 0; left: 0; opacity: 1; visibility: visible; padding-right: 15px } .fixed-head.scrolled .fixed-left-menu_abs { opacity: 0; visibility: hidden } .fixed-left-menu_item { padding-bottom: 7px; position: relative } .fixed-left-menu_item a { text-decoration: none; color: #828282 } .fixed-left-menu_item a:hover { color: #000 } .fixed-left-menu_item a.active { color: #E1AD00 } /* .fixed-left-submenu { position: absolute; top: 0; right: -340px; opacity: 0; visibility: hidden; } .to-bottom .fixed-left-submenu { top: auto; bottom: 0; } .fixed-left-submenu:after { content: ''; position: absolute; width: 100px; height: 1px; background: #000; top: 10px; left: -100px; transition: all .3s ease 0s } .to-bottom .fixed-left-submenu:after { top: auto; bottom: 10px } .fixed-left-submenu a { color: #000 } .fixed-left-submenu a:hover { color: #E1AD00 } .fixed-left-submenu_item { padding-bottom: 15px } .to-bottom .fixed-left-submenu_item { padding-bottom: 0; padding-top: 15px } .fixed-left-menu_item.active { } .fixed-left-menu_item.active .fixed-left-submenu { opacity: 1; visibility: visible } .fixed-left-menu_item.active .fixed-left-submenu:after { left: -140px } */ .popup-left-menu_wrapper { position: fixed; top: 0; left: 0; background: #fff; z-index: 30; width: 100%; height: 100%; font-family: 'Inter Medium','Arial'; opacity: 0; visibility: hidden } .popup-left-menu_wrapper.active { opacity: 1; visibility: visible } .popup-left-menu_wrapper a { text-decoration: none; } .popup-left-menu_in { margin: 37px 32px 0 32px; height: 100%; position: relative } .popup-left-menu_flex { display: flex; height: 80%; overflow: auto; } .popup-left-menu_list { width: 50%; max-width: 760px; height: 100%; overflow: auto; scrollbar-width: thin; scrollbar-color: hsl(0 0% 50%);} .popup-left-menu_title { margin-bottom: 10px } .popup-left-menu_title span { position: relative; padding-bottom: 2px; cursor: pointer } .popup-left-menu_title span:after { content: ''; height: 1px; background: #E1AD00; width: 100%; bottom: 0; left: 0; position: absolute; } .popup-left-menu_item { font-size: 48px; padding-bottom: 12px; position: relative } .popup-left-menu_item > a { display: inline-block; color: #828282; background: #fff; position: relative; z-index: 10; padding-right: 20px; max-width: 250px; line-height: 1; } .popup-left-menu_item > a:hover { color: #000 } .popup-left-menu_item.active > a { color: #000 } .popup-left-menu_top { position: absolute; top: 0; right: 0; max-width: 120px; width: 20% } .popup-left-submenu { position: absolute; top: 22px; right: 16px; opacity: 0; visibility: hidden; z-index: 1 } .to-bottom .popup-left-submenu { top: auto; bottom: 25px; } .popup-left-submenu:after { content: ''; position: absolute; width: 100px; height: 1px; background: #000; top: 10px; left: -100px; transition: all .3s ease 0s } .to-bottom .popup-left-submenu:after { top: auto; bottom: 10px } .popup-left-submenu a { color: #000; text-decoration: none } .popup-left-submenu a:hover { color: #E1AD00 } .popup-left-submenu_item { padding-bottom: 15px } .to-bottom .popup-left-submenu_item { padding-bottom: 0; padding-top: 15px } .popup-left-menu_item.active { } .popup-left-menu_item.active .popup-left-submenu { opacity: 1; visibility: visible } .popup-left-menu_item.active .popup-left-submenu:after { left: -140px } .popup-left-menu_right { width: 40%; display: flex; align-items: flex-end } .popup-left-menu_right-links a { position: relative; text-decoration: none; padding-bottom: 2px } .popup-left-menu_right-links div { padding-bottom: 24px } .popup-left-menu_right .site-page-detail { width: 283px; max-width: 99%; margin: 30px 0 45px 0 } .popup-left-menu_right-text { font-family: 'Inter ExtraLight'; padding-bottom: 24px } .popup-left-menu_right .soc-icon-wrapper { padding-top: 20px; max-width: 283px } .head-top-fixed { min-height: 175px; } .head-top-fixed-in { } .head-top-menu { flex: none } .head-top-menu a { position: relative; text-decoration: none; padding-bottom: 2px } .head-top-menu div { margin-right: 40px } .head-top-menu_link {} .head-top-menu_link a:after { content: ''; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; background: #E1AD00 } .head-top-menu_buy a { border: 1px solid #E1AD00; padding: 4px 8px; display: block } .head-top-menu_shop a:before { content: ''; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; background: #E1AD00 } .head-top-menu_shop a svg { display: inline-block; vertical-align: middle } .head-top-menu_shop a:hover svg path { stroke: #E1AD00 } .black-version .fixed-head .head-top-menu_shop a svg path { stroke: #fff } .black-version .fixed-head .head-top-menu_shop a:hover svg path { stroke: #E1AD00 } .black-version .head-top-menu a { color: #fff } .black-version .head-top-menu a:hover { color: #E1AD00 } .main-right-menu { top: 0; right: 0; } .main-right-menu div { margin-left: 35px } .main-right-menu_impaired a:hover svg path { fill: #E1AD00 } .main-right-menu_impaired a:hover svg circle { stroke: #E1AD00 } .main-right-menu_basket { position: relative } .main-right-menu_basket a:hover svg path { stroke: #E1AD00 } .main-right-menu_basket span { position: absolute; left: 0; top: 7px; color: #fff; font-size: 10px; width: 100%; text-align: center } .main-right-menu_basket.filled svg path { fill: #000 } .main-right-menu_basket.filled a:hover svg path { stroke: #000; } .black-version .fixed-head .main-right-menu_impaired a svg path { fill: #fff } .black-version .fixed-head .main-right-menu_impaired a svg circle { stroke: #fff } .black-version .fixed-head .main-right-menu_impaired a:hover svg path { fill: #E1AD00 } .black-version .fixed-head .main-right-menu_impaired a:hover svg circle { stroke: #E1AD00 } .main-right-menu_lang { position: relative; font-family: Inter } #popupLeftMenu .main-right-menu_lang { top: -1px } .main-right-menu_lang a { text-decoration: none; padding-bottom: 2px; position: relative; top: -2px; cursor: pointer; } .black-version .fixed-head .main-right-menu_lang a { color: #fff } .black-version .fixed-head .main-right-menu_lang a:hover { color: #E1AD00 } .main-right-menu_lang a:after { content: ''; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; background: #E1AD00; } .main-right-langmenu { position: absolute; top: 100%; margin-top: 28px; right: -25px; background: #fff; z-index: 22; width: 70px; display: block; padding: 15px 15px 5px 0; border: 2px solid #E1AD00; opacity: 0; visibility: hidden } .main-right-langmenu.active { margin-top: 8px; opacity: 1; visibility: visible } .black-version .fixed-head .main-right-langmenu { background: #000 } .main-right-langmenu a { margin: 0 0 5px 15px; display: block; text-align: center } .main-right-menu_search a:hover svg path { stroke: #E1AD00 } .black-version .fixed-head .main-right-menu_search a svg path { stroke: #fff } .black-version .fixed-head .main-right-menu_search a:hover svg path { stroke: #E1AD00 } .search-page { padding-bottom: 64px } .search-page--products { padding-bottom: 16px; } .form-field--sibling-button { width: calc(100% - 300px); margin-bottom: 0 !important; margin-right: auto; } .search-block { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 31; background: #fff; opacity: 0; visibility: hidden } .search-page .search-block { position: relative; visibility: visible; opacity: 1; z-index: 1 } .search-block-in { position: relative; margin: 45px 32px 0 32px } .search-page .search-block .search-block-in { margin-top: 0 } .search-block-in:after { content: ''; position: absolute; top: 70px; left: 0; width: 100%; height: 1px; background: #000; } .search-page .search-block-in:after { display: none } .search-page .main-right-menu_search-flex { border-bottom: 1px solid #000; padding: 0 0 32px 0; margin-bottom: 32px } .search-block a:hover svg path { stroke: #E1AD00 } .search-block.active { opacity: 1; visibility: visible } .search-block input[type='text'] { width: 90%; border: none; font-family: 'Inter' } .search-block button { padding: 0; border: none; background: none; cursor: pointer; } .search-block button:hover svg path { stroke: #E1AD00 } .search-block-close { cursor: pointer; position: relative; width: 16px; height: 16px; margin-right: 7px; top: -2px } .search-block-close:before { content: ''; width: 2px; height: 100%; background: #000; position: absolute; top: 0; left: 50%; transform: rotate(-45deg); transition: all .3s ease 0s } .search-block-close:after { content: ''; width: 2px; height: 100%; background: #000; position: absolute; top: 0; left: 50%; transform: rotate(45deg); transition: all .3s ease 0s } .search-block-close:hover:before, .search-block-close:hover:after { background: #E1AD00 } .site-page-sub { color: #828282; padding: 0 0 20px 0 } .site-page-h1 { font-size: 44px; padding: 0 20px 50px 0; max-width: 500px } .site-page-h1.wide-h1 { max-width: 100%; padding-right: 0 } .site-page-detail { display: inline-block; width: 240px } .site-page-detail a { display: flex; height: 84px; border: 1px solid #E1AD00; align-items: center; text-decoration: none; justify-content: center; font-family: 'Inter Medium','Arial'; cursor: pointer; padding: 0 15px } .site-page-detail a:hover { background: #E1AD00; color: #000 } .site-page-detail a:before { display: none } .site-page-h1.museum-title { display: flex; align-items: flex-end; line-height: 1.4em } .site-page-h1.museum-title:before { content: ''; width: 101px; height: 116px; background: url(/local/templates/russian/styles/img/museum.svg) no-repeat 0 100%; display: block; margin: 0 32px .3em 0; background-size: contain } .site-page-detail .ticket { margin-right: 11px } .ticket-order-flex .site-page-detail { width: 300px } .ticket-order-flex .share { margin-left: 32px } .site-page-detail .buy { margin-right: 14px } .buy-slider-item_text .site-page-detail { width: 208px; margin: 0 auto } .black-version .site-page-detail a:hover { color: #000 !important } #pageNavigation.fixed { position: fixed; width: 100%; top: 90px; left: 0; background: #fff; z-index: 26; } #pageNavigation.fixed + .page-navigation-space { height: 69px; } .black-version #pageNavigation.fixed { background: #000 } .navigation-panel { font-family: 'Inter Medium','Arial'; border-bottom: 1px solid #000; padding-bottom: 20px; transition: none !important } .fixed .navigation-panel { padding-top: 20px } .navigation-panel a { text-decoration: none; cursor: pointer } .black-version .navigation-panel a { color: #fff } .black-version .navigation-panel a:hover { color: #E1AD00 } .navigation-panel a svg { vertical-align: middle; display: inline-block; position: relative; transition: all .3s ease 0s } .navigation-panel a:hover svg path { stroke: #E1AD00 } .main-column.fixed { position: fixed; top: 170px; } .black-version .navigation-panel a svg path { stroke: #fff } .black-version .navigation-panel a:hover svg path { stroke: #E1AD00 } .navigation-panel a.scrolled svg { transform: rotate(-180deg); left: 10px; } .navigation-panel a.active svg { opacity: 0 } .head-slider { width: 100%; overflow: hidden } .head-slider .swiper-slide { height: 364px; width: 598px; flex: none; background-position: 50% 25%; background-repeat: no-repeat; background-size: cover; position: relative; border: 1px solid #000 } .head-slider-link { position: absolute; width: 100%; height: 100%; top: 0; left: 0 } .swiper-navigations { width: 598px; padding-top: 40px; display: flex; align-items: center; justify-content: space-between } .swiper-buttons { position: relative; width: 60px; display: flex; justify-content: space-between } .swiper-buttons .swiper-button-prev, .swiper-buttons .swiper-button-next { top: 0; margin-top: 0; height: 20px; width: 12px; background-size: 12px 24px; background: url(/local/templates/russian/styles/img/icons/slider_arr.svg) no-repeat 50% 50%; position: relative; left: auto; right: auto } .swiper-buttons .swiper-button-prev { transform: rotate(-180deg) } .swiper-buttons .swiper-button-prev:after, .swiper-buttons .swiper-button-next:after { display: none } .swiper-navigations .swiper-pagination { width: auto; bottom: 0; position: relative; color: #828282 } .rec-popup { position: fixed; top: 110px; right: 0; width: 248px; /* height: 196px; */ background: #000; font-family: 'Inter Medium','Arial'; display: none; /* border: 1px solid transparent; */ z-index: 2; } /* .rec-popup:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/local/templates/russian/styles/img/rec.png) no-repeat 50% 0; opacity: .4 } */ .rec-popup-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; /* border: 5px solid #000; */ opacity: .6 } .rec-popup:hover .rec-popup-image { opacity: .6 } .rec-popup-link { display: flex; height: 100%; position: relative; color: #fff; flex-direction: column; justify-content: space-between; padding: 32px; box-sizing: border-box; text-decoration: none; z-index: 1 } .rec-popup-link:hover { color: #fff } .rec-popup-date { font-family: 'Inter ExtraLight' } .rec-popup.moved { top: 170px } .black-version .rec-popup { border: 1px solid #E1AD00 } .rec-popup-close { position: absolute; top: 18px; right: 18px; cursor: pointer; z-index: 2; padding: 6px; background: #000; border-radius: 6px } .rec-popup-close-in { width: 16px; height: 16px; position: relative } .rec-popup-close-in:before { content: ''; width: 2px; height: 100%; background: #fff; position: absolute; top: 0; left: 50%; transform: rotate(-45deg) } .rec-popup-close-in:after { content: ''; width: 2px; height: 100%; background: #fff; position: absolute; top: 0; left: 50%; transform: rotate(45deg) } .footer-wrapper { border-top: 1px solid #000; margin: 120px 32px 0 32px; padding: 64px 0 0 0; font-family: 'Inter Medium','Arial'; position: relative } .black-version { background: #000 } .footer-wrapper-in { max-width: 1230px; margin: 0 auto; min-height: 200px } .footer-columns-list { padding-bottom: 50px } .footer-column { width: 282px } .footer-text { padding-bottom: 28px; line-height: 1.45em } .footer-wrapper a { position: relative; text-decoration: none } .black-version .footer-wrapper-in a { color: #fff } .black-version .footer-wrapper-in a:hover { color: #E1AD00 } .footer-wrapper a:before { content: ''; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; background: #E1AD00 } .footer-wrapper a svg { display: inline-block; vertical-align: middle } .footer-wrapper a:hover svg path { stroke: #E1AD00 } .footer-wrapper a.mail-link:before { background: #000 } .footer-wrapper a.mail-link:hover:before { background: #E1AD00 } .black-version .footer-wrapper-in a svg path { stroke: #fff } .black-version .footer-wrapper-in a:hover svg path { stroke: #E1AD00 } .footer-wrapper a[href^="tel:"] { color: #000; text-decoration: none } .footer-wrapper a[href^="tel:"]:before { display: none } .black-version .footer-wrapper-in a[href^="tel:"] { color: #fff } .footer-wrapper .site-page-detail { width: 100% } .footer-wrapper .to-top { position: fixed; bottom: 32px; right: 32px; z-index: 1; display: none; transition: none !important; width: 80px; height: 80px; border: 1px solid #E1AD00; display: flex; align-items: center; justify-content: center; cursor: pointer; } /* .footer-wrapper .to-top a { width: 100%; height: 100%; border: 1px solid #E1AD00; display: flex; align-items: center; justify-content: center; cursor: pointer; background: #fff; } */ .footer-wrapper .to-top a:before { display: none !important } /*.footer-wrapper .to-top:hover { background: #E1AD00 }*/ .footer-wrapper .to-top svg path { stroke: #000 !important } .footer-wrapper .to-top:hover svg path { stroke: #E1AD00 !important } body.black-version .footer-wrapper-in .to-top { background: #000 } body.black-version .footer-wrapper-in .to-top path { stroke: #fff !important } .footer-text.color-gray { font-family: 'Inter' } .footer-text.color-gray a { font-family: 'Inter Medium','Arial' } .footer-text.color-gray a:before { display: none; } .black-version .footer-wrapper-in { color: #fff } .soc-icon-wrapper { } .soc-icon a:before { display: none } .soc-icon a:hover svg path { fill: #E1AD00; stroke: none } .soc-icon.phone:hover svg path { fill: none; stroke: #E1AD00; } .soc-icon.phone:hover svg path + path { fill: #E1AD00; } .soc-icon-wrapper.flex > div { margin-right: 26px } .black-version .soc-icon a svg path { fill: #fff; stroke: none } .black-version .soc-icon.phone svg path { fill: none; stroke: #fff; } .black-version .soc-icon.phone svg path + path { fill: #fff; } .black-version .soc-icon a:hover svg path { fill: #E1AD00; stroke: none } .black-version .soc-icon.phone:hover svg path { fill: none; stroke: #E1AD00; } .black-version .soc-icon.phone:hover svg path + path { fill: #E1AD00; } .logo-list { padding-bottom: 48px; } .logo-list a:before { display: none } .logo-list img { width: 100% } .logo-list a.black { display: none } .black-version .logo-list a { display: none } .black-version .logo-list a.black { display: block; background: none } .content-wrapper { padding: 140px 0 0 0 } .content-wrapper p, .precontent-wrapper p { line-height: 1.45em } .content-text { max-width: 64%; padding-bottom: 50px } .precontent-wrapper { padding: 0 0 120px 0 } .inner-link { margin-bottom: 16px } .inner-link a { text-decoration: none; position: relative } .inner-link a svg { vertical-align: middle; transform: rotate(-90deg); position: relative; top: .1em; margin-left: 5px } .inner-link .arr-forw { position: relative; top: -.1em; margin-left: 5px } .inner-link a:hover svg path { stroke: #E1AD00 } .inner-link a:before { content: ''; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; background: #E1AD00 } .news-article { text-decoration: none; font-family: 'Inter Medium','Arial' } .news-article-image { height: 280px; margin-bottom: 32px; background-repeat: no-repeat; background-position: 50% 100%; background-size: cover; border: 1px solid #000 } .news-article-date { color: #828282; font-family: 'Inter ExtraLight'; margin-bottom: 16px; line-height: 1.6em } .news-article-date span { border: 1px solid #E1AD00; padding: 0 8px; color: #000; border-radius: 20px; margin-right: 4px } .news-article-arr { position: relative; left: -1px; margin: 20px 0 0 0 } .news-article-arr svg { transform: rotate(-90deg); } .news-article:hover .news-article-arr svg path { stroke: #E1AD00 } .gray-border { height: 1px; background: #E0E0E0; margin: 80px 32px } .text-wrapper .content-columns + .gray-border { margin-top: 0 } .gray-border.no-border { margin-bottom: 0 !important; height: 0; } .main-column_twice .row-item { width: 30% } .main-column_twice .row-item:last-child { width: 58% } .main-column_twice .row-item img { border: 1px solid #000 } .wide-additional .row-item { width: 31% } .wide-additional .row-item:last-child { width: 50% } .wide-additional .additional-col-twice > div { width: 50% } .wide-additional .site-page-detail { width: 100% } .anonse-slider { background-size: cover; background-position: 50% 50%; position: relative; height: 764px; margin: 120px 0 0 0; position: relative } /*.anonse-slider:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .2 }*/ .anonse-slider-overimage { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .anonse-slider-overimage > div { height: 100%; width: 100%; position: absolute; top: 0; left: 0; opacity: 0; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; transition-duration: .6s !important } .anonse-slider-overimage > div.active { opacity: 1 } .anonse-slider-overimage:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .2 } .anonse-slider-in { padding: 80px 32px; position: relative; z-index: 1; height: 100%; color: #fff } .anonse-slider-in a { color: #fff } .anonse-slider-left { display: flex; flex-direction: column; justify-content: space-between } .anonse-slider-link { padding-bottom: 4px } .anonse-slider-link a { text-decoration: none; position: relative; padding-bottom: 4px } .anonse-slider-link svg { vertical-align: middle; display: inline-block; margin-left: 9px } .anonse-slider-link a:before { content: ''; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; background: #E1AD00 } .anonse-slider-link .arr-forw { margin-left: 9px } .anonse-slider-link .arr-forw span, .anonse-slider-link .arr-forw:before, .anonse-slider-link .arr-forw:after { background: #fff !important } .anonse-slider-right { width: 45% } .anonse-slider-block { height: 100%; max-width: 85%; overflow: hidden } .anonse-slider-item { display: flex; flex-direction: column; justify-content: space-between; height: 100%; width: 100% } .anonse-slider-item_date { font-family: 'Inter ExtraLight' } .anonse-slider-item_title { border-top: 1px solid #fff; border-bottom: 1px solid #fff; font-size: 48px; padding: 35px 0; min-height: 320px } .anonse-slider-navigation { position: absolute; top: 80px; left: 34%; display: flex } .anonse-slider-navigation div { border: 1px solid #E1AD00; width: 64px; height: 64px; cursor: pointer } .anonse-slider-navigation div:hover { background-color: #E1AD00 } .anonse-slider-prev { background: url(/local/templates/russian/styles/img/navarr.svg) no-repeat 50%; transform: rotate(180deg); margin-right: 20px } .anonse-slider-next { background: url(/local/templates/russian/styles/img/navarr.svg) no-repeat 50%; } .navigation-panel_progress { position: absolute; height: 2px; bottom: 0; left: 0 } .fixed .navigation-panel_progress { background: #E1AD00; } /*TEXT*/ .content-wrapper.text-wrapper { padding-top: 220px; } .path { padding-bottom: 25px } .site-page-title .path { padding-bottom: 16px } .site-page-title-text { font-family: Inter; max-width: 480px; padding-right: 40px } .site-page-title-date { font-family: Inter; padding-bottom: 100px } .museum-title + .site-page-title-text { max-width: 100% } .site-page-title-wide { max-width: 754px } .head + .content-wrapper.text-wrapper { padding-top: 0; margin-top: -100px } .path-link { color: #828282; } .path-link a { color: #000; text-decoration: none } .path-link a:hover { color: #E1AD00 } .path-link svg { vertical-align: middle; margin: 0 9px .2em 0 } .path-link:hover svg path { stroke: #E1AD00 } .path-link .arr-back { margin: 0 9px .2em 0 } .textpage-wrapper { max-width: 912px } .text-wrapper .gray-border { margin: 64px 0 } .text-photoblock { } .text-photoblock-right { flex: none; width: 380px; position: relative; right: -190px; padding-top: .5em } .content .text-photoblock-right a { border-bottom: none } .text-photoblock-right img { width: 100%; vertical-align: top } .text-photoblock-right div { padding: 20px 0 } .text-photoblock-right a:hover svg path { stroke: #E1AD00 } .text-photoblock-right_link { border-top: 2px solid #E1AD00 } .text-photoblock-right img + .text-photoblock-right_link { border-top: 0 } .pagination { overflow: hidden; margin: 10px 0 0 0; position: relative; } .pagination a { display: inline-block; vertical-align: middle; text-decoration: none; border-bottom: 1px solid #E1AD00; margin: 0 15px 0 0; } .pagination a.sel { border: none; color: #E1AD00; } .pagination span { display: inline-block; vertical-align: middle; margin: 0 15px 0 0 } .pagination .next { border: none; position: absolute; right: 0; top: 0 } .pagination .next svg { vertical-align: middle; margin: 0 0 .2em 9px } .pagination .next:hover svg path { stroke: #E1AD00 } .switch-panel { margin: 40px 0 64px 0; border-bottom: 2px solid #E0E0E0; align-items: flex-end; justify-content: space-between } .switch-panel.switch-panel-short { justify-content: flex-start } .switch-panel > div { margin: 0 40px 0 0; } .switch-panel.switch-panel-short > div { min-width: 19% } .switch-panel .switch-block-dom { margin: 0 } .switch-panel > div:last-child { margin: 0 } .switch-panel a { font-family: 'Inter ExtraLight'; color: #828282; padding: 0 0 34px 0; cursor: pointer; position: relative; display: inline-block } .switch-panel a.active { font-family: 'Inter Medium','Arial'; color: #000; cursor: auto } .switch-panel a:after { content: ''; position: absolute; width: 100%; height: 2px; background: transparent; bottom: -2px; left: 0; transition: all .3s ease 0s } .switch-panel a.active:after { background: #E1AD00 } .switch-block-wrapper { padding-bottom: 120px; position: relative } .switch-block-rel { position: relative } .switch-block { transition: none !important; } .switch-block-rel .switch-block { position: absolute; width: 100%; top: 0 } .switch-block.active { position: relative } .switch-panel-select { display: none } .head-illustr { position: relative; top: -50px } .head-illustr img { vertical-align: middle } .head-illustr img { border: 1px solid #000 } .head-illustr .watermark { position: relative; display: inline-block; padding-right: 75px } .head-illustr .watermark:after { content: ''; background: url(/local/templates/russian/styles/img/watermark.svg) no-repeat; width: 207px; height: 207px; position: absolute; bottom: -27px; right: 0 } .head-illustr-descr { padding-top: 32px; max-width: 285px; line-height: 1.5em; font-family: 'Inter Light' } .arr-back { display: inline-block; vertical-align: middle; width: 19px; height: 20px; position: relative } .arr-back span { position: absolute; height: 2px; width: 100%; background: #000; top: 50%; margin-top: -1px; transition: all .3s ease 0s } .arr-back:before { content: ''; width: 60%; height: 2px; background: #000; position: absolute; top: 25%; left: 0; transform: rotate(-44deg); transition: all .3s ease 0s } .arr-back:after { content: ''; width: 60%; height: 2px; background: #000; position: absolute; bottom: 24%; left: 0; transform: rotate(44deg); transition: all .3s ease 0s } a:hover .arr-back span, a:hover .arr-back:before, a:hover .arr-back:after { background: #E1AD00 } .arr-forw { display: inline-block; vertical-align: middle; width: 19px; height: 20px; position: relative } .arr-forw span { position: absolute; height: 2px; width: 100%; background: #000; top: 50%; margin-top: -1px; transition: all .3s ease 0s } .arr-forw:before { content: ''; width: 55%; height: 2px; background: #000; position: absolute; top: 6px; right: -2px; transform: rotate(44deg); transition: all .3s ease 0s } .arr-forw:after { content: ''; width: 55%; height: 2px; background: #000; position: absolute; bottom: 6px; right: -2px; transform: rotate(-44deg); transition: all .3s ease 0s } a:hover .arr-forw span, a:hover .arr-forw:before, a:hover .arr-forw:after { background: #E1AD00 } .content-columns { padding-bottom: 60px } .content-columns-left { width: 38%; padding-right: 30px; font-family: 'Inter Medium','Arial'; overflow: hidden } .content-columns-right { width: 62%; } .content-columns-head { border-bottom: 1px solid #000; padding-bottom: 32px; margin-bottom: 64px } .content-columns-head .content-columns-left { font-family: 'Inter ExtraLight' } .content-columns-left a { display: inline-block } .exhib-slider { overflow: hidden; position: relative; background: #000; max-width: 1050px } .exhib-slider .swiper-slide a { display: block; height: 100% } .exhib-slider .swiper-slide img { vertical-align: middle; max-height: 100%; text-align: center } .exhib-slider .swiper-slide { position: relative; text-align: center } .exhib-slider .swiper-slide:before { content: ''; position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); opacity: 0.4; z-index: 2 } .exhib-slider-settings { position: relative; z-index: 3; margin: 0 0 120px 0; ; max-width: 1050px } .exhib-slider-navigation { position: absolute; top: -95px; left: 32px; display: flex } .exhib-slider-navigation div { border: 1px solid #E1AD00; width: 64px; height: 64px; cursor: pointer; outline:none; } .exhib-slider-navigation div:hover { background-color: #E1AD00 } .exhib-slider-prev { background: url(/local/templates/russian/styles/img/navarr.svg) no-repeat 50%; transform: rotate(180deg); margin-right: 20px; user-select: none; } .exhib-slider-next { background: url(/local/templates/russian/styles/img/navarr.svg) no-repeat 50%; user-select: none; } .exhib-slider-settings .swiper-pagination { width: auto; bottom: 50px; left: auto; right: 32px; color: #fff; } .additional-columns-wrapper { border-top: 1px solid #E0E0E0; padding-top: 64px } .additional-columns { border-top: 1px solid #E0E0E0; padding: 63px 0 23px 0 } .additional-columns.no-border { border: none; padding: 0 0 50px 0; } .additional-columns-wrapper .additional-columns { border-top: none; padding-top: 20px } .additional-columns .additional-col { width: 39%; padding-right: 20px } .additional-columns .additional-col:last-child { width: 22%; padding-right: 0 } .additional-columns .additional-col-wide { width: 61% } .additional-columns .col-2 { width: 50% } .additional-columns .col-3 { width: 33% } .additional-columns .col-4 { width: 17% } .additional-columns .additional-col-wide .additional-col { width: 60% } .additional-columns .additional-col-wide .additional-col:last-child { width: 40% } .additional-col .site-page-detail { width: 100% } .additional-col-subtitle { padding-bottom: 24px } .additional-person { margin-bottom: 24px } .additional-person-image { flex: none; width: 80px; height: 80px; border-radius: 50%; margin-right: 24px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-image: url(/local/templates/russian/styles/img/no-photo-woman.png) } .additional-person-info span { color: #828282 } .additional-addres { margin-bottom: 24px; cursor: pointer } .additional-addres-image { flex: none; width: 64px; height: 64px; border: 1px solid #E1AD00; border-radius: 50%; margin-right: 24px; background-repeat: no-repeat; background-position: 50% 50%; background-image: url(/local/templates/russian/styles/img/icons/icon-addres.svg) } .additional-columns a[href^="tel:"] { color: #000; text-decoration: none } .additional-columns a[href^="mailto:"] { color: #000; } .additional-col-twice { padding-bottom: 64px } .additional-col-twice > div { width: 43% } .documents-list { padding-bottom: 24px } .documents-list-one { height: 54px; border: 1px solid #E0E0E0; margin-bottom: 8px } .documents-list-one a { display: block; text-decoration: none; height: 100%; width: 100%; position: relative; display: flex; align-items: center; justify-content: space-between; padding: 5px 16px; box-sizing: border-box } .documents-list-one .file-in-text { margin-left: 0 } .documents-list-one .file-in-text:before { display: none } .additional-logo-block { padding-bottom: 32px } .additional-logo-title { width: 166px; margin-right: 32px; flex: none } .additional-logo-image { text-align: center; margin: 0 0 32px 0 } .additional-logo-image img { vertical-align: middle; max-width: 100%; margin-left: 10px } .additional-logo-dummy { width: 120px } .additional-logo-block > .flex { flex-wrap: wrap; width: 100%; } .page-back-link { border-top: 1px solid #E0E0E0; padding: 64px 0 } .page-back-link a { text-decoration: none; position: relative } .page-back-link .arr-back { margin: 0 9px .2em 0 } .page-back-link a:after { content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 1px; background: #E1AD00; } .events-block { padding: 60px 0 } .events-block + .gray-border { margin-top: -20px } .buy-slider-wrapper { height: 786px; background-size: cover; background-position: 50% 50%; position: relative } .buy-slider-wrapper:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)) } .buy-slider-in { max-width: 1620px; margin: 0 auto; color: #fff; position: relative; z-index: 1; padding: 160px 32px 0 32px } .buy-slider-left { width: 35%; padding-right: 50px; display: flex; flex-direction: column; justify-content: space-between } .buy-slider-right { overflow: hidden; width: 46%; background: #fff; color: #000 } .buy-slider-menu_shop a { color: #fff; text-decoration: none; position: relative; padding-bottom: 1px } .buy-slider-menu_shop a:hover { color: #E1AD00 } .buy-slider-menu_shop a:after { content: ''; position: absolute; width: 100%; height: 1px; background: #E1AD00; bottom: 0; left: 0 } .buy-slider-menu_shop a:hover svg path { stroke: #E1AD00 } .buy-slider-title { padding-bottom: 32px } .buy-slider-menu_shop {} .buy-slider-menu_shop svg { vertical-align: middle } .buy-slider-item { padding: 80px 48px } .buy-slider-item_image { width: 308px; } .buy-slider-item_text { width: 45%; text-align: center; display: flex; flex-direction: column; justify-content: space-between } .buy-slider-item_tags { margin: 0 0 9px 0 } .buy-slider-item_tags span { display: inline-block; margin: 0 10px; border: 1px solid #E0E0E0; padding: 0 8px; border-radius: 12px } .buy-slider-item_titile { margin: 0 0 10px 0 } .buy-slider-item_price { margin: 0 0 32px 0 } .buy-slider-item_oldprice { text-decoration: line-through; color: #828282; margin: 4px 0 0 0 } .buy-slider-item_number { margin-bottom: 32px; color: #828282 } .buy-slider-settings { display: flex; padding-top: 65px } .buy-slider-settings div { border: 1px solid #E1AD00; width: 64px; height: 64px; cursor: pointer } .buy-slider-settings div:hover { background-color: #E1AD00 } .buy-slider-prev { background: url(/local/templates/russian/styles/img/navarr.svg) no-repeat 50%; transform: rotate(180deg); margin-right: 20px } .buy-slider-next { background: url(/local/templates/russian/styles/img/navarr.svg) no-repeat 50%; } .additional-col-inner { padding-bottom: 60px } .button a { height: 84px; border: 1px solid #000; display: flex; align-items: center; justify-content: center; cursor: pointer; padding: 0 12px } .button a:before { content: ''; display: block; margin-right: 13px } .button a:hover { color: #000 } .button.person-button a:before { width: 29px; height: 29px; background: url(/local/templates/russian/styles/img/icons/icon-person.svg) no-repeat 0 0; } .content-popup-close { cursor: pointer; position: absolute; width: 16px; height: 16px; right: 35px; top: 45px; z-index: 11 } .content-popup-close:before { content: ''; width: 2px; height: 100%; background: #000; position: absolute; top: 0; left: 50%; transform: rotate(-45deg); transition: all .3s ease 0s } .content-popup-close:after { content: ''; width: 2px; height: 100%; background: #000; position: absolute; top: 0; left: 50%; transform: rotate(45deg); transition: all .3s ease 0s } .content-popup-close:hover:before, .content-popup-close:hover:after { background: #E1AD00 } .content-popup { position: fixed; z-index: 30; background: #fff; top: 0; left: 0; width: 100%; height: 100%; max-height: 100%; overflow: auto; opacity: 0; visibility: hidden; transition-duration: .5s !important; pointer-events: none; } .content-popup.blur { background: rgba(232, 232, 232, 0.9); } .content-popup .over-image { position: relative; margin: 0 40px } .over-image .content-popup-close { width: 64px; height: 64px; border-radius: 50%; border: 1px solid #E1AD00; right: -32px; top: -32px; background: #fff; z-index: 21 } .over-image .content-popup-close:before { height: 18px; left: 50%; top: 50%; margin-top: -9px } .over-image .content-popup-close:after { height: 18px; left: 50%; top: 50%; margin-top: -9px } .over-image-swiper { overflow: hidden; width: 1000px } .over-image-swiper img { width: 100% } .over-image_nav { position: absolute; height: 100%; width: 100%; top: 0; left: 0; } .over-image_next, .over-image_prev { border: 1px solid #E1AD00; width: 64px; height: 64px; cursor: pointer; position: absolute; top: 50%; margin-top: -32px; cursor: pointer; z-index: 20 } .over-image_nav div:hover { background-color: #E1AD00 } .over-image_prev { background: #fff url(/local/templates/russian/styles/img/icons/slider_arr.svg) no-repeat 50% 50%; transform: rotate(180deg); left: -20px } .over-image_next { background: #fff url(/local/templates/russian/styles/img/icons/slider_arr.svg) no-repeat 50% 50%; right: -20px } .swiper-button-disabled { opacity: .3 !important; cursor: default !important } .swiper-button-disabled:hover { background-color: #fff !important } .anonse-slider .swiper-button-disabled:hover, .exhib-slider-settings .swiper-button-disabled:hover { background-color: transparent !important } .ticket-block { background: #fff; border: 1px solid #000; padding: 20px; width: 680px; max-width: 100%; margin: 0 16px; display: flex; align-items: center; justify-content: center; position: relative; height: 400px; max-height: 90%; text-align: center } .ticket-block .content-popup-close { width: 64px; height: 64px; border-radius: 50%; border: 1px solid #E1AD00; right: -32px; top: -32px; background: #fff; z-index: 21 } .ticket-block .content-popup-close:before { height: 18px; left: 50%; top: 50%; margin-top: -9px } .ticket-block .content-popup-close:after { height: 18px; left: 50%; top: 50%; margin-top: -9px } .ticket-block .site-page-detail { margin-bottom: 50px } .ticket-block .site-page-detail:last-child { margin-bottom: 0px } .arr-link { position: relative; text-decoration: none } .arr-link:before { content: ''; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; background: #E1AD00 } .arr-link svg { display: inline-block; vertical-align: middle } .arr-link:hover svg path { stroke: #E1AD00 } .content-popup.active { top: 0; opacity: 1; visibility: visible; pointer-events: all; } .form-popup-in { padding: 120px 0 100px 0; max-width: 912px; margin: 0 auto; } .form-popup-title { text-align: center; padding-bottom: 64px; font-family: 'Inter Medium','Arial' } .form-field-title { margin-bottom: 32px } .form-field { margin-bottom: 32px; position: relative } .form-field select { width: 100%; height: 76px; -moz-appearance: none; -webkit-appearance: none; box-sizing: border-box; border: 1px solid #E0E0E0; background: none; padding: 0 12px; position: relative; z-index: 1; transition: all .3s ease 0s } .form-field select::-ms-expand { display: none; } .form-field label { position: absolute; top: 50%; margin-top: -.6em; left: 16px; color: #828282; transition: all .3s ease 0s } .form-field.textarea label { top: 16px; margin-top: 0; } .form-field input[type='text'] { width: 100%; height: 76px; border: 1px solid #E0E0E0; padding: 0 16px; position: relative; background: none; z-index: 1; transition: all .3s ease 0s } .form-field input[type='password'] { width: 100%; height: 76px; border: 1px solid #E0E0E0; padding: 0 16px; position: relative; background: none; z-index: 1; transition: all .3s ease 0s } .form-field textarea { width: 100%; max-width: 100%; height: 120px; border: 1px solid #E0E0E0; padding: 0 16px; position: relative; background: none; z-index: 1; padding: 16px } .form-field.active input[type='text'] { padding-top: .6em } .form-field .select-input:after { content: ''; width: 28px; height: 28px; position: absolute; margin-top: -14px; top: 50%; right: 16px; background: url(/local/templates/russian/styles/img/select-drop.svg) no-repeat 0 0; } .form-field-cols { } .form-field-cols .form-field { width: 48.5% } .form-field-tripple .form-field { width: 32.5% } .checkbox-input { position: relative; padding-bottom: 15px } .checkbox-input input { position: absolute; left: -99999px; } .checkbox-input label { display: block; line-height: 1.4em } .checkbox-input label:before { content: ''; width: 24px; height: 24px; border: 1px solid #E0E0E0; position: absolute; top: 0; left: 0; margin-top: -.1em } .checkbox-input label:after { content: ''; width: 16px; height: 16px; background: #E1AD00; position: absolute; top: 5px; left: 5px; margin-top: -.1em; opacity: 0; transition: all .3s ease 0s } .form-field .checkbox-input label { position: relative; left: 0; margin: 0; top: 0; color: #000; cursor: pointer; padding-left: 40px; } .form-field.active .checkbox-input label { top: 0; font-size: inherit } .form-field .checkbox-input input:checked + label:after { opacity: 1 } .radio-input { position: relative; padding-bottom: 15px } .radio-input input { position: absolute; left: -99999px; } .radio-input label { display: block; line-height: 1.4em } .radio-input label:before { content: ''; width: 24px; height: 24px; border: 1px solid #E0E0E0; position: absolute; top: 0; left: 0; margin-top: -.1em; border-radius: 50% } .radio-input label:after { content: ''; width: 20px; height: 20px; background: #E0E0E0; position: absolute; top: 3px; left: 3px; margin-top: -.1em; transition: all .3s ease 0s; border-radius: 50% } .form-field .radio-input label { position: relative; left: 0; margin: 0; top: 0; color: #000; cursor: pointer; padding-left: 40px; } .form-field.active .radio-input label { top: 0; font-size: inherit } .form-field .radio-input input:checked + label:after { background: #E1AD00 } .file-input { height: 76px; position: relative } .file-input:after { content: ''; position: absolute; width: 28px; height: 28px; background: url(/local/templates/russian/styles/img/icons/icon-file.svg) no-repeat 0 0; right: 16px; top: 50%; margin-top: -14px } .file-input input { position: absolute; left: -99999px } .form-field .file-input label { height: 100%; width: 100%; top: 0; left: 0; margin: 0; display: flex; align-items: center; padding: 0 60px 0 16px; z-index: 1; cursor: pointer; box-sizing: border-box; border: 1px solid #E0E0E0; } .form-field.active .file-input label { top: 0; font-size: inherit; color: #000 } .form-field .file-input label.error { border: none } .form-field .file-input label.error + label { border-color: red } .form-footer { padding-top: 20px } .form-footer > div { width: 48.5% } .form-footer input[type="submit"] { width: 100%; height: 84px; border: 1px solid #E1AD00; background: #fff; cursor: pointer; transition: all .3s ease 0s } .form-footer input[type="submit"]:hover { background: #E1AD00 } .form-field.active label { font-size: 12px; top: 1.7em } .form-field.textarea.active label { top: -18px } .form-field.active select { padding-top: .6em } .form-block .captha img { height: 76px; margin-left: 20px; max-width: 180px } .form-field label.error { color: red; top: -14px !important; left: 0; font-size: 14px; padding: 0; height: auto; width: auto; display: inline; margin-top: -.6em } .form-field.active input[type="file"] ~ label.error { display: none } .form-text-block { text-align: center; } .form-text-block p { line-height: 1.4em; padding-bottom: 2.5em } .form-field input.error, .form-field select.error { border-color: red } .form-brd { height: 1px; background: #000; margin-bottom: 20px } .gallery-wrapper { margin-bottom: 80px } .gallery-wrapper.to-right { flex-direction: row-reverse; } .gallery-image { flex: none; position: relative; max-width: 332px } .gallery-image img { vertical-align: middle; } .gallery-image.logo-image img { max-width: 150px } .gallery-open-block { position: relative; cursor: pointer; margin-right: 50px } .to-right .gallery-open-block { margin-left: 50px; margin-right: 0 } .gallery-image .plus { position: absolute; width: 64px; height: 64px; background: #E1AD00; bottom: -16px; right: -16px } .gallery-image .plus:after { content: ''; width: 18px; height: 2px; background: #000; position: absolute; top: 50%; left: 50%; margin-left: -8px } .gallery-image .plus:before { content: ''; height: 18px; width: 2px; background: #000; position: absolute; top: 50%; left: 50%; margin-top: -8px } .gallery-text { width: 62% } .gallery-wrapper.to-right h2, .gallery-wrapper.to-right h3, .gallery-wrapper.to-right h4 { text-align: right } .content .inner-link a { padding-bottom: 2px; border: none; color: #000 !important; } .content .inner-link a:hover { color: #E1AD00 !important } .content .inner-link a .arr-forw { top: 0 } .tripple-col { width: 282px; font-family: 'Inter Medium','Arial' } .video-block { height: 680px; margin-bottom: 120px; background-position: 50% 50%; background-size: cover; position: relative } .video-block:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: .2 } .video-block .video-block_link { display: block; height: 100%; top: 0; left: 0; position: relative; z-index: 2 } .video-block .play { position: absolute; width: 122px; height: 122px; margin-top: -61px; margin-left: -61px; background: url(/local/templates/russian/styles/img/icons/icon-play.svg) no-repeat 0 0; top: 50%; left: 50%; z-index: 1; } .video-wrapper { position: relative } .video-wrapper video { width: 100% } .video-wrapper-over { position: absolute; width: 100%; height: 100%; z-index: 1; background-size: cover; transition: none !important } .video-wrapper-over:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: .2 } .video-wrapper-over .play { position: absolute; width: 122px; height: 122px; margin-top: -61px; margin-left: -61px; background: url(/local/templates/russian/styles/img/icons/icon-play.svg) no-repeat 0 0; top: 50%; left: 50%; z-index: 1; cursor: pointer } .content-popup-in { display: flex; align-items: center; justify-content: center; height: 100% } .content-popup-gallery { overflow: hidden; padding: 0 10% 0 10% } .content-popup-gallery .swiper-slide { width: auto !important; } .content-gallery-image_title { padding-top: 32px; max-width: 100%; width: 450px; margin: 0 auto } .content-gallery-image { text-align: center } .content-gallery-image img { max-height: 80vh; } .main-column_auto { width: 66%; max-width: 66%; flex: none; } .main-column_auto .column-item { width: 66%; padding-right: 40px } .main-column_auto .column-item:last-child { width: 31.5%; padding-right: 0 } .main-column_wide .fixed-row .row-item { width: 282px; margin-right: 32px; flex: none } .main-column_wide .fixed-row .row-item:last-child { margin-right: 0 } .fixed-row .row-item .news-article-image { height: 360px } .main-column_wide.mini {} .main-column_wide.mini > .row-item:first-child { width: 36% } .main-column_wide.mini > .row-item:last-child { flex: none; margin-left: 32px } .scroll-block { padding-bottom: 40px; font-size: 0; white-space: nowrap; transition: none !important; overflow: hidden } .scroll-block img { margin-right: 16px } .scroll-block .mCSB_container, .scroll-block .mCSB_dragger { transition: none !important } .scroll-block .mCSB_scrollTools { opacity: 1 !important; filter: "alpha(opacity=1)" !important; -ms-filter: "alpha(opacity=1) !important"; } .scroll-block .mCSB_scrollTools.mCSB_scrollTools_horizontal { height: 17px; } .scroll-block .mCSB_scrollTools .mCSB_draggerRail { background: #E0E0E0; border-radius: 12px; height: 2px; opacity: 1 !important; } .scroll-block .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #404040; border-radius: 10px; height: 1px; opacity: 1; filter: "alpha(opacity=1)"; -ms-filter: "alpha(opacity=1)"; top: 1px; } .title-h1 { padding-bottom: 45px } .overflow-block { overflow: hidden } .overflow-block_left { overflow: hidden } .overflow-block_right { float: right; margin-left: 64px } .overflow-block .form-popup-in { padding: 64px; max-width: 100%; margin: 0; border: 1px solid #E1AD00; width: 680px } .overflow-block .form-popup-title { text-align: left; padding-bottom: 50px } .overflow-block .form-footer + .documents-list { padding-top: 32px } .overflow-block .additional-columns .additional-col { width: 50% } .form-comment-popup { position: absolute; width: 208px; padding: 16px; background: #000; color: #fff; bottom: 130%; right: 0; z-index: 1; margin: 0 0 22px 0; opacity: 0; visibility: hidden } .form-comment-arr { position: absolute; top: 100%; right: 0; width: 10px; height: 10px; overflow: hidden } .form-comment-arr:after { content: ''; border: 10px solid transparent; border-top-color: #000; position: absolute; top: 0; right: -10px } .form-comment { width: 24px; height: 24px; background: #E1AD00; text-align: center; font-size: 14px; border-radius: 50%; font-weight: bold; padding-top: 4px; position: absolute; top: -8px; right: -8px; z-index: 2; cursor: pointer } .form-comment:hover + .form-comment-popup { opacity: 1; visibility: visible; bottom: 100% } .catalog-left-menu { margin-top: 60vh } .catalog-left-menu > div { padding-bottom: 8px } .catalog-left-menu a { text-decoration: none } .catalog-head { border-bottom: 1px solid #000; padding: 0 0 20px 0; margin-bottom: 64px } .catalog-head_sort_name { color: #828282; margin-right: 8px } .catalog-head_sort_select-title { cursor: pointer; position: relative; white-space: nowrap } .catalog-head_sort_select-title:after { content: ''; border: 4px solid transparent; border-top-color: #000; display: inline-block; vertical-align: middle; position: relative; top: 1px; left: 8px; transition: all .3s ease 0s } .catalog-head_sort { margin-right: auto } .catalog-head_sort_select { padding-right: 32px; position: relative; z-index: 1 } .catalog-head_sort_select.active { z-index: 2 } .catalog-head_sort_select-list { position: relative } .catalog-head_sort_select-abs { position: absolute; width: 255px; top: 55px; left: 0; border: 1px solid #000; padding: 23px; background: #fff; max-height: 320px; opacity: 0; visibility: hidden } .active .catalog-head_sort_select-abs { opacity: 1; visibility: visible; top: 25px; } .catalog-head_sort_select-abs:before { content: ''; position: absolute; top: -13px; left: 20px; width: 32px; height: 13px; background: url(/local/templates/russian/styles/img/sellarr.png) no-repeat 0 0 } .catalog-head_sort_select--to-left .catalog-head_sort_select-abs {left: auto; right: -12px;} .catalog-head_sort_select--to-left .catalog-head_sort_select-abs:before {left: auto; right: 20px;} .sort-select_item { padding: 0 0 14px 0; cursor: pointer; position: relative } .sort-select_item:last-child { padding: 0 } .active .catalog-head_sort_select-title:after { transform: rotate(-180deg); top: -3px } .catalog-head_sort_select-abs .mCSB_container, .catalog-head_sort_select-abs .mCSB_dragger { transition: none !important } .catalog-head_sort_select-abs .mCSB_scrollTools { opacity: 1 !important; filter: "alpha(opacity=1)" !important; -ms-filter: "alpha(opacity=1) !important"; width: 8px } .catalog-head_sort_select-abs .mCSB_scrollTools .mCSB_draggerRail { background: #fff; border-radius: 12px; height: 2px; opacity: 1 !important; } .catalog-head_sort_select-abs .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #404040; border-radius: 10px; height: 1px; opacity: 1; filter: "alpha(opacity=1)"; -ms-filter: "alpha(opacity=1)"; top: 1px; } .catalog-head_sort_select-abs .mCSB_dragger { background: #000; border-radius: 4px } .catalog-head_sort_select-abs .mCSB_scrollTools .mCSB_draggerContainer { border: 1px solid #E0E0E0; border-radius: 4px } .catalog-main-list { flex-wrap: wrap; padding-bottom: 64px } .catalog-main-item { background: #fff; box-shadow: 0 0 1px #aaa; width: 25%; position: relative } .catalog-main-item > div { position: relative; padding: 48px 48px 80px 48px; height: 100% } .catalog-main-item:before { content: ''; position: absolute; width: 100%; height: 100%; border: 2px solid transparent; top: 0; left: 0; box-sizing: border-box; transition: all .3s ease 0s } .catalog-main-item:hover { box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.16); } .catalog-main-item:hover:before { border-color: #E1AD00 } .catalog-main-item_image { margin: 0 0 24px 0; position: relative; min-height: 120px } .catalog-main-item_image img { } .catalog-main-item_cat { padding-bottom: 16px } .catalog-main-item_cat a { color: #E1AD00 } .catalog-main-item_name { font-family: 'Inter Medium','Arial'; padding-bottom: 16px } .catalog-main-item_name a { text-decoration: none } .catalog-main-item_price { position: absolute; width: 100%; bottom: 104px; left: 0; padding: 0 48px} .catalog-main-item_old-price { margin-left: 8px; color: #828282; text-decoration: line-through } .catalog-main-item_tags { position: absolute; top: 0; left: 0; } .catalog-main-item_tags > div { border: 1px solid #000; margin-bottom: 8px; overflow: hidden; width: 38px; background: #fff; position: relative; color: #fff } .catalog-main-item_tags > div span { position: absolute; top: 9px; left: 32px; font-size: 16px; } .catalog-main-item_tags .icon { width: 38px; height: 38px; background-color: #fff; background-position: 50% 50%; background-repeat: no-repeat; } .catalog-main-item_tags .premium .icon { background-image: url(/local/templates/russian/styles/img/icons/nice-icon.svg); } .catalog-main-item_tags .discount .icon { background-image: url(/local/templates/russian/styles/img/icons/discount-icon.svg); } .catalog-main-item_tags > .discount:hover { width: 78px; color: #000 } .catalog-main-item_tags > .discount.no-percent:hover { width: 38px; color: #fff } .catalog-main-item_tags .brand .icon { background-image: url(/local/templates/russian/styles/img/icons/brand-icon.svg); } .catalog-main-item_gift { width: 60px; height: 60px; background: url(/local/templates/russian/styles/img/icons/gift-icon.svg) no-repeat 0 0 / contain; position: absolute; top: 0; right: 0 } .form-field-checkbox { position: relative; display: block; margin-bottom: 16px; line-height: 1.5em; padding: 0 0 0 35px } .sort-select_item input[type="checkbox"], .sort-select_item input[type="radio"], .form-field-checkbox input[type="checkbox"], .form-field-checkbox input[type="radio"] { position: absolute; left: -99999px; } .sort-select_item label { display: block; line-height: 1.5em; padding: 0 0 0 35px } .sort-select_item label:before { content: ''; width: 22px; height: 22px; border: 1px solid #E0E0E0; position: absolute; top: 0; left: 0; } .sort-select_item label:after { content: ''; width: 16px; height: 16px; background: #E1AD00; position: absolute; top: 4px; left: 4px; transition: all .3s ease 0s; background: #E0E0E0 } .sort-select_item input[type="radio"] + label:before, .sort-select_item input[type="radio"] + label:after { border-radius: 50%; } .sort-select_item input:checked + label:after { background: #E1AD00 } .form-field-checkbox i { width: 22px; height: 22px; border: 1px solid #E0E0E0; position: absolute; top: 0; left: 0; } .form-field-checkbox i:before { content: ''; width: 16px; height: 16px; background: #E1AD00; position: absolute; top: 3px; left: 3px; transition: all .3s ease 0s; background: #E0E0E0 } .form-field-checkbox input:checked ~ i::before { background: #E1AD00 } .form-field-checkbox input[type="radio"] ~ i, .form-field-checkbox input[type="radio"] ~ i::before { border-radius: 50%; } .show-more { border: 1px solid #E1AD00; display: flex; height: 84px; align-items: center; justify-content: center; cursor: pointer; margin-bottom: 64px } .show-more span { font-size: 0; margin-right: 13px; width: 16px; height: 16px; position: relative; } .show-more span:before { content: ''; width: 100%; height: 2px; background: #000; position: absolute; top: 50%; left: 0; margin-top: -1px } .show-more span:after { content: ''; width: 2px; height: 100%; background: #000; position: absolute; left: 50%; top: 0; margin-left: -1px } .show-more:hover { background: #E1AD00 } .pagination-option { display: flex; justify-content: space-between } .pagination-option .pagination { padding-right: 110px } .pagination-option .pagination-text { margin-top: 10px; color: #828282 } .footer-menu_item { padding-bottom: 22px } .pay-systems { padding-top: 22px } .pay-systems-title { color: #828282; font-family: 'Inter Medium','Arial' } .pay-systems-list { font-size: 0; padding-top: 12px } .pay-systems-list img { margin-right: 6px; vertical-align: middle } .catalog-one { overflow: hidden; padding: 0 40px 80px 0; } .catalog-one-image_col { width: 550px; position: relative; float: left; padding-right: 32px; } .catalog-one-image_col .catalog-main-item_tags { z-index: 10 } .catalog-one-image { position: relative } .catalog-one-image_slider { overflow: hidden } .catalog-one-image_slider .swiper-slide { text-align: center; cursor: pointer } .catalog-one-image_thumbnails { overflow: hidden; margin: 24px 40px 0 40px } .catalog-one-image_thumbnails .swiper-slide { width: 80px !important; cursor: pointer; border: 1px solid transparent; display: flex; align-items: center; justify-content: center } .catalog-one-image_thumbnails .swiper-slide img { max-width: 100%; max-height: 100%; vertical-align: middle } .catalog-one-image_thumbnails .swiper-wrapper { justify-content: center } .catalog-one-image_thumbnails .swiper-slide-thumb-active { border-color: #000 } .catalog-one-info_col { overflow: hidden } .catalog-one-info_col h1 { line-height: 1.5em; padding-bottom: .7em } .catalog-one_price { align-items: flex-end; font-family: 'Inter Medium','Arial', 'Arial'; padding-bottom: 28px } .catalog-main-item_old-price { margin-left: 8px; color: #828282; text-decoration: line-through; font-family: 'Inter' } .catalog-one_text { max-width: 755px } .gray-text { color: #828282 } .catalog-gift-text { position: relative; padding: 0 0 24px 38px } .catalog-gift-text:after { content: ''; width: 28px; height: 28px; background: url(/local/templates/russian/styles/img/gift.svg) no-repeat 0 0; position: absolute; top: -.15em; left: 0 } .ticket-order-flex { padding-bottom: 15px; align-items: center } .catalog-one .ticket-order-flex .site-page-detail { width: 263px } .catalog-one_footer-block { padding: 60px 0 0 0 } .catalog-one_footer-title { padding-bottom: 60px } .catalog-one_footer-left { width: 50%; padding-right: 120px; display: flex; align-items: center; font-family: 'Inter Medium','Arial' } .catalog-one_footer-slider { overflow: hidden } .catalog-one_footer-slider-item { height: 506px; background-position: 50% 50%; background-size: cover; padding: 48px; display: flex; align-items: flex-end } .catalog-one_footer-right { width: 50%; } .catalog-one_footer-left a { position: relative; text-decoration: none; padding-bottom: 2px } .catalog-one_footer-left a svg { display: inline-block; vertical-align: middle; } .catalog-one_footer-left a:before { content: ''; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; background: #E1AD00; } .catalog-one_footer-left a:hover svg path { stroke: #E1AD00 } .catalog-one_footer-slider-info { background: #fff; width: 385px; padding: 48px } .catalog-one_footer-slider-tag { border: 1px solid #E0E0E0; padding: 2px 8px; border-radius: 20px; margin-bottom: 16px; display: inline-block } .catalog-one_footer-slider-title { font-family: 'Inter Medium','Arial'; line-height: 34px } .catalog-one_footer-slider-title a { text-decoration: none } .catalog-one_footer-slider-title a:hover svg path { stroke: #E1AD00 } .catalog-one_nav-wrapper { position: relative } .catalog-one_nav { position: absolute; top: -20px; right: 0 } .catalog-one_nav .swiper-pagination-bullet { border: 1px solid #828282; width: 8px; height: 8px; background: none; margin-right: 8px; opacity: 1 } .catalog-one_nav .swiper-pagination-bullet-active { border-color: #E1AD00; background: #E1AD00 } .catalog-one-popup_gallery { margin-left: 16vw; height: 100%; position: relative; padding: 0 100px } .catalog-one-popup_slider { overflow: hidden; height: 100%; } .catalog-one-popup_slider img { max-height: 90%; max-width: 80% } .catalog-one-popup_slider .swiper-slide { display: flex; align-items: center; justify-content: center } .catalog-one-popup_slider .swiper-slide div { text-align: center } .catalog-one-popup_nav { position: absolute; height: 100%; width: 100%; top: 0; left: 0; } .catalog-one-popup_next, .catalog-one-popup_prev { border: 1px solid #E1AD00; width: 64px; height: 64px; cursor: pointer; position: absolute; top: 50%; margin-top: -32px; cursor: pointer } .catalog-one-popup_nav div:hover { background-color: #E1AD00 } .catalog-one-popup_prev { background: url(/local/templates/russian/styles/img/icons/slider_arr.svg) no-repeat 50% 50%; transform: rotate(180deg); left: 0 } .catalog-one-popup_next { background: url(/local/templates/russian/styles/img/icons/slider_arr.svg) no-repeat 50% 50%; right: 32px } .catalog-one-popup_thumb { position: absolute; height: 100%; top: 0; left: 32px; } .catalog-one-popup_thumb-slider { overflow: hidden; height: 100% } .catalog-one-popup_thumb-slider .swiper-slide { width: 80px !important; height: 80px !important; cursor: pointer; border: 1px solid transparent; display: flex; align-items: center; justify-content: center } .catalog-one-popup_thumb-slider .swiper-slide img { max-width: 100%; max-height: 100%; vertical-align: middle } .catalog-one-popup_thumb-slider .swiper-wrapper { justify-content: center } .catalog-one-popup_thumb-slider .swiper-slide-thumb-active { border-color: #000 } .logo-partners-block { padding-top: 40px } .logo-partners-list { padding: 20px 0 64px 0; align-items: stretch; flex-wrap: wrap } .logo-partners-close { position: absolute; } .logo-partners-list > div { position: relative; cursor: pointer; display: flex; align-items: center; margin-bottom: 20px; max-width: 23%; cursor: url(/local/templates/russian/styles/img/cursor.svg) 4 4, pointer} .logo-partners-list > div img { vertical-align: middle } /*.logo-partners-list .arrow { position: absolute; width: 29px; height: 29px; background: url(/local/templates/russian/styles/img/orange-array.svg) no-repeat 50% 50%; bottom: -78px; left: 50%; margin-left: -16px; z-index: 1; opacity: 0 }*/ .logo-partners-list .active .arrow { opacity: 1 } .logo-partners-list { max-width: 1200px } .logo-partners-list.apart { align-items: center; flex-wrap: wrap } .logo-partners-list.apart img { margin-bottom: 25px } .logo-partners-list.apart > div { cursor: default } .logo-partners-arr { position: absolute; width: 29px; height: 29px; background: url(/local/templates/russian/styles/img/orange-array.svg) no-repeat 50% 100%; top: -15px; left: 60px; margin-left: -16px } .logo-partners-info { border: 1px solid #E1AD00; padding: 48px; position: relative; transition: none !important; position: relative; } .logo-partners-item { align-items: center; display: none; transition: none !important } .logo-partners-item.active { display: block } .logo-partners-item_left { width: 390px; margin-right: 32px; flex: none; font-family: 'Inter Medium','Arial' } .logo-partners-item_right { width: 100%; line-height: 1.45em } .logo-partners-close { cursor: pointer; position: absolute; width: 16px; height: 16px; top: 24px; right: 24px } .logo-partners-close:before { content: ''; width: 2px; height: 100%; background: #000; position: absolute; top: 0; left: 50%; transform: rotate(-45deg); transition: all .3s ease 0s } .logo-partners-close:after { content: ''; width: 2px; height: 100%; background: #000; position: absolute; top: 0; left: 50%; transform: rotate(45deg); transition: all .3s ease 0s } .logo-partners-close:hover:before, .logo-partners-close:hover:after { background: #E1AD00 } .news-standart-item { border-bottom: 1px solid #E0E0E0; padding-bottom: 75px; margin-bottom: 64px } .news-standart-item:last-child { padding-bottom: 0; border-bottom: none } .news-standart-image { width: 386px; flex: none; margin-right: 85px } .news-standart-image img { vertical-align: middle } .news-standart-info { width: 100%; } .news-standart-date { color: #828282; font-family: 'Inter ExtraLight'; margin-bottom: 16px } .news-standart-title { padding-bottom: 16px; font-family: 'Inter Medium','Arial' } .news-standart-text { padding-bottom: 32px } .news-standart-title a { text-decoration: none } .news-standart-link a { text-decoration: none; position: relative; padding-bottom: 2px } .news-standart-link a:before { content: ''; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; background: #E1AD00 } .news-standart-link a svg { display: inline-block; vertical-align: middle } .news-standart-link a:hover svg path { stroke: #E1AD00 } .abs-image { position: relative } .abs-image img { position: absolute; top: 0; right: 50px; max-width: 544px; border: 1px solid #000 } .vert-flex { display: flex; justify-content: space-between; flex-direction: column; height: 100% } .order-form-head { border-bottom: 1px solid #000; margin-bottom: 48px } .order-form-head .form-field { margin-bottom: 16px } .form-switch-wrapper { padding-bottom: 35px } .form-switch-block { display: none; transition: none !important } .form-switch-block.active { display: block } .order-check { width: 440px; flex: none } .order-form-wrapper .form-block { width: 100%; margin-right: 190px } .order-check-block { position: relative; padding: 0 0 16px 0; margin-bottom: 24px; border-bottom: 1px solid #E0E0E0 } .order-check-block.brd { border-bottom: 1px solid #000 } .order-check-block.brd-top { border-bottom: 1px solid #000; border-top: 1px solid #000; padding-top: 24px; margin-top: -25px } .order-check-title { padding-bottom: 8px } .order-check-block .tobasket { position: absolute; right: 0; bottom: 26px; } .order-check-block .tobasket a { position: relative; text-decoration: none; padding-bottom: 2px } .order-check-block .tobasket a:before { content: ''; position: absolute; bottom: 0; width: 100%; height: 1px; background: #E1AD00 } .order-check-block .tobasket svg { vertical-align: middle; margin: 0 9px .2em 0 } .order-check-block .tobasket:hover svg path { stroke: #E1AD00 } .order-check-block .tobasket .arr-back { margin: 0 9px .2em 0 } .order-check-block p { padding-bottom: 8px; } .order-check-block .remove { position: absolute; bottom: 26px; right: 0 } .order-check-block .remove a { color: #828282 } .order-check-block .remove a:hover { color: red } .old-price { font-size: 14px; color: #828282; text-decoration: line-through; padding-left: 6px } .order-check-flex { display: flex; justify-content: space-between; padding-bottom: 8px } .order-check-result { display: flex; justify-content: space-between } .order-check-result .price { font-size: 48px; font-family: 'Inter Medium','Arial' } .personal-list { flex-wrap: wrap; padding-bottom: 30px } .personal-list-item { width: 32%; margin-bottom: 64px; max-width: 100%; display: flex } .personal-list-doomy { width: 32%; } .personal-list-image { margin-bottom: 24px; width: 120px; flex: none; margin-right: 20px } .personal-list-image img { vertical-align: middle; border: 1px solid #000; border-radius: 50%; width: 100%; background: #000; line-height: 0;} .personal-list-image.nophoto { border-radius: 50% } .personal-list-image.nophoto img { border: none; background: none; } .personal-list-image a { display: block } .personal-list-image.nophoto { background: url(/local/templates/russian/styles/img/no-photo-man_.svg) 50% 50% / cover; background-repeat: no-repeat } .personal-list-title { padding-bottom: 16px; font-family: 'Inter Medium','Arial' } .personal-list-position { font-size: 12px; color: #828282 } .personal-list-item .no-photo-man { min-height: 360px; border: 1px solid #000; background: url(/local/templates/russian/styles/img/no-photo-man.svg) no-repeat 50% 50% } .personal-list-item .no-photo-woman { min-height: 360px; border: 1px solid #000; background: url(/local/templates/russian/styles/img/no-photo-woman.svg) no-repeat 50% 50% } .head-illustr-image { position: relative; display: inline-block; } .head-illustr-image.show-popup { cursor: pointer; } .head-illustr-image .plus { position: absolute; width: 64px; height: 64px; background: #E1AD00; bottom: -16px; right: -16px } .head-illustr-image .plus:after { content: ''; width: 18px; height: 2px; background: #000; position: absolute; top: 50%; left: 50%; margin-left: -8px } .head-illustr-image .plus:before { content: ''; height: 18px; width: 2px; background: #000; position: absolute; top: 50%; left: 50%; margin-top: -8px } .basket-list { max-width: 80%; border-bottom: 1px solid #000; margin-bottom: 32px } .basket-list-item { border-top: 1px solid #E0E0E0; padding: 48px 0 } .basket-list-title { margin-right: 50px; width: 58%; flex: none } .basket-list-image { margin-right: 32px } .basket-list-name { padding-bottom: 8px; min-height: 70px } .basket-list-name a { text-decoration: none } .basket-list-cat a { color: #E1AD00 } .basket-list-price { width: 145px; flex: none; } .basket-list-oldprice { text-decoration: line-through; color: #828282; font-size: 14px; padding-top: 8px; } .basket-counter { text-align: center; width: 125px; height: 60px; border: 1px solid #E0E0E0; position: relative; bottom: 0; left: 0; margin-bottom: 16px } .basket-counter input { border: none; width: 40px; text-align: center; padding: 3px 0; font-size: 16px; position: relative; top: 16px } .basket-counter .minus { position: absolute; top: 50%; left: 12px; width: 16px; height: 16px; cursor: pointer; margin-top: -8px; } .basket-counter .minus:after { content: ''; position: absolute; width: 100%; height: 2px; background: #000; top: 50%; margin-top: -1px; left: 0 } .basket-counter .plus { position: absolute; top: 50%; right: 12px; width: 16px; height: 16px; cursor: pointer; margin-top: -8px; } .basket-counter .plus:after { content: ''; position: absolute; width: 100%; height: 2px; top: 50%; margin-top: -1px; left: 0; background: #000 } .basket-counter .plus:before { content: ''; position: absolute; height: 100%; width: 2px; top: 0; left: 50%; margin-left: -1px; background: #000 } .basket-counter-remove { } .basket-counter-remove a { color: #828282 } .basket-counter-remove a:hover { color: red } .basket-list-result { font-family: 'Inter Medium','Arial', 'Arial'; width: 100%; text-align: right } .basket-list-footer { border-top: 1px solid #000; padding: 48px 0; position: relative } .basket-list-footer:after { content: ''; height: 100%; width: 1px; background: #000; position: absolute; top: 0; left: 50% } .basket-list-footer_title { padding-bottom: 24px } .basket-list-footer_input { width: 440px; border: 1px solid #E0E0E0; padding: 24px 0 24px 16px; position: relative } .basket-list-footer_input input { padding: 0; border: none; } .basket-list-footer_sub { position: absolute; top: 50%; right: 16px; margin-top: -12px; } .basket-list-footer_sub a { text-decoration: none; position: relative; padding-bottom: 2px } .basket-list-footer_sub a:after { content: ''; position: absolute; width: 100%; height: 1px; background: #E1AD00; bottom: 0; left: 0 } .basket-list-footer_promo { width: 58%; flex: none; margin-right: 50px; } .basket-list-footer_right { width: 100% } .basket-list-footer .order-check-block { border-bottom: 0; margin-bottom: 0 } .basket-list-footer_price { padding-bottom: 16px } .basket-list-footer_price .big-price { font-family: 'Inter Medium','Arial' } .basket-list-clear { text-align: right; max-width: 80%; margin-bottom: 32px } .basket-list-clear a { text-decoration: none; position: relative; padding-bottom: 2px } .basket-list-clear a:after { content: ''; position: absolute; width: 100%; height: 1px; background: #E1AD00; bottom: 0; left: 0 } .basket-list-button { text-align: center; max-width: 80%; margin-bottom: 32px } .basket-list-button input { width: 365px; height: 76px; border: 1px solid #E1AD00; background: #fff; transition: all .3s ease 0s; cursor: pointer } .basket-list-button input:hover { background: #E1AD00 } .basket-list-button button { width: 365px; height: 76px; border: 1px solid #E1AD00 !important; background: #fff !important; transition: all .3s ease 0s; cursor: pointer; color: #000 !important; font-size: 20px;} .basket-list-button button:hover { background: #E1AD00 !important } .basket-list-footer_remove { padding-top: 24px; color: #F26B45 } .basket-list-footer_remove a { color: #828282 } .basket-list-footer_remove a:hover { color: red } .news-wrapper .main-column_first h2 { padding-right: 40px } .ticket-wrapper { padding-top: 64px; } .ticket-wrapper-left { border-top: 1px solid #000; width: 61%; padding: 64px 0 0 0 } .ticket-wrapper-right { width: 440px } .ticket-list { } .ticket-list-item { border: 1px solid #bbb; width: 164px; height: 144px; position: relative; opacity: .5; cursor: pointer; margin-right: 15px; flex: none } .ticket-list-item:hover { opacity: 1 } .ticket-list-week { position: absolute; top: 8px; left: 8px } .ticket-list-number { position: absolute; top: 8px; right: 8px; font-size: 14px; background: #ccc; border-radius: 50%; padding: 2px 3px; min-width: 22px; text-align: center } .ticket-list-date { font-family: 'Inter Medium','Arial'; text-align: center; margin: 18px 0 6px 0 } .ticket-list-day { text-align: center } .ticket-list-item.active { opacity: 1; border-color: #E1AD00 } .active .ticket-list-number { background: #E1AD00 } .ticket-wrapper h2 { padding: 0 100px 64px 0 } .ticket-wrapper .scroll-block { margin-bottom: 110px; padding-bottom: 0 } .scroll-block-buttons { position: relative } .scroll-block-buttons_in { position: absolute; right: 0; top: 0 } .scroll-block-prev, .scroll-block-next { border: 1px solid #E1AD00; width: 64px; height: 64px; cursor: pointer; background-size: 26% 26%; position: absolute; top: -120px; background-position: 50% 50%; background-repeat: no-repeat } .scroll-block-prev.disable, .scroll-block-next.disable { opacity: .2; border-color: #333; cursor: default } .scroll-block-next { background-image: url(/local/templates/russian/styles/img/navarr_mob.svg); right: 0; } .scroll-block-prev { background-image: url(/local/templates/russian/styles/img/navarr_mob.svg); transform: rotate(-180deg); right: 80px } .ticket-form-wrapper { border-top: 1px solid #E0E0E0; padding: 54px 0 70px 0 } .ticket-form-table { margin-top: 10px; margin-bottom: 32px } .ticket-form-1 { width: 100% } .ticket-form-2 { width: 100px; flex: none } .ticket-form-3 { width: 124px; flex: none; margin-right: 32px } .ticket-form-4 { width: 120px; flex: none } .ticket-form-th { font-family: 'Inter Medium','Arial'; border-bottom: 1px solid #E0E0E0; padding-bottom: 32px } .ticket-form-td { padding: 32px 0; align-items: center; border-bottom: 1px solid #E0E0E0; } .ticket-form-td .basket-counter { margin-bottom: 0 } .ticket-form-description { border-top: 2px solid #E1AD00; margin: 0px 0 60px 0; padding: 32px 0 0 0; font-family: 'Inter Medium','Arial' } .ticket-form-hidden { display: none; transition: none !important } .ticket-form-open { position: relative; padding-left: 20px; cursor: pointer } .ticket-form-open .open-arr { position: absolute; width: 12px; height: 12px; left: 0; top: 4px } .ticket-form-open .open-arr:before { content: ''; width: 100%; height: 2px; background: #000; left: 0; top: 50%; margin-top: -1px; position: absolute; } .ticket-form-open .open-arr:after { content: ''; height: 100%; width: 2px; background: #000; left: 50%; top: 0; margin-left: -1px; position: absolute; } .ticket-form-open.opened .open-arr:after { display: none } .ticket-form--pos { position: relative; padding-bottom: 50px } .ticket-form--pos .ticket-wrapper-left { padding: 0; border: none } .ticket-form-result { border: 1px solid #000; padding: 32px; position: absolute; position: sticky; top: 160px; right: 0; width: 440px } .ticket-form-result_date { padding-bottom: 24px } .ticket-form-result_title { font-family: 'Inter Medium','Arial'; padding-bottom: 16px } .ticket-form-result_section { border-top: 1px solid #E0E0E0; padding: 24px 0 0 0 } .ticket-form-result_section-title { color: #828282; padding-bottom: 22px; font-family: 'Inter Medium','Arial'; position: relative; padding-right: 50px } .ticket-form-result_button a { display: flex; width: 100%; height: 84px; border: 1px solid #E1AD00; align-items: center; justify-content: center; cursor: pointer } .ticket-form-result_button a:hover { color: #000; background: #E1AD00 } .ticket-form-result_button.disable a { border-color: #E0E0E0; cursor: default; } .ticket-form-result_button.disable a:hover { background: none } .ticket-form-result_list { padding-bottom: 10px; transition: none !important } .ticket-form-result_item { padding-bottom: 16px } .ticket-form-result_overall { border-top: 1px solid #E0E0E0; padding: 24px 0 } .ticket-form-result_count { position: absolute; right: 0; top: 0; color: #000; padding-right: 18px; cursor: pointer } .ticket-form-result_count:before { content: ''; position: absolute; top: 50%; right: 0; border: 4px solid transparent; border-top-color: #000; margin-top: -2px } .document-list { flex-wrap: wrap } .document-list-item { width: 282px; flex: none; margin-bottom: 64px } .document-list-space { width: 282px; flex: none } .document-list-image { margin-bottom: 24px; position: relative; cursor: pointer } .document-list-image img { vertical-align: middle } .document-list-image:after { content: ''; width: 64px; height: 64px; position: absolute; bottom: 1px; left: 1px; background: #E1AD00 url(/local/templates/russian/styles/img/icons/icon-link.svg) no-repeat 13px 50% } .document-list-image img { border: 1px solid #000 } .document-list-title { font-family: 'Inter Medium','Arial'; padding-bottom: 16px } .document-list-type { font-size: 12px; text-transform: uppercase; color: #828282 } .page-error { padding: 30px 0; flex-wrap: wrap } .page-error h1 { line-height: 1.5em; margin-top: -40px; padding-bottom: 0 } .page-error-image { width: 56%; flex: none; text-align: center } .page-error-image img { vertical-align: middle } .page-error-left { width: 56%; flex: none } .page-error-text { margin-left: 43px; width: 320px } .ticket-select-wrapper { flex-wrap: wrap } .ticket-select-item { margin: 0 16px 16px 0 } .ticket-select-item a { display: flex; align-items: center; padding: 16px; border: 1px solid #E0E0E0; color: #828282; text-decoration: none } .ticket-select-item a:hover { border-color: #000; color: #000 } .ticket-select-item.active a { border-color: #E1AD00; color: #000; font-family: 'Inter Medium','Arial'; cursor: default } .ticket-select-item.active a:hover { border-color: #E1AD00; } .ticket-select-wrapper + .ticket-wrapper { padding-top: 0 } .ticket-select-wrapper + .ticket-wrapper .ticket-wrapper-left { border-top: none } .p { padding-bottom: 64px } .search-item-title { color: #828282; padding-bottom: 24px; text-transform: uppercase; font-family: 'Inter Bold' } .search-item-title a { color: #828282; text-decoration: none } .search-item-title a:hover { color: #E1AD00 } .search-item h3 a { text-decoration: none } .search-item { padding-bottom: 32px } .share-block { width: 64px; height: 64px; position: relative } .site-page-detail + .share-block { margin-left: 30px } .share-list_abs { width: 100%; position: absolute; left: 0; border: 1px solid #E0E0E0; border-radius: 32px; background: #fff; z-index: 1; } .share-list_abs.opened, .share-list_abs:hover { border-color: #828282 } .share-open { height: 60px; display: flex; justify-content: center; align-items: center; cursor: pointer } .opened .share-open svg path { fill: #828282 } .opened .share-open:hover svg path { fill: #000 } .share-list { padding-bottom: 10px; margin-top: -10px; transition: none !important } .share-list_item { height: 55px; display: flex; justify-content: center; align-items: center; } .share-list_item a:hover svg path { fill: #E1AD00 } .share-list .ya-share2__item { margin: 0 !important; width: 100% !important; text-align: center } .share-block .ya-share2__list { margin-bottom: 0 } .share-block .ya-share2__list > .ya-share2__item:before { display: none } .site-page-top_select .form-field { flex: none; font-family: 'Inter'; width: 40% } .site-page-top_select .form-field select { padding-right: 50px } .site-page-top_select .form-field.active select { padding-top: 0; } .site-page-top_select .form-field { margin-top: -.5em } .site-page-detail.pushkin { display: block; width: auto; margin-right: 40px; margin-top: -25px; margin-bottom: 40px } .info-columns { border-bottom: 1px solid #E0E0E0; margin-bottom: 32px } .info-columns-item { border-top: 1px solid #E0E0E0; padding: 32px 0 } .info-columns-item > div:first-child { max-width: 72% } .info-columns-item > div:last-child { text-align: right } .info-columns-details { color: #828282; padding-top: 10px } .sticky-block { position: absolute; position: sticky; top: 160px; float: right; right: 0; width: 75% } .sticky-block .site-page-detail { width: auto; display: block; margin-top: 15px; margin-bottom: 46px } .sticky-block-text { padding-top: 20px } .ya-map { height: 75vh; width: 90% } #ya-map { height: 75vh } #coockie-rules { position: fixed; bottom: 32px; right: 0; margin: 0 32px; max-width: 814px; background: #000; color: #fff; z-index: 9999; line-height: 1.6em } #coockie-rules a { color: #E1AD00; } #coockie-rules .coockie-items_wrap { padding: 30px 64px 30px 32px; } #coockie-rules .coockie-button { position: absolute; top: 24px; right: 24px; width: 16px; height: 16px; cursor: pointer } #coockie-rules .coockie-button:before { content: ''; width: 2px; height: 100%; background: #fff; position: absolute; top: 0; left: 50%; transform: rotate(-45deg); transition: all .3s ease 0s } #coockie-rules .coockie-button:after { content: ''; width: 2px; height: 100%; background: #fff; position: absolute; top: 0; left: 50%; transform: rotate(45deg); transition: all .3s ease 0s } .soc-icon-wrapper.flex-space div[id^="bx_incl_area_"] { display: flex; justify-content: space-between; width: 100%; } .OrderPanel { display: none; } .jq-selectbox__select { display: flex; } .jq-selectbox__trigger { width: 24px; height: 24px; margin-left: 8px; } .jq-selectbox__trigger::after { content: ''; border: 4px solid transparent; border-top-color: #000; display: inline-block; vertical-align: middle; position: relative; top: 1px; left: 8px; transition: all .3s ease 0s; } .opened .jq-selectbox__trigger::after { transform: rotate(-180deg); top: -3px; } .jq-selectbox__dropdown { background: #fff; border: 1px solid #000; padding: 16px 0; transform: translate(0,16px); } .jq-selectbox__dropdown[style*="top: auto"] { transform: translate(0,-16px); } .jq-selectbox__dropdown::before { content: ''; position: absolute; top: -13px; left: 20px; width: 32px; height: 13px; background: url(/local/templates/russian/styles/img/sellarr.png) no-repeat 0 0; } .jq-selectbox__dropdown[style*="top: auto"]::before { top: auto; bottom: -13px; transform: rotate(180deg); } .jq-selectbox .jq-selectbox__dropdown ul { margin: 0; } .jq-selectbox .jq-selectbox__dropdown ul li { margin: 0; padding: 8px 23px; cursor: pointer; transition: .2s; } .jq-selectbox .jq-selectbox__dropdown ul li::before { display: none; } .jq-selectbox .jq-selectbox__dropdown ul li:hover, .jq-selectbox .jq-selectbox__dropdown ul li.sel, .jq-selectbox .jq-selectbox__dropdown ul li.selected, .jq-select-multiple ul li:hover, .jq-select-multiple ul li.sel, .jq-select-multiple ul li.selected { color: #E1AD00; } .jq-selectbox .jq-selectbox__dropdown ul li.disabled { display: none; } .jq-select-multiple ul { margin: 0 !important; border: 1px solid; } .jq-select-multiple ul li { margin: 0 !important; padding: 8px; cursor: pointer; transition: .2s; } .jq-select-multiple ul li::before { display: none !important; } .ps_logo img { width: unset !important; margin: 10px 0; } .min-w--250 { min-width: 250px; } #filter-from { flex-wrap: wrap; margin: 0 0 -32px auto; } #filter-from .catalog-head_sort_select { margin-bottom: 32px; } .catalog-sections { list-style: none; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; margin-bottom: 16px; } .catalog-sections li { margin: 0 32px 32px 0; } .catalog-sections span { color: #828282; } .catalog-sections a { display: block; border: 1px solid #E1AD00; padding: 12px; text-decoration: none; } .catalog-sections a:hover { color: #000; background: #E1AD00; } .catalog-sections a:hover span { color: #000; } .product-buy, .search-button { display: flex; height: 84px; border: 1px solid #E1AD00; align-items: center; text-decoration: none; justify-content: center; font-family: 'Inter Medium','Arial'; cursor: pointer; padding: 0 15px; transition: .2s; } .product-buy:hover, .search-button:hover { background: #E1AD00; color: #000 } .product-buy:before, .search-button:before { display: none } .product-item-button-container { height: 60px; } .product-buy { position: absolute; left: 48px; right: 48px; bottom: 41px; height: 50px; padding: 0; font-size: 16px; } .search-button { background: none; width: 280px; height: 76px; } .popup-window.popup-window-with-titlebar { padding: 20px; max-width: calc(100vw - 32px); } .popup-window-titlebar-text { font-family: 'Inter Medium','Arial'; font-size: 20px; color: #000; line-height: 1.3; font-weight: 500; } .popup-window-close-icon { opacity: 1; top: 20px; right: 20px; } .popup-window-close-icon::before, .popup-window-close-icon::after { content: ""; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 20px; height: 2px; background: #000; } .popup-window-close-icon::before { transform: translate(-50%, -50%) rotate(-45deg); } .popup-window-content { font-size: 20px; max-width: 400px; } .popup-window-content img { margin-bottom: 16px; } .popup-window-buttons .btn-buy { color: #000 !important; display: flex; height: 84px; border: 1px solid #E1AD00 !important; align-items: center; text-decoration: none; justify-content: center; font-family: 'Inter Medium','Arial'; cursor: pointer; padding: 0 15px; transition: .2s; background: #fff !important; font-size: 20px; } .popup-window-buttons .btn-buy:hover { background: #E1AD00 !important; } .popup-window-buttons .btn-buy:before { display: none } .to-cat-link { text-decoration: none; position: relative; } .to-cat-link::before { content: ''; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; background: #E1AD00; transition: .2s; } .to-cat-link:hover::before { opacity: 0; } .to-cat-link svg { display: inline-block; vertical-align: middle; } .to-cat-link:hover path { stroke: #E1AD00; } .exhib-description { position: absolute; left: 250px; right: 250px; text-align: center; bottom: 0px; z-index: 2; background: rgba(255, 255, 255, 0.6); padding: 6px; pointer-events: none; } .exhib-description:empty { display: none; } @media (min-width: 1024px){ .popup-left-menu_item a[href="/aleksey-shchusev-150/"] ~ .popup-left-submenu { display: none !important; } } /* End */ /* Start:/local/templates/russian/styles/txt.css?166495592011756*/ /*Базовые элементы*/ /*Цитаты*/ .content .blockquote { position: relative; font-size: 24px; font-family: 'Inter Medium' } .content .blockquote2 { font-size: 24px; font-family: 'Inter Medium'; border-top: 2px solid #E1AD00; padding: 32px 0 2em 0; margin-top: 30px; } .content .blockquote:before { content: ''; display: block; width: 48px; height: 39px; background: url(/local/templates/russian/styles/img/blockquote.png) center center no-repeat; position: absolute; top: 8px; left: -80px; } /*Ссылки*/ .content p a { color: #000; text-decoration: none; border-bottom: 1px solid #000; } .content p a:visited { color: #828282; border-color: #828282; } .content p a:hover { color: #E1AD00; border-color: #E1AD00; } .outer-link { position: relative; margin: 0px 24px 0px 0px; } .outer-link:after { content: ''; display: inline-block; width: 12px; height: 12px; background: url(/local/templates/russian/styles/img/link.svg) center center no-repeat; position: absolute; top: 6px; right: -19px; } a.outerlink { white-space: none; border: none; } .outerlink span { white-space: normal; color: #2F80ED; -webkit-box-shadow: inset 0px -2px 0px 0px #fff, inset 0px -3px 0px 0px #2F80ED; box-shadow: inset 0px -2px 0px 0px #fff, inset 0px -3px 0px 0px #2F80ED; -webkit-transition: 0.2s linear; transition: 0.2s linear; } .outerlink i { display: inline-block; width: 24px; height: 24px; background: url(/local/templates/russian/styles/img/outlink.svg) center center no-repeat; margin: 0px 0px -6px 0px; } /*Файлы*/ .file-in-text { white-space: none; margin-left: 36px; position: relative; } .file-in-text:visited { color: #828282; } .file-in-text + span { color: #828282 } @media (max-width: 1560px) { .file-in-text { margin-left: 28px; } } @media (max-width: 680px) { .file-in-text { margin-left: 14px; } } .file-in-text:before { content: ''; display: block; width: 28px; height: 28px; position: absolute; top: 0px; left: -36px; background: url(/local/templates/russian/styles/img/file-types/file.svg) center center/cover no-repeat; } @media (max-width: 1560px) { .file-in-text:before { width: 20px; height: 20px; top: 4px; left: -28px; } } @media (max-width: 1360px) { .file-in-text:before { width: 18px; height: 18px; top: 3px; } } @media (max-width: 680px) { .file-in-text:before { width: 12px; height: 12px; top: 2px; left: -14px } } .file-in-text.pdf:before { background-image: url(/local/templates/russian/styles/img/file-types/pdf.svg); } .file-in-text.doc:before { background-image: url(/local/templates/russian/styles/img/file-types/doc.svg); } .file-in-text.xls:before { background-image: url(/local/templates/russian/styles/img/file-types/xls.svg); } .file-in-text.jpg:before { background-image: url(/local/templates/russian/styles/img/file-types/jpg.svg); } .file-in-text.png:before { background-image: url(/local/templates/russian/styles/img/file-types/png.svg); } .file-in-text.z7:before { background-image: url(/local/templates/russian/styles/img/file-types/7z.svg); } .file-in-text.aac:before { background-image: url(/local/templates/russian/styles/img/file-types/aac.svg); } .file-in-text.avi:before { background-image: url(/local/templates/russian/styles/img/file-types/avi.svg); } .file-in-text.bmp:before { background-image: url(/local/templates/russian/styles/img/file-types/bmp.svg); } .file-in-text.csv:before { background-image: url(/local/templates/russian/styles/img/file-types/csv.svg); } .file-in-text.docx:before { background-image: url(/local/templates/russian/styles/img/file-types/docx.svg); } .file-in-text.gif:before { background-image: url(/local/templates/russian/styles/img/file-types/gif.svg); } .file-in-text.gzip:before { background-image: url(/local/templates/russian/styles/img/file-types/gzip.svg); } .file-in-text.htm:before { background-image: url(/local/templates/russian/styles/img/file-types/htm.svg); } .file-in-text.html:before { background-image: url(/local/templates/russian/styles/img/file-types/html.svg); } .file-in-text.jpeg:before { background-image: url(/local/templates/russian/styles/img/file-types/jpeg.svg); } .file-in-text.jpg:before { background-image: url(/local/templates/russian/styles/img/file-types/jpg.svg); } .file-in-text.json:before { background-image: url(/local/templates/russian/styles/img/file-types/json.svg); } .file-in-text.mkv:before { background-image: url(/local/templates/russian/styles/img/file-types/mkv.svg); } .file-in-text.mp3:before { background-image: url(/local/templates/russian/styles/img/file-types/mp3.svg); } .file-in-text.mp4:before { background-image: url(/local/templates/russian/styles/img/file-types/mp4.svg); } .file-in-text.mpeg:before { background-image: url(/local/templates/russian/styles/img/file-types/mpeg.svg); } .file-in-text.odp:before { background-image: url(/local/templates/russian/styles/img/file-types/odp.svg); } .file-in-text.ods:before { background-image: url(/local/templates/russian/styles/img/file-types/ods.svg); } .file-in-text.odt:before { background-image: url(/local/templates/russian/styles/img/file-types/odt.svg); } .file-in-text.ogg:before { background-image: url(/local/templates/russian/styles/img/file-types/ogg.svg); } .file-in-text.ppt:before { background-image: url(/local/templates/russian/styles/img/file-types/ppt.svg); } .file-in-text.pptx:before { background-image: url(/local/templates/russian/styles/img/file-types/pptx.svg); } .file-in-text.rar:before { background-image: url(/local/templates/russian/styles/img/file-types/rar.svg); } .file-in-text.rtf:before { background-image: url(/local/templates/russian/styles/img/file-types/rtf.svg); } .file-in-text.svg:before { background-image: url(/local/templates/russian/styles/img/file-types/svg.svg); } .file-in-text.tar:before { background-image: url(/local/templates/russian/styles/img/file-types/tar.svg); } .file-in-text.tgz:before { background-image: url(/local/templates/russian/styles/img/file-types/tgz.svg); } .file-in-text.tiff:before { background-image: url(/local/templates/russian/styles/img/file-types/tiff.svg); } .file-in-text.txt:before { background-image: url(/local/templates/russian/styles/img/file-types/txt.svg); } .file-in-text.vob:before { background-image: url(/local/templates/russian/styles/img/file-types/vob.svg); } .file-in-text.wav:before { background-image: url(/local/templates/russian/styles/img/file-types/wav.svg); } .file-in-text.webm:before { background-image: url(/local/templates/russian/styles/img/file-types/webm.svg); } .file-in-text.wma:before { background-image: url(/local/templates/russian/styles/img/file-types/wma.svg); } .file-in-text.wmv:before { background-image: url(/local/templates/russian/styles/img/file-types/wmv.svg); } .file-in-text.xlsx:before { background-image: url(/local/templates/russian/styles/img/file-types/xlsx.svg); } .file-in-text.xml:before { background-image: url(/local/templates/russian/styles/img/file-types/xml.svg); } .file-in-text.zip:before { background-image: url(/local/templates/russian/styles/img/file-types/zip.svg); } .file-in-text:hover .file-name { color: #005BD6; -webkit-box-shadow: inset 0px 1px 0px 0px transparent, inset 0px 0px 0px 0px transparent; box-shadow: inset 0px 1px 0px 0px transparent, inset 0px 0px 0px 0px transparent; } .file-name { white-space: normal; color: #2F80ED; -webkit-box-shadow: inset 0px -2px 0px 0px #fff, inset 0px -3px 0px 0px #2F80ED; box-shadow: inset 0px -2px 0px 0px #fff, inset 0px -3px 0px 0px #2F80ED; -webkit-transition: 0.2s linear; transition: 0.2s linear; margin: 0 6px 0 0; } .content .smcontent-multiblock {} /* .doc-info { }*/ /*Списки*/ .content ul, .content ol { list-style: none; margin: 0px 0px 1.5em 0px; padding: 0px 0px 0px 0px; } .content li { position: relative; margin-bottom: 20px; display: block; } .content ul li { margin-left: 28px; } .content ul > li:before { content: ''; display: block; width: 6px; height: 6px; background: #E1AD00; position: absolute; top: 9px; left: -24px; border-radius: 50%; } .content ul ul { margin: 20px 0px 0px 0px; } .content ul > ul { margin: 20px 0px 20px 20px; } .content ul li ul > li:before { height: 1px; width: 12px; background: #000; top: 11px } .content ul li ul li ul > li:before { width: 5px; height: 5px; top: 9px; background: none; border: 1px solid #E1AD00 } .content ul li ul li ul li ul > li:before { border-color: #000; border-radius: 0 } .content ul li ul li ul li ul li ul > li:before { border-color: #E1AD00 } .content ol { counter-reset: point; } .content ol ol { margin: 20px 0px 0px 32px; counter-reset: point2; } .content ol ol ol { counter-reset: point3; } .content ol ol ol ol { counter-reset: point4; } .content ol ol ol ol ol { counter-reset: point5; } .content ol > li:before { content: counter(point) "."; counter-increment: point 1; display: inline-block; position: relative; top: 0px; left: 0px; margin-right: 18px; color: #000; } .content ol ol > li:before { content: counter(point) "." counter(point2) "."; counter-increment: point2; margin-right: 8px; color: #828282 } .content ol ol ol > li:before { content: counter(point) "." counter(point2) "." counter(point3) "."; counter-increment: point3; margin-right: 8px; } .content ol ol ol ol > li:before { content: counter(point) "." counter(point2) "." counter(point3) "." counter(point4) "."; counter-increment: point4; margin-right: 8px; } .content ol ol ol ol ol > li:before { content: counter(point) "." counter(point2) "." counter(point3) "." counter(point4) "." counter(point5) "."; counter-increment: point5; margin-right: 8px; } .content ol li ul { margin: 20px 0px 0px 32px; } .content ul li ol { margin: 20px 0px 0px 32px; } /*Изображения*/ .content img[align="left"] { float: left; margin: 0px 32px 32px 0px; } .content img[align="right"] { float: right; margin: 0px 0px 32px 32px; } .content img[border] { border-color: #404040; } .big-img { margin: 42px 0px 54px 0px; } /*Спойлеры*/ .spoiler-wrapper { padding-bottom: 1.5em } .spoiler { border-top: 1px solid #000; position: relative; } .spoiler:after { content: ''; display: block; width: 100%; height: 1px; background: #000; position: absolute; bottom: -1px; left: 0px; } .spoiler.open:after { bottom: -25px; } .spoiler-name { font-size: 24px; line-height: 32px; cursor: pointer; padding: 40px 0px 40px 80px; position: relative; } .spoiler-name p { font-size: 24px; line-height: 32px; margin: 0px 0px 0px 0px; } .spoiler-name:after { content: ''; display: block; position: absolute; top: 30px; left: 0px; width: 48px; height: 48px; background: url(/local/templates/russian/styles/img/spoiler.svg) center center no-repeat; transition: 0.4s; pointer-events: none; } .open .spoiler-name:after { transform: rotate(45deg); } .spoiler-content { display: none; margin: -18px 0px 24px 0px; transition: none !important } .spoiler-content > *:last-child { margin: 22px 0px 0px 0px; } /*Таблицы*/ .content table { border-collapse: collapse; margin-bottom: 2em; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; font-size: 16px } .content table th { padding: 31px 24px; text-align: left; font-weight: 500; background: #000; color: #fff; } .content table th:last-child { } .content table td { padding: 31px 24px; } .content table th p, .content table td p { margin: 0; font-size: inherit; line-height: inherit; } .content table.clear-table, .content table.clear-table th, .content table.clear-table td { border: none !important; padding-left: 0px; } .content table.hhead th, .content table.hhead td { padding-left: 16px; } .content table.odd { border: none } .content table.odd tr:nth-child(odd) td { background: #F2F2F2; } .content table.white-head th { border: 1px solid #E0E0E0; background: #fff; color: #000 } .content table[border='1'] td { border: 1px solid #E0E0E0 } p.d-text { font-size: 14px; color: #000; margin: 0 0 50px 0px; } /*Кастомный скролбар*/ .scroll-table { margin: 0 0 2em 0px; padding: 0 } .content .scroll-table table { margin-bottom: 0 } .content .mCSB_container, .content .mCSB_dragger { transition: none !important } .content .mCSB_scrollTools { opacity: 1 !important; filter: "alpha(opacity=1)" !important; -ms-filter: "alpha(opacity=1) !important"; } .content .mCSB_scrollTools.mCSB_scrollTools_horizontal { height: 17px; } .content .mCSB_scrollTools .mCSB_draggerRail { background: #E0E0E0; border-radius: 12px; height: 10px; opacity: 1 !important; } .content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #404040; border-radius: 10px; height: 6px; opacity: 1; filter: "alpha(opacity=1)"; -ms-filter: "alpha(opacity=1)"; top: 3px; } .blockquote-subscribe { text-align: right; font-family: 'Inter Medium' } .blockquote-subscribe span { display: block; color: #828282; font-family: 'Inter Light'; font-size: 90%; line-height: 1.4em } /* End */ /* Start:/local/templates/russian/styles/resize.css?166788176042142*/ @media (max-width: 1800px) { .wide-additional .row-item:last-child { width: 60% } .main-column_first h2 { font-size: 24px } } @media (max-width: 1600px) { .main-column_wide { width: 61% } .news-article-image { height: 230px } .main-column_wide .fixed-row .row-item { width: 220px; margin-right: 32px; } .fixed-row .row-item .news-article-image { height: 280px } .overflow-block_right { float: none; margin-left: 0; margin-bottom: 65px } .overflow-block .form-popup-in { width: auto } .abs-image img { right: 10px; } .order-form-wrapper .form-block { margin-right: 50px } .basket-list { max-width: 100% } .basket-list-clear { max-width: 100% } .basket-list-button { max-width: 100% } .personal-list-item { width: 48%; } .personal-list-doomy { width: 48; } } @media (max-width: 1590px) { .main-right-menu div { margin-left: 20px } .head-top-menu div { margin-right: 30px } .text-photoblock-right { width: 220px; right: -100px; } .text-photoblock-right .s24 { font-size: 16px } .text-photoblock-right svg { width: 16px; height: 16px } .abs-image img { max-width: 400px } .ticket-form--pos { display: block } .ticket-form-result { position: relative; top: 0; width: auto; } .ticket-wrapper-left { width: auto } .ticket-wrapper-right { width: auto } } @media (max-width: 1440px) { .s14 { font-size: 12px; } .s16 { font-size: 14px; } .s20 { font-size: 18px; } .s24 { font-size: 22px; } .s32 { font-size: 28px; } .s48 { font-size: 40px; } h1 { font-size: 40px; } h2 { font-size: 28px; } h3 { font-size: 22px; } h4 { font-size: 18px; } h5 { font-size: 14px; } h6 { font-size: 14px; } .site-page-h1 { font-size: 40px } .anonse-slider-item_title { font-size: 40px } .content .blockquote { font-size: 22px } .content .blockquote2{ font-size: 22px } .spoiler-name { font-size: 22px } .main-column_wide { width: 64% } .news-article-image { height: 204px } .footer-wrapper .to-top { width: 50px; height: 50px; bottom: 40px } .site-page-detail a { height: 78px; } .to-bottom .fixed-left-submenu:after { bottom: 14px } .popup-left-menu_item { font-size: 36px } .popup-left-menu_list { width: 50% } .popup-left-menu_right { width: 30% } .logo-list { padding-right: 80px } .buy-slider-in { max-width: 1240px; padding: 120px 32px 0 32px; } .buy-slider-right { width: 58% } .buy-slider-wrapper { height: 700px; } .additional-logo-image { min-width: 0; width: 100px } #pageNavigation.fixed { top: 88px } .page-error { padding: 0 0 30px 0 } .page-error-image { width: 100% } .page-error h1 { margin-top: 0 } .page-error-image { margin-bottom: 40px } .page-error-image + .page-error-text { width: 100% } .page-error-text { margin-left: 21px; width: 30% } .exhib-description { left: 204px; right: 152px; } } @media (max-width: 1340px) { .head-top-fixed { position: relative; } .head-top-fixed-in { position: absolute; width: 650px; right: 0; } .fixed .head-top-fixed-in { right: 32px; transition: none } .popup-left-menu_list { width: 55% } .popup-left-submenu { top: 14px } .to-bottom .popup-left-submenu { bottom: 18px; } .fixed-head .main-column_middle { width: 28%; } .fixed-head .main-column_last { width: 59%; } .fixed-head .logo svg { height: 100px } .catalog-main-item { width: 33.333% } .catalog-head { display: block } .catalog-head_sort_name { padding-bottom: 32px } .catalog-one { padding: 0 0 80px 0; } .related-items .catalog-main-item:nth-child(4n) { display: none } .basket-list-item { flex-wrap: wrap } .basket-list-title { width: 100%; margin-right: 0; margin-bottom: 64px } .basket-list-result { width: auto; margin-left: 50px } .basket-list-footer { display: block; padding: 24px 0 } .basket-list-footer_promo { margin-right: 0; width: auto; margin-bottom: 50px } .basket-list-footer:after { display: none } .basket-list-clear { text-align: left } .basket-list-button { text-align: left } } @media (max-width: 1280px) { .s14 { font-size: 13px; } .s16 { font-size: 13px; } .s20 { font-size: 16px; } .s24 { font-size: 20px; } .s32 { font-size: 26px; } h1 { font-size: 36px; } h2 { font-size: 24px; } h3 { font-size: 20px; } h4 { font-size: 16px; } h5 { font-size: 12px; } h6 { font-size: 12px; } .content .blockquote { font-size: 20px } .content .blockquote2{ font-size: 20px } .spoiler-name { font-size: 20px } .head { padding-top: 140px } .fixed-head-in { padding: 20px 0 20px 0; } .fixed-head .main-column_last { width: 59%; justify-content: flex-end } .popup-left-menu_in { margin-top: 25px } .swiper-navigations { width: 383px } .main-column_middle { width: 43% } .main-column_last { width: 40% } .footer-wrapper-in { max-width: 1024px } .logo-list img { } .popup-left-submenu:after { left: -100px } .popup-left-menu_item.active .popup-left-submenu:after { left: -120px } .fixed-head .logo img { height: 68px } .fixed-head .logo svg { height: 68px; margin-top: 0; top: -8px; } .fixed-head.scrolled .logo svg { margin-top: 0 } .site-page-h1 { font-size: 36px; padding-bottom: 32px } .anonse-slider-item_title { font-size: 36px } .head-top-fixed-in { width: 490px } .to-bottom .fixed-left-submenu { bottom: 10px } .to-bottom .fixed-left-submenu:after { bottom: 5px } .fixed-left-submenu_item { padding-bottom: 10px } .head-slider .swiper-slide { height: 266px; width: 383px } .navigation-panel { padding-bottom: 15px } .fixed-head .head-top-menu_shop { display: none } .head-top-fixed { min-height: 130px } .content-wrapper { padding-top: 64px } .content-wrapper.text-wrapper { padding-top: 180px; } .precontent-wrapper { padding: 0 0 64px 0 } .news-article-image { height: 178px } .gray-border { margin: 60px 32px; } .footer-wrapper .site-page-detail { width: 228px } .soc-icon-wrapper { flex-wrap: wrap; width: 170px } .soc-icon-wrapper div { margin: 0 24px 20px 0 } .logo-list { padding-right: 80px } .anonse-slider { margin-top: 64px } .footer-wrapper { margin-top: 64px } #pageNavigation.fixed { top: 110px } /*.scrolled .fixed-left-menu { padding: 32px 20px 10px 32px; }*/ .fixed-left-menu:before { width: 75vw } .anonse-slider { height: 552px } .anonse-slider-in { padding: 48px 32px; } .anonse-slider-navigation { top: 40px } .anonse-slider-navigation div { width: 56px; height: 56px } .anonse-slider-item_title { padding: 25px 0 40px 0; min-height: 0 } .main-column_first { flex: none } .main-column_wide { width: auto; max-width: 83%; } .head .main-column_wide { width: 100% } .navigation-panel a svg { height: 18px; width: 18px } .news-article-arr svg { height: 18px; width: 18px } .inner-link a svg { height: 18px; width: 18px } .anonse-slider-link svg { height: 18px; width: 18px } .news-standart-link a svg { height: 18px; width: 18px } .arr-forw { height: 16px; width: 15px; } .arr-forw:before { top: 4px } .arr-forw:after { bottom: 4px } .ticket-order-flex { margin-top: 32px } .ticket-order-flex .site-page-detail { width: 230px } .ticket-order-flex .site-page-detail a { height: 70px } /*.ticket-order-flex .share { width: 48px }*/ .head-illustr { top: -40px } .head + .content-wrapper.text-wrapper { margin-top: -20px } #pageNavigation.fixed { top: 70px } .buy-slider-in { padding: 80px 32px 0 32px; } .buy-slider-wrapper { height: 640px } .buy-slider-left { width: 45% } .buy-slider-right { width: 55% } .buy-slider-item { padding: 64px 50px 64px 25px; } .buy-slider-item_image { width: 240px } .buy-slider-item_text .site-page-detail { width: 100% } .buy-slider-item_text .site-page-detail a { height: 65px } .buy-slider-item_text { width: auto } .catalog-one-image_col { float: none; width: auto; margin-bottom: 64px; padding-right: 0; } .catalog-one_footer-left { padding-right: 40px } .main-column_wide.border { margin-top: -90px } .order-check { width: 360px } .site-page-top_select { display: block } .site-page-top_select .form-field { width: auto } .logo-link--main { top: -17px; width: 184px; height: 84px; } .logo-link--shop { top: 32px; left: 68px; width: 60px; height: 24px; } } .mobile { display: none } @media (max-width: 1023px) { .s14 { font-size: 14px; } .s16 { font-size: 16px; } .s20 { font-size: 20px; } .s24 { font-size: 24px; } .s32 { font-size: 32px; } h1 { font-size: 48px; } h2 { font-size: 32px; } h3 { font-size: 24px; } h4 { font-size: 20px; } h5 { font-size: 16px; } h6 { font-size: 15px; } .content .blockquote { font-size: 24px; margin-left: 30px } .content .blockquote:before { width: 20px; left: -27px; background-size: contain; background-position: 0 0 } .content .blockquote2{ font-size: 24px } .spoiler-name { font-size: 24px } .head { padding: 190px 0 50px 0; } .fixed-head .logo svg { height: 100px } .fixed-head .main-column_first, .head .main-column_first { display: none } .head .main-column_middle { display: none } .head .main-column.inner-page { display: block } .head .inner-page .main-column_middle { display: block; width: 100% } .head .main-column_last { width: 100% } .head-top-fixed-in { width: 100% } .desctop { display: none } .mobile { display: block } .search-block-in { margin-top: 30px } .search-block-in:after { top: 60px } .fixed-head .head-top-menu_link { display: none } .head-top-fixed-in { align-items: flex-start } .main-right-menu_lang { display: none } .main-right-menu_impaired { display: none } .head-top-fixed { min-height: 150px } .main-right-menu div { margin-left: 40px } .main-right-menu_mobile { position: relative; width: 22px; height: 20px; cursor: pointer; top: -2px } .main-right-menu_mobile i { position: absolute; top: 50%; left: 0; height: 2px; width: 100%; background: #615734; margin-top: -1px } .main-right-menu_mobile:before { content: ''; position: absolute; top: 0; left: 0; height: 2px; width: 100%; background: #615734 } .main-right-menu_mobile:after { content: ''; position: absolute; bottom: 0; left: 0; height: 2px; width: 100%; background: #615734 } .black-version .main-right-menu_mobile i { background: #fff } .black-version .main-right-menu_mobile:before { background: #fff } .black-version .main-right-menu_mobile:after { background: #fff } .head-slider .swiper-slide { height: 316px; width: 520px } .swiper-navigations { width: 520px } .fixed .head-top-fixed-in { position: relative } .head.fixed:before { display: none } .site-page-title { font-family: 'Inter Medium'; padding-bottom: 80px } .site-page-h1 { font-size: 48px; max-width: 100%; } #pageNavigation.fixed { position: relative; top: 0; z-index: 1 } #pageNavigation.fixed + .page-navigation-space { height: 0 } .navigation-panel { display: none } .navigation-panel a { display: block; margin: 0 0 16px 0 } .navigation-panel_title { font-family: 'Inter Medium'; padding: 0 0 24px 0; margin-bottom: 24px; border-bottom: 1px solid #000; cursor: pointer } .navigation-panel_title i { position: relative; width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin-left: 10px; transition: all .3s ease 0s } .navigation-panel_title i:before { content: ''; width: 60%; height: 2px; background: #000; position: absolute; top: 40%; left: 0; transform: rotate(45deg) } .navigation-panel_title i:after { content: ''; width: 60%; height: 2px; background: #000; position: absolute; top: 40%; right: 0; transform: rotate(-45deg) } .navigation-panel_title.active i { transform: rotate(-180deg) } .news-wrapper.main-column { display: block } .news-wrapper .main-column_first { width: auto } .news-wrapper .main-column_first h2 { padding-right: 0 } .news-wrapper .main-column_wide { width: auto; max-width: 100% } .news-wrapper .main-column_last { width: auto; } .sticky-block { position: relative; float: none; width: auto; top: 0; } .content-text { max-width: 100% } .main-column_twice { width: auto; display: block } .main-column_twice .row-item { width: auto; margin-bottom: 60px } .main-column_twice .row-item:last-child { width: auto; } .anonse-slider { height: auto } .anonse-slider-block { max-width: 100% } .anonse-slider-in { display: block; padding: 80px 32px; } .anonse-slider-right { width: auto } .anonse-slider-left { min-height: 120px } .anonse-slider-item_date { padding: 0 0 45px 0 } .anonse-slider-item_title { font-size: 48px; padding: 30px 0 20px 0; min-height: 400px } .anonse-slider-navigation { top: 65px; left: auto; right: 32px; z-index: 2 } .anonse-slider-link { margin-top: 48px } .anonse-slider-left .anonse-slider-link { margin-top: 0; position: absolute; bottom: 80px; right: 32px; z-index: 10 } .logo-list { flex-wrap: wrap; justify-content: flex-start } .logo-list img { } .footer-wrapper .to-top { width: 80px; height: 80px; bottom: 60px } .logo-list a { width: 24%; margin: 0 10px 10px 0 } .footer-wrapper { /*margin-top: 120px*/ } .rec-popup { top: auto !important; bottom: 0 } .head-top-fixed-in { width: 100% !important } .popup-left-menu_top { position: relative; width: auto; right: auto; left: 0 } .popup-left-menu_wrapper .main-right-menu_search { display: none } .popup-left-menu_wrapper .main-right-menu_lang { display: block; } .popup-left-menu_flex { height: 90%; display: block; } .popup-left-menu_list { width: auto; padding: 10px 0 80px 0; overflow: visible; height: auto; } .popup-left-menu_right { width: auto; display: block } .popup-left-menu_title { font-size: 0; width: 16px; height: 16px; position: absolute; top: 10px; right: 10px; cursor: pointer } .popup-left-menu_title:before { content: ''; width: 100%; height: 2px; background: #000; position: absolute; top: 50%; left: 0; transform: rotate(-45deg) } .popup-left-menu_title:after { content: ''; width: 100%; height: 2px; background: #000; position: absolute; top: 50%; left: 0; transform: rotate(45deg) } .main-right-langmenu { right: auto; left: 0 } .popup-left-menu_item { border-bottom: 1px solid #E0E0E0 } .popup-left-menu_item { font-size: 48px; padding-top: 10px } .popup-left-submenu { position: relative; right: 0; opacity: 1; visibility: visible; padding: 20px 0 20px 0; display: none; transition: none !important } .popup-left-menu_plus { position: absolute; width: 16px; height: 16px; top: .85em; margin-top: -8px; right: 10px; cursor: pointer } .popup-left-menu_plus:before { content: ''; position: absolute; width: 100%; top: 50%; left: 0; height: 2px; background: #000; margin-top: -1px } .popup-left-menu_plus:after { content: ''; position: absolute; height: 100%; top: 0; left: 50%; width: 2px; background: #000; margin-left: -1px; transition: all .3s ease 0s } .mob-active .popup-left-menu_plus:after { transform: rotate(-90deg) } .popup-left-menu_item.mob-active > a { color: #000 } .popup-left-menu_right .soc-icon-wrapper { max-width: 400px } .tripple-row .row-item { width: 48% } .tripple-row .row-item-space { width: 48%% } .news-article-image { height: 244px } .tripple-row .row-item:nth-child(3n) { display: none } .tripple-row.news-list .row-item:nth-child(3n) { display: block } .soc-icon-wrapper { width: auto; max-width: 400px; margin: 40px 0 0 0 } .additional-columns .soc-icon-wrapper { margin-top: 0; } .vert-flex .additional-col-subtitle { margin-top: 20px } .vert-flex .additional-col-subtitle + .soc-icon-wrapper { margin-top: -10px } .footer-text { padding-bottom: 20px } .footer-column { width: 44% } .footer-wrapper .site-page-detail { width: 100%; margin-bottom: 64px } .text-photoblock { } .text-photoblock-left { width: 70% } .text-photoblock-right { width: 25%; right: 0 } .path svg { height: 16px; width: 15px } .arr-back { height: 16px; width: 15px; } .arr-back:before { top: 19% } .arr-back:after { bottom: 19% } .arr-forw { height: 16px; width: 15px; } .pagination svg { height: 16px; width: 15px } .ticket-order-flex .site-page-detail { width: 300px } .head-illustr { top: -30px; margin-bottom: 40px } .content-columns-head { display: block } .content-columns-head .content-columns-left { margin-bottom: 32px } .content-columns .flex { display: block } .content-columns-left { width: auto; margin-bottom: 48px; padding-right: 0; } .content-columns-right { width: auto } .additional-columns { display: block; } .additional-columns .additional-col { width: auto } .additional-columns .additional-col:last-child { width: auto } .additional-columns .additional-col-wide { width: auto } .additional-columns.no-border { display: flex } .additional-col-twice > div { width: 50% } .buy-slider-wrapper { height: auto } .buy-slider-in { display: block; padding-bottom: 80px } .buy-slider-left, .buy-slider-right { width: auto; padding-right: 0 } .buy-slider-title { padding-bottom: 64px } .buy-slider-title br { display: none } .buy-slider-settings { position: relative; padding-top: 0; } .buy-slider-settings div { width: 64px; height: 64px; position: absolute; bottom: 0 } .buy-slider-settings .buy-slider-prev { right: 65px; } .buy-slider-settings .buy-slider-next { right: 0; } .buy-slider-left { margin-bottom: 48px } .additional-col-inner { padding-top: 30px } .form-popup-in { padding: 85px 32px 65px 32px; } .site-page-title-text { max-width: 100%; padding-right: 0; } .gallery-wrapper { display: block; overflow: hidden } .gallery-image { float: left; margin-bottom: 45px } .gallery-text { width: auto } .to-right .gallery-image { float: right; } .to-right .gallery-open-block { margin-right: 18px } .gallery-wrapper { margin-bottom: 60px } .video-block { height: 390px; margin-bottom: 90px } .tripple-columns { display: block } .tripple-col { width: auto; padding: 20px 0 0 0 } .tripple-col .soc-icon-wrapper { margin-top: 10px } .content-gallery-image_title { padding-top: 16px } .main-column_auto { width: auto; max-width: 100% } .catalog-left-menu { display: none } .catalog-head-mobile { border-bottom: 1px solid #000; margin-bottom: 32px; padding-bottom: 13px; position: relative } .catalog-head-mobile_sort { margin-bottom: 5px } .catalog-head-mobile_sort_name { color: #828282; margin-right: 8px } .catalog-head-mobile_sort_select-title { cursor: pointer } .catalog-head-mobile_sort_select-title:after { content: ''; border: 4px solid transparent; border-top-color: #000; display: inline-block; vertical-align: middle; position: relative; top: 1px; left: 8px; transition: all .3s ease 0s; } .catalog-head-mobile_sort.active .catalog-head-mobile_sort_select-title:after { transform: rotate(-180deg); top: -3px } .catalog-head-mobile_add-item.active .catalog-head-mobile_sort_select-title:after { transform: rotate(-180deg); top: -3px } .catalog-head_sort-mobile_select-list { padding: 6px 0 16px 0; display: none; transition: none !important; border-bottom: 1px solid #E0E0E0; } .sort-select-mobile_item { position: relative; margin-bottom: 10px } .sort-select-mobile_item input[type="checkbox"] { position: absolute; left: -99999px; } .sort-select-mobile_item label { display: block; line-height: 1.5em; padding: 0 0 0 25px } .sort-select-mobile_item label:before { content: ''; width: 16px; height: 16px; border: 1px solid #E0E0E0; position: absolute; top: 0; left: 0; } .sort-select-mobile_item label:after { content: ''; width: 12px; height: 12px; background: #E1AD00; position: absolute; top: 3px; left: 3px; transition: all .3s ease 0s; background: #E0E0E0 } .sort-select-mobile_item input:checked + label:after { background: #E1AD00 } .catalog-head-mobile_add { width: 18px; height: 18px; background: url(/local/templates/russian/styles/img/filter-icon.svg) no-repeat 0 0; position: absolute; top: 0; right: 0 } .catalog-head-mobile_add-list { padding: 10px 0 0 0; display: none; transition: none !important; } .catalog-head-mobile_add-item { border-bottom: 1px solid #E0E0E0; padding: 8px 0 } .catalog-head-mobile_add-item.active { border-bottom: none } .catalog-one_footer-block { display: block; padding: 30px 0 0 0; } .catalog-one_footer-left { padding: 0; width: auto; margin-bottom: 60px } .catalog-one_footer-right { width: auto } .catalog-one-popup_gallery { margin-left: 0; } .catalog-one-popup_slider { height: 85% } .catalog-one-popup_thumb { height: auto; left: 0; width: 100%; top: auto; bottom: 24px } .catalog-one-popup_nav { display: none } .switch-panel { font-size: 24px } .logo-partners-item > .flex{ display: block } .logo-partners-item_left { width: auto; padding-bottom: 25px } .news-standart-item { display: block } .news-standart-image { margin: 0 0 20px 0 } .wide-additional { display: block } .wide-additional .row-item { width: 100%; margin-bottom: 32px } .wide-additional .row-item:last-child { width: 100%; margin-bottom: 0 } .abs-image img { max-width: 100%; position: relative; right: 0; } .order-form-wrapper { display: block } .order-form-wrapper .form-block { margin-right: 0 } .order-check { width: auto; margin-top: 60px } .site-page-title-date { padding-bottom: 25px } .over-image-swiper { width: 700px } .over-image .content-popup-close { right: 24px; top: 24px; } .logo-link--main { width: 280px; height: 118px; } .logo-link--shop { top: 54px; left: 108px; width: 88px; height: 26px; } } @media (max-width: 800px) { .news-wrapper .main-column_wide { display: block } .main-column_wide.mini > .row-item:first-child { width: auto; margin-bottom: 64px } .main-column_wide.mini > .row-item:last-child { margin-left: 0 } .catalog-main-item { width: 50%; } .mobile .footer-text { font-family: 'Inter' } .mobile .footer-menu { margin: 20px 0 40px 0 } .catalog-head_sort_select-abs { width: 220px } .related-items .catalog-main-item:nth-child(3n) { display: none } .exhib-slider-settings { margin-bottom: 32px } .main-column_wide.border { padding-top: 32px; margin-top: -32px } .over-image-swiper { width: 500px } .ticket-block { height: auto; padding: 60px 0 } .ticket-block .content-popup-close { width: 32px; height: 32px; right: 8px; top: 8px; } .ticket-block .content-popup-close:before { height: 12px; left: 50%; top: 50%; margin-top: -6px } .ticket-block .content-popup-close:after { height: 12px; left: 50%; top: 50%; margin-top: -6px } .ticket-block .site-page-detail { margin-bottom: 20px } .arr-link svg { width: 22px; height: 22px; margin-left: -6px; margin-top: -2px } } @media (max-width: 680px) { .s14 { font-size: 11px; } .s16 { font-size: 12px; } .s20 { font-size: 14px; } .s24 { font-size: 16px; } .s32 { font-size: 18px; } .s48 { font-size: 20px; } h1 { font-size: 24px; } h2 { font-size: 18px; } h3 { font-size: 16px; } h4 { font-size: 12px; } h5 { font-size: 11px; } h6 { font-size: 11px; } .content .blockquote { font-size: 16px } .content .blockquote2{ font-size: 16px } .spoiler-name { font-size: 16px; padding: 14px 0px 14px 40px; } .spoiler-name:after { top: 16px; width: 28px; height: 28px } .spoiler-content { margin-top: 0 } .content-wrapper.text-wrapper { padding-top: 100px } .head { padding: 80px 0 28px 0; } .text-photoblock-right .s24 { font-size: 14px } .fixed-head-in { padding: 20px 0 10px 0; } .scrolled .fixed-head-in { padding-bottom: 10px } .swiper-navigations { width: 100% } .logo .mini { opacity: 1; } .logo .standart { display: none } .fixed-head .logo svg { height: 40px; } .fixed-head.scrolled .logo svg { height: 40px; } .main-right-menu_mobile { width: 14px; height: 14px } .main-right-menu_search svg { width: 20px; height: 20px } .head-top-fixed { min-height: 60px } .head-top-menu div { margin-right: 0 } .main-right-menu div { margin-left: 20px } .main-right-menu .main-right-menu_search { } .main-column { margin: 0 16px } .search-block-in { margin: 45px 16px 0 16px; } .head-slider .swiper-slide { height: 176px; width: 288px } .swiper-navigations { padding-top: 20px } .site-page-h1 { font-size: 24px; padding-bottom: 22px } .site-page-title { padding-bottom: 27px } .site-page-detail { font-size: 16px } .inner-link svg { height: 16px; width: 16px } .content-text { padding-bottom: 32px } .tripple-row { display: block } .tripple-row .row-item { width: auto; margin-bottom: 35px; display: block } .tripple-row .row-item-space { display: none } .tripple-row .row-item:nth-child(2) { margin-bottom: 0; } .tripple-row.news-list .row-item { margin-bottom: 35px } .news-article-image { margin-bottom: 16px; height: 210px } .news-article-arr { margin-top: 10px } .gray-border { margin: 40px 16px } .text-wrapper .gray-border { margin: 20px 0 } .anonse-slider-in { padding: 40px 16px; } .anonse-slider-left { min-height: 60px; } .anonse-slider-item_date { padding-bottom: 24px } .anonse-slider-navigation { top: 40px } .anonse-slider-navigation div { width: 42px; height: 42px; background-size: 20% } .anonse-slider-prev { margin-right: 10px } .anonse-slider-item_title { font-size: 24px; min-height: 230px } .anonse-slider-link { font-size: 12px } .anonse-slider-link svg { width: 16px; height: 16px; margin-left: 4px } .anonse-slider-left .anonse-slider-link { bottom: 40px } .footer-wrapper { margin: 64px 16px 0 16px; padding-top: 32px } .mobile .footer-columns-list { display: block; padding-bottom: 0 } .footer-column { width: auto } .footer-wrapper .site-page-detail { max-width: 400px; margin-bottom: 32px } .soc-icon-wrapper { margin: 20px 0 } .footer-wrapper .to-top { width: 42px; height: 42px; right: 16px } .logo-list { padding-bottom: 40px; padding-right: 50px } .footer-wrapper a svg { height: 16px; width: 16px } .logo-list img { } .soc-icon-wrapper div { margin: 0 20px 15px 0 } .soc-icon-wrapper div svg { width: 18px; height: 18px } .popup-left-menu_in { margin: 20px 16px 0 16px; } .popup-left-menu_item { font-size: 24px } .popup-left-menu_title { top: 0; width: 13px; height: 13px } .head-top-menu_shop a svg { height: 16px; width: 16px } .popup-left-menu_list { padding: 10px 0 30px 0; } .popup-left-menu_plus { top: 1.2em; width: 12px; height: 12px } .popup-left-menu_right .soc-icon-wrapper { padding-top: 0 } .rec-popup { width: 180px; height: 120px } .rec-popup-link { padding: 16px } .rec-popup-close { top: 12px; right: 12px } .rec-popup:after { background-size: cover; background-position: 50% 50% } .footer-column:last-child .copyr-block { display: none } .path { padding-bottom: 15px } .path svg { height: 13px; width: 12px; } .arr-back { height: 13px; width: 12px; } .pagination svg { height: 13px; width: 12px } .inner-page .head-illustr { top: 0; margin-bottom: 40px } .ticket-order-flex .site-page-detail { width: 170px; font-size: 12px; } .ticket-order-flex .site-page-detail a { height: 58px } .site-page-detail .ticket { width: 14px } .content-columns-head .content-columns-left { margin-bottom: 16px } .content-columns-head { margin-bottom: 32px } .additional-columns .site-page-detail a { height: 58px } .form-field select { height: 57px } .form-field input[type='text'] { height: 57px; } .form-block .captha img { height: 57px; } .form-field.textarea.active label { top: -12px } .form-field.active label { top: 1.5em } .form-field.active input[type='text'] { padding-top: .8em } .form-field.active select { padding-top: .8em } .form-field label.error { font-size: 12px; top: -10px !important } .checkbox-input label:before { top: -2px } .checkbox-input label:after { top: 3px } .form-footer input[type="submit"] { height: 58px } .form-field-title { margin-bottom: 16px } .form-field-cols { padding-bottom: 0 } /*.form-popup-title { font-size: 32px }*/ .main-column_auto { display: block } .main-column_auto .column-item { width: auto; padding-right: 0; padding-bottom: 32px } .main-column_auto .column-item:last-child { width: auto } .main-column_wide .fixed-row .row-item { width: 48%; margin-right: 4% } .overflow-block .form-popup-in { padding: 32px } .overflow-block .form-popup-title { padding-bottom: 28px } .show-more { height: 58px; margin-bottom: 32px } .show-more span { margin-right: 11px; width: 10px; height: 10px; } .catalog-main-list { padding-bottom: 32px } .catalog-head { margin-bottom: 32px } .pagination-option { display: block } .pagination-option .pagination-text { margin-top: 22px; text-align: center } .catalog-one { padding-bottom: 32px } .catalog-one-image_slider .swiper-slide img { max-height: 212px } .catalog-one-image_thumbnails .swiper-slide { width: 65px !important; } .ticket-order-flex { padding-bottom: 15px; justify-content: space-between } .catalog-one .ticket-order-flex .site-page-detail { width: 150px } .catalog-one_footer-title { padding-bottom: 32px } .catalog-one_footer-left { margin-bottom: 32px } .catalog-one_footer-slider-item { padding: 0; height: 350px } .catalog-one_footer-slider-info { width: 100%; padding: 16px 0 0 0 } .catalog-one_footer-slider-tag { margin-bottom: 8px; } .catalog-one-image_thumbnails { margin: 20px 10px 0 10px; } .catalog-one-image_thumbnails .swiper-wrapper { justify-content: flex-start } .catalog-one-popup_gallery { padding: 0 20px } .catalog-one-popup_slider img { max-width: 95%; } .catalog-one-popup_thumb-slider { margin: 0 10px } .catalog-one-popup_thumb-slider .swiper-wrapper { justify-content: flex-start } .switch-block-wrapper { padding-bottom: 60px } .additional-columns-wrapper { padding-top: 32px } .logo-partners-info { padding: 24px } .logo-partners-close { top: 12px; right: 12px } .news-standart-item { padding-bottom: 35px; margin-bottom: 32px } .main-column_wide { max-width: 100%; } .share-block { width: 48px; height: 48px } .share-list_abs { /*margin-top: -10px*/ } .share-list { margin-top: 0; padding: 0 0 15px 0 } .share-open { height: 44px } .share-block .ya-share2__icon { height: 36px !important; width: 36px !important; } .personal-list { padding-top: 0px } .personal-list-item { width: 48%; margin-bottom: 32px } .personal-list-image { margin-bottom: 12px } .personal-list-title { padding-bottom: 8px } .basket-list-title { margin-bottom: 32px } .basket-list-item { padding: 24px 0 } .basket-list-price { width: auto; margin-right: 25px } .basket-list-result { margin-left: 25px } .basket-list-image { margin-right: 10px } .basket-list-footer_input { width: auto } .basket-list-name { min-height: 0 } .basket-list-button input { width: 100% } .content-wrapper { padding-top: 32px } .precontent-wrapper { padding: 0 0 32px 0 } .ticket-wrapper { padding-top: 32px } .ticket-wrapper-left { padding-top: 32px } .scroll-block-prev, .scroll-block-next { width: 48px; height: 48px; top: -65px } .scroll-block-prev { right: 56px } .ticket-wrapper h2 { padding-bottom: 32px } .ticket-list-item { width: 110px; height: 100px; } .ticket-list-date { margin: 24px 0 6px 0 } .ticket-wrapper .scroll-block { margin-bottom: 40px } .ticket-form-2 { width: 70px; } .ticket-form-3 { margin-right: 20px; width: 80px; } .ticket-form-4 { width: 80px; } .ticket-form-wrapper { padding: 24px 0 35px 0; } .ticket-form-description { margin-bottom: 32px } .ticket-form-td { padding: 12px 0; } .ticket-form-open .open-arr { top: 1px } .ticket-form-result { padding: 12px } .ticket-form-result_button a { height: 58px } .ticket-form-table .basket-counter { width: 80px; } .basket-counter .plus { right: 6px; width: 10px; height: 10px; margin-top: -5px } .basket-counter .minus { left: 6px; width: 10px; height: 10px; margin-top: -5px } .document-list-item { margin-bottom: 32px; width: 48% } .site-page-title-wide { margin-bottom: 32px } .document-list-image:after { width: 48px; height: 48px; background-position: 5px 50% } .content-popup-gallery .swiper-slide { width: 100% !important } .page-error-left { width: 50% } .page-error-text { margin-left: 0; width: 50% } .ticket-order-flex { margin-top: 0 } .ticket-select-wrapper { padding-top: 32px } .site-page-detail.pushkin { margin-bottom: 0; margin-top: -15px; margin-right: 0 } .news-wrapper .main-column_middle { width: 100% } .over-image .content-popup-close { right: 12px; top: 12px; width: 48px; height: 48px } .content-popup .over-image { } .over-image-swiper { width: 380px } .over-image_next, .over-image_prev { width: 32px; height: 32px; margin-top: -16px; } .personal-list-image { width: 80px; margin-right: 10px } .personal-list-image.nophoto { background-size: cover } .tripple-row .row-item:nth-child(2) { margin-bottom: 35px } .tripple-row .row-item:nth-child(3n) { display: block } #coockie-rules { margin: 0 16px; bottom: 16px } #coockie-rules .coockie-items_wrap { padding: 18px 60px 18px 18px; } .logo-link--main { width: 115px !important; height: 58px !important; } .logo-link--shop { top: 14px !important; left: 45px !important; width: 65px !important; height: 26px !important; } .catalog-sections { margin-bottom: 16px; } .catalog-sections li { margin: 0 16px 16px 0; } .catalog-sections a { padding: 6px; } .form-field--sibling-button { width: calc(100% - 148px); } .search-button { width: 120px; height: 57px; } .exhib-description { left: 0px; right: 0px; top: 0; bottom: auto; } } @media (max-width: 480px) { .text-photoblock { display: block } .text-photoblock-left { width: auto } .text-photoblock-right { width: auto } .text-photoblock-right div { padding: 10px 0 1.5em 0; } .text-photoblock-right .text-photoblock-right_link { padding-bottom: 0 } .content table td { padding: 16px 10px; } .content table th { padding: 16px 10px; } .switch-panel { display: none } .switch-panel-select { display: block; width: 100%; margin-bottom: 32px; background: #fff; border: 1px solid #E0E0E0; font-size: 12px; padding: 18px 10px; -moz-appearance: none; -webkit-appearance: none; appearance: none; background: url(/local/templates/russian/styles/img/select.svg) no-repeat 95% 50% } .switch-panel-select::-ms-expand { display: none; } .content-columns { padding-bottom: 20px } .exhib-slider-navigation { top: 16px; left: 0 } .exhib-slider-navigation div { width: 42px; height: 42px } .exhib-slider-prev { margin-right: 0; background: url(/local/templates/russian/styles/img/navarr_mob.svg) no-repeat 50%; } .exhib-slider-next { margin-left: 12px; background: url(/local/templates/russian/styles/img/navarr_mob.svg) no-repeat 50%; } .exhib-slider-settings .swiper-pagination { bottom: -45px; color: #000; right: 0 } .additional-col-twice { display: block; padding-bottom: 20px } .additional-col-twice > div { width: auto; display: flex; } .additional-col-twice > div > div { width: 50% } .additional-col-twice > div > div:last-child { text-align: right } .additional-col-twice > div.no-mobile-flex { display: block; } .page-back-link { padding: 32px 0; } .events-block { padding: 32px 0; } .buy-slider-in { padding: 40px 16px } .buy-slider-title { padding-bottom: 50px } .buy-slider-settings div { width: 42px; height: 42px } .buy-slider-settings .buy-slider-prev { right: 37px } .buy-slider-left { margin-bottom: 30px } .buy-slider-item { padding: 40px 25px 40px 25px; display: block } .buy-slider-item_image { width: auto; text-align: center; margin-bottom: 24px } .buy-slider-item_number { margin-bottom: 22px } .buy-slider-item_price { margin-bottom: 22px } .buy-slider-menu_shop a { padding-bottom: 4px } .buy-slider-menu_shop svg { width: 18px; height: 18px } .additional-logo-block { display: block; padding-bottom: 0 } .additional-logo-title { width: auto; margin: 0 0 13px 0; } .additional-columns { padding: 32px 0 23px 0; } .site-page-detail { font-size: 12px } .site-page-detail a { height: 58px } .additional-columns .additional-col-wide > .flex { display: block } .additional-columns .additional-col-wide .additional-col { width: auto } .additional-columns .additional-col-wide .additional-col:last-child { width: auto } .additional-col-inner { padding-top: 0; padding-bottom: 30px; } .button a { height: 58px; font-size: 12px } .button.person-button a:before { width: 19px; height: 19px; background-size: contain; margin-right: 6px } .form-popup-in { padding: 40px 16px 50px 16px; } .content-popup-close { top: 13px; right: 20px } .form-field-cols { display: block } .form-field-cols .form-field { width: auto } .form-footer { display: block; padding-top: 0 } .form-footer > div { width: auto } .form-footer > div:first-child { padding-bottom: 20px } .head-illustr .watermark { padding-right: 32px } .head-illustr .watermark:after { width: 89px; height: 89px; bottom: -12px; background-size: cover } .gallery-wrapper { padding-top: 15px } .gallery-image, .to-right .gallery-image { float: none } .gallery-open-block { margin-right: 32px } .gallery-image img { width: 100% } .to-right .gallery-open-block { margin-right: 32px; margin-left: 0; } .content-gallery-image img { max-height: 500px; max-width: 310px } .video-block { height: 159px; margin-bottom: 60px } .video-block .play { width: 64px; height: 64px; background-size: cover; margin-left: -32px; margin-top: -32px } .video-wrapper-over .play { width: 64px; height: 64px; background-size: cover; margin-left: -32px; margin-top: -32px } .catalog-main-list { display: block; } .catalog-main-item { width: auto } .catalog-main-item > div { padding: 24px 24px 60px 24px; } .catalog-main-item_price { padding: 0 32px; bottom: 76px; } .catalog-main-item_gift { width: 64px; height: 64px; background-size: contain } .product-item-button-container { height: 26px; } .product-buy { left: 32px; right: 32px; bottom: 32px; height: 32px; font-size: 14px; } .news-standart-image { width: 100% } .logo-partners-list { padding-bottom: 32px } .logo-partners-list .arrow { bottom: -48px } .logo-partners-item_left { padding-bottom: 16px } .logo-partners-info { padding: 16px } .switch-block-wrapper { padding-bottom: 32px } .wide-additional .additional-col-twice > div { width: 100% } .exhib-slider-settings { margin-bottom: 100px } .form-switch-wrapper { padding-bottom: 20px } .main-column_wide.mini > .row-item:first-child { margin-bottom: 32px } .form-field-tripple { display: block } .form-field-tripple .form-field { margin-bottom: 16px } .form-field-cols .form-field { margin-bottom: 16px } .order-check-result .price { font-size: 38px } .page-error { padding-bottom: 0 } .page-error-image { margin-bottom: 16px } .page-error h1 { padding-bottom: 20px } .page-error-left { width: 50% } .page-error-text { margin-left: 0; font-size: 12px; width: 50% } .p { padding-bottom: 32px } .search-page { padding-bottom: 32px } .search-page .main-right-menu_search-flex { padding-bottom: 16px } .search-item { padding-bottom: 16px } .over-image-swiper { width: 320px } .personal-list-item { width: 100%; align-items: center } .personal-list-doomy { display: none } .logo-partners-arr { left: 30px } .form-field--sibling-button { width: calc(100% - 70px); } .search-button { width: 57px; font-size: 0; background: url(/local/templates/russian/styles/img/search.svg) center center no-repeat; } .search-button:hover { background: url(/local/templates/russian/styles/img/search.svg) center center no-repeat; } .popup-window.popup-window-with-titlebar { padding: 10px; } .popup-window-titlebar-text { font-size: 16px; line-height: 1.5; padding: 0 38px 0 0; } .popup-window-close-icon { top: 10px; right: 10px; } .popup-window-buttons .btn-buy { height: 54px; border: 1px solid #E1AD00 !important; align-items: center; text-decoration: none; justify-content: center; font-family: 'Inter Medium'; cursor: pointer; padding: 0 15px; transition: .2s; background: #fff !important; font-size: 20px; } .exhib-description { top: auto; bottom: 0; } } @media (max-width: 380px) { .footer-column .copyr-block { display: none } .footer-column:last-child .copyr-block { display: block; padding-bottom: 15px } .logo-list a { width: 40%; margin: 0 20px 30px 0 } .main-right-menu div { margin-left: 10px } .fixed-row { justify-content: space-between } .main-column_wide .fixed-row .row-item { width: 49%; margin-right: 0; margin-bottom: 32px } .fixed-row .row-item .news-article-image { height: 220px } .ticket-form-2 { width: 60px; } .ticket-form-3 { margin-right: 15px; } .ticket-form-4 { width: 60px; } .captha { display: block } .form-block .captha img { margin-left: 0px; margin-bottom: 40px; margin-top: -20px; max-width: 160px } .personal-list-image.nophoto { /*background-size: 60% 60%*/ } .over-image .content-popup-close { right: 8px; top: 8px; width: 32px; height: 32px } .over-image .content-popup-close:before { height: 12px; margin-top: -6px } .over-image .content-popup-close:after { height: 12px; margin-top: -6px } .over-image-swiper { width: 280px } } @media (max-width: 340px) { .content-gallery-image img { max-height: 400px; max-width: 260px } } /* End */ /* Start:/local/templates/russian/styles/add.css?1666156730182*/ .incorrect_captcha { border:1px solid red !important; } div.form-tnx { border: 1px solid #E1AD00; padding:30px 10px 0px 10px; } input.current_date { display:none; } /* End */ /* Start:/local/templates/russian/blind/blind.css?166495592040235*/ body.whiteblack .fixed-head, body.blackwhite .fixed-head, body.blue .fixed-head { top: 91px } body.whiteblack .head, body.blackwhite .head, body.blue .head { margin-top: 90px } body.whiteblack .rec-popup, body.blackwhite .rec-popup, body.blue .rec-popup { top: 200px } body.whiteblack #pageNavigation.fixed, body.blackwhite #pageNavigation.fixed, body.blue #pageNavigation.fixed { top: 180px } body.whiteblack .content-wrapper.text-wrapper, body.blackwhite .content-wrapper.text-wrapper, body.blue .content-wrapper.text-wrapper { padding-top: 310px } body.whiteblack .head + .content-wrapper.text-wrapper, body.blackwhite .head + .content-wrapper.text-wrapper, body.blue .head + .content-wrapper.text-wrapper { padding-top: 0; } body.whiteblack .content .blockquote:before, body.blackwhite .content .blockquote:before, body.blue .content .blockquote:before { display: none } /*whiteblack*/ body.whiteblack { background: #fff!important; color: #000 } .whiteblack * { border-color: #000!important } .whiteblack div { color: #000 } .whiteblack a { color: #000!important; border: none !important } .whiteblack a:hover { color: #000!important } .whiteblack h1, .whiteblack h2, .whiteblack h3, .whiteblack h4, .whiteblack h5, .whiteblack p, .whiteblack span { color: #000!important } .whiteblack blockquote, .whiteblack blockquote p { color: #000; } .whiteblack table { color: #000 } .whiteblack td { border-color: #000; color: #000; background-color: #fff !important } .whiteblack th { background-color: #000; color: #fff } .whiteblack input, .whiteblack textarea { border-color: #000; background-color: #fff; } .whiteblack input[type="submit"] { background-color: #000; color: #fff; border: 1px solid #000 } .whiteblack input[type="submit"]:hover { background-color: #000 } .whiteblack .rec-popup-link, .whiteblack .rec-popup-link div { color: #fff !important } .whiteblack .logo svg path { fill: #000 } .whiteblack .fixed-left-menu_title span:after { background: #000 } .whiteblack .head-top-menu_buy a { border: 1px solid #000 !important; } .whiteblack .head-top-menu_link a:after { background: #000 } .whiteblack .head-top-menu_shop a:before { background: #000 } .whiteblack .head-top-menu_shop a:hover svg path { stroke: #000 } .whiteblack .main-right-menu_lang a:after { background: #000 } .whiteblack .main-right-menu_impaired a:hover svg path { fill: #000 } .whiteblack .main-right-menu_impaired a:hover svg circle { stroke: #000 } .whiteblack .main-right-menu_search a:hover svg path { stroke: #000 } .whiteblack .site-page-detail { border: 1px solid #000 } .whiteblack .site-page-detail a:hover { background: none } .whiteblack .swiper-navigations .swiper-pagination { color: #000 } .whiteblack .search-block button:hover svg path { stroke: #000 } .whiteblack .search-block-close:hover:before, .whiteblack .search-block-close:hover:after { background: #000 } .whiteblack .navigation-panel a:hover svg path { stroke: #000 } .whiteblack .inner-link a:before { background: #000 } .whiteblack a:hover .arr-forw span, .whiteblack a:hover .arr-forw:before, .whiteblack a:hover .arr-forw:after { background: #000 } .whiteblack .gray-border { background: #000; } .whiteblack .anonse-slider-in { color: #fff } .whiteblack .anonse-slider-in div { color: #fff } .whiteblack .anonse-slider-navigation div { border-color: #fff !important } .whiteblack .anonse-slider-navigation div:hover { background-color: transparent !important } .whiteblack .fixed .navigation-panel_progress { background: #000; opacity: .5 } .whiteblack .anonse-slider-link a { color: #fff !important } .whiteblack .anonse-slider-link a:before { background: #fff } .whiteblack .anonse-slider-item_title { border-color: #fff !important } .whiteblack .footer-wrapper a:before { background: #000 } .whiteblack .footer-wrapper a:hover svg path { stroke: #000 } .whiteblack .popup-left-menu_title span:after { background: #000 } .whiteblack .footer-wrapper .to-top { border: 1px solid #000 !important } .whiteblack .footer-wrapper .to-top:hover { background: none } .whiteblack .soc-icon a:hover svg path { fill: #000; stroke: none } .whiteblack .soc-icon.phone:hover svg path { fill: none; stroke: #000; } .whiteblack .soc-icon.phone:hover svg path + path { fill: #000; } .whiteblack .content ul > li:before { background: #000 } .whiteblack .content ul li ul > li:before { background: #000; } .whiteblack .content ul li ul li ul > li:before { background: none; border: 1px solid #000 } .whiteblack .content ul li ul li ul li ul > li:before { border-color: #000; } .whiteblack .content ul li ul li ul li ul li ul > li:before { border-color: #000 } .whiteblack .text-photoblock-right a:hover svg path { stroke: #000 } .whiteblack .exhib-slider-navigation div { border-color: #fff !important } .whiteblack .exhib-slider-navigation div:hover { background-color: transparent } .whiteblack .buy-slider-left div { color: #fff !important } .whiteblack .buy-slider-settings div { border-color: #fff !important } .whiteblack .buy-slider-settings div { background-color: transparent } .whiteblack .buy-slider-menu_shop a { color: #fff !important } .whiteblack .buy-slider-menu_shop a:hover svg path { stroke: #fff } .whiteblack .buy-slider-menu_shop a:after { background: #fff } .whiteblack .page-back-link a:after { background: #000 } .whiteblack a:hover .arr-back:before, .whiteblack a:hover .arr-back:after, .whiteblack a:hover .arr-back span { background: #000 } .whiteblack .button a { border: 1px solid #000 !important } .whiteblack .form-field label { color: #000; } .whiteblack .checkbox-input label:before { border: 1px solid #000; } .whiteblack .checkbox-input label:after { background: #000 } .whiteblack .content-popup-close:hover:before { background: #000 } .whiteblack .content-popup-close:hover:after { background: #000 } .whiteblack .switch-panel a.active:after { background: #aaa; } .whiteblack .document-list-image:after { background: #000 url(/local/templates/russian/blind/../styles/img/icons/icon-link_white.svg) no-repeat 13px 50%; } .whiteblack .catalog-main-item { border: 1px solid #000 } .whiteblack .catalog-main-item:hover:before { border-color: #000 } .whiteblack .catalog-main-item_tags .premium .icon { background-image: url(/local/templates/russian/blind/../styles/img/icons/nice-icon_black.svg); } .whiteblack .catalog-main-item_tags .discount .icon { background-image: url(/local/templates/russian/blind/../styles/img/icons/discount-icon_black.svg); } .whiteblack .catalog-main-item_tags .brand .icon { background-image: url(/local/templates/russian/blind/../styles/img/icons/brand-icon_black.svg); } .whiteblack .show-more:hover { background: none } .whiteblack .pagination .next:hover svg path { stroke: #000 } .whiteblack .pagination a.sel { background: #000; color: #fff !important; padding: 0 4px } .whiteblack .pagination-option .pagination-text { color: #000 } .whiteblack .main-right-menu_basket a:hover svg path { stroke: #000 } .whiteblack .sort-select_item label:before { border-color: #000 } .whiteblack .sort-select_item label:after { background: none } .whiteblack .sort-select_item input:checked + label:after { background: #000 } .whiteblack .main-right-menu_basket span { color: #fff !important } .whiteblack .catalog-one_footer-left a:before { background: #000 } .whiteblack .catalog-one_footer-left a:hover svg path { stroke: #000 } .whiteblack .catalog-one_footer-slider-title a:hover svg path { stroke: #000 } .whiteblack .catalog-one_nav .swiper-pagination-bullet-active { background: #000 } .whiteblack .catalog-one-popup_nav div:hover { background-color: transparent } .whiteblack .basket-list-footer_sub a:after { background: #000 } .whiteblack .basket-list-clear a:after { background: #000 } .whiteblack .ticket-list-item { opacity: 1 } .whiteblack .ticket-list-item.active { border-width: 2px } .whiteblack .active .ticket-list-number, .whiteblack .ticket-list-number { background: #000; color: #fff } .whiteblack .ticket-form-result_button a { border: 1px solid #000 !important } .whiteblack .ticket-form-result_button a:hover { background: none } .whiteblack .ticket-select-item a { border: 1px solid #000 !important } .whiteblack .ticket-select-item.active a { border: 2px solid #000 !important } .whiteblack .radio-input label:after { background: none } .whiteblack .radio-input label:before { border: 1px solid #000; } .whiteblack .form-field .radio-input input:checked + label:after { background: #000 } .whiteblack .order-check-block .tobasket a:before { background: #000 } .whiteblack .video-block .play { background: url(/local/templates/russian/blind/../styles/img/icons/icon-play_black.svg) no-repeat 0 0; } .whiteblack .head-illustr-image .plus { background: #000; } .whiteblack .head-illustr-image .plus:before, .whiteblack .head-illustr-image .plus:after { background: #fff } .whiteblack .logo-partners-list .arrow { background-image: url(/local/templates/russian/blind/../styles/img/orange-array_black.svg) } .whiteblack .news-standart-link a:before { background: #000 } .whiteblack .news-standart-link a:hover svg path { stroke: #000 } .whiteblack .form-comment { background: #000; color: #fff } .whiteblack .form-comment-popup { color: #fff !important } /*blackwhite*/ body.blackwhite { background: #000 !important; color: #fff } .blackwhite * { border-color: #fff!important } .blackwhite div { color: #fff; } .blackwhite a { color: #fff !important; border: none !important } .blackwhite a:hover { color: #fff !important } .blackwhite h1, .blackwhite h2, .blackwhite h3, .blackwhite h4, .blackwhite h5, .blackwhite h6, .blackwhite p, .blackwhite span { color: #fff !important } .blackwhite blockquote, .blackwhite blockquote p { color: #fff; } .blackwhite .content table { color: #fff } .blackwhite .content td { border-color: #fff; color: #fff; background-color: #000 !important } .blackwhite .content th { background-color: #fff; color: #000 } .blackwhite ul > li:before { background: #fff; } .blackwhite ul ul > li:before { background: #fff; } .blackwhite input, .blackwhite textarea { border-color: #fff; background-color: #000; color: #fff } .blackwhite input[type="submit"] { background-color: #000; color: #fff; border: 1px solid #fff } .blackwhite input[type="submit"]:hover { background-color: #000 } .blackwhite input::-webkit-input-placeholder { color: #fff; opacity: 1 } .blackwhite input::-moz-placeholder { color: #fff; opacity: 1 } .blackwhite input:-ms-input-placeholder { color: #fff; opacity: 1 } .blackwhite input::-ms-input-placeholder { color: #fff; opacity: 1 } .blackwhite input::placeholder { color: #fff; opacity: 1 } .blackwhite .fixed-head { background: #000; box-shadow: none } .blackwhite .rec-popup-close { background: #fff } .blackwhite .rec-popup-close-in:after, .blackwhite .rec-popup-close-in:before { background: #000 } .blackwhite .logo svg path { fill: #fff } .blackwhite .fixed-left-menu_title span:after { background: #fff } .blackwhite .head-top-menu_buy a { border: 1px solid #fff !important; } .blackwhite .head-top-menu_link a:after { background: #fff } .blackwhite .head-top-menu_shop a:before { background: #fff } .blackwhite .head-top-menu_shop a svg path { stroke: #fff } .blackwhite .head-top-menu_shop a:hover svg path { stroke: #fff } .blackwhite .main-right-menu_lang a:after { background: #fff } .blackwhite .main-right-menu_impaired a svg path { fill: #fff } .blackwhite .main-right-menu_impaired a:hover svg path { fill: #fff } .blackwhite .main-right-menu_impaired a svg circle { stroke: #fff } .blackwhite .main-right-menu_impaired a:hover svg circle { stroke: #fff } .blackwhite .main-right-menu_search a svg path { stroke: #fff } .blackwhite .main-right-menu_search a:hover svg path { stroke: #fff } .blackwhite .site-page-detail { border: 1px solid #fff } .blackwhite .site-page-detail a:hover { background: none } .blackwhite .main-right-langmenu { background: #000 } .blackwhite .swiper-navigations .swiper-pagination { color: #fff } .blackwhite .swiper-buttons .swiper-button-prev, .blackwhite .swiper-buttons .swiper-button-next { background-image: url(/local/templates/russian/blind/../styles/img/navarr.svg); } .blackwhite .navigation-panel a svg path { stroke: #fff } .blackwhite #pageNavigation.fixed { background: #000 } .blackwhite .fixed .navigation-panel_progress { background: #000; opacity: .5 } .blackwhite .search-block { background: #000 } .blackwhite .search-block button svg path { stroke: #fff } .blackwhite .search-block button:hover svg path { stroke: #fff } .blackwhite .search-block-close:before, .blackwhite .search-block-close:after { background: #fff } .blackwhite .search-block-close:hover:before, .blackwhite .search-block-close:hover:after { background: #fff } .blackwhite .search-block-in:after { background: #fff } .blackwhite .popup-left-menu_wrapper { background: #000 } .blackwhite .popup-left-menu_item > a { background: #000 } .blackwhite .popup-left-submenu:after { background: #fff } .blackwhite .soc-icon a svg path { fill: #fff; stroke: none } .blackwhite .soc-icon.phone svg path { fill: none; stroke: #fff; } .blackwhite .soc-icon.phone svg path + path { fill: #fff; } .blackwhite .soc-icon a:hover svg path { fill: #fff; stroke: none } .blackwhite .soc-icon.phone:hover svg path { fill: none; stroke: #fff; } .blackwhite .soc-icon.phone:hover svg path + path { fill: #fff; } .blackwhite .popup-left-menu_title span:after { background: #fff } .blackwhite .inner-link a:before { background: #fff } .blackwhite a .arr-forw span, .blackwhite a .arr-forw:before, .blackwhite a .arr-forw:after { background: #fff } .blackwhite a:hover .arr-forw span, .blackwhite a:hover .arr-forw:before, .blackwhite a:hover .arr-forw:after { background: #fff } .blackwhite .gray-border { background: #fff; } .blackwhite .anonse-slider-in { color: #fff } .blackwhite .anonse-slider-in div { color: #fff } .blackwhite .anonse-slider-navigation div { border-color: #fff !important } .blackwhite .anonse-slider-navigation div:hover { background-color: transparent !important } .blackwhite .anonse-slider-link a { color: #fff !important } .blackwhite .anonse-slider-link a:before { background: #fff } .blackwhite .anonse-slider-item_title { border-color: #fff !important } .blackwhite .footer-wrapper a:before { background: #fff } .blackwhite .footer-wrapper a svg path { stroke: #fff } .blackwhite .footer-wrapper a:hover svg path { stroke: #fff } .blackwhite .popup-left-menu_title span:after { background: #fff } .blackwhite .logo-list a { display: none } .blackwhite .logo-list a.black { display: block; background: none } .blackwhite .footer-wrapper .to-top { border: 1px solid #fff !important; background: none } .blackwhite .footer-wrapper .to-top:hover { background: none } .blackwhite .content ul > li:before { background: #fff } .blackwhite .content ul li ul > li:before { background: #fff; } .blackwhite .content ul li ul li ul > li:before { background: none; border: 1px solid #fff } .blackwhite .content ul li ul li ul li ul > li:before { border-color: #fff; } .blackwhite .content ul li ul li ul li ul li ul > li:before { border-color: #fff } .blackwhite .text-photoblock-right a:hover svg path { stroke: #fff } .blackwhite .content ol > li:before { color: #fff; } .blackwhite .text-photoblock-right a svg path { stroke: #fff } .blackwhite .text-photoblock-right a:hover svg path { stroke: #fff } .blackwhite .spoiler-name:after { background-image: url(/local/templates/russian/blind/../styles/img/spoiler_white.svg) } .blackwhite .exhib-slider-navigation div { border-color: #fff !important } .blackwhite .exhib-slider-navigation div:hover { background-color: transparent } .blackwhite .additional-addres-image { background-image: url(/local/templates/russian/blind/../styles/img/icons/icon-addres_white.svg) } .blackwhite .page-back-link a:after { background: #fff } .blackwhite a:hover .arr-back:before, .blackwhite a:hover .arr-back:after, .blackwhite a:hover .arr-back span, .blackwhite .arr-back:before, .blackwhite .arr-back:after, .blackwhite .arr-back span { background: #fff } .blackwhite .buy-slider-left div { color: #fff !important } .blackwhite .buy-slider-settings div { border-color: #fff !important } .blackwhite .buy-slider-settings div { background-color: transparent } .blackwhite .buy-slider-menu_shop a { color: #fff !important } .blackwhite .buy-slider-menu_shop a:hover svg path, .blackwhite .buy-slider-menu_shop svg path { stroke: #fff } .blackwhite .buy-slider-menu_shop a:after { background: #fff } .blackwhite .swiper-slide div { color: #000 !important } .blackwhite .swiper-slide .site-page-detail { border-color: #000 !important; } .blackwhite .swiper-slide .site-page-detail a { color: #000 !important } .blackwhite .buy-slider-item_tags span { color: #000 !important; border-color: #000 !important } .blackwhite .content-popup { background: #000 } .blackwhite .button a { border: 1px solid #fff !important } .blackwhite .checkbox-input label:before { border: 1px solid #fff; } .blackwhite .checkbox-input label:after { background: #fff } .blackwhite .content-popup-close:hover:before, .blackwhite .content-popup-close:before { background: #fff } .blackwhite .content-popup-close:hover:after, .blackwhite .content-popup-close:after { background: #fff } .blackwhite select { color: #fff; background-color: #000 } .blackwhite .form-field .select-input:after { background: url(/local/templates/russian/blind/../styles/img/select-drop_white.svg) no-repeat 0 0; z-index: 1 } .blackwhite .form-field label { color: #fff; z-index: 2 } .blackwhite .file-input:after { background: url(/local/templates/russian/blind/../styles/img/icons/icon-file_white.svg) no-repeat 0 0; } .blackwhite .datepicker { background: #000; } .blackwhite .datepicker--pointer { border-top: 1px solid #fff !important; border-right: 1px solid #fff !important; background: #000 } .blackwhite .datepicker--cell:hover { color: #000 } .blackwhite .logo-partners-list div { background: #fff } .blackwhite .switch-panel a.active:after { background: #aaa; } .blackwhite .document-list-image:after { background: #000 url(/local/templates/russian/blind/../styles/img/icons/icon-link_white.svg) no-repeat 13px 50%; } .blackwhite .catalog-main-item { border: 1px solid #fff; background: #000 } .blackwhite .catalog-main-item:hover:before { border-color: #fff } .blackwhite .catalog-main-item_image { background: none !important } .blackwhite .catalog-main-item_tags > div { border-color: #000 !important } .blackwhite .catalog-main-item_tags > div span { color: #000 !important } .blackwhite .show-more span:before, .blackwhite .show-more span:after { background: #fff } .blackwhite .catalog-main-item_tags .premium .icon { background-image: url(/local/templates/russian/blind/../styles/img/icons/nice-icon_black.svg); } .blackwhite .catalog-main-item_tags .discount .icon { background-image: url(/local/templates/russian/blind/../styles/img/icons/discount-icon_black.svg); } .blackwhite .catalog-main-item_tags .brand .icon { background-image: url(/local/templates/russian/blind/../styles/img/icons/brand-icon_black.svg); } .blackwhite .show-more:hover { background: none } .blackwhite .pagination .next svg path, .blackwhite .pagination .next:hover svg path { stroke: #fff } .blackwhite .pagination a.sel { background: #fff; color: #000 !important; padding: 0 4px } .blackwhite .pagination-option .pagination-text { color: #fff } .blackwhite .main-right-menu_basket a svg path, .blackwhite .main-right-menu_basket a:hover svg path { stroke: #fff } .blackwhite .sort-select_item label:before { border-color: #fff } .blackwhite .sort-select_item label:after { background: none } .blackwhite .sort-select_item input:checked + label:after { background: #fff } .blackwhite .catalog-head_sort_select-title:after { border-top-color: #fff } .blackwhite .catalog-head_sort_select-abs { background: #000; } .blackwhite .main-right-menu_basket span { color: #fff !important } .blackwhite .catalog-gift-text:after { background-image: url(/local/templates/russian/blind/../styles/img/gift_white.svg) } .blackwhite .catalog-one_footer-left a:before { background: #fff } .blackwhite .catalog-one_footer-left a svg path, .blackwhite .catalog-one_footer-left a:hover svg path { stroke: #fff } .blackwhite .catalog-one_footer-slider-info { background: #000 } .blackwhite div.catalog-one_footer-slider-tag { color: #fff !important } .blackwhite .catalog-one_footer-slider-title a svg path, .blackwhite .catalog-one_footer-slider-title a:hover svg path { stroke: #fff } .blackwhite .catalog-one_nav .swiper-pagination-bullet-active { background: #fff } .blackwhite .catalog-one-popup_nav div:hover { background-color: transparent } .blackwhite .catalog-one-popup_nav div { background-image: url(/local/templates/russian/blind/../styles/img/navarr.svg) } .blackwhite .basket-counter .plus:before, .blackwhite .basket-counter .plus:after, .blackwhite .basket-counter .minus:before, .blackwhite .basket-counter .minus:after { background: #fff } .blackwhite .basket-list-footer_sub a:after { background: #fff } .blackwhite .basket-list-clear a:after { background: #fff } .blackwhite .ticket-list-item { opacity: 1 } .blackwhite .ticket-list-item.active { border-width: 2px } .blackwhite .active .ticket-list-number, .blackwhite .ticket-list-number { background: #fff; color: #000 } .blackwhite .scroll-block-next, .blackwhite .scroll-block-prev { background-image: url(/local/templates/russian/blind/../styles/img/navarr.svg); } .blackwhite .scroll-block-prev.disable, .blackwhite .scroll-block-next.disable { opacity: .5 } .blackwhite .ticket-form-result_button a { border: 1px solid #fff !important } .blackwhite .ticket-form-result_button a:hover { background: none } .blackwhite .ticket-form-result_count:before { border-top-color: #fff } .blackwhite .ticket-form-open .open-arr:before, .blackwhite .ticket-form-open .open-arr:after { background: #fff } .blackwhite .ticket-select-item a { border: 1px solid #fff !important } .blackwhite .ticket-select-item.active a { border: 2px solid #fff !important } .blackwhite .radio-input label:after { background: none } .blackwhite .radio-input label:before { border: 1px solid #fff; } .blackwhite .form-field .radio-input input:checked + label:after { background: #fff } .blackwhite .order-check-block .tobasket a:before { background: #fff } .blackwhite .form-brd { background: #fff } .blackwhite .site-page-h1.museum-title:before { background: url(/local/templates/russian/blind/../styles/img/museum_white.svg) no-repeat 0 0; } .blackwhite .head-illustr-image .plus { background: #fff; } .blackwhite .head-illustr-image .plus:before, .blackwhite .head-illustr-image .plus:after { background: #000 } .blackwhite .video-block .play { background: url(/local/templates/russian/blind/../styles/img/icons/icon-play_black.svg) no-repeat 0 0; } .blackwhite .content .inner-link a { color: #fff !important } .blackwhite .logo-partners-list .arrow { background-image: url(/local/templates/russian/blind/../styles/img/orange-array_white.svg) } .blackwhite .news-standart-link a:before { background: #fff } .blackwhite .news-standart-link a svg path, .blackwhite .news-standart-link a:hover svg path { stroke: #fff } .blackwhite .form-comment { background: #fff; color: #000 } .blackwhite .form-comment-popup { background: #fff; color: #000 !important } .blackwhite .form-comment-arr:after { border-top-color: #fff; } .blackwhite .news-article-image { border: 1px solid #fff } /*blue*/ body.blue { background: #9dd1ff !important; color: #063462 } .blue * { border-color: #063462!important } .blue div { color: #063462; } .blue a { color: #063462 !important; border: none !important } .blue a:hover { color: #063462 !important } .blue h1, .blue h2, .blue h3, .blue h4, .blue h5, .blue p, .blue span { color: #063462 !important } .blue blockquote, .blue blockquote p { color: #063462; } .blue .content table { color: #063462 } .blue .content table td { border-color: #063462; color: #063462; background-color: #9dd1ff !important } .blue .content table th { background-color: #063462; color: #9dd1ff; border: 1px solid #063462; } .blue input, .blue textarea { border-color: #063462; background-color: #9dd1ff; color: #063462 } .blue input[type="submit"] { background-color: #063462; color: #9dd1ff; border: 1px solid #9dd1ff } .blue input[type="submit"]:hover { background-color: #063462 } .blue .fixed-head { background: #9dd1ff; box-shadow: none } .blue .rec-popup { background: #063462 } .blue .rec-popup-close { background: #063462 } .blue .rec-popup-link, .blue .rec-popup-link div { color: #9dd1ff !important } .blue .rec-popup-close-in:after, .blue .rec-popup-close-in:before { background: #9dd1ff } .blue .logo svg path { fill: #063462 } .blue .fixed-left-menu_title span:after { background: #063462 } .blue .head-top-menu_buy a { border: 1px solid #063462 !important; } .blue .head-top-menu_link a:after { background: #063462 } .blue .head-top-menu_shop a:before { background: #063462 } .blue .head-top-menu_shop a svg path { stroke: #063462 } .blue .head-top-menu_shop a:hover svg path { stroke: #063462 } .blue .main-right-menu_lang a:after { background: #063462 } .blue .main-right-menu_impaired a svg path { fill: #063462 } .blue .main-right-menu_impaired a:hover svg path { fill: #063462 } .blue .main-right-menu_impaired a svg circle { stroke: #063462 } .blue .main-right-menu_impaired a:hover svg circle { stroke: #063462 } .blue .main-right-menu_search a svg path { stroke: #063462 } .blue .main-right-menu_search a:hover svg path { stroke: #063462 } .blue .site-page-detail { border: 1px solid #063462 } .blue .site-page-detail a:hover { background: none } .blue .main-right-langmenu { background: #9dd1ff } .blue .swiper-navigations .swiper-pagination { color: #063462 } .blue .navigation-panel a svg path { stroke: #063462 } .blue #pageNavigation.fixed { background: #9dd1ff } .blue .fixed .navigation-panel_progress { background: #063462; opacity: .5 } .blue .search-block { background: #9dd1ff } .blue .search-block button svg path { stroke: #063462 } .blue .search-block button:hover svg path { stroke: #063462 } .blue .search-block-close:before, .blue .search-block-close:after { background: #063462 } .blue .search-block-close:hover:before, .blue .search-block-close:hover:after { background: #063462 } .blue .search-block-in:after { background: #063462 } .blue .popup-left-menu_wrapper { background: #9dd1ff } .blue .popup-left-menu_item > a { background: #9dd1ff } .blue .popup-left-submenu:after { background: #063462 } .blue .soc-icon a svg path { fill: #063462; stroke: none } .blue .soc-icon.phone svg path { fill: none; stroke: #063462; } .blue .soc-icon.phone svg path + path { fill: #063462; } .blue .soc-icon a:hover svg path { fill: #063462; stroke: none } .blue .soc-icon.phone:hover svg path { fill: none; stroke: #063462; } .blue .soc-icon.phone:hover svg path + path { fill: #063462; } .blue .popup-left-menu_title span:after { background: #063462 } .blue .inner-link a:before { background: #063462 } .blue a .arr-forw span, .blue a .arr-forw:before, .blue a .arr-forw:after { background: #063462 !important } .blue a:hover .arr-forw span, .blue a:hover .arr-forw:before, .blue a:hover .arr-forw:after { background: #063462 !important } .blue .gray-border { background: #063462; } .blue .anonse-slider-in { color: #9dd1ff } .blue .anonse-slider-in div { color: #9dd1ff } .blue .anonse-slider-navigation div { border-color: #9dd1ff !important } .blue .anonse-slider-navigation div:hover { background-color: transparent !important } .blue .anonse-slider-link a { color: #9dd1ff !important } .blue .anonse-slider-link a:before { background: #9dd1ff } .blue .anonse-slider-item_title { border-color: #9dd1ff !important } .blue .anonse-slider a .arr-forw span, .blue .anonse-slider a .arr-forw:before, .blue .anonse-slider a .arr-forw:after { background: #9dd1ff !important } .blue .anonse-slider a:hover .arr-forw span, .blue .anonse-slider a:hover .arr-forw:before, .blue .anonse-slider a:hover .arr-forw:after { background: #9dd1ff !important } .blue .anonse-slider-next, .blue .anonse-slider-prev { background-image: url(/local/templates/russian/blind/../styles/img/navarr_blue.svg) } .blue .footer-wrapper a:before { background: #063462 } .blue .footer-wrapper a svg path { stroke: #063462 } .blue .footer-wrapper a:hover svg path { stroke: #063462 } .blue .popup-left-menu_title span:after { background: #063462 } .blue .footer-wrapper .to-top { border: 1px solid #063462 !important; background: none } .blue .footer-wrapper .to-top:hover { background: none } .blue .content ul > li:before { background: #063462 } .blue .content ul li ul > li:before { background: #063462; } .blue .content ul li ul li ul > li:before { background: none; border: 1px solid #063462 } .blue .content ul li ul li ul li ul > li:before { border-color: #063462; } .blue .content ul li ul li ul li ul li ul > li:before { border-color: #063462 } .blue .text-photoblock-right a:hover svg path { stroke: #063462 } .blue .content ol > li:before { color: #063462; } .blue .text-photoblock-right a svg path { stroke: #063462 } .blue .text-photoblock-right a:hover svg path { stroke: #063462 } .blue .spoiler-name:after { background-image: url(/local/templates/russian/blind/../styles/img/spoiler_blue.svg) } .blue .content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #9dd1ff } .blue .content .mCSB_scrollTools .mCSB_draggerRail { background: #063462 } .blue .exhib-slider-navigation div { border-color: #9dd1ff !important } .blue .exhib-slider-navigation div { background-image: url(/local/templates/russian/blind/../styles/img/navarr_blue.svg) } .blue .exhib-slider-navigation div:hover { background-color: transparent } .blue .exhib-slider-settings .swiper-pagination { color: #9dd1ff } .blue .additional-addres-image { background-image: url(/local/templates/russian/blind/../styles/img/icons/icon-addres_blue.svg) } .blue .page-back-link a:after { background: #063462 } .blue a:hover .arr-back:before, .blue a:hover .arr-back:after, .blue a:hover .arr-back span, .blue .arr-back:before, .blue .arr-back:after, .blue .arr-back span { background: #063462 } .blue .buy-slider-left div { color: #9dd1ff !important } .blue .buy-slider-settings div { border-color: #9dd1ff !important } .blue .buy-slider-settings div { background-color: transparent } .blue .buy-slider-menu_shop a { color: #9dd1ff !important } .blue .buy-slider-menu_shop a:hover svg path, .blue .buy-slider-menu_shop svg path { stroke: #9dd1ff } .blue .buy-slider-menu_shop a:after { background: #9dd1ff } .blue .buy-slider-next, .blue .buy-slider-prev { background-image: url(/local/templates/russian/blind/../styles/img/navarr_blue.svg) } .blue .swiper-slide div { color: #063462 !important } .blue .swiper-slide .site-page-detail { border-color: #063462 !important; } .blue .swiper-slide .site-page-detail a { color: #063462 !important } .blue .catalog-main-item_tags > div { background: #9dd1ff } .blue .buy-slider-item_tags span { color: #063462 !important; border-color: #063462 !important } .blue .buy-slider-right { background: #9dd1ff } .blue .content-popup { background: #9dd1ff } .blue .button a { border: 1px solid #063462 !important } .blue .checkbox-input label:before { border: 1px solid #063462; } .blue .checkbox-input label:after { background: #063462 } .blue .content-popup-close:hover:before, .blue .content-popup-close:before { background: #063462 } .blue .content-popup-close:hover:after, .blue .content-popup-close:after { background: #063462 } .blue select { color: #063462; background-color: #9dd1ff } .blue .form-field .select-input:after { background: url(/local/templates/russian/blind/../styles/img/select-drop_blue.svg) no-repeat 0 0; z-index: 1 } .blue .form-field label { color: #063462; z-index: 2 } .blue .file-input:after { background: url(/local/templates/russian/blind/../styles/img/icons/icon-file_white.svg) no-repeat 0 0; } .blue .datepicker { background: #9dd1ff; } .blue .datepicker--pointer { border-top: 1px solid #063462 !important; border-right: 1px solid #063462 !important; background: #9dd1ff } .blue .datepicker--cell:hover { background: #063462; color: #9dd1ff } .blue .datepicker--cell.-current- { color: #063462 } .blue .datepicker--cell.-current-:hover { color: #9dd1ff } .blue .datepicker--cell.-selected-, .blue .datepicker--cell.-selected-.-current-, .blue .datepicker--cell.-selected-:hover, .blue .datepicker--cell.-selected-.-current-:hover { color: #9dd1ff; background: #063462; } .blue .datepicker--nav-title i { color: #063462 } .blue .switch-panel a.active:after { background: #9dd1ff; opacity: .6 } .blue .document-list-image:after { background: #063462 url(/local/templates/russian/blind/../styles/img/icons/icon-link_blue.svg) no-repeat 13px 50%; } .blue .catalog-main-item { border: 1px solid #063462; background: #9dd1ff } .blue .catalog-main-item:hover:before { border-color: #063462 } .blue .catalog-main-item_image { background: none !important } .blue .catalog-main-item_tags > div { border-color: #063462 !important } .blue .catalog-main-item_tags > div span { color: #063462 !important } .blue .show-more:hover { background: none } .blue .show-more span:before, .blue .show-more span:after { background: #063462 } .blue .catalog-main-item_tags .icon { background-color: #9dd1ff } .blue .catalog-main-item_tags .premium .icon { background-image: url(/local/templates/russian/blind/../styles/img/icons/nice-icon_blue.svg); } .blue .catalog-main-item_tags .discount .icon { background-image: url(/local/templates/russian/blind/../styles/img/icons/discount-icon_blue.svg); } .blue .catalog-main-item_tags .brand .icon { background-image: url(/local/templates/russian/blind/../styles/img/icons/brand-icon_blue.svg); } .blue .pagination .next svg path, .blue .pagination .next:hover svg path { stroke: #063462 } .blue .pagination a.sel { background: #063462; color: #9dd1ff !important; padding: 0 4px } .blue .pagination-option .pagination-text { color: #063462 } .blue .main-right-menu_basket a svg path, .blue .main-right-menu_basket a:hover svg path { stroke: #063462 } .blue .sort-select_item label:before { border-color: #063462 } .blue .sort-select_item label:after { background: none } .blue .sort-select_item input:checked + label:after { background: #063462 } .blue .catalog-head_sort_select-title:after { border-top-color: #063462 } .blue .catalog-head_sort_select-abs { background: #9dd1ff; } .blue .catalog-head_sort_select-abs:before { background-image: url(/local/templates/russian/blind/../styles/img/sellarr_blue.png) } .blue .main-right-menu_basket span { color: #9dd1ff !important } .blue .catalog-gift-text:after { background-image: url(/local/templates/russian/blind/../styles/img/gift_blue.svg) } .blue .catalog-one_footer-left a:before { background: #063462 } .blue .catalog-one_footer-left a svg path, .blue .catalog-one_footer-left a:hover svg path { stroke: #063462 } .blue .catalog-one_footer-slider-info { background: #9dd1ff } .blue div.catalog-one_footer-slider-tag { color: #063462 !important } .blue .catalog-one_footer-slider-title a svg path, .blue .catalog-one_footer-slider-title a:hover svg path { stroke: #063462 } .blue .catalog-one_nav .swiper-pagination-bullet-active { background: #063462 } .blue .catalog-one-popup_nav div:hover { background-color: transparent } .blue .basket-list-footer_sub a:after { background: #063462 } .blue .basket-list-clear a:after { background: #063462 } .blue .ticket-list-item { opacity: 1 } .blue .ticket-list-item.active { border-width: 2px } .blue .active .ticket-list-number, .blue .ticket-list-number { background: #063462; color: #9dd1ff } .blue .scroll-block-next, .blue .scroll-block-prev { background-image: url(/local/templates/russian/blind/../styles/img/navarr_blue_dark.svg); } .blue .scroll-block-prev.disable, .blue .scroll-block-next.disable { opacity: .5 } .blue .ticket-form-result_button a { border: 1px solid #063462 !important } .blue .ticket-form-result_button a:hover { background: none } .blue .ticket-form-result_count:before { border-top-color: #063462 } .blue .ticket-form-open .open-arr:before, .blue .ticket-form-open .open-arr:after { background: #063462 } .blue .ticket-select-item a { border: 1px solid #063462 !important } .blue .ticket-select-item.active a { border: 2px solid #063462 !important } .blue .radio-input label:after { background: none } .blue .radio-input label:before { border: 1px solid #063462; } .blue .form-field .radio-input input:checked + label:after { background: #063462 } .blue .order-check-block .tobasket a:before { background: #063462 } .blue .form-brd { background: #063462 } .blue .site-page-h1.museum-title:before { background: url(/local/templates/russian/blind/../styles/img/museum_blue.svg) no-repeat 0 0; } .blue .video-block .play { background: url(/local/templates/russian/blind/../styles/img/icons/icon-play_blue.svg) no-repeat 0 0; } .blue .head-illustr-image .plus { background: #063462; } .blue .head-illustr-image .plus:before, .blue .head-illustr-image .plus:after { background: #9dd1ff } .blue .content .inner-link a { color: #063462 !important } .blue .logo-partners-list .arrow { background-image: url(/local/templates/russian/blind/../styles/img/orange-array_blue.svg) } .blue .news-standart-link a:before { background: #063462 } .blue .news-standart-link a svg path, .blackwhite .news-standart-link a:hover svg path { stroke: #063462 } .blue .form-comment { background: #063462; color: #9dd1ff } .blue .form-comment-popup { background: #063462; color: #9dd1ff !important } .blue .form-comment-arr:after { border-top-color: #063462; } .blue .news-article-image { border: 1px solid #063462 } /*sizes*/ /*s16*/ body.s16 .s14 { font-size: 16px; } body.s16 .s16 { font-size: 18px; } body.s16 .s20 { font-size: 22px; } body.s16 .s24 { font-size: 26px; } body.s16 .s32 { font-size: 34px; } body.s16 .s48 { font-size: 50px; } body.s16 .anonse-slider-item_title { font-size: 50px; } body.s16 .site-page-h1 { font-size: 46px } body.s16 h1 { font-size: 50px; } body.s16 h2 { font-size: 34px; } body.s16 h3 { font-size: 26px; } body.s16 h4 { font-size: 22px; } body.s16 h5 { font-size: 18px; } body.s16 h6 { font-size: 17px; } body.s16 .content .blockquote, body.s16 .content .blockquote2 { font-size: 26px; } /*s18*/ body.s18 .s14 { font-size: 18px; } body.s18 .s16 { font-size: 20px; } body.s18 .s20 { font-size: 24px; } body.s18 .s24 { font-size: 28px; } body.s18 .s32 { font-size: 36px; } body.s18 .s48 { font-size: 52px; } body.s18 .anonse-slider-item_title { font-size: 52px; } body.s18 .site-page-h1 { font-size: 48px } body.s18 h1 { font-size: 52px; } body.s18 h2 { font-size: 36px; } body.s18 h3 { font-size: 28px; } body.s18 h4 { font-size: 24px; } body.s18 h5 { font-size: 20px; } body.s18 h6 { font-size: 18px; } body.s18 .content .blockquote, body.s18 .content .blockquote2 { font-size: 28px; } /*spaces*/ .w2 { letter-spacing: 1px } .w3 * { letter-spacing: 2px } /*noshow*/ .noshow .container img { display: none!important } .noshow #headSlider { opacity: 0 } .noshow .swiper-navigations { opacity: 0 } .noshow .rec-popup-image { background: none !important } .noshow .news-article-image { display: none } .noshow .anonse-slider { background: none !important } .whiteblack.noshow .anonse-slider-in { color: #000 } .whiteblack.noshow .anonse-slider-in div { color: #000 } .whiteblack.noshow .anonse-slider-navigation div { border-color: #000 !important; background-image: url(/local/templates/russian/blind/../styles/img/navarr_mob.svg); background-size: 12px } .whiteblack.noshow .anonse-slider-link a { color: #000 !important } .whiteblack.noshow .anonse-slider-link a:before { background: #000 } .whiteblack.noshow .anonse-slider-item_title { border-color: #000 !important } .whiteblack.noshow .anonse-slider-link .arr-forw:before { background: #000 !important } .whiteblack.noshow .anonse-slider-link .arr-forw:after { background: #000 !important } .whiteblack.noshow .anonse-slider-link .arr-forw span { background: #000 !important } .blue.noshow .anonse-slider:before { background: #063462; opacity: 1 } .whiteblack.noshow .buy-slider-wrapper { background: #000 !important; } .blackwhite.noshow .buy-slider-wrapper { background: #000 !important; } .blue.noshow .buy-slider-wrapper { background: #063462 !important; } .blackwhite.noshow .buy-slider-wrapper:before, .blue.noshow .buy-slider-wrapper:before { display: none } .noshow .document-list-image:after { display: none } .noshow .catalog-one_footer-slider-item { background: none !important } /* End */ /* Start:/local/templates/russian/blind/panel.css?166495592014238*/ @media only screen and (max-width: 500px) { } .blind-version-block { font-family: Arial; position: fixed; top: 0; left: 0; width: 100%; z-index: 30 } .blind-version-block, .blind-version-block * { box-sizing: content-box } .whiteblack .downloads i, .blackwhite .downloads i, .blue .downloads i { display: none } .whiteblack .downloads ul li a, .blackwhite .downloads ul li a, .blue .downloads ul li a { padding-left: 0 } .blind-version-block { height: 90px; } .blind-version-inner { height: 90px; margin: 0 32px; position: relative; min-width: 320px } .blind-version-fixed { top: 0; left: 0; width: 100%; z-index: 400 } .whiteblack .blind-version-fixed { background: #fff; border-bottom: 1px solid #000; } .blackwhite .blind-version-fixed { background: #000; color: #fff; border-bottom: 1px solid #fff; } .blue .blind-version-fixed { background: #9dd1ff; color: #063462; border-bottom: 1px solid #063462; } /*color*/ .blind-version-block .color-block { float: left; font-size: 0; padding: 8px 45px 0 0 } .blind-version-block .color-block .name { display: inline-block; vertical-align: middle; font-size: 16px !important; padding-right: 9px } .blind-version-block .color-block .ico { display: inline-block; vertical-align: middle; width: 28px; height: 28px; border-radius: 3px; margin-right: 10px; position: relative; cursor: pointer } .blind-version-block .color-block .ico.sel { cursor: default } .blind-version-block .color-block .ico.sel i { position: absolute; width: 10px; height: 7px; left: 8px; } .whiteblack .blind-version-block { background: #fff } .whiteblack .blind-version-block .color-block .ico.sel i { background: url(/local/templates/russian/blind/img/wbarr.png) no-repeat 0 0; } .whiteblack .blind-version-block .color-block .wb { border: 1px solid #000; background: #fff url(/local/templates/russian/blind/img/colors.png) no-repeat 4px 8px } .whiteblack .blind-version-block .color-block .bw { border: 1px solid #000; background: #000 url(/local/templates/russian/blind/img/colors.png) no-repeat -36px 8px } .whiteblack .blind-version-block .color-block .blue { border: 1px solid #063462; background: #9dd1ff url(/local/templates/russian/blind/img/colors.png) no-repeat -76px 8px } .whiteblack .blind-version-block .color-block .ico.sel i { bottom: -7px } .blackwhite .blind-version-block .color-block .ico.sel i { background: url(/local/templates/russian/blind/img/wbarr.png) no-repeat 0 0; } .blackwhite .blind-version-block .color-block .wb { border: 1px solid #fff; background: #fff url(/local/templates/russian/blind/img/colors.png) no-repeat 4px 8px } .blackwhite .blind-version-block .color-block .bw { border: 1px solid #fff; background: #000 url(/local/templates/russian/blind/img/colors.png) no-repeat -36px 8px } .blackwhite .blind-version-block .color-block .blue { border: 1px solid #063462; background: #9dd1ff url(/local/templates/russian/blind/img/colors.png) no-repeat -76px 8px } .blackwhite .blind-version-block .color-block .ico.sel i { bottom: -8px } .blue .blind-version-block .color-block .ico.sel i { background: url(/local/templates/russian/blind/img/blarr.png) no-repeat 0 0; } .blue .blind-version-block .color-block .wb { border: 1px solid #000; background: #fff url(/local/templates/russian/blind/img/colors.png) no-repeat 4px 8px } .blue .blind-version-block .color-block .bw { border: 1px solid #000; background: #000 url(/local/templates/russian/blind/img/colors.png) no-repeat -36px 8px } .blue .blind-version-block .color-block .blue { border: 1px solid #063462; background: #9dd1ff url(/local/templates/russian/blind/img/colors.png) no-repeat -76px 8px } .blue .blind-version-block .color-block .ico.sel i { bottom: -7px } /*eof_color*/ /*size*/ .blind-version-block .size-block { float: left; font-size: 0; padding: 8px 45px 0 0 } .blind-version-block .size-block .name { display: inline-block; vertical-align: middle; font-size: 16px !important; padding-right: 9px } .blind-version-block .size-block .ico { display: inline-block; vertical-align: middle; width: 28px; height: 28px; border-radius: 3px; margin-right: 10px; position: relative; cursor: pointer; background: none; line-height: normal } .blind-version-block .size-block b { text-transform: uppercase; position: absolute; } .blind-version-block .size-block .size1 b { font-size: 16px !important; top: 4px; left: 8px } .blind-version-block .size-block .size2 b { font-size: 20px; top: 2px; left: 7px } .blind-version-block .size-block .size3 b { font-size: 24px; top: 0; left: 6px } .blind-version-block .size-block .ico.sel { cursor: default } .blind-version-block .size-block .ico.sel i { position: absolute; width: 10px; height: 7px; left: 8px; } .whiteblack .blind-version-block .size-block .ico { border: 1px solid #fff; } .whiteblack .blind-version-block .size-block .ico.sel { border-color: #000 } .whiteblack .blind-version-block .size-block .ico.sel i { background: url(/local/templates/russian/blind/img/wbarr.png) no-repeat 0 0; bottom: -7px } .blackwhite .blind-version-block .size-block .ico { border: 1px solid #000; } .blackwhite .blind-version-block .size-block .ico.sel { border-color: #fff } .blackwhite .blind-version-block .size-block .ico.sel i { background: url(/local/templates/russian/blind/img/wbarr.png) no-repeat 0 0; bottom: -8px } .blue .blind-version-block .size-block .ico { border: 1px solid #9dd1ff; } .blue .blind-version-block .size-block .ico.sel { border-color: #063462 } .blue .blind-version-block .size-block .ico.sel i { background: url(/local/templates/russian/blind/img/blarr.png) no-repeat 0 0; bottom: -7px } /*eof_size*/ /*interval*/ .blind-version-block .interval-block { float: left; font-size: 0; padding: 8px 45px 0 0 } .blind-version-block .interval-block .name { display: inline-block; vertical-align: middle; font-size: 16px !important; padding-right: 9px } .blind-version-block .interval-block .ico { display: inline-block; vertical-align: middle; width: 28px; height: 28px; border-radius: 3px; margin-right: 10px; position: relative; cursor: pointer } .blind-version-block .interval-block .ico.sel { cursor: default } .blind-version-block .interval-block .ico.sel i { position: absolute; width: 10px; height: 7px; left: 8px; } .whiteblack .blind-version-block .interval-block .ico { border: 1px solid #000; } .whiteblack .blind-version-block .interval-block .size1 { background: url(/local/templates/russian/blind/img/interval.png) no-repeat 8px 6px } .whiteblack .blind-version-block .interval-block .size2 { background: url(/local/templates/russian/blind/img/interval.png) no-repeat -32px 6px } .whiteblack .blind-version-block .interval-block .size3 { background: url(/local/templates/russian/blind/img/interval.png) no-repeat -72px 6px } .whiteblack .blind-version-block .interval-block .ico.sel i { background: url(/local/templates/russian/blind/img/wbarr.png) no-repeat 0 0; bottom: -7px } .blackwhite .blind-version-block .interval-block .ico { border: 1px solid #fff; } .blackwhite .blind-version-block .interval-block .size1 { background: #fff url(/local/templates/russian/blind/img/interval.png) no-repeat 8px 6px } .blackwhite .blind-version-block .interval-block .size2 { background: #fff url(/local/templates/russian/blind/img/interval.png) no-repeat -32px 6px } .blackwhite .blind-version-block .interval-block .size3 { background: #fff url(/local/templates/russian/blind/img/interval.png) no-repeat -72px 6px } .blackwhite .blind-version-block .interval-block .ico.sel i { background: url(/local/templates/russian/blind/img/wbarr.png) no-repeat 0 0; bottom: -8px } .blue .blind-version-block .interval-block .ico { border: 1px solid #063462; } .blue .blind-version-block .interval-block .size1 { background: #9dd1ff url(/local/templates/russian/blind/img/interval.png) no-repeat 8px -32px } .blue .blind-version-block .interval-block .size2 { background: #9dd1ff url(/local/templates/russian/blind/img/interval.png) no-repeat -32px -32px } .blue .blind-version-block .interval-block .size3 { background: #9dd1ff url(/local/templates/russian/blind/img/interval.png) no-repeat -72px -32px } .blue .blind-version-block .interval-block .ico.sel i { background: url(/local/templates/russian/blind/img/blarr.png) no-repeat 0 0; bottom: -7px } /*eof_interval*/ /*font*/ .blind-version-block .font-block { position: absolute; left: 0; bottom: 8px; font-size: 0 } .blind-version-block .font-block .name { display: inline-block; vertical-align: middle; font-size: 16px !important; padding-right: 9px } .blind-version-block .font-block .ico { display: inline-block; vertical-align: middle; font-size: 16px !important; margin-right: 11px; padding: 2px 7px; border-radius: 2px; cursor: pointer; position: relative } .blind-version-block .font-block .ico.sel i { position: absolute; width: 10px; height: 7px; left: 42%; } .blackwhite .blind-version-block .font-block .ico { background: #000; color: #fff; border: 1px solid #fff } .blackwhite .blind-version-block .font-block .ico.sel { background: #000; color: #fff } .blackwhite .blind-version-block .font-block .ico.sel i { background: url(/local/templates/russian/blind/img/wbarr.png) no-repeat 0 0; bottom: -8px } .whiteblack .blind-version-block .font-block .ico { background: #fff; color: #000; border: 1px solid #000 } .whiteblack .blind-version-block .font-block .ico.sel { background: #fff; color: #000 } .whiteblack .blind-version-block .font-block .ico.sel i { background: url(/local/templates/russian/blind/img/wbarr.png) no-repeat 0 0; bottom: -7px } .blue .blind-version-block .font-block .ico { background: #9dd1ff; color: #063462; border: 1px solid #063462 } .blue .blind-version-block .font-block .ico.sel { background: #9dd1ff; color: #063462 } .blue .blind-version-block .font-block .ico.sel i { background: url(/local/templates/russian/blind/img/blarr.png) no-repeat 0 0; bottom: -7px } /*eof_font*/ /*img*/ .blind-version-block .img-block { position: absolute; top: 0; right: 0; font-size: 0; padding: 8px 0 0 0; } .blind-version-block .img-block .name { display: inline-block; vertical-align: middle; font-size: 16px !important; padding-right: 9px } .blind-version-block .img-block .toggle { display: inline-block; vertical-align: middle; width: 78px; height: 28px; border-radius: 3px; margin-right: 0; position: relative; cursor: pointer } .blind-version-block .img-block .toggle b { position: absolute; top: 5px; left: 2px; font-weight: normal; font-size: 14px; } .blind-version-block .img-block .toggle.noshow b { left: 44px } .whiteblack .blind-version-block .img-block .toggle { border: 1px solid #000; background: url(/local/templates/russian/blind/img/blind-img.png) no-repeat 100% 0 } .whiteblack .blind-version-block .img-block .toggle.noshow { background: url(/local/templates/russian/blind/img/blind-img.png) no-repeat 0 0 } .blackwhite .blind-version-block .img-block .toggle { border: 1px solid #fff; background: #fff url(/local/templates/russian/blind/img/blind-img.png) no-repeat 100% 0; color: #000!important } .blackwhite .blind-version-block .img-block .toggle.noshow { background: #fff url(/local/templates/russian/blind/img/blind-img.png) no-repeat 0 0 } .blue .blind-version-block .img-block .toggle { border: 1px solid #063462; background: #9dd1ff url(/local/templates/russian/blind/img/blind-img-bl.png) no-repeat 100% 0; color: #063462 } .blue .blind-version-block .img-block .toggle.noshow { background: #9dd1ff url(/local/templates/russian/blind/img/blind-img-bl.png) no-repeat 0 0 } /*eof_img*/ .blind-version-block .reset { position: absolute; bottom: 12px; right: 0; font-size: 16px !important; cursor: pointer } .blackwhite .blind-version-block .reset { border-bottom: 1px solid #fff; } .whiteblack .blind-version-block .reset { border-bottom: 1px solid #000; } .blue .blind-version-block .reset { border-bottom: 1px solid #063462; } .blind-underscribe { display: none; font-size: 16px !important; } .blind-underscribe .title { display: block; font-weight: bold; padding-bottom: 2px; font-size: 18px } body.times { font-family: 'Times New Roman' } body.times .container * { font-family: 'Times New Roman' !important } body.arial .container * { font-family: Arial !important } /*===========================*/ /*========whiteblack=========*/ .whiteblack { background: #fff; color: #000; } .whiteblack a { color: #000; } .whiteblack a:hover{ color: #000; text-decoration: none } .whiteblack h1 { color: #000 } .whiteblack h2 { color: #000 } .whiteblack h3 { color: #000 } .whiteblack h4 { color: #000 } .whiteblack h6 { color: #000 } } /*===========================*/ /*========blackwhite=========*/ .blackwhite { background: #000; color: #fff; } .blackwhite a { color: #fff; } .blackwhite a:hover{ color: #fff; text-decoration: none } .blackwhite h1 { color: #fff } .blackwhite h2 { color: #fff } .blackwhite h3 { color: #fff } .blackwhite h4 { color: #fff } .blackwhite h6 { color: #fff } /*===========================*/ /*========blue=========*/ .blue { background: #9dd1ff; color: #063462 } .blue a { color: #063462; } .blue a:hover{ text-decoration: none } .blue h1 { color: #063462 } .blue h2 { color: #063462 } .blue h3 { color: #063462 } .blue h4 { color: #063462 } .blue h6 { color: #063462 } /*=================*/ .w2 .blind-version-block *, .w3 .blind-version-block * { letter-spacing: normal } @media only screen and (max-width: 970px) { .blind-version-block .color-block { padding: 8px 10px 0 10px; width: 30% } .blind-version-block .color-block .name { display: none } .blind-version-block .color-block .ico { margin-right: 2px } .blind-version-block .size-block { padding: 8px 0 0 0; width: 30% } .blind-version-block .size-block .name { display: none } .blind-version-block .size-block .ico { margin-right: 2px } .blind-version-block .interval-block { float: left; font-size: 0; padding: 8px 10px 0 0; } .blind-version-block .interval-block .name { display: none } .blind-version-block .interval-block .ico { margin-right: 2px } .blind-version-block .font-block { position: absolute; left: 10px; bottom: 8px; font-size: 0 } .blind-version-block .font-block .name { display: none } .blind-version-block .font-block .ico { margin-right: 2px } .blind-version-block .img-block { position: relative; top: 0px; right: auto; left: 0; padding: 8px 10px 0 0; float: right; } .blind-version-block .img-block .name { display:none } .blind-version-block .reset { right: 10px } } @media only screen and (max-width: 790px) { .blind-version-block .color-block { width: 25% } .blind-version-block .size-block { width: 25% } } @media only screen and (max-width: 500px) { .blind-version-block { height: 126px; margin-bottom: -10px } .blind-version-inner { height: 126px; } .blind-version-block .color-block { width: 37% } .blind-version-block .size-block { width: auto } .blind-version-block .interval-block { float: right; padding: 8px 10px 0 0; } .blind-version-block .img-block { padding: 18px 10px 0 0; float: none; text-align: right; clear: both } } @media only screen and (max-width: 380px) { .blind-version-block .color-block { width: auto } } /* End */ /* Start:/local/templates/russian/components/bitrix/subscribe.edit/.default/style.css?1664955951183*/ div.subscribe-edit .red { color:red; } div.subscribe-edit .green { color:green; } div.subscribe-edit .errorcolor { color:red; } div.subscribe-edit .successcolor { color:green; } /* End */ /* /local/templates/russian/assets/fancybox/jquery.fancybox.min.css?166495592012795 */ /* /local/templates/russian/assets/swiper/swiper-bundle.min.css?166495592013934 */ /* /local/templates/russian/assets/mcustomscroll/jquery.mCustomScrollbar.css?166495592053583 */ /* /local/templates/russian/assets/formstyler/jquery.formstyler.css?16649559202175 */ /* /local/templates/russian/styles/fonts.css?16672961637642 */ /* /local/templates/russian/styles/style.css?173988363191582 */ /* /local/templates/russian/styles/txt.css?166495592011756 */ /* /local/templates/russian/styles/resize.css?166788176042142 */ /* /local/templates/russian/styles/add.css?1666156730182 */ /* /local/templates/russian/blind/blind.css?166495592040235 */ /* /local/templates/russian/blind/panel.css?166495592014238 */ /* /local/templates/russian/components/bitrix/subscribe.edit/.default/style.css?1664955951183 */