/* Start:/local/templates/prostroy_default/assets/lib/swiper/swiper.min.css?159231712913677*/ /** * Swiper 5.4.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://swiperjs.com * * Copyright 2014-2020 Vladimir Kharlampidi * * Released under the MIT License * * Released on: June 16, 2020 */ @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-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(-1 * 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:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background: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%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} /* End */ /* Start:/local/templates/prostroy_default/assets/css/style.css?1744972381441076*/ /*@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');*/ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small { font-weight: normal; line-height: 1; color: #777777; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; } h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; } h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; }} #tpanel #menu_link { display: none !important; } small, .small { font-size: 85%; } mark, .mark { background-color: #fcf8e3; padding: .2em; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777777; } .text-primary { color: #3e9add; } a.text-primary:hover { color: #2381c5; } .text-success { color: #3c763d; } a.text-success:hover { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover { color: #843534; } .bg-primary { color: #fff; } .bg-primary { background-color: #3e9add; } a.bg-primary:hover { background-color: #2381c5; } .bg-success { background-color: #dff0d8; } a.bg-success:hover { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover { background-color: #e4b9b9; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #F3F3F3; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; margin-left: -5px; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } dl { margin-top: 0; margin-bottom: 20px; } dt, dd { line-height: 1.42857; } dt { font-weight: bold; } dd { margin-left: 0; } .dl-horizontal dd:before, .dl-horizontal dd:after { content: " "; display: table; } .dl-horizontal dd:after { clear: both; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777777; } .initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #F3F3F3; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.42857; color: #777777; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } .blockquote-reverse { padding-right: 15px; padding-left: 0; border-right: 5px solid #F3F3F3; border-left: 0; text-align: right; } .blockquote-reverse footer:before, .blockquote-reverse small:before, .blockquote-reverse .small:before { content: ''; } .blockquote-reverse footer:after, .blockquote-reverse small:after, .blockquote-reverse .small:after { content: '\00A0 \2014'; } address { margin-bottom: 20px; font-style: normal; line-height: 1.42857; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container:before, .container:after { content: " "; display: table; } .container:after { clear: both; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1240px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container-fluid:before, .container-fluid:after { content: " "; display: table; } .container-fluid:after { clear: both; } .row { margin-left: -15px; margin-right: -15px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-1 { width: 8.33333%; } .col-xs-2 { width: 16.66667%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.33333%; } .col-xs-5 { width: 41.66667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.33333%; } .col-xs-8 { width: 66.66667%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.33333%; } .col-xs-11 { width: 91.66667%; } .col-xs-12 { width: 100%; } .col-xs-pull-0 { right: auto; } .col-xs-pull-1 { right: 8.33333%; } .col-xs-pull-2 { right: 16.66667%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-4 { right: 33.33333%; } .col-xs-pull-5 { right: 41.66667%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-7 { right: 58.33333%; } .col-xs-pull-8 { right: 66.66667%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-10 { right: 83.33333%; } .col-xs-pull-11 { right: 91.66667%; } .col-xs-pull-12 { right: 100%; } .col-xs-push-0 { left: auto; } .col-xs-push-1 { left: 8.33333%; } .col-xs-push-2 { left: 16.66667%; } .col-xs-push-3 { left: 25%; } .col-xs-push-4 { left: 33.33333%; } .col-xs-push-5 { left: 41.66667%; } .col-xs-push-6 { left: 50%; } .col-xs-push-7 { left: 58.33333%; } .col-xs-push-8 { left: 66.66667%; } .col-xs-push-9 { left: 75%; } .col-xs-push-10 { left: 83.33333%; } .col-xs-push-11 { left: 91.66667%; } .col-xs-push-12 { left: 100%; } .col-xs-offset-0 { margin-left: 0%; } .col-xs-offset-1 { margin-left: 8.33333%; } .col-xs-offset-2 { margin-left: 16.66667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.33333%; } .col-xs-offset-5 { margin-left: 41.66667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.33333%; } .col-xs-offset-8 { margin-left: 66.66667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.33333%; } .col-xs-offset-11 { margin-left: 91.66667%; } .col-xs-offset-12 { margin-left: 100%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-1 { width: 8.33333%; } .col-sm-2 { width: 16.66667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.33333%; } .col-sm-5 { width: 41.66667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.33333%; } .col-sm-8 { width: 66.66667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.33333%; } .col-sm-11 { width: 91.66667%; } .col-sm-12 { width: 100%; } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.33333%; } .col-sm-pull-2 { right: 16.66667%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.33333%; } .col-sm-pull-5 { right: 41.66667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.33333%; } .col-sm-pull-8 { right: 66.66667%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.33333%; } .col-sm-pull-11 { right: 91.66667%; } .col-sm-pull-12 { right: 100%; } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.33333%; } .col-sm-push-2 { left: 16.66667%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.33333%; } .col-sm-push-5 { left: 41.66667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.33333%; } .col-sm-push-8 { left: 66.66667%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.33333%; } .col-sm-push-11 { left: 91.66667%; } .col-sm-push-12 { left: 100%; } .col-sm-offset-0 { margin-left: 0%; } .col-sm-offset-1 { margin-left: 8.33333%; } .col-sm-offset-2 { margin-left: 16.66667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.33333%; } .col-sm-offset-5 { margin-left: 41.66667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.33333%; } .col-sm-offset-8 { margin-left: 66.66667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.33333%; } .col-sm-offset-11 { margin-left: 91.66667%; } .col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-1 { width: 8.33333%; } .col-md-2 { width: 16.66667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.33333%; } .col-md-5 { width: 41.66667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.33333%; } .col-md-8 { width: 66.66667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.33333%; } .col-md-11 { width: 91.66667%; } .col-md-12 { width: 100%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.33333%; } .col-md-pull-2 { right: 16.66667%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.33333%; } .col-md-pull-5 { right: 41.66667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.33333%; } .col-md-pull-8 { right: 66.66667%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.33333%; } .col-md-pull-11 { right: 91.66667%; } .col-md-pull-12 { right: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.33333%; } .col-md-push-2 { left: 16.66667%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.33333%; } .col-md-push-5 { left: 41.66667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.33333%; } .col-md-push-8 { left: 66.66667%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.33333%; } .col-md-push-11 { left: 91.66667%; } .col-md-push-12 { left: 100%; } .col-md-offset-0 { margin-left: 0%; } .col-md-offset-1 { margin-left: 8.33333%; } .col-md-offset-2 { margin-left: 16.66667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.33333%; } .col-md-offset-5 { margin-left: 41.66667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.33333%; } .col-md-offset-8 { margin-left: 66.66667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.33333%; } .col-md-offset-11 { margin-left: 91.66667%; } .col-md-offset-12 { margin-left: 100%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-1 { width: 8.33333%; } .col-lg-2 { width: 16.66667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.33333%; } .col-lg-5 { width: 41.66667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.33333%; } .col-lg-8 { width: 66.66667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.33333%; } .col-lg-11 { width: 91.66667%; } .col-lg-12 { width: 100%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.33333%; } .col-lg-pull-2 { right: 16.66667%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.33333%; } .col-lg-pull-5 { right: 41.66667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.33333%; } .col-lg-pull-8 { right: 66.66667%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.33333%; } .col-lg-pull-11 { right: 91.66667%; } .col-lg-pull-12 { right: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.33333%; } .col-lg-push-2 { left: 16.66667%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.33333%; } .col-lg-push-5 { left: 41.66667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.33333%; } .col-lg-push-8 { left: 66.66667%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.33333%; } .col-lg-push-11 { left: 91.66667%; } .col-lg-push-12 { left: 100%; } .col-lg-offset-0 { margin-left: 0%; } .col-lg-offset-1 { margin-left: 8.33333%; } .col-lg-offset-2 { margin-left: 16.66667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.33333%; } .col-lg-offset-5 { margin-left: 41.66667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.33333%; } .col-lg-offset-8 { margin-left: 66.66667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.33333%; } .col-lg-offset-11 { margin-left: 91.66667%; } .col-lg-offset-12 { margin-left: 100%; } } table { background-color: transparent; } caption { padding-top: 7px 10px; padding-bottom: 7px 10px; color: #777777; text-align: left; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td { padding: 7px 10px; line-height: 1.42857; vertical-align: top; border-top: 1px solid #F2F2F2; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #F2F2F2; } .table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #F2F2F2; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #F2F2F2; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td { border: 1px solid #F2F2F2; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*="col-"] { position: static; float: none; display: table-column; } table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell; } .table > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .table-responsive { overflow-x: auto; min-height: 0.01%; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #F2F2F2; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } fieldset { padding: 0; margin: 0; border: 0; min-width: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857; color: #555555; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: #555555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .form-control:focus { border-color: #c4010c; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(196, 1, 12, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(196, 1, 12, 0.6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #F3F3F3; opacity: 1; } textarea.form-control { height: auto; } input[type="search"] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { line-height: 34px; } input[type="date"].input-sm, .input-group-sm input[type="date"], input[type="time"].input-sm, .input-group-sm input[type="time"], input[type="datetime-local"].input-sm, .input-group-sm input[type="datetime-local"], input[type="month"].input-sm, .input-group-sm input[type="month"] { line-height: 30px; } input[type="date"].input-lg, .input-group-lg input[type="date"], input[type="time"].input-lg, .input-group-lg input[type="time"], input[type="datetime-local"].input-lg, .input-group-lg input[type="datetime-local"], input[type="month"].input-lg, .input-group-lg input[type="month"] { line-height: 46px; } } .form-group { margin-bottom: 15px; } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], input[type="checkbox"].disabled, fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; } .radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; } .form-control-static.input-lg, .form-control-static.input-sm { padding-left: 0; padding-right: 0; } .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm { height: 30px; line-height: 30px; } textarea.input-sm, select[multiple].input-sm { height: auto; } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .form-group-sm select.form-control { height: 30px; line-height: 30px; } .form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; } .form-group-sm .form-control-static { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; } .input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; } select.input-lg { height: 46px; line-height: 46px; } textarea.input-lg, select[multiple].input-lg { height: auto; } .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; } .form-group-lg select.form-control { height: 46px; line-height: 46px; } .form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; } .form-group-lg .form-control-static { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33333; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; } .input-lg + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .input-sm + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d; } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label ~ .form-control-feedback { top: 25px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; } .form-horizontal .form-group { margin-left: -15px; margin-right: -15px; } .form-horizontal .form-group:before, .form-horizontal .form-group:after { content: " "; display: table; } .form-horizontal .form-group:after { clear: both; } @media (min-width: 768px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; } } .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 14.33333px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; } } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; visibility: hidden; } .collapse.in { display: block; visibility: visible; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropup, .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857; color: #333333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; outline: 0; background-color: #3e9add; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777777; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857; color: #777777; white-space: nowrap; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; left: auto; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } } .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .nav:before, .nav:after { content: " "; display: table; } .nav:after { clear: both; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #F3F3F3; } .nav > li.disabled > a { color: #777777; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #777777; text-decoration: none; background-color: transparent; cursor: not-allowed; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #F3F3F3; border-color: #308ac4; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #F3F3F3 #F3F3F3 #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #3e9add; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified, .nav-tabs.nav-justified { width: 100%; } .nav-justified > li, .nav-tabs.nav-justified > li { float: none; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 5px; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li, .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified, .nav-tabs.nav-justified { border-bottom: 0; } .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #fff; } } .tab-content > .tab-pane { display: none; visibility: hidden; } .tab-content > .active { display: block !important; visibility: visible; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } .navbar:before, .navbar:after { content: " "; display: table; } .navbar:after { clear: both; } @media (min-width: 768px) { .navbar { border-radius: 4px; } } .navbar-header:before, .navbar-header:after { content: " "; display: table; } .navbar-header:after { clear: both; } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { overflow-x: visible; padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } .navbar-collapse:before, .navbar-collapse:after { content: " "; display: table; } .navbar-collapse:after { clear: both; } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .navbar-collapse.collapse { display: block !important; visibility: visible !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-left: 0; padding-right: 0; } } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; } @media (max-device-width: 480px) and (orientation: landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; } } .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; padding: 15px 15px; font-size: 18px; line-height: 20px; height: 50px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-brand > img { display: block; } @media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; margin-right: 15px; padding: 9px 10px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } .navbar-form { margin-left: -15px; margin-right: -15px; padding: 10px 15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); margin-top: 8px; margin-bottom: 8px; } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .form-control-static { display: inline-block; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width: auto; } .navbar-form .input-group > .form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0; } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } .navbar-form .form-group:last-child { margin-bottom: 0; } } @media (min-width: 768px) { .navbar-form { width: auto; border: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: none; box-shadow: none; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0; border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px; } .navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .navbar-text { float: left; margin-left: 15px; margin-right: 15px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; margin-right: -15px; } .navbar-right ~ .navbar-right { margin-right: 0; } } .navbar-default { background-color: #f8f8f8; border-color: #F3F3F3; } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a { color: #777; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #ccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #F3F3F3; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #e7e7e7; color: #555; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-default .btn-link { color: #777; } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #333; } .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus { color: #ccc; } .navbar-inverse { background-color: #222; border-color: #090909; } .navbar-inverse .navbar-brand { color: #9d9d9d; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-text { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background-color: #090909; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background-color: #090909; color: #fff; } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444; background-color: transparent; } } .navbar-inverse .navbar-link { color: #9d9d9d; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link { color: #9d9d9d; } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color: #fff; } .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus { color: #444; } .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media, .media-body { zoom: 1; overflow: hidden; } .media-body { width: 10000px; } .media-object { display: block; } .media-right, .media > .pull-right { padding-left: 10px; } .media-left, .media > .pull-left { padding-right: 10px; } .media-left, .media-right, .media-body { display: table-cell; vertical-align: top; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-heading { margin-top: 0; margin-bottom: 5px; } .media-list { padding-left: 0; list-style: none; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; visibility: hidden !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs { display: none !important; } .visible-sm { display: none !important; } .visible-md { display: none !important; } .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mainsections { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } img { vertical-align: middle; } .row { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .row:before { content: none; } @media (min-width: 1200px) { .row .col-lg-12 { width: 100%; } } @media (min-width: 992px) and (max-width: 1199px) { .row .col-md-12 { width: 100%; } } @media (min-width: 768px) and (max-width: 991px) { .row .col-sm-12 { width: 100%; } } @media (max-width: 767px) { .row .col-xs-12 { width: 100%; } } /**/ .row.no-gutter { margin-right: 0; margin-left: 0; } .row.no-gutter > [class*='col-'] { padding-right: 0; padding-left: 0; } .gopro-container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .rsgppopup { position: absolute; top: 100px; left: 100px; text-align: left; z-index: 900; } .rsgppopup .inner { min-width: 500px; min-height: 320px; background-color: #FFF; -khtml-border-radius: 4px; -moz-border-radius: 4x; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.5); box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.5); } .rsgppopup .loading { display: inline-block; width: 31px; height: 31px; margin-top: 144px; margin-left: 234px; background: transparent url("/local/templates/prostroy_default/assets/css/../../img/loading.gif") center center no-repeat; } /* catalog.element -> popup */ .rsgppopup { width: 100%; max-width: 500px; } .rsgppopup .block { float: left; width: 50%; } .rsgppopup .block.left { border-right: 1px solid #E5E5E5; } .rsgppopup .block.left .ppadding { text-align: center; } .rsgppopup .ppadding, .showcaseitem .ppadding { padding: 15px 20px; } .rsgppopup .block.right .ppadding { padding-bottom: 5px; } .rsgppopup .ppadding .propanddesc { min-height: 225px; } .rsgppopup .pic { padding: 10px 0px; } .rsgppopup .article { margin-bottom: 12px; font-family: Opensanslight,Arial,Helvetica,sans-serif; color: #484848; } /* catalog.element -> popup -> prices */ .rsgppopup .prices .prs_jscrollpane { width: 100%; overflow: auto; } .rsgppopup .prices .prev, .rsgppopup .prices .next { display: block; width: 100%; text-align: center; background: #f3f3f3; background: -ms-linear-gradient(top, #f3f3f3, #fff); background-image: -moz-linear-gradient(top, #f3f3f3, #fff); background-image: -o-linear-gradient(top, #f3f3f3, #fff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3f3f3), to(#fff)); background-image: -webkit-linear-gradient(top, #f3f3f3, #fff); background-image: linear-gradient(to bottom, #f3f3f3, #fff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3',endColorstr='#fff',GradientType=0); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f3f3f3, endColorstr=#fff)"; } .rsgppopup .prices .prev .icon, .rsgppopup .prices .next .icon { width: 14px; height: 7px; margin-bottom: 2px; } .rsgppopup .prices .prev .icon { background-position: -14px -669px; } .rsgppopup .prices .prev:hover .icon { background-position: -14px -690px; } .rsgppopup .prices .next .icon { background-position: 0px -669px; } .rsgppopup .prices .next:hover .icon { background-position: 0px -690px; } .rsgppopup .prices .pricestable { width: 100%; } .rsgppopup .prices .pricestable tr td { padding: 8px 12px; } .rsgppopup .prices .pricestable tr.even td { background-color: #FAFAFA; } /* catalog.element -> popup -> soloprices */ .rsgppopup .soloprice { margin-top: 15px; } .rsgppopup .soloprice span { display: inline-block; margin-bottom: 6px; } .rsgppopup .soloprice .price.gen { display: block; font-size: 18px; margin-right: 15px; margin-bottom: 10px; } .rsgppopup .soloprice .price.old { margin-right: 25px; } /* catalog.element -> popup -> description */ .rsgppopup .description { font-family: Opensanslight,Arial,Helvetica,sans-serif; color: #484848; margin-top: 30px; } .rsgppopup .description .text { max-height: 118px; overflow: hidden; } .rsgppopup .description .more { text-decoration: underline; } .rsgppopup .description .more:hover { text-decoration: none; } /* /catalog.element -> popup -> description */ /* catalog.element -> popup -> properties */ .rsgppopup .propvision1 .offer_prop .offer_prop-name { font-family: Opensanslight,Arial,Helvetica,sans-serif; color: #484848; margin-right: 5px; } /* /catalog.element -> popup -> properties */ /* catalog.element -> popup -> add2basket */ .rsgppopup .buy { margin-top: 20px; } .rsgppopup .buy .quantity { display: inline-block; margin-top: 6px; } .rsgppopup .add2basket, .rsgppopup .inbasket { float: right; padding: 4px 8px; } /* /catalog.element -> popup -> add2basket */ /* catalog.element -> popup -> compare */ .rsgppopup .compare { margin-top: 12px; } /* /catalog.element -> popup -> compare */ /* catalog.element -> popup -> favorite & share */ .rsgppopup .favorishare { margin-top: 5px; } .rsgppopup .add2favorite { color: #666666; font-size: 11px; text-decoration: none; } .rsgppopup .add2favorite:hover { color: #214496; text-decoration: underline; } .rsgppopup .add2favorite .icon, .rsgppopup .add2favorite .counter { margin-right: 3px; } .rsgppopup .add2favorite .icon { width: 12px; height: 10px; margin-bottom: 2px; background-position: 0px -629px; } .rsgppopup .add2favorite.in .icon { background-position: -12px -629px; } .rsgppopup .share { float: right; } .rsgppopup .favorite { float: left; } /* /catalog.element -> popup -> favorite & share */ /* /catalog.element -> popup */ #rs_easycart { position: fixed; bottom: 0px; width: 100%; } #rs_easycart .rsec { width: 100%; font-size: 13px; } #rs_easycart .rsec, #rs_easycart .rsec_in { width: 100%; margin: 0 auto; } #rs_easycart div, #rs_easycart .rsec_headers a { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #rs_easycart .rsec_iconka { display: inline-block; font-size: 0; vertical-align: middle; } #rs_easycart .rsec_nowrap { white-space: nowrap; } #rs_easycart .rsec_clearfix:after { display: block; clear: both; content: " "; font-size: 0; height: 0; visibility: hidden; } #rs_easycart .rsec_block { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url("/local/templates/prostroy_default/assets/css/../img/loading_bg.png") repeat scroll 0 0 transparent; z-index: 9999; } #rs_easycart .rsec_block .rsec_ikonka { position: absolute; top: 50%; left: 50%; width: 31px; height: 31px; margin: -15px 0px 0px -15px; background: url("/local/templates/prostroy_default/assets/css/../img/loading.gif") no-repeat 0 0 transparent; } .rsec_disableSelection { -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; } #rs_easycart .rsec_cantbuy, #rs_easycart .rsec_headers .rsec_changer.rsec_changer_hide { display: none; } #rs_easycart a { color: #308ac4; text-decoration: none; } #rs_easycart a:hover { color: #67adda; text-decoration: underline; } /* buttons */ /* /buttons */ /* headers */ #rs_easycart .rsec.rsec_headers .rsec_body { height: 40px; line-height: 40px; text-align: right; } #rs_easycart .rsec_headers .rsec_orlink { display: inline-block; border-left: 1px solid #2b2b2b; } #rs_easycart .rsec_headers a { display: inline-block; padding: 0px 15px 0px 15px; color: #fff; border-left: 1px solid #3c3c3c; } #rs_easycart .rsec_headers a.selected { background-color: #fff; } #rs_easycart .rsec_headers a, #rs_easycart .rsec_headers a:hover { text-decoration: none; } #rs_easycart .rsec_headers a span.rsec_name { border-bottom: 1px dashed #fff; } #rs_easycart .rsec_headers a:hover span.rsec_name, #rs_easycart .rsec.rsec_headers a.rsec_online:hover span.rsec_name { border-bottom: none; } #rs_easycart .rsec_headers a.rsec_online { float: left; } #rs_easycart .rsec_headers a.rsec_online .rsec_iconka { width: 20px; height: 20px; margin-bottom: 1px; background-position: 0px 0px; } #rs_easycart .rsec_headers a .svg-icon { width: 21px; height: 21px; margin-right: 10px; fill: #fff; } #rs_easycart .rsec_headers a.selected .svg-icon { fill: #666; } /* /headers */ /* content */ #rs_easycart .rsec_content, #rs_easycart .rsec_content .rsec_tab { display: none; } #rs_easycart .rsec_content.open { box-shadow: 0px 6px 41px -8px rgba(154, 164, 166, 0.82); } #rs_easycart .rsec_content.open, #rs_easycart .rsec_content.open .rsec_tab.selected { display: block; height: 100%; } #rs_easycart .rsec_content .rsec_body { background-color: #fff; border-right: 1px solid #F3F3F3; border-left: 1px solid #F3F3F3; } #rs_easycart .rsec_content .rsec_tyanya { text-align: center; cursor: n-resize; background-color: #f3f3f3; } #rs_easycart .rsec_content .rsec_tyanya span { display: inline-block; margin: 7px 0px 6px 0px; } #rs_easycart .rsec_content .rsec_tyanya .svg-icon { width: 16px; height: 16px; fill: #bbb; } #rs_easycart .rsec_content .rsec_tyanya .rsec_close { display: block; float: right; width: 85px; height: 10px; padding: 8px 4px 12px 10px; margin-right: 3px; cursor: pointer; } #rs_easycart .rsec_content .rsec_tyanya .rsec_close .svg-icon { width: 10px; height: 10px; margin: 0px 0px 2px 5px; fill: #c4010c; } #rs_easycart .rsec_content .rsec_tabs { width: 100%; overflow-y: scroll; overflow-x: auto; text-align: left; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } #rs_easycart .rsec_buttons { padding: 15px 10px; } #rs_easycart .rsec_leftp { float: left; } #rs_easycart .rsec_leftp .btn2 { margin-right: 10px; } #rs_easycart .rsec_rightp { float: right; } /* content -> table */ #rs_easycart table.rsec_table { width: 100%; border: none; } #rs_easycart table.rsec_table thead th { min-height: auto; font-family: Arial; font-size: 13px; font-weight: normal; line-height: 18px; color: #878787; padding: 13px 26px 15px; vertical-align: middle; background-color: #fff; border-top: 1px solid #F2F2F2; border-bottom: 1px solid #F2F2F2; } #rs_easycart table.rsec_table tbody td { padding: 13px 26px 15px; vertical-align: middle; color: black; background-color: #fff; border-top: none; border-right: none; border-bottom: 1px solid #F2F2F2; border-left: none; } #rs_easycart table.rsec_table th.rsec_hov, #rs_easycart table.rsec_table td.rsec_hov { width: 5px; padding: 0px; } #rs_easycart table.rsec_table .rsec_cen { text-align: center; } #rs_easycart table.rsec_table .rsec_product-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #rs_easycart table.rsec_table .rsec_padd { padding-right: 25px; padding-left: 25px; } #rs_easycart table.rsec_table .rsec_min { width: 1px; } #rs_easycart table.rsec_table .rsec_min label { margin-top: 4px; } #rs_easycart table.rsec_table .rsec_image img { max-width: 40px; max-height: 40px; } /* content -> /table */ /* content -> no items in tab */ #rs_easycart .rsec_emptytab { width: 100%; height: 100%; text-align: center; } #rs_easycart .rsec_thistab_viewed .rsec_emptytab .rsec_emptytab_icon { width: 100%; max-width: 180px; margin: 0 auto; padding-top: 140px; color: #ccc; font-size: 13px; background-image: url("/local/templates/prostroy_default/assets/css/../img/emptyviewed.png"); background-position: 0px 0px; background-repeat: no-repeat; } #rs_easycart .rsec_thistab_compare .rsec_emptytab .rsec_emptytab_icon, #rs_easycart .rsec_thistab_favorite .rsec_emptytab .rsec_emptytab_icon, #rs_easycart .rsec_thistab_basket .rsec_emptytab .rsec_emptytab_icon { width: 100%; max-width: 146px; margin: 0 auto; padding-top: 155px; color: #ccc; font-size: 13px; background-position: 0px 0px; background-repeat: no-repeat; } #rs_easycart .rsec_thistab_compare .rsec_emptytab .rsec_emptytab_icon { background-image: url("/local/templates/prostroy_default/assets/css/../img/emptycompare.png"); } #rs_easycart .rsec_thistab_favorite .rsec_emptytab .rsec_emptytab_icon { background-image: url("/local/templates/prostroy_default/assets/css/../img/emptyfavorite.png"); } #rs_easycart .rsec_thistab_basket .rsec_emptytab .rsec_emptytab_icon { background-image: url("/local/templates/prostroy_default/assets/css/../img/emptybasket.png"); } /* content -> /no items in tab */ /* content -> viewed */ /* /content -> viewed */ /* content -> compare */ #rs_easycart .rsec_thistab_compare .rsec_delete .svg-icon { width: 10px; height: 10px; fill: #c4010c; } /* /content -> compare */ /* content -> favorite */ #rs_easycart .rsec_thistab_favorite .rsec_delete .svg-icon { width: 10px; height: 10px; fill: #c4010c; } /* /content -> favorite */ /* content -> basket */ #rs_easycart .rsec_plus, #rs_easycart .rsec_minus { display: inline-block; padding: 2px 9px; font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 14px; text-decoration: none; color: black; cursor: pointer; background-color: #F3F3F3; } #rs_easycart .rsec_plus:hover, #rs_easycart .rsec_minus:hover { color: black; text-decoration: none; background-color: #e0e0e0; } #rs_easycart .rsec_plus:active, #rs_easycart .rsec_minus:active { color: black; text-decoration: none; background-color: #cdcdcd; } #rs_easycart .rsec_quantity { display: inline-block; width: 120px; height: 31px; overflow: hidden; } #rs_easycart .rsec_quantity__inner { position: relative; display: inline-block; width: 120px; height: 31px; background-color: #FFF; } #rs_easycart .rsec_quantity__input { display: inline-block; float: left; width: 29px; text-align: center; padding: 7px 0 7px; background-color: #FFF; border: 1px solid #ebebeb; border-right: none; border-radius: 4px 0 0 4px; box-shadow: none; } #rs_easycart .rsec_quantity__input:hover, #rs_easycart .rsec_quantity__input:hover:focus, #rs_easycart .rsec_quantity__input:focus { border-color: #ebebeb; box-shadow: none; } #rs_easycart .rsec_quantity .rsec_minus, #rs_easycart .rsec_quantity .rsec_plus { position: relative; display: inline-block; float: left; text-decoration: none; cursor: pointer; padding: 14px 15px 15px 14px; background: #F3F3F3; border: 1px solid #ebebeb; border-radius: 4px; } #rs_easycart .rsec_quantity .rsec_minus:before, #rs_easycart .rsec_quantity .rsec_minus:after, #rs_easycart .rsec_quantity .rsec_plus:before, #rs_easycart .rsec_quantity .rsec_plus:after { position: absolute; display: inline-block; width: 10px; height: 10px; content: ' '; background-color: black; } #rs_easycart .rsec_quantity .rsec_minus:hover, #rs_easycart .rsec_quantity .rsec_plus:hover { background-color: #e0e0e0; } #rs_easycart .rsec_quantity .rsec_minus:active, #rs_easycart .rsec_quantity .rsec_plus:active { background-color: #cdcdcd; } #rs_easycart .rsec_quantity .rsec_minus:before { top: 14px; left: 8px; width: 13px; height: 1px; content: ' '; background-color: black; } #rs_easycart .rsec_quantity .rsec_minus:after { content: none; } #rs_easycart .rsec_quantity .rsec_plus:before { top: 14px; left: 8px; width: 13px; height: 1px; } #rs_easycart .rsec_quantity .rsec_plus:after { top: 8px; left: 14px; width: 1px; height: 13px; } #rs_easycart .rsec_quantity .rsec_measurename { display: inline-block; float: left; width: 29px; line-height: 18px; text-align: center; padding: 5px 0 6px; background-color: #FFF; border: 1px solid #ebebeb; border-left: none; border-radius: 0 4px 4px 0; } /* #rs_easycart .rsec_quantity input{ width:36px; padding:0px; text-align:center; border:none; box-shadow:none; } #rs_easycart .rsec_quantity input:focus{border:none;box-shadow:none;} #rs_easycart .rsec_quantity input, #rs_easycart .rsec_measurename{ background-color:#FFF; } #rs_easycart .rsec_measurename{ display:inline-block; min-width:28px; padding:0px 2px; } */ #rs_easycart .rsec_thistab_basket { height: 100%; } #rs_easycart .rsec_thistab_basket .rsec_delete .svg-icon { width: 10px; height: 10px; fill: #c4010c; } #rs_easycart .rsec_thistab_basket .rsec_totaltext { font-size: 14px; } #rs_easycart .rsec_thistab_basket .rsec_totaltext .rsec_color { font-size: 15px; font-weight: bold; margin-right: 25px; } #rs_easycart .rsec_thistab_basket .rsec_coupon { margin-right: 10px; } #rs_easycart .rsec_thistab_basket .rsec_coupon .rsec_cop { padding: 10px 9px; } #rs_easycart .rsec_thistab_basket .rsec_coupon .rsec_cop + .rsec_coup { padding: 9px 14px 8px; margin-left: 2px; } #rs_easycart .rsec_thistab_basket .rsec_coupon, #rs_easycart .rsec_thistab_basket .rsec_coupon_result { margin-bottom: 10px; } #rs_easycart .rsec_thistab_basket .rsec_coupon_result.good .rsec_counpon_note { color: green; } #rs_easycart .rsec_thistab_basket .rsec_coupon_result.bad .rsec_counpon_note { color: red; } #rs_easycart .rsec_thistab_basket .rsec_rightp .btn1 { padding: 10px 14px; } #rs_easycart .rsec_thistab_basket .rsec_name { color: #878787; } /* /content -> basket */ /* /content */ /* themes */ #rs_easycart .rsec.rsec_headers { background-color: #2b2b2b; } #rs_easycart .rsec_headers a.selected { color: #666666; } /* themes -> orange (default) */ #rs_easycart .rsec_headers a.rsec_online span.rsec_name { border-bottom: 1px dashed #c4010c; } #rs_easycart .rsec_headers a.rsec_online, #rs_easycart .rsec_headers span.rsec_color { color: #c4010c; } #rs_easycart .rsec_headers a.rsec_online .svg-icon { fill: #c4010c; } /* /themes -> /orange (default) */ /* /themes */ @media screen and (max-width: 1100px) { #rs_easycart .rsec.rsec_headers .rsec_body .rsec_online span { display: none; } } @media screen and (max-width: 1024px) { #rs_easycart .rsec.rsec_headers .rsec_body .rsec_changer.rsec_viewed span.rsec_name, #rs_easycart .rsec.rsec_headers .rsec_body .rsec_changer.rsec_compare span.rsec_name, #rs_easycart .rsec.rsec_headers .rsec_body .rsec_changer.rsec_favorite span.rsec_name { display: none; } #rs_easycart .rsec.rsec_headers .rsec_body .rsec_changer { padding: 0px 10px; } } @media screen and (max-width: 970px) { #rs_easycart .rsec_leftp, #rs_easycart .rsec_rightp, #rs_easycart .rsec_totaltext { float: left; width: 100%; } #rs_easycart .rsec_totaltext { margin: 12px 0px; } } @media screen and (max-width: 675px) { #rs_easycart .rsec_thistab_compare .rsec_rightp { margin-top: 12px; } } @media screen and (max-width: 500px) { #rs_easycart .rsec.rsec_headers .rsec_body .rsec_changer.rsec_basket span.rsec_name, #rs_easycart .rsec.rsec_headers .rsec_body .rsec_changer.rsec_basket span.rsec_color.rsec_sum { display: none; } } .c-ajaxpages { height: 65px; text-align: center; line-height: 65px; padding: 0; } .c-ajaxpages.animation .c-ajaxpages__animashka { display: block; } .c-ajaxpages.animation .c-ajaxpages__link { cursor: default; } .c-ajaxpages.animation .c-ajaxpages__text { visibility: hidden; } .c-ajaxpages__link { position: relative; display: inline-block; line-height: 31px; text-decoration: none; } .c-ajaxpages__animashka { position: absolute; top: 1px; left: 23px; display: none; width: 31px; height: 31px; line-height: 31px; vertical-align: middle; } .c-ajaxpages__text { visibility: visible; } .c-article__title { color: #878787; margin-right: 7px; } .c-article.js-article-invisible { display: none; } .c-attributes { position: relative; } .c-attributes.view-buttons .c-attributes__name { padding-right: 4px; } .c-attributes.view-buttons .c-attributes__current-value { margin-bottom: 1px; } .c-attributes.view-buttons .c-attributes__current-value .c-attributes__value { color: black; padding: 0 6px 0 0; } .c-attributes.view-buttons .c-attributes__current-value .c-attributes__value-pic { display: none; } .c-attributes.view-buttons .c-attributes__prop.is-pic .c-attributes__option__value { display: none; } .c-attributes.view-buttons .c-attributes__arrow { display: none; } .c-attributes.view-buttons .c-attributes__option { margin-right: 8px; margin-bottom: 8px; border: 1px solid #bdbec0; transition: all 0.15s linear; } .c-attributes.view-buttons .c-attributes__option:not(.disabled):hover, .c-attributes.view-buttons .c-attributes__option:not(.disabled).selected { color: #67adda; border-color: #c4010c; } .c-attributes.view-buttons .c-attributes__option.disabled { cursor: default; border: 1px dashed #bdbec0; } .c-attributes.view-buttons .c-attributes__option.disabled > span { opacity: .4; } .c-attributes.view-buttons .c-attributes__value { min-width: 25px; text-align: center; } .c-attributes.view-list .c-attributes__name { display: block; } .c-attributes.view-list .c-attributes__select__gallery .c-attributes__name { display: inline-block; } .c-attributes.view-list .c-attributes__prop{ float: none; } .blue_color{ color: #308ac4; } .c-attributes.view-list .c-attributes__prop.is-pic .c-attributes__value { position: relative; top: 1px; padding: 5px 7px; } .c-attributes .c-attributes__prop{ font: 13px/18px 'Open Sans', Arial, Helvetica, sans-serif; opacity: 1; } .price-box-block{ align-items: baseline; } .price-box-block__outer .detail__stores{ margin-left: 60px; } .c-attributes.view-list .c-attributes__prop.open .c-attributes__current-value { border-color: #c4010c; } .c-attributes.view-list .c-attributes__prop.open .c-attributes__current-value__pseudo-option { border-color: #c4010c; } .c-attributes.view-list .c-attributes__prop.open .c-attributes__options { display: block; } .c-attributes.view-list .c-attributes__prop.open .c-attributes__arrow { transform: rotate(-180deg); } .c-attributes.view-list .c-attributes__prop .c-attributes__current-value { padding: 0; } .c-attributes.view-list .c-attributes__prop .c-attributes__current-value__pseudo-option { display: inline-block; padding: 5px; border: 1px solid #bdbec0; } .c-attributes.view-list .c-attributes__prop .c-attributes__select__gallery .c-attributes__current-value__pseudo-option { border: none; } .c-attributes.view-list .c-attributes__current-value { cursor: pointer; margin-top: 4px; } .c-attributes.view-list .c-attributes__select__drop .c-attributes__options { position: absolute; top: 96%; left: 0; display: none; min-width: 100%; max-height: 196px; background-color: #fff; border-bottom: 2px solid #c4010c; box-shadow: 0px 6px 41px -8px rgba(154, 164, 166, 0.82); overflow-y: auto; z-index: 100; } .c-attributes.view-list .c-attributes__select__gallery .c-attributes__option:not(.c-attributes-list__option){ margin-right: 0px; margin-bottom: 0px; border: 1px solid #EBEBEB; transition: .15s linear; cursor: pointer; white-space: nowrap; padding: 4px; background: 0 0; display: flex; width: 107px; height: 107px; justify-content: center; align-items: center; } .c-attributes.view-list .c-attributes__select__gallery .c-attributes__option:not(.disabled).selected{ border-color: #c4010c; color: #67adda; } .c-attributes.view-list .c-attributes__select__gallery .js-attributes__set-value-pic{ display: inline-block; width: 90px; height: 90px; font-size: 0; vertical-align: middle; border: unset; background-size: contain; background-repeat: no-repeat; background-position: center; background-color: #ffffff; } .c-attributes.view-list .c-attributes__prop.is-pic .c-attributes__select__gallery:not(.c-attributes__select__drop) .c-attributes__option__value{ display: none; } .c-attributes.view-list .c-attributes__option { display: block; width: 100%; padding: 5px; } .c-attributes.view-list .c-attributes__option:not(.disabled):hover, .c-attributes.view-list .c-attributes__option:not(.disabled).selected { color: #67adda; background-color: #ffffff; } .c-attributes.view-list .c-attributes__option.disabled { cursor: pointer; /*border: none; */ } .c-attributes.view-list .c-attributes__option.disabled > span { opacity: .4; } .c-attributes.view-list .c-attributes__value-pic { width: 30px; height: 30px; border: 1px solid #bdbec0; } .c-attributes.view-list .c-attributes__select__gallery .c-attributes__value-pic { display: none; } .c-attributes.view-list .c-attributes__select__gallery .c-attributes__options .c-attributes__value-pic { display: inline-block; } __name { display: none; } .c-attributes__name-current-value { display: block; padding-bottom: 4px; } .c-attributes__name-current-value .c-attributes__value { display: inline-block; } .c-attributes__name { display: inline-block; color: #878787; padding: 4px 7px 0 0; } .c-attributes__current-value { display: inline-block; } .c-attributes__arrow { width: 8px; height: 8px; margin-right: 4px; margin-bottom: 2px; transition: transform .3s; } .c-attributes__select { position: relative; display: inline-block; } .c-attributes__select.c-attributes__select__gallery:not(.c-attributes__select__drop){ display: block; } .c-attributes__option { display: inline-block; color: #308ac4; cursor: pointer; white-space: nowrap; padding: 4px; background: transparent; border: none; } .c-attributes__value { display: inline-block; color: #308ac4; padding: 7px 6px 6px; } .c-attributes__value-pic { display: inline-block; width: 31px; height: 31px; font-size: 0; vertical-align: middle; border: 1px solid transparent; background-size: cover; } .c-changelable-props { margin-bottom: 18px; } .c-changelable-props__property { margin-bottom: 8px; } .c-changelable-props__property:last-child { margin-bottom: 0; } .c-changelable-props__name { color: #878787; margin-right: 7px; } .c-compare.in .svg-icon { fill: black; } .c-compare.in .c-compare__title { display: none; } .c-compare.in .c-compare__title-in { display: inline; } .c-compare__title, .c-compare__title-in { margin-left: 4px; vertical-align: middle; } .c-compare__title-in { display: none; } .c-compare .svg-icon { width: 16px; height: 16px; fill: #91918f; } .c-favorite { width: 20px; height: 20px; } .c-favorite.in .c-favorite__title { display: none; } .c-favorite.in .c-favorite__title-in { display: inline; } .c-favorite__title, .c-favorite__title-in { margin-left: 4px; vertical-align: middle;} .c-estimate__title{ margin-left: 4px; vertical-align: middle; } .c-favorite__title-in { display: none; } .c-favorite .svg-icon { width: 10px; height: 13px; fill: #91918f; } .detail-compare span{ border-bottom: 1px solid transparent; } .detail-compare a:hover, .detail-compare a:focus{ text-decoration: none; } .detail-compare a:hover span, .detail-compare a:focus span{ border-bottom-color: #52a2d5; } .c-prices.view-line .c-prices__value { display: inline-block; } .c-prices.view-list .c-prices__price { display: flex; flex-direction: column; } .c-prices.view-list .c-prices__quiet-hide { height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden; } .c-prices.view-list.product-multiple .c-prices__price { margin-bottom: 3px; } .c-prices.view-list.product-multiple .c-prices__price:last-of-type { margin-bottom: 0; } .c-prices.view-list.product-alone .c-prices__name { display: none; } .c-prices.view-list.product-alone .c-prices__value { /*font-family: 'Open Sans',Arial,Helvetica,sans-serif;*/ font-size: 18px;} .c-prices.view-list.page-detail.product-multiple .c-prices__price { margin-top: 9px; } .c-prices.view-list.page-detail.product-multiple .c-prices__name { display: block; margin-bottom: 2px; } .c-prices.view-list.page-detail.product-multiple .c-prices__value { font-size: 18px; } .c-prices.view-list.page-detail.product-multiple .c-prices__value + .c-prices__value-old { margin-left: 7px; } .c-prices.view-list.page-detail.product-multiple .c-prices__value-old + .c-prices__discount { margin-left: 6px; } .c-prices.view-list.page-detail.product-multiple .c-prices__value-discount-name + .c-prices__value-discount { margin-left: 2px; } .c-prices.view-list.page-detail.product-alone .c-prices__price { margin-top: 7px; } .c-prices.view-list.page-detail.product-alone .c-prices__name { display: none; } .c-prices.view-list.page-detail.product-alone .c-prices__value { font-size: 32px; line-height: 36px; } .c-prices.view-list.page-detail.product-alone .c-prices__value-old + .c-prices__discount { margin-left: 7px; } .c-prices.view-list.page-detail.product-alone .c-prices__value-discount-name + .c-prices__value-discount { margin-left: 2px; } .c-prices.view-list.page-detail .c-prices__value { font-weight: 600; font-size: 32px; line-height: 1; } .c-prices__name { color: #878787; white-space: nowrap; margin-right: 3px; } .c-prices__value { white-space: nowrap; } .c-prices__value-old { position: relative; color: #242424; font-weight: 600; white-space: nowrap; display: inline-block; background: #FFE326; padding: 2px 4px; font-size: 12px; line-height: 16px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .c-prices__value-old:not(.c-prices__value-cashback):after { position: absolute; top: 49%; right: 4px; left: 4px; display: block; width: auto; height: 0.5px; content: " "; background-color: #242424; } .c-prices__value-discount { color: #0b9625; font-size: 12px; line-height: 16px; font-weight: 600; } .c-prices__value-discount .thin-rub { font-weight: 400; } .c-prices__more-link { color: #c4010c; } .c-prices__more-link:hover { color: #780107; } .c-prices .c-prices__empty, .c-prices .c-prices__hide { display: none !important; } .c-prices-note__value { display: inline-block; color: #878787; font-style: italic; padding: 3px 10px 5px; background-color: #eaf2fd; } .c-quantity { display: block; overflow: hidden; } .c-quantity.disable .c-quantity__minus, .c-quantity.disable .c-quantity__plus { cursor: default; } .c-quantity.disable .c-quantity__minus:hover, .c-quantity.disable .c-quantity__plus:hover { background-color: #F3F3F3; } .c-quantity.disable .c-quantity__minus:active, .c-quantity.disable .c-quantity__plus:active { background-color: #F3F3F3; } .c-quantity.disable .c-quantity__value[type="text"] { cursor: default; } .c-quantity.disable .c-quantity__measure { cursor: default; } .c-quantity__inner { display: flex; background-color: #FFF; gap: 4px; border: 1px solid #ebebeb; border-radius: 4px; } .c-quantity__input{ display: flex; flex-direction: column; align-items: center; width: 54px; } .c-quantity__minus, .c-quantity__plus { display: flex; text-decoration: none; cursor: pointer; width: 36px; height: 36px; background: #F3F3F3; align-items: center; justify-content: center; flex-shrink: 0; } .c-quantity__minus{ border-radius: 2px 0 0 2px; } .c-quantity__plus{ border-radius: 0 2px 2px 0; } .c-quantity__minus:before, .c-quantity__minus:after, .c-quantity__plus:before, .c-quantity__plus:after { display: block; content: ' '; position: absolute; width: 10px; height: 10px; background-color: #358BC5; } .c-quantity__minus:hover, .c-quantity__plus:hover { background-color: #e0e0e0; } .c-quantity__minus:active, .c-quantity__plus:active { background-color: #cdcdcd; } .c-quantity__minus:before { width: 12px; height: 2px; } .c-quantity__minus:after { content: none; } .c-quantity__plus:before { width: 12px; height: 2px; } .c-quantity__plus:after { width: 2px; height: 12px; } .c-quantity .c-quantity__value[type="text"], .c-quantity .c-quantity__value[type="number"] { display: flex; text-align: center; background-color: #FFF; color: #3D3D3D; width: 54px; box-shadow: none; } .c-quantity .c-quantity__value[type="text"]:hover, .c-quantity .c-quantity__value[type="text"]:hover:focus, .c-quantity .c-quantity__value[type="text"]:focus, .c-quantity .c-quantity__value[type="number"]:hover, .c-quantity .c-quantity__value[type="number"]:hover:focus, .c-quantity .c-quantity__value[type="number"]:focus { border-color: #ebebeb; box-shadow: none; } .c-quantity__measure { display: inline-block; float: left; width: 29px; line-height: 18px; text-align: center; padding: 5px 0 6px; background-color: #FFF; border: 1px solid #ebebeb; border-left: none; border-radius: 0 4px 4px 0; } .c-rating__star { position: relative; top: -1px; } .c-rating__star.active .svg-icon { fill: #fed200; } .c-rating__star .svg-icon { width: 9px; height: 9px; fill: #898886; } .c-rating__count { color: #308ac4; } .c-stickers { white-space: nowrap; overflow: hidden; z-index: 1; } .c-stickers__sticker { display: inline-block; min-width: 57px; font-size: 11px; color: #fff; text-align: center; padding: 1px 5px; margin-right: 2px; background-color: #c58b00; } .c-stickers__sticker:last-of-type { margin-right: 0; } .c-stickers__da2 { display: none; background-color: #66b132; } .c-stickers__qb { display: none; background-color: #db4ba3; } .c-stickers__new { background-color: #4fad00; } .c-stickers__hit { background-color: #2992d9; } .c-stickers__action { background-color: #893ca9; } .c-stickers__discount { background-color: #ff4242; } .js-element.da2 .c-stickers__da2 { display: inline-block; } .js-element.qb .c-stickers__qb { display: inline-block; } .c-timers { position: absolute; bottom: 0px; left: 0px; right: 0px; line-height: 18px; } .c-timers .clock { float: left; padding: 14px 6px; background-color: #748080; -khtml-border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; } .c-timers .clock i { width: 16px; height: 16px; background-position: 0px 0px; background-repeat: no-repeat; } .c-timers .timer { margin: 0 auto; background-color: #e8e8e8; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: .7; -khtml-opacity: .7; opacity: .7; } .c-timers .timer .intimer { float: left; padding: 8px 11px 0px; } .c-timers .timer .dvoet { float: right; } .c-timers .timer .val { position: relative; float: left; margin-right: 9px; } .c-timers .timer .val.ml { margin-left: 10px; } .c-timers .timer .val:before { position: absolute; top: -1px; left: 100%; display: inline-block; content: ':'; font-size: 19px; } .c-timers .timer .val:nth-child(3):before, .c-timers .timer .val:nth-child(4):before, .c-timers .timer .val:last-child:before { content: none; } .c-timers .timer .val .value, .c-timers .timer .val .podpis { width: 100%; } .c-timers .timer .val .value, .c-timers .timer .dvoet { font: 17px Arial,Helvetica,sans-serif; font-weight: bold; letter-spacing: 3px; } .c-timers .timer .podpis { font: 10px Arial,Helvetica,sans-serif; } .c-timers .timer .progressbar { height: 4px; margin-top: 4px; background-color: #d4d9de; border: 1px solid #b8bcc1; -khtml-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .c-timers .timer .progressbar .progress { position: relative; top: -1px; left: -1px; height: 4px; background-repeat: repeat-x; -khtml-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-transition: width 0.5s; -o-transition: width 0.5s; -webkit-transition: width 0.5s; transition: width 0.5s; } .timer.da2 .progressbar .progress { border: 1px solid #c5007c; background-color: #c5007c; /*background-image: url('/local/templates/prostroy_default/assets/css/../img/timer_da2.jpg');*/ } .timer.qb .progressbar .progress { border: 1px solid #66b132; background-color: #66b132; /*background-image: url('/local/templates/prostroy_default/assets/css/../img/timer_qb.jpg');*/ } .timer i { background-image: url("/local/templates/prostroy_default/assets/css/../img/clock.png"); } .rsgopro .bx-pagination .bx-pagination-container { text-align: right; } .rsgopro .bx-pagination .bx-pagination-container ul { list-style: none; padding-left: 0px; counter-reset: list 0; } .rsgopro .bx-pagination .bx-pagination-container ul > li { padding: 0px 5px; margin: 0; } .rsgopro .bx-pagination .bx-pagination-container ul > li:before { position: static; left: 0px; content: ''; } .rsgopro .bx-pagination .bx-pagination-container ul > li.bx-pag-prev, .rsgopro .bx-pagination .bx-pagination-container ul > li.bx-pag-next { display: none; } .rsgopro .bx-pagination .bx-pagination-container ul > li.bx-active { cursor: default; } .rsgopro .bx-pagination .bx-pagination-container ul > li.bx-active > a { color: black; cursor: default; } .rsgopro .bx-pagination .bx-pagination-container ul > li.bx-active > a > span { color: black; cursor: default; } .rsgopro .bx-pagination .bx-pagination-container ul > li > a { display: inline-block; height: auto; width: auto; min-width: auto; line-height: normal; color: #308ac4; border-radius: 0; } .rsgopro .bx-pagination .bx-pagination-container ul > li > a:hover { background: transparent; } .rsgopro .bx-pagination .bx-pagination-container ul > li > a:hover > span { text-decoration: underline; background: transparent; } .rsgopro .bx-pagination .bx-pagination-container ul > li > a > span { display: inline-block; height: auto; width: auto; min-width: auto; font-size: 14px; line-height: normal; color: #308ac4; padding: 0; background: transparent; border-radius: 0; } .body .b-pay__form.cantbuy .b-pay__add2basket, .body .b-pay__form.cantbuy .b-pay__inbasket, .body .b-pay__form.cantbuy .b-pay__buy1click, .body .b-pay__form.cantbuy .b-pay__quantity { display: none; } .body .b-pay__form.cantbuy .b-pay__add2subscribe { display: inline-block; } .body .b-pay__form.in .b-pay__add2basket, .body .b-pay__form.in .b-pay__buy1click, .body .b-pay__form.in .b-pay__add2subscribe { display: none; } .body .b-pay__form.in .b-pay__inbasket { display: inline-block; } .b-stores__genamount { color: #888888; } .b-stores a.b-stores__genamount { color: #878787; text-decoration: none; } .b-stores a.b-stores__genamount:hover > .sub { color: #67adda; border-bottom-color: transparent; } .b-stores a.b-stores__genamount > .sub { color: #308ac4; border-bottom: 1px dashed #308ac4; } .b-stores .svg-icon { position: relative; bottom: 1px; width: 14px; height: 14px; margin: 0 5px; fill: #888888; } .b-stores .svg-icon.empty { fill: #c4010c; } .b-stores-list { border-top: 1px solid #F2F2F2; } .b-stores-list__row { width: 100%; border-bottom: 1px solid #F2F2F2; transition: all 0.15s linear; } .b-stores-list .svg-icon { position: relative; bottom: 1px; width: 14px; height: 14px; margin: 0 5px; fill: #888888; } .b-stores-list .svg-icon.empty { fill: #c4010c; } @media (min-width: 1200px) { .b-stores-list__row { position: relative; display: flex; flex-wrap: nowrap; -webkit-box-pack: start; align-items: center; } .b-stores-list__row:hover { box-shadow: 0px 6px 41px -8px rgba(154, 164, 166, 0.82); z-index: 5; } .b-stores-list__col { padding: 13px 26px 15px; vertical-align: middle; color: black; background-color: #fff; border-top: none; border-right: none; border-bottom: 1px solid #F2F2F2; border-left: none; min-height: 47px; flex: 0 1 auto; margin: auto 0; border-bottom-color: transparent; } .b-stores-list__col.title { flex: 1 0 auto; } } @media (max-width: 1199px) { .b-stores-list__row { padding: 13px 26px 15px; vertical-align: middle; color: black; background-color: #fff; border-top: none; border-right: none; border-bottom: 1px solid #F2F2F2; border-left: none; } .b-stores-list__col.title { margin-bottom: 7px; } .b-stores-list__amount { margin-top: 7px; } } .body, .footer, .fancybox-container, .popup-window, .rsgppopup, .rs_easycart, .gopro-subscribe-window { /* Remove default checkbox */ /* Indeterminate checkbox */ } .body label, .footer label, .fancybox-container label, .popup-window label, .rsgppopup label, .rs_easycart label, .gopro-subscribe-window label { box-sizing: border-box; } .body [type="checkbox"]:not(:checked), .body [type="checkbox"]:checked, .footer [type="checkbox"]:not(:checked), .footer [type="checkbox"]:checked, .fancybox-container [type="checkbox"]:not(:checked), .fancybox-container [type="checkbox"]:checked, .popup-window [type="checkbox"]:not(:checked), .popup-window [type="checkbox"]:checked, .rsgppopup [type="checkbox"]:not(:checked), .rsgppopup [type="checkbox"]:checked, .rs_easycart [type="checkbox"]:not(:checked), .rs_easycart [type="checkbox"]:checked, .gopro-subscribe-window [type="checkbox"]:not(:checked), .gopro-subscribe-window [type="checkbox"]:checked { position: absolute; left: -9999px; opacity: 0; } .body [type="checkbox"], .footer [type="checkbox"], .fancybox-container [type="checkbox"], .popup-window [type="checkbox"], .rsgppopup [type="checkbox"], .rs_easycart [type="checkbox"], .gopro-subscribe-window [type="checkbox"] { /* checkbox aspect */ } .body [type="checkbox"] + label, .footer [type="checkbox"] + label, .fancybox-container [type="checkbox"] + label, .popup-window [type="checkbox"] + label, .rsgppopup [type="checkbox"] + label, .rs_easycart [type="checkbox"] + label, .gopro-subscribe-window [type="checkbox"] + label { position: relative; padding-left: 20px; cursor: pointer; display: inline-block; height: 14px; line-height: 14px; -webkit-user-select: none; /* webkit (safari, chrome) browsers */ -moz-user-select: none; /* mozilla browsers */ -khtml-user-select: none; /* webkit (konqueror) browsers */ -ms-user-select: none; /* IE10+ */ } .body [type="checkbox"] + label:before, .footer [type="checkbox"] + label:before, .fancybox-container [type="checkbox"] + label:before, .popup-window [type="checkbox"] + label:before, .rsgppopup [type="checkbox"] + label:before, .rs_easycart [type="checkbox"] + label:before, .gopro-subscribe-window [type="checkbox"] + label:before { content: ''; position: absolute; top: -1px; left: 0; width: 18px; height: 18px; z-index: 0; border: 2px solid #bcbebf; border-radius: 1px; margin-top: 2px; transition: .2s; } .body [type="checkbox"]:not(:checked):disabled + label:before, .footer [type="checkbox"]:not(:checked):disabled + label:before, .fancybox-container [type="checkbox"]:not(:checked):disabled + label:before, .popup-window [type="checkbox"]:not(:checked):disabled + label:before, .rsgppopup [type="checkbox"]:not(:checked):disabled + label:before, .rs_easycart [type="checkbox"]:not(:checked):disabled + label:before, .gopro-subscribe-window [type="checkbox"]:not(:checked):disabled + label:before { border: none; background-color: rgba(0, 0, 0, 0.26); } .body [type="checkbox"]:checked + label:before, .footer [type="checkbox"]:checked + label:before, .fancybox-container [type="checkbox"]:checked + label:before, .popup-window [type="checkbox"]:checked + label:before, .rsgppopup [type="checkbox"]:checked + label:before, .rs_easycart [type="checkbox"]:checked + label:before, .gopro-subscribe-window [type="checkbox"]:checked + label:before { top: -4px; left: -5px; width: 12px; height: 22px; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #c4010c; border-bottom: 2px solid #c4010c; transform: rotate(40deg); backface-visibility: hidden; transform-origin: 100% 100%; } .body [type="checkbox"]:checked:disabled + label:before, .footer [type="checkbox"]:checked:disabled + label:before, .fancybox-container [type="checkbox"]:checked:disabled + label:before, .popup-window [type="checkbox"]:checked:disabled + label:before, .rsgppopup [type="checkbox"]:checked:disabled + label:before, .rs_easycart [type="checkbox"]:checked:disabled + label:before, .gopro-subscribe-window [type="checkbox"]:checked:disabled + label:before { border-right: 2px solid rgba(0, 0, 0, 0.26); border-bottom: 2px solid rgba(0, 0, 0, 0.26); } .body [type="checkbox"]:indeterminate + label:before, .footer [type="checkbox"]:indeterminate + label:before, .fancybox-container [type="checkbox"]:indeterminate + label:before, .popup-window [type="checkbox"]:indeterminate + label:before, .rsgppopup [type="checkbox"]:indeterminate + label:before, .rs_easycart [type="checkbox"]:indeterminate + label:before, .gopro-subscribe-window [type="checkbox"]:indeterminate + label:before { top: -11px; left: -12px; width: 10px; height: 22px; border-top: none; border-left: none; border-right: 2px solid #c4010c; border-bottom: none; transform: rotate(90deg); backface-visibility: hidden; transform-origin: 100% 100%; } .body [type="checkbox"]:indeterminate:disabled + label:before, .footer [type="checkbox"]:indeterminate:disabled + label:before, .fancybox-container [type="checkbox"]:indeterminate:disabled + label:before, .popup-window [type="checkbox"]:indeterminate:disabled + label:before, .rsgppopup [type="checkbox"]:indeterminate:disabled + label:before, .rs_easycart [type="checkbox"]:indeterminate:disabled + label:before, .gopro-subscribe-window [type="checkbox"]:indeterminate:disabled + label:before { border-right: 2px solid rgba(0, 0, 0, 0.26); background-color: transparent; } .body [type="checkbox"] + label:after, .footer [type="checkbox"] + label:after, .fancybox-container [type="checkbox"] + label:after, .popup-window [type="checkbox"] + label:after, .rsgppopup [type="checkbox"] + label:after, .rs_easycart [type="checkbox"] + label:after, .gopro-subscribe-window [type="checkbox"] + label:after { border-radius: 1px; } .body [type="checkbox"] + label:before, .body [type="checkbox"] + label:after, .footer [type="checkbox"] + label:before, .footer [type="checkbox"] + label:after, .fancybox-container [type="checkbox"] + label:before, .fancybox-container [type="checkbox"] + label:after, .popup-window [type="checkbox"] + label:before, .popup-window [type="checkbox"] + label:after, .rsgppopup [type="checkbox"] + label:before, .rsgppopup [type="checkbox"] + label:after, .rs_easycart [type="checkbox"] + label:before, .rs_easycart [type="checkbox"] + label:after, .gopro-subscribe-window [type="checkbox"] + label:before, .gopro-subscribe-window [type="checkbox"] + label:after { content: ''; left: 0; position: absolute; /* .1s delay is for check animation */ transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s; z-index: 1; } .sovservice{ margin-bottom: 20px; } .body [type="checkbox"]:not(:checked) + label:before, .footer [type="checkbox"]:not(:checked) + label:before, .fancybox-container [type="checkbox"]:not(:checked) + label:before, .popup-window [type="checkbox"]:not(:checked) + label:before, .rsgppopup [type="checkbox"]:not(:checked) + label:before, .rs_easycart [type="checkbox"]:not(:checked) + label:before, .gopro-subscribe-window [type="checkbox"]:not(:checked) + label:before { width: 0; height: 0; border: 3px solid transparent; left: 6px; top: 10px; -webkit-transform: rotateZ(37deg); transform: rotateZ(37deg); -webkit-transform-origin: 20% 40%; transform-origin: 100% 100%; } .body [type="checkbox"]:not(:checked) + label:after, .footer [type="checkbox"]:not(:checked) + label:after, .fancybox-container [type="checkbox"]:not(:checked) + label:after, .popup-window [type="checkbox"]:not(:checked) + label:after, .rsgppopup [type="checkbox"]:not(:checked) + label:after, .rs_easycart [type="checkbox"]:not(:checked) + label:after, .gopro-subscribe-window [type="checkbox"]:not(:checked) + label:after { height: 14px; width: 14px; background-color: transparent; border: 1px solid #bcbebf; top: -1px; z-index: 0; } .body [type="checkbox"]:not(:checked) + label:hover:after, .footer [type="checkbox"]:not(:checked) + label:hover:after, .fancybox-container [type="checkbox"]:not(:checked) + label:hover:after, .popup-window [type="checkbox"]:not(:checked) + label:hover:after, .rsgppopup [type="checkbox"]:not(:checked) + label:hover:after, .rs_easycart [type="checkbox"]:not(:checked) + label:hover:after, .gopro-subscribe-window [type="checkbox"]:not(:checked) + label:hover:after { border-color: #c4010c; } .body [type="checkbox"]:checked + label:before, .footer [type="checkbox"]:checked + label:before, .fancybox-container [type="checkbox"]:checked + label:before, .popup-window [type="checkbox"]:checked + label:before, .rsgppopup [type="checkbox"]:checked + label:before, .rs_easycart [type="checkbox"]:checked + label:before, .gopro-subscribe-window [type="checkbox"]:checked + label:before { top: -1px; left: 1px; width: 5px; height: 10px; border-top: 1px solid transparent; border-left: 1px solid transparent; border-right: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotateZ(37deg); transform: rotateZ(37deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } .body [type="checkbox"]:checked + label:after, .footer [type="checkbox"]:checked + label:after, .fancybox-container [type="checkbox"]:checked + label:after, .popup-window [type="checkbox"]:checked + label:after, .rsgppopup [type="checkbox"]:checked + label:after, .rs_easycart [type="checkbox"]:checked + label:after, .gopro-subscribe-window [type="checkbox"]:checked + label:after { top: -1px; width: 14px; height: 14px; border: 1px solid #c4010c; background-color: #c4010c; z-index: 0; } .body [type="checkbox"]:disabled:not(:checked) + label:before, .footer [type="checkbox"]:disabled:not(:checked) + label:before, .fancybox-container [type="checkbox"]:disabled:not(:checked) + label:before, .popup-window [type="checkbox"]:disabled:not(:checked) + label:before, .rsgppopup [type="checkbox"]:disabled:not(:checked) + label:before, .rs_easycart [type="checkbox"]:disabled:not(:checked) + label:before, .gopro-subscribe-window [type="checkbox"]:disabled:not(:checked) + label:before { background-color: transparent; border: 1px solid transparent; } .body [type="checkbox"]:disabled:not(:checked) + label:after, .footer [type="checkbox"]:disabled:not(:checked) + label:after, .fancybox-container [type="checkbox"]:disabled:not(:checked) + label:after, .popup-window [type="checkbox"]:disabled:not(:checked) + label:after, .rsgppopup [type="checkbox"]:disabled:not(:checked) + label:after, .rs_easycart [type="checkbox"]:disabled:not(:checked) + label:after, .gopro-subscribe-window [type="checkbox"]:disabled:not(:checked) + label:after { border-color: transparent; background-color: #BDBDBD; } .body [type="checkbox"]:disabled:checked + label:before, .footer [type="checkbox"]:disabled:checked + label:before, .fancybox-container [type="checkbox"]:disabled:checked + label:before, .popup-window [type="checkbox"]:disabled:checked + label:before, .rsgppopup [type="checkbox"]:disabled:checked + label:before, .rs_easycart [type="checkbox"]:disabled:checked + label:before, .gopro-subscribe-window [type="checkbox"]:disabled:checked + label:before { background-color: transparent; } .body [type="checkbox"]:disabled:checked + label:after, .footer [type="checkbox"]:disabled:checked + label:after, .fancybox-container [type="checkbox"]:disabled:checked + label:after, .popup-window [type="checkbox"]:disabled:checked + label:after, .rsgppopup [type="checkbox"]:disabled:checked + label:after, .rs_easycart [type="checkbox"]:disabled:checked + label:after, .gopro-subscribe-window [type="checkbox"]:disabled:checked + label:after { background-color: #BDBDBD; border-color: #BDBDBD; } #bx-soa-orderSave { /* Remove default checkbox */ /* Indeterminate checkbox */ } #bx-soa-orderSave [type="checkbox"]:not(:checked), #bx-soa-orderSave [type="checkbox"]:checked { position: absolute; left: -9999px; opacity: 0; } #bx-soa-orderSave [type="checkbox"] { /* checkbox aspect */ } #bx-soa-orderSave [type="checkbox"] + a { position: relative; padding-left: 20px; cursor: pointer; display: inline-block; height: 14px; line-height: 14px; -webkit-user-select: none; /* webkit (safari, chrome) browsers */ -moz-user-select: none; /* mozilla browsers */ -khtml-user-select: none; /* webkit (konqueror) browsers */ -ms-user-select: none; /* IE10+ */ } #bx-soa-orderSave [type="checkbox"] + a:before { content: ''; position: absolute; top: 0; left: 0; width: 18px; height: 18px; z-index: 0; border: 2px solid #bcbebf; border-radius: 1px; margin-top: 2px; transition: .2s; } #bx-soa-orderSave [type="checkbox"]:not(:checked):disabled + a:before { border: none; background-color: rgba(0, 0, 0, 0.26); } #bx-soa-orderSave [type="checkbox"]:checked + a:before { top: -4px; left: -5px; width: 12px; height: 22px; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #c4010c; border-bottom: 2px solid #c4010c; transform: rotate(40deg); backface-visibility: hidden; transform-origin: 100% 100%; } #bx-soa-orderSave [type="checkbox"]:checked:disabled + a:before { border-right: 2px solid rgba(0, 0, 0, 0.26); border-bottom: 2px solid rgba(0, 0, 0, 0.26); } #bx-soa-orderSave [type="checkbox"]:indeterminate + a:before { top: -11px; left: -12px; width: 10px; height: 22px; border-top: none; border-left: none; border-right: 2px solid #c4010c; border-bottom: none; transform: rotate(90deg); backface-visibility: hidden; transform-origin: 100% 100%; } #bx-soa-orderSave [type="checkbox"]:indeterminate:disabled + a:before { border-right: 2px solid rgba(0, 0, 0, 0.26); background-color: transparent; } #bx-soa-orderSave [type="checkbox"] + a:after { border-radius: 1px; } #bx-soa-orderSave [type="checkbox"] + a:before, #bx-soa-orderSave [type="checkbox"] + a:after { content: ''; left: 0; position: absolute; /* .1s delay is for check animation */ transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s; z-index: 1; } #bx-soa-orderSave [type="checkbox"]:not(:checked) + a:before { width: 0; height: 0; border: 3px solid transparent; left: 6px; top: 10px; -webkit-transform: rotateZ(37deg); transform: rotateZ(37deg); -webkit-transform-origin: 20% 40%; transform-origin: 100% 100%; } #bx-soa-orderSave [type="checkbox"]:not(:checked) + a:after { height: 14px; width: 14px; background-color: transparent; border: 1px solid #bcbebf; top: 0px; z-index: 0; } #bx-soa-orderSave [type="checkbox"]:not(:checked) + a:hover:after { border-color: #c4010c; } #bx-soa-orderSave [type="checkbox"]:checked + a:before { top: 0; left: 1px; width: 5px; height: 10px; border-top: 1px solid transparent; border-left: 1px solid transparent; border-right: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotateZ(37deg); transform: rotateZ(37deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } #bx-soa-orderSave [type="checkbox"]:checked + a:after { top: 0; width: 14px; height: 14px; border: 1px solid #c4010c; background-color: #c4010c; z-index: 0; } #bx-soa-orderSave [type="checkbox"]:disabled:not(:checked) + a:before { background-color: transparent; border: 1px solid transparent; } #bx-soa-orderSave [type="checkbox"]:disabled:not(:checked) + a:after { border-color: transparent; background-color: #BDBDBD; } #bx-soa-orderSave [type="checkbox"]:disabled:checked + a:before { background-color: transparent; } #bx-soa-orderSave [type="checkbox"]:disabled:checked + a:after { background-color: #BDBDBD; border-color: #BDBDBD; } .body, .footer, .fancybox-container, .popup-window, .rsgppopup, .rs_easycart, .gopro-subscribe-window { /* Indeterminate checkbox */ } .body a.checkbox, .footer a.checkbox, .fancybox-container a.checkbox, .popup-window a.checkbox, .rsgppopup a.checkbox, .rs_easycart a.checkbox, .gopro-subscribe-window a.checkbox { margin: 0; /* checkbox aspect */ } .body a.checkbox > label, .body a.checkbox > .label, .footer a.checkbox > label, .footer a.checkbox > .label, .fancybox-container a.checkbox > label, .fancybox-container a.checkbox > .label, .popup-window a.checkbox > label, .popup-window a.checkbox > .label, .rsgppopup a.checkbox > label, .rsgppopup a.checkbox > .label, .rs_easycart a.checkbox > label, .rs_easycart a.checkbox > .label, .gopro-subscribe-window a.checkbox > label, .gopro-subscribe-window a.checkbox > .label { position: relative; padding-left: 20px; cursor: pointer; display: inline-block; height: 14px; line-height: 14px; -webkit-user-select: none; /* webkit (safari, chrome) browsers */ -moz-user-select: none; /* mozilla browsers */ -khtml-user-select: none; /* webkit (konqueror) browsers */ -ms-user-select: none; /* IE10+ */ } .body a.checkbox > label:before, .body a.checkbox > .label:before, .footer a.checkbox > label:before, .footer a.checkbox > .label:before, .fancybox-container a.checkbox > label:before, .fancybox-container a.checkbox > .label:before, .popup-window a.checkbox > label:before, .popup-window a.checkbox > .label:before, .rsgppopup a.checkbox > label:before, .rsgppopup a.checkbox > .label:before, .rs_easycart a.checkbox > label:before, .rs_easycart a.checkbox > .label:before, .gopro-subscribe-window a.checkbox > label:before, .gopro-subscribe-window a.checkbox > .label:before { content: ''; position: absolute; top: -1px; left: 0; width: 18px; height: 18px; z-index: 0; border: 2px solid #bcbebf; border-radius: 1px; margin-top: 2px; transition: .2s; } .body a.checkbox:not(.in).disabled > label:before, .body a.checkbox:not(.in).disabled > .label:before, .footer a.checkbox:not(.in).disabled > label:before, .footer a.checkbox:not(.in).disabled > .label:before, .fancybox-container a.checkbox:not(.in).disabled > label:before, .fancybox-container a.checkbox:not(.in).disabled > .label:before, .popup-window a.checkbox:not(.in).disabled > label:before, .popup-window a.checkbox:not(.in).disabled > .label:before, .rsgppopup a.checkbox:not(.in).disabled > label:before, .rsgppopup a.checkbox:not(.in).disabled > .label:before, .rs_easycart a.checkbox:not(.in).disabled > label:before, .rs_easycart a.checkbox:not(.in).disabled > .label:before, .gopro-subscribe-window a.checkbox:not(.in).disabled > label:before, .gopro-subscribe-window a.checkbox:not(.in).disabled > .label:before { border: none; background-color: rgba(0, 0, 0, 0.26); } .body a.checkbox.in > label:before, .body a.checkbox.in > .label:before, .footer a.checkbox.in > label:before, .footer a.checkbox.in > .label:before, .fancybox-container a.checkbox.in > label:before, .fancybox-container a.checkbox.in > .label:before, .popup-window a.checkbox.in > label:before, .popup-window a.checkbox.in > .label:before, .rsgppopup a.checkbox.in > label:before, .rsgppopup a.checkbox.in > .label:before, .rs_easycart a.checkbox.in > label:before, .rs_easycart a.checkbox.in > .label:before, .gopro-subscribe-window a.checkbox.in > label:before, .gopro-subscribe-window a.checkbox.in > .label:before { top: -4px; left: -5px; width: 12px; height: 22px; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #c4010c; border-bottom: 2px solid #c4010c; transform: rotate(40deg); backface-visibility: hidden; transform-origin: 100% 100%; } .body a.checkbox.in.disabled > label:before, .body a.checkbox.in.disabled > .label:before, .footer a.checkbox.in.disabled > label:before, .footer a.checkbox.in.disabled > .label:before, .fancybox-container a.checkbox.in.disabled > label:before, .fancybox-container a.checkbox.in.disabled > .label:before, .popup-window a.checkbox.in.disabled > label:before, .popup-window a.checkbox.in.disabled > .label:before, .rsgppopup a.checkbox.in.disabled > label:before, .rsgppopup a.checkbox.in.disabled > .label:before, .rs_easycart a.checkbox.in.disabled > label:before, .rs_easycart a.checkbox.in.disabled > .label:before, .gopro-subscribe-window a.checkbox.in.disabled > label:before, .gopro-subscribe-window a.checkbox.in.disabled > .label:before { border-right: 2px solid rgba(0, 0, 0, 0.26); border-bottom: 2px solid rgba(0, 0, 0, 0.26); } .body a.checkbox.indeterminate > label:before, .body a.checkbox.indeterminate > .label:before, .footer a.checkbox.indeterminate > label:before, .footer a.checkbox.indeterminate > .label:before, .fancybox-container a.checkbox.indeterminate > label:before, .fancybox-container a.checkbox.indeterminate > .label:before, .popup-window a.checkbox.indeterminate > label:before, .popup-window a.checkbox.indeterminate > .label:before, .rsgppopup a.checkbox.indeterminate > label:before, .rsgppopup a.checkbox.indeterminate > .label:before, .rs_easycart a.checkbox.indeterminate > label:before, .rs_easycart a.checkbox.indeterminate > .label:before, .gopro-subscribe-window a.checkbox.indeterminate > label:before, .gopro-subscribe-window a.checkbox.indeterminate > .label:before { top: -11px; left: -12px; width: 10px; height: 22px; border-top: none; border-left: none; border-right: 2px solid #c4010c; border-bottom: none; transform: rotate(90deg); backface-visibility: hidden; transform-origin: 100% 100%; } .body a.checkbox.indeterminate.disabled > label:before, .body a.checkbox.indeterminate.disabled > .label:before, .footer a.checkbox.indeterminate.disabled > label:before, .footer a.checkbox.indeterminate.disabled > .label:before, .fancybox-container a.checkbox.indeterminate.disabled > label:before, .fancybox-container a.checkbox.indeterminate.disabled > .label:before, .popup-window a.checkbox.indeterminate.disabled > label:before, .popup-window a.checkbox.indeterminate.disabled > .label:before, .rsgppopup a.checkbox.indeterminate.disabled > label:before, .rsgppopup a.checkbox.indeterminate.disabled > .label:before, .rs_easycart a.checkbox.indeterminate.disabled > label:before, .rs_easycart a.checkbox.indeterminate.disabled > .label:before, .gopro-subscribe-window a.checkbox.indeterminate.disabled > label:before, .gopro-subscribe-window a.checkbox.indeterminate.disabled > .label:before { border-right: 2px solid rgba(0, 0, 0, 0.26); background-color: transparent; } .body a.checkbox > label:after, .body a.checkbox > .label:after, .footer a.checkbox > label:after, .footer a.checkbox > .label:after, .fancybox-container a.checkbox > label:after, .fancybox-container a.checkbox > .label:after, .popup-window a.checkbox > label:after, .popup-window a.checkbox > .label:after, .rsgppopup a.checkbox > label:after, .rsgppopup a.checkbox > .label:after, .rs_easycart a.checkbox > label:after, .rs_easycart a.checkbox > .label:after, .gopro-subscribe-window a.checkbox > label:after, .gopro-subscribe-window a.checkbox > .label:after { border-radius: 1px; } .body a.checkbox > label:before, .body a.checkbox > .label:before, .body a.checkbox > label:after, .body a.checkbox > .label:after, .footer a.checkbox > label:before, .footer a.checkbox > .label:before, .footer a.checkbox > label:after, .footer a.checkbox > .label:after, .fancybox-container a.checkbox > label:before, .fancybox-container a.checkbox > .label:before, .fancybox-container a.checkbox > label:after, .fancybox-container a.checkbox > .label:after, .popup-window a.checkbox > label:before, .popup-window a.checkbox > .label:before, .popup-window a.checkbox > label:after, .popup-window a.checkbox > .label:after, .rsgppopup a.checkbox > label:before, .rsgppopup a.checkbox > .label:before, .rsgppopup a.checkbox > label:after, .rsgppopup a.checkbox > .label:after, .rs_easycart a.checkbox > label:before, .rs_easycart a.checkbox > .label:before, .rs_easycart a.checkbox > label:after, .rs_easycart a.checkbox > .label:after, .gopro-subscribe-window a.checkbox > label:before, .gopro-subscribe-window a.checkbox > .label:before, .gopro-subscribe-window a.checkbox > label:after, .gopro-subscribe-window a.checkbox > .label:after { content: ''; left: 0; position: absolute; /* .1s delay is for check animation */ transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s; z-index: 1; } .body a.checkbox:not(.in) > label:before, .body a.checkbox:not(.in) > .label:before, .footer a.checkbox:not(.in) > label:before, .footer a.checkbox:not(.in) > .label:before, .fancybox-container a.checkbox:not(.in) > label:before, .fancybox-container a.checkbox:not(.in) > .label:before, .popup-window a.checkbox:not(.in) > label:before, .popup-window a.checkbox:not(.in) > .label:before, .rsgppopup a.checkbox:not(.in) > label:before, .rsgppopup a.checkbox:not(.in) > .label:before, .rs_easycart a.checkbox:not(.in) > label:before, .rs_easycart a.checkbox:not(.in) > .label:before, .gopro-subscribe-window a.checkbox:not(.in) > label:before, .gopro-subscribe-window a.checkbox:not(.in) > .label:before { width: 0; height: 0; border: 3px solid transparent; left: 6px; top: 10px; -webkit-transform: rotateZ(37deg); transform: rotateZ(37deg); -webkit-transform-origin: 20% 40%; transform-origin: 100% 100%; } .body a.checkbox:not(.in) > label:after, .body a.checkbox:not(.in) > .label:after, .footer a.checkbox:not(.in) > label:after, .footer a.checkbox:not(.in) > .label:after, .fancybox-container a.checkbox:not(.in) > label:after, .fancybox-container a.checkbox:not(.in) > .label:after, .popup-window a.checkbox:not(.in) > label:after, .popup-window a.checkbox:not(.in) > .label:after, .rsgppopup a.checkbox:not(.in) > label:after, .rsgppopup a.checkbox:not(.in) > .label:after, .rs_easycart a.checkbox:not(.in) > label:after, .rs_easycart a.checkbox:not(.in) > .label:after, .gopro-subscribe-window a.checkbox:not(.in) > label:after, .gopro-subscribe-window a.checkbox:not(.in) > .label:after { height: 14px; width: 14px; background-color: transparent; border: 1px solid #bcbebf; top: -1px; z-index: 0; } .body a.checkbox:not(.in) > label:hover:after, .body a.checkbox:not(.in) > .label:hover:after, .footer a.checkbox:not(.in) > label:hover:after, .footer a.checkbox:not(.in) > .label:hover:after, .fancybox-container a.checkbox:not(.in) > label:hover:after, .fancybox-container a.checkbox:not(.in) > .label:hover:after, .popup-window a.checkbox:not(.in) > label:hover:after, .popup-window a.checkbox:not(.in) > .label:hover:after, .rsgppopup a.checkbox:not(.in) > label:hover:after, .rsgppopup a.checkbox:not(.in) > .label:hover:after, .rs_easycart a.checkbox:not(.in) > label:hover:after, .rs_easycart a.checkbox:not(.in) > .label:hover:after, .gopro-subscribe-window a.checkbox:not(.in) > label:hover:after, .gopro-subscribe-window a.checkbox:not(.in) > .label:hover:after { border-color: #c4010c; } .body a.checkbox.in > label:before, .body a.checkbox.in > .label:before, .footer a.checkbox.in > label:before, .footer a.checkbox.in > .label:before, .fancybox-container a.checkbox.in > label:before, .fancybox-container a.checkbox.in > .label:before, .popup-window a.checkbox.in > label:before, .popup-window a.checkbox.in > .label:before, .rsgppopup a.checkbox.in > label:before, .rsgppopup a.checkbox.in > .label:before, .rs_easycart a.checkbox.in > label:before, .rs_easycart a.checkbox.in > .label:before, .gopro-subscribe-window a.checkbox.in > label:before, .gopro-subscribe-window a.checkbox.in > .label:before { top: -1px; left: 1px; width: 5px; height: 10px; border-top: 1px solid transparent; border-left: 1px solid transparent; border-right: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotateZ(37deg); transform: rotateZ(37deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } .body a.checkbox.in > label:after, .body a.checkbox.in > .label:after, .footer a.checkbox.in > label:after, .footer a.checkbox.in > .label:after, .fancybox-container a.checkbox.in > label:after, .fancybox-container a.checkbox.in > .label:after, .popup-window a.checkbox.in > label:after, .popup-window a.checkbox.in > .label:after, .rsgppopup a.checkbox.in > label:after, .rsgppopup a.checkbox.in > .label:after, .rs_easycart a.checkbox.in > label:after, .rs_easycart a.checkbox.in > .label:after, .gopro-subscribe-window a.checkbox.in > label:after, .gopro-subscribe-window a.checkbox.in > .label:after { top: -1px; width: 14px; height: 14px; border: 1px solid #c4010c; background-color: #c4010c; z-index: 0; } .body a.checkbox.disabled:not(.in) > label:before, .body a.checkbox.disabled:not(.in) > .label:before, .footer a.checkbox.disabled:not(.in) > label:before, .footer a.checkbox.disabled:not(.in) > .label:before, .fancybox-container a.checkbox.disabled:not(.in) > label:before, .fancybox-container a.checkbox.disabled:not(.in) > .label:before, .popup-window a.checkbox.disabled:not(.in) > label:before, .popup-window a.checkbox.disabled:not(.in) > .label:before, .rsgppopup a.checkbox.disabled:not(.in) > label:before, .rsgppopup a.checkbox.disabled:not(.in) > .label:before, .rs_easycart a.checkbox.disabled:not(.in) > label:before, .rs_easycart a.checkbox.disabled:not(.in) > .label:before, .gopro-subscribe-window a.checkbox.disabled:not(.in) > label:before, .gopro-subscribe-window a.checkbox.disabled:not(.in) > .label:before { background-color: transparent; border: 1px solid transparent; } .body a.checkbox.disabled:not(.in) > label:after, .body a.checkbox.disabled:not(.in) > .label:after, .footer a.checkbox.disabled:not(.in) > label:after, .footer a.checkbox.disabled:not(.in) > .label:after, .fancybox-container a.checkbox.disabled:not(.in) > label:after, .fancybox-container a.checkbox.disabled:not(.in) > .label:after, .popup-window a.checkbox.disabled:not(.in) > label:after, .popup-window a.checkbox.disabled:not(.in) > .label:after, .rsgppopup a.checkbox.disabled:not(.in) > label:after, .rsgppopup a.checkbox.disabled:not(.in) > .label:after, .rs_easycart a.checkbox.disabled:not(.in) > label:after, .rs_easycart a.checkbox.disabled:not(.in) > .label:after, .gopro-subscribe-window a.checkbox.disabled:not(.in) > label:after, .gopro-subscribe-window a.checkbox.disabled:not(.in) > .label:after { border-color: transparent; background-color: #BDBDBD; } .body a.checkbox.disabled.in > label:before, .body a.checkbox.disabled.in > .label:before, .footer a.checkbox.disabled.in > label:before, .footer a.checkbox.disabled.in > .label:before, .fancybox-container a.checkbox.disabled.in > label:before, .fancybox-container a.checkbox.disabled.in > .label:before, .popup-window a.checkbox.disabled.in > label:before, .popup-window a.checkbox.disabled.in > .label:before, .rsgppopup a.checkbox.disabled.in > label:before, .rsgppopup a.checkbox.disabled.in > .label:before, .rs_easycart a.checkbox.disabled.in > label:before, .rs_easycart a.checkbox.disabled.in > .label:before, .gopro-subscribe-window a.checkbox.disabled.in > label:before, .gopro-subscribe-window a.checkbox.disabled.in > .label:before { background-color: transparent; } .body a.checkbox.disabled.in > label:after, .body a.checkbox.disabled.in > .label:after, .footer a.checkbox.disabled.in > label:after, .footer a.checkbox.disabled.in > .label:after, .fancybox-container a.checkbox.disabled.in > label:after, .fancybox-container a.checkbox.disabled.in > .label:after, .popup-window a.checkbox.disabled.in > label:after, .popup-window a.checkbox.disabled.in > .label:after, .rsgppopup a.checkbox.disabled.in > label:after, .rsgppopup a.checkbox.disabled.in > .label:after, .rs_easycart a.checkbox.disabled.in > label:after, .rs_easycart a.checkbox.disabled.in > .label:after, .gopro-subscribe-window a.checkbox.disabled.in > label:after, .gopro-subscribe-window a.checkbox.disabled.in > .label:after { background-color: #BDBDBD; border-color: #BDBDBD; } .form-group .soa-property-container, .bx-authform { position: relative; min-height: 21px; cursor: pointer; /* Remove default checkbox */ /* Indeterminate checkbox */ } .form-group .soa-property-container [type="checkbox"]:not(:checked), .form-group .soa-property-container [type="checkbox"]:checked, .bx-authform [type="checkbox"]:not(:checked), .bx-authform [type="checkbox"]:checked { position: absolute; top: -3px; left: -9000px; cursor: pointer; opacity: 1; } .form-group .soa-property-container [type="checkbox"], .bx-authform [type="checkbox"] { position: relative; display: inline-block; -webkit-user-select: none; /* webkit (safari, chrome) browsers */ -moz-user-select: none; /* mozilla browsers */ -khtml-user-select: none; /* webkit (konqueror) browsers */ -ms-user-select: none; /* IE10+ */ /* checkbox aspect */ } .form-group .soa-property-container [type="checkbox"]:before, .bx-authform [type="checkbox"]:before { content: ' '; position: absolute; top: 0; left: 9000px; width: 18px; height: 18px; z-index: 0; border: 2px solid #bcbebf; border-radius: 1px; margin-top: 2px; transition: .2s; } .form-group .soa-property-container [type="checkbox"]:not(:checked):disabled:before, .bx-authform [type="checkbox"]:not(:checked):disabled:before { border: none; background-color: rgba(0, 0, 0, 0.26); } .form-group .soa-property-container [type="checkbox"]:checked:before, .bx-authform [type="checkbox"]:checked:before { top: -4px; left: 8995px; width: 12px; height: 22px; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #c4010c; border-bottom: 2px solid #c4010c; transform: rotate(40deg); backface-visibility: hidden; transform-origin: 100% 100%; } .form-group .soa-property-container [type="checkbox"]:checked:disabled:before, .bx-authform [type="checkbox"]:checked:disabled:before { border-right: 2px solid rgba(0, 0, 0, 0.26); border-bottom: 2px solid rgba(0, 0, 0, 0.26); } .form-group .soa-property-container [type="checkbox"]:indeterminate:before, .bx-authform [type="checkbox"]:indeterminate:before { top: -11px; left: 8988px; width: 10px; height: 22px; border-top: none; border-left: none; border-right: 2px solid #c4010c; border-bottom: none; transform: rotate(90deg); backface-visibility: hidden; transform-origin: 100% 100%; } .form-group .soa-property-container [type="checkbox"]:indeterminate:disabled:before, .bx-authform [type="checkbox"]:indeterminate:disabled:before { border-right: 2px solid rgba(0, 0, 0, 0.26); background-color: transparent; } .form-group .soa-property-container [type="checkbox"]:after, .bx-authform [type="checkbox"]:after { border-radius: 1px; } .form-group .soa-property-container [type="checkbox"]:before, .form-group .soa-property-container [type="checkbox"]:after, .bx-authform [type="checkbox"]:before, .bx-authform [type="checkbox"]:after { content: ''; left: 9000px; position: absolute; /* .1s delay is for check animation */ transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s; z-index: 1; } .form-group .soa-property-container [type="checkbox"]:not(:checked):before, .bx-authform [type="checkbox"]:not(:checked):before { width: 0; height: 0; border: 3px solid transparent; left: 9006px; top: 10px; -webkit-transform: rotateZ(37deg); transform: rotateZ(37deg); -webkit-transform-origin: 20% 40%; transform-origin: 100% 100%; } .form-group .soa-property-container [type="checkbox"]:not(:checked):after, .bx-authform [type="checkbox"]:not(:checked):after { height: 14px; width: 14px; background-color: transparent; border: 1px solid #bcbebf; top: 0px; z-index: 0; } .form-group .soa-property-container [type="checkbox"]:not(:checked):hover:after, .bx-authform [type="checkbox"]:not(:checked):hover:after { border-color: #c4010c; } .form-group .soa-property-container [type="checkbox"]:checked:before, .bx-authform [type="checkbox"]:checked:before { top: 0; left: 9001px; width: 5px; height: 10px; border-top: 1px solid transparent; border-left: 1px solid transparent; border-right: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotateZ(37deg); transform: rotateZ(37deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } .form-group .soa-property-container [type="checkbox"]:checked:after, .bx-authform [type="checkbox"]:checked:after { top: 0; width: 14px; height: 14px; border: 1px solid #c4010c; background-color: #c4010c; z-index: 0; } .form-group .soa-property-container [type="checkbox"]:disabled:not(:checked):before, .bx-authform [type="checkbox"]:disabled:not(:checked):before { background-color: transparent; border: 1px solid transparent; } .form-group .soa-property-container [type="checkbox"]:disabled:not(:checked):after, .bx-authform [type="checkbox"]:disabled:not(:checked):after { border-color: transparent; background-color: #BDBDBD; } .form-group .soa-property-container [type="checkbox"]:disabled:checked:before, .bx-authform [type="checkbox"]:disabled:checked:before { background-color: transparent; } .form-group .soa-property-container [type="checkbox"]:disabled:checked:after, .bx-authform [type="checkbox"]:disabled:checked:after { background-color: #BDBDBD; border-color: #BDBDBD; } .rsgopro .bx-authform [type="checkbox"]:not(:checked), .rsgopro .bx-authform [type="checkbox"]:checked { position: absolute; top: -3px; left: -8980px; cursor: pointer; opacity: 1; } /* Radio Buttons ========================================================================== */ .body, .footer, .fancybox-container, .popup-window, .rsgppopup, .rs_easycart, .gopro-subscribe-window { /* Unchecked styles */ /* Checked styles */ /* Radio With gap */ /* Disabled Radio With gap */ /* Disabled style */ } .body [type="radio"]:not(:checked), .body [type="radio"]:checked, .footer [type="radio"]:not(:checked), .footer [type="radio"]:checked, .fancybox-container [type="radio"]:not(:checked), .fancybox-container [type="radio"]:checked, .popup-window [type="radio"]:not(:checked), .popup-window [type="radio"]:checked, .rsgppopup [type="radio"]:not(:checked), .rsgppopup [type="radio"]:checked, .rs_easycart [type="radio"]:not(:checked), .rs_easycart [type="radio"]:checked, .gopro-subscribe-window [type="radio"]:not(:checked), .gopro-subscribe-window [type="radio"]:checked { position: absolute; left: -9999px; opacity: 0; } .body [type="radio"]:not(:checked) + label, .body [type="radio"]:checked + label, .footer [type="radio"]:not(:checked) + label, .footer [type="radio"]:checked + label, .fancybox-container [type="radio"]:not(:checked) + label, .fancybox-container [type="radio"]:checked + label, .popup-window [type="radio"]:not(:checked) + label, .popup-window [type="radio"]:checked + label, .rsgppopup [type="radio"]:not(:checked) + label, .rsgppopup [type="radio"]:checked + label, .rs_easycart [type="radio"]:not(:checked) + label, .rs_easycart [type="radio"]:checked + label, .gopro-subscribe-window [type="radio"]:not(:checked) + label, .gopro-subscribe-window [type="radio"]:checked + label { position: relative; padding-left: 20px; cursor: pointer; display: inline-block; height: 14px; line-height: 14px; transition: .28s ease; -khtml-user-select: none; /* webkit (konqueror) browsers */ user-select: none; } .body [type="radio"] + label:before, .body [type="radio"] + label:after, .footer [type="radio"] + label:before, .footer [type="radio"] + label:after, .fancybox-container [type="radio"] + label:before, .fancybox-container [type="radio"] + label:after, .popup-window [type="radio"] + label:before, .popup-window [type="radio"] + label:after, .rsgppopup [type="radio"] + label:before, .rsgppopup [type="radio"] + label:after, .rs_easycart [type="radio"] + label:before, .rs_easycart [type="radio"] + label:after, .gopro-subscribe-window [type="radio"] + label:before, .gopro-subscribe-window [type="radio"] + label:after { content: ''; position: absolute; left: 0; top: -1px; margin: 0; width: 14px; height: 14px; z-index: 0; transition: .28s ease; } .body [type="radio"]:not(:checked) + label:before, .body [type="radio"]:not(:checked) + label:after, .body [type="radio"]:checked + label:before, .body [type="radio"]:checked + label:after, .footer [type="radio"]:not(:checked) + label:before, .footer [type="radio"]:not(:checked) + label:after, .footer [type="radio"]:checked + label:before, .footer [type="radio"]:checked + label:after, .fancybox-container [type="radio"]:not(:checked) + label:before, .fancybox-container [type="radio"]:not(:checked) + label:after, .fancybox-container [type="radio"]:checked + label:before, .fancybox-container [type="radio"]:checked + label:after, .popup-window [type="radio"]:not(:checked) + label:before, .popup-window [type="radio"]:not(:checked) + label:after, .popup-window [type="radio"]:checked + label:before, .popup-window [type="radio"]:checked + label:after, .rsgppopup [type="radio"]:not(:checked) + label:before, .rsgppopup [type="radio"]:not(:checked) + label:after, .rsgppopup [type="radio"]:checked + label:before, .rsgppopup [type="radio"]:checked + label:after, .rs_easycart [type="radio"]:not(:checked) + label:before, .rs_easycart [type="radio"]:not(:checked) + label:after, .rs_easycart [type="radio"]:checked + label:before, .rs_easycart [type="radio"]:checked + label:after, .gopro-subscribe-window [type="radio"]:not(:checked) + label:before, .gopro-subscribe-window [type="radio"]:not(:checked) + label:after, .gopro-subscribe-window [type="radio"]:checked + label:before, .gopro-subscribe-window [type="radio"]:checked + label:after { border-radius: 50%; } .body [type="radio"]:not(:checked) + label:before, .body [type="radio"]:not(:checked) + label:after, .body [type="radio"]:not(:checked) + label:before, .body [type="radio"]:not(:checked) + label:after, .footer [type="radio"]:not(:checked) + label:before, .footer [type="radio"]:not(:checked) + label:after, .footer [type="radio"]:not(:checked) + label:before, .footer [type="radio"]:not(:checked) + label:after, .fancybox-container [type="radio"]:not(:checked) + label:before, .fancybox-container [type="radio"]:not(:checked) + label:after, .fancybox-container [type="radio"]:not(:checked) + label:before, .fancybox-container [type="radio"]:not(:checked) + label:after, .popup-window [type="radio"]:not(:checked) + label:before, .popup-window [type="radio"]:not(:checked) + label:after, .popup-window [type="radio"]:not(:checked) + label:before, .popup-window [type="radio"]:not(:checked) + label:after, .rsgppopup [type="radio"]:not(:checked) + label:before, .rsgppopup [type="radio"]:not(:checked) + label:after, .rsgppopup [type="radio"]:not(:checked) + label:before, .rsgppopup [type="radio"]:not(:checked) + label:after, .rs_easycart [type="radio"]:not(:checked) + label:before, .rs_easycart [type="radio"]:not(:checked) + label:after, .rs_easycart [type="radio"]:not(:checked) + label:before, .rs_easycart [type="radio"]:not(:checked) + label:after, .gopro-subscribe-window [type="radio"]:not(:checked) + label:before, .gopro-subscribe-window [type="radio"]:not(:checked) + label:after, .gopro-subscribe-window [type="radio"]:not(:checked) + label:before, .gopro-subscribe-window [type="radio"]:not(:checked) + label:after { border: 1px solid #bcbebf; } .body [type="radio"]:not(:checked) + label:hover:before, .body [type="radio"]:not(:checked) + label:hover:after, .body [type="radio"]:not(:checked) + label:hover:before, .body [type="radio"]:not(:checked) + label:hover:after, .footer [type="radio"]:not(:checked) + label:hover:before, .footer [type="radio"]:not(:checked) + label:hover:after, .footer [type="radio"]:not(:checked) + label:hover:before, .footer [type="radio"]:not(:checked) + label:hover:after, .fancybox-container [type="radio"]:not(:checked) + label:hover:before, .fancybox-container [type="radio"]:not(:checked) + label:hover:after, .fancybox-container [type="radio"]:not(:checked) + label:hover:before, .fancybox-container [type="radio"]:not(:checked) + label:hover:after, .popup-window [type="radio"]:not(:checked) + label:hover:before, .popup-window [type="radio"]:not(:checked) + label:hover:after, .popup-window [type="radio"]:not(:checked) + label:hover:before, .popup-window [type="radio"]:not(:checked) + label:hover:after, .rsgppopup [type="radio"]:not(:checked) + label:hover:before, .rsgppopup [type="radio"]:not(:checked) + label:hover:after, .rsgppopup [type="radio"]:not(:checked) + label:hover:before, .rsgppopup [type="radio"]:not(:checked) + label:hover:after, .rs_easycart [type="radio"]:not(:checked) + label:hover:before, .rs_easycart [type="radio"]:not(:checked) + label:hover:after, .rs_easycart [type="radio"]:not(:checked) + label:hover:before, .rs_easycart [type="radio"]:not(:checked) + label:hover:after, .gopro-subscribe-window [type="radio"]:not(:checked) + label:hover:before, .gopro-subscribe-window [type="radio"]:not(:checked) + label:hover:after, .gopro-subscribe-window [type="radio"]:not(:checked) + label:hover:before, .gopro-subscribe-window [type="radio"]:not(:checked) + label:hover:after { border-color: #c4010c; } .body [type="radio"]:not(:checked) + label:after, .footer [type="radio"]:not(:checked) + label:after, .fancybox-container [type="radio"]:not(:checked) + label:after, .popup-window [type="radio"]:not(:checked) + label:after, .rsgppopup [type="radio"]:not(:checked) + label:after, .rs_easycart [type="radio"]:not(:checked) + label:after, .gopro-subscribe-window [type="radio"]:not(:checked) + label:after { transform: scale(0); } .body [type="radio"]:checked + label:before, .footer [type="radio"]:checked + label:before, .fancybox-container [type="radio"]:checked + label:before, .popup-window [type="radio"]:checked + label:before, .rsgppopup [type="radio"]:checked + label:before, .rs_easycart [type="radio"]:checked + label:before, .gopro-subscribe-window [type="radio"]:checked + label:before { border: 1px solid transparent; } .body [type="radio"]:checked + label:before, .body [type="radio"]:checked + label:after, .footer [type="radio"]:checked + label:before, .footer [type="radio"]:checked + label:after, .fancybox-container [type="radio"]:checked + label:before, .fancybox-container [type="radio"]:checked + label:after, .popup-window [type="radio"]:checked + label:before, .popup-window [type="radio"]:checked + label:after, .rsgppopup [type="radio"]:checked + label:before, .rsgppopup [type="radio"]:checked + label:after, .rs_easycart [type="radio"]:checked + label:before, .rs_easycart [type="radio"]:checked + label:after, .gopro-subscribe-window [type="radio"]:checked + label:before, .gopro-subscribe-window [type="radio"]:checked + label:after { border: 1px solid #c4010c; } .body [type="radio"]:checked + label:after, .footer [type="radio"]:checked + label:after, .fancybox-container [type="radio"]:checked + label:after, .popup-window [type="radio"]:checked + label:after, .rsgppopup [type="radio"]:checked + label:after, .rs_easycart [type="radio"]:checked + label:after, .gopro-subscribe-window [type="radio"]:checked + label:after { background-color: #c4010c; } .body [type="radio"]:checked + label:after, .footer [type="radio"]:checked + label:after, .fancybox-container [type="radio"]:checked + label:after, .popup-window [type="radio"]:checked + label:after, .rsgppopup [type="radio"]:checked + label:after, .rs_easycart [type="radio"]:checked + label:after, .gopro-subscribe-window [type="radio"]:checked + label:after { transform: scale(0.4); } .body [type="radio"]:disabled:checked + label:before, .footer [type="radio"]:disabled:checked + label:before, .fancybox-container [type="radio"]:disabled:checked + label:before, .popup-window [type="radio"]:disabled:checked + label:before, .rsgppopup [type="radio"]:disabled:checked + label:before, .rs_easycart [type="radio"]:disabled:checked + label:before, .gopro-subscribe-window [type="radio"]:disabled:checked + label:before { border: 1px solid rgba(0, 0, 0, 0.26); } .body [type="radio"]:disabled:checked + label:after, .footer [type="radio"]:disabled:checked + label:after, .fancybox-container [type="radio"]:disabled:checked + label:after, .popup-window [type="radio"]:disabled:checked + label:after, .rsgppopup [type="radio"]:disabled:checked + label:after, .rs_easycart [type="radio"]:disabled:checked + label:after, .gopro-subscribe-window [type="radio"]:disabled:checked + label:after { border: none; background-color: rgba(0, 0, 0, 0.26); } .body [type="radio"]:disabled:not(:checked) + label:before, .body [type="radio"]:disabled:checked + label:before, .footer [type="radio"]:disabled:not(:checked) + label:before, .footer [type="radio"]:disabled:checked + label:before, .fancybox-container [type="radio"]:disabled:not(:checked) + label:before, .fancybox-container [type="radio"]:disabled:checked + label:before, .popup-window [type="radio"]:disabled:not(:checked) + label:before, .popup-window [type="radio"]:disabled:checked + label:before, .rsgppopup [type="radio"]:disabled:not(:checked) + label:before, .rsgppopup [type="radio"]:disabled:checked + label:before, .rs_easycart [type="radio"]:disabled:not(:checked) + label:before, .rs_easycart [type="radio"]:disabled:checked + label:before, .gopro-subscribe-window [type="radio"]:disabled:not(:checked) + label:before, .gopro-subscribe-window [type="radio"]:disabled:checked + label:before { background-color: transparent; border-color: rgba(0, 0, 0, 0.26); } .body [type="radio"]:disabled + label, .footer [type="radio"]:disabled + label, .fancybox-container [type="radio"]:disabled + label, .popup-window [type="radio"]:disabled + label, .rsgppopup [type="radio"]:disabled + label, .rs_easycart [type="radio"]:disabled + label, .gopro-subscribe-window [type="radio"]:disabled + label { color: rgba(0, 0, 0, 0.26); } .body [type="radio"]:disabled:not(:checked) + label:before, .footer [type="radio"]:disabled:not(:checked) + label:before, .fancybox-container [type="radio"]:disabled:not(:checked) + label:before, .popup-window [type="radio"]:disabled:not(:checked) + label:before, .rsgppopup [type="radio"]:disabled:not(:checked) + label:before, .rs_easycart [type="radio"]:disabled:not(:checked) + label:before, .gopro-subscribe-window [type="radio"]:disabled:not(:checked) + label:before { border-color: rgba(0, 0, 0, 0.26); } .body [type="radio"]:disabled:checked + label:after, .footer [type="radio"]:disabled:checked + label:after, .fancybox-container [type="radio"]:disabled:checked + label:after, .popup-window [type="radio"]:disabled:checked + label:after, .rsgppopup [type="radio"]:disabled:checked + label:after, .rs_easycart [type="radio"]:disabled:checked + label:after, .gopro-subscribe-window [type="radio"]:disabled:checked + label:after { background-color: rgba(0, 0, 0, 0.26); border-color: #BDBDBD; } /* Radio Buttons ========================================================================== */ .bx_soa_location .radio-inline label { padding-left: 27px; } .form-group .soa-property-container label { padding-left: 7px; } .bx_soa_location .radio-inline label, .form-group .soa-property-container label { height: 14px; line-height: 14px; cursor: pointer; /* Unchecked styles */ /* Checked styles */ /* Radio With gap */ /* Disabled Radio With gap */ /* Disabled style */ } .bx_soa_location .radio-inline label [type="radio"]:not(:checked), .bx_soa_location .radio-inline label [type="radio"]:checked, .form-group .soa-property-container label [type="radio"]:not(:checked), .form-group .soa-property-container label [type="radio"]:checked { position: absolute; left: -9999px; opacity: 1; } .bx_soa_location .radio-inline label [type="radio"]:not(:checked), .bx_soa_location .radio-inline label [type="radio"]:checked, .form-group .soa-property-container label [type="radio"]:not(:checked), .form-group .soa-property-container label [type="radio"]:checked { position: relative; display: inline-block; transition: .28s ease; -khtml-user-select: none; /* webkit (konqueror) browsers */ user-select: none; } .bx_soa_location .radio-inline label [type="radio"]:before, .bx_soa_location .radio-inline label [type="radio"]:after, .form-group .soa-property-container label [type="radio"]:before, .form-group .soa-property-container label [type="radio"]:after { content: ' '; position: absolute; left: 9992px; top: 0; margin: 0; width: 14px; height: 14px; z-index: 0; transition: .28s ease; } .bx_soa_location .radio-inline label [type="radio"]:not(:checked):before, .bx_soa_location .radio-inline label [type="radio"]:not(:checked):after, .bx_soa_location .radio-inline label [type="radio"]:checked:before, .bx_soa_location .radio-inline label [type="radio"]:checked:after, .form-group .soa-property-container label [type="radio"]:not(:checked):before, .form-group .soa-property-container label [type="radio"]:not(:checked):after, .form-group .soa-property-container label [type="radio"]:checked:before, .form-group .soa-property-container label [type="radio"]:checked:after { border-radius: 50%; } .bx_soa_location .radio-inline label [type="radio"]:not(:checked):before, .bx_soa_location .radio-inline label [type="radio"]:not(:checked):after, .bx_soa_location .radio-inline label [type="radio"]:not(:checked):before, .bx_soa_location .radio-inline label [type="radio"]:not(:checked):after, .form-group .soa-property-container label [type="radio"]:not(:checked):before, .form-group .soa-property-container label [type="radio"]:not(:checked):after, .form-group .soa-property-container label [type="radio"]:not(:checked):before, .form-group .soa-property-container label [type="radio"]:not(:checked):after { border: 1px solid #bcbebf; } .bx_soa_location .radio-inline label [type="radio"]:not(:checked):hover:before, .bx_soa_location .radio-inline label [type="radio"]:not(:checked):hover:after, .bx_soa_location .radio-inline label [type="radio"]:not(:checked):hover:before, .bx_soa_location .radio-inline label [type="radio"]:not(:checked):hover:after, .form-group .soa-property-container label [type="radio"]:not(:checked):hover:before, .form-group .soa-property-container label [type="radio"]:not(:checked):hover:after, .form-group .soa-property-container label [type="radio"]:not(:checked):hover:before, .form-group .soa-property-container label [type="radio"]:not(:checked):hover:after { border-color: #c4010c; } .bx_soa_location .radio-inline label [type="radio"]:not(:checked):after, .form-group .soa-property-container label [type="radio"]:not(:checked):after { transform: scale(0); } .bx_soa_location .radio-inline label [type="radio"]:checked:before, .form-group .soa-property-container label [type="radio"]:checked:before { border: 1px solid transparent; } .bx_soa_location .radio-inline label [type="radio"]:checked:before, .bx_soa_location .radio-inline label [type="radio"]:checked:after, .form-group .soa-property-container label [type="radio"]:checked:before, .form-group .soa-property-container label [type="radio"]:checked:after { border: 1px solid #c4010c; } .bx_soa_location .radio-inline label [type="radio"]:checked:after, .form-group .soa-property-container label [type="radio"]:checked:after { background-color: #c4010c; } .bx_soa_location .radio-inline label [type="radio"]:checked:after, .form-group .soa-property-container label [type="radio"]:checked:after { transform: scale(0.4); } .bx_soa_location .radio-inline label [type="radio"]:disabled:checked:before, .form-group .soa-property-container label [type="radio"]:disabled:checked:before { border: 1px solid rgba(0, 0, 0, 0.26); } .bx_soa_location .radio-inline label [type="radio"]:disabled:checked:after, .form-group .soa-property-container label [type="radio"]:disabled:checked:after { border: none; background-color: rgba(0, 0, 0, 0.26); } .bx_soa_location .radio-inline label [type="radio"]:disabled:not(:checked):before, .bx_soa_location .radio-inline label [type="radio"]:disabled:checked:before, .form-group .soa-property-container label [type="radio"]:disabled:not(:checked):before, .form-group .soa-property-container label [type="radio"]:disabled:checked:before { background-color: transparent; border-color: rgba(0, 0, 0, 0.26); } .bx_soa_location .radio-inline label [type="radio"]:disabled, .form-group .soa-property-container label [type="radio"]:disabled { color: rgba(0, 0, 0, 0.26); } .bx_soa_location .radio-inline label [type="radio"]:disabled:not(:checked):before, .form-group .soa-property-container label [type="radio"]:disabled:not(:checked):before { border-color: rgba(0, 0, 0, 0.26); } .bx_soa_location .radio-inline label [type="radio"]:disabled:checked:after, .form-group .soa-property-container label [type="radio"]:disabled:checked:after { background-color: rgba(0, 0, 0, 0.26); border-color: #BDBDBD; } .body .btn1, .body .btn-primary, .footer .btn1, .footer .btn-primary, .fancybox-container .btn1, .fancybox-container .btn-primary, .popup-window .btn1, .popup-window .btn-primary, .rsgppopup .btn1, .rsgppopup .btn-primary, .rs_easycart .btn1, .rs_easycart .btn-primary, .gopro-subscribe-window .btn1, .gopro-subscribe-window .btn-primary { position: relative; display: inline-block; height: auto; padding: 5px 21px 6px 21px; text-decoration: none; text-align: center; line-height: 18px; font-size: 13px; font-weight: normal; cursor: pointer; white-space: nowrap; background: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-shadow: none; box-shadow: none; transition: 0s; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; background-color: #c4010c; border: 1px solid #c4010c; border-bottom-color: #780107; } .body .btn1:hover, .body .btn-primary:hover, .footer .btn1:hover, .footer .btn-primary:hover, .fancybox-container .btn1:hover, .fancybox-container .btn-primary:hover, .popup-window .btn1:hover, .popup-window .btn-primary:hover, .rsgppopup .btn1:hover, .rsgppopup .btn-primary:hover, .rs_easycart .btn1:hover, .rs_easycart .btn-primary:hover, .gopro-subscribe-window .btn1:hover, .gopro-subscribe-window .btn-primary:hover { color: #fff; background-color: #780107; border-color: #780107; text-decoration: none; transition: 0s; } .body .btn1-darken, .body .btn-primary-darken, .footer .btn1-darken, .footer .btn-primary-darken, .fancybox-container .btn1-darken, .fancybox-container .btn-primary-darken, .popup-window .btn1-darken, .popup-window .btn-primary-darken, .rsgppopup .btn1-darken, .rsgppopup .btn-primary-darken, .rs_easycart .btn1-darken, .rs_easycart .btn-primary-darken, .gopro-subscribe-window .btn1-darken, .gopro-subscribe-window .btn-primary-darken { position: relative; display: inline-block; height: auto; padding: 5px 21px 6px 21px; text-decoration: none; text-align: center; line-height: 18px; font-size: 13px; font-weight: normal; cursor: pointer; white-space: nowrap; background: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-shadow: none; box-shadow: none; transition: 0s; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; background-color: #780107; border: 1px solid #780107; border-bottom-color: #c4010c; } .body .btn1-darken:hover, .body .btn-primary-darken:hover, .footer .btn1-darken:hover, .footer .btn-primary-darken:hover, .fancybox-container .btn1-darken:hover, .fancybox-container .btn-primary-darken:hover, .popup-window .btn1-darken:hover, .popup-window .btn-primary-darken:hover, .rsgppopup .btn1-darken:hover, .rsgppopup .btn-primary-darken:hover, .rs_easycart .btn1-darken:hover, .rs_easycart .btn-primary-darken:hover, .gopro-subscribe-window .btn1-darken:hover, .gopro-subscribe-window .btn-primary-darken:hover { color: #fff; background-color: #c4010c; border-color: #c4010c; text-decoration: none; transition: 0s; } .body .btn2, .body .btn-default, .footer .btn2, .footer .btn-default, .fancybox-container .btn2, .fancybox-container .btn-default, .popup-window .btn2, .popup-window .btn-default, .rsgppopup .btn2, .rsgppopup .btn-default, .rs_easycart .btn2, .rs_easycart .btn-default, .gopro-subscribe-window .btn2, .gopro-subscribe-window .btn-default { position: relative; display: inline-block; height: auto; padding: 5px 21px 6px 21px; text-decoration: none; text-align: center; line-height: 18px; font-size: 13px; font-weight: normal; cursor: pointer; white-space: nowrap; background: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-shadow: none; box-shadow: none; transition: 0s; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; background-color: #6b80a0; border: 1px solid #6b80a0; border-bottom-color: #4a5b74; } .body .btn2:hover, .body .btn-default:hover, .footer .btn2:hover, .footer .btn-default:hover, .fancybox-container .btn2:hover, .fancybox-container .btn-default:hover, .popup-window .btn2:hover, .popup-window .btn-default:hover, .rsgppopup .btn2:hover, .rsgppopup .btn-default:hover, .rs_easycart .btn2:hover, .rs_easycart .btn-default:hover, .gopro-subscribe-window .btn2:hover, .gopro-subscribe-window .btn-default:hover { color: #fff; background-color: #4a5b74; border-color: #4a5b74; text-decoration: none; transition: 0s; } .body .btn3, .footer .btn3, .fancybox-container .btn3, .popup-window .btn3, .rsgppopup .btn3, .rs_easycart .btn3, .gopro-subscribe-window .btn3 { position: relative; display: inline-block; height: auto; padding: 5px 21px 6px 21px; text-decoration: none; text-align: center; line-height: 18px; font-size: 13px; font-weight: normal; cursor: pointer; white-space: nowrap; background: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-shadow: none; box-shadow: none; transition: 0s; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; background-color: #899CC7; border: 1px solid #899CC7; border-bottom-color: #5570ae; } .body .btn3:hover, .footer .btn3:hover, .fancybox-container .btn3:hover, .popup-window .btn3:hover, .rsgppopup .btn3:hover, .rs_easycart .btn3:hover, .gopro-subscribe-window .btn3:hover { color: #fff; background-color: #5570ae; border-color: #5570ae; text-decoration: none; transition: 0s; } .body .btn-link, .footer .btn-link, .fancybox-container .btn-link, .popup-window .btn-link, .rsgppopup .btn-link, .rs_easycart .btn-link, .gopro-subscribe-window .btn-link { position: relative; display: inline-block; height: auto; padding: 5px 21px 6px 21px; text-decoration: none; text-align: center; line-height: 18px; font-size: 13px; font-weight: normal; cursor: pointer; white-space: nowrap; background: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-shadow: none; box-shadow: none; transition: 0s; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid transparent; } .body .btn-link:hover, .footer .btn-link:hover, .fancybox-container .btn-link:hover, .popup-window .btn-link:hover, .rsgppopup .btn-link:hover, .rs_easycart .btn-link:hover, .gopro-subscribe-window .btn-link:hover { text-decoration: underline; } .body .btn-link-inlink, .footer .btn-link-inlink, .fancybox-container .btn-link-inlink, .popup-window .btn-link-inlink, .rsgppopup .btn-link-inlink, .rs_easycart .btn-link-inlink, .gopro-subscribe-window .btn-link-inlink { position: relative; display: inline-block; height: auto; padding: 5px 21px 6px 21px; text-decoration: none; text-align: center; line-height: 18px; font-size: 13px; font-weight: normal; cursor: pointer; white-space: nowrap; background: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-shadow: none; box-shadow: none; transition: 0s; cursor: default; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid transparent; } body .rsgppopup .btn1, body .rsgppopup .btn-primary, body .rsgppopup .btn2, body .rsgppopup .btn-default, body .rsgppopup .btn3 { padding: 5px 10px; } body.circular { /* base */ /* catalog section */ /* compare */ /* catalog element */ /* personal */ } body.circular a *.btn1, body.circular a *.btn2, body.circular a *.btn2 { -khtml-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } body.circular .body input[type="submit"], body.circular .body input[type="button"], body.circular .body input[type="reset"], body.circular input.btn1[type="submit"], body.circular input.btn1[type="button"], body.circular input.btn1[type="reset"], body.circular input.btn2[type="submit"], body.circular input.btn2[type="button"], body.circular input.btn2[type="reset"], body.circular input.btn3[type="submit"], body.circular input.btn3[type="button"], body.circular input.btn3[type="reset"] { -khtml-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } body.circular .add2basketform .add2basket, body.circular .add2basketform .inbasket, body.circular .add2basketform .buy1click { -khtml-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } body.circular .quantity { -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } body.circular .quantity .minus { -khtml-border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; } body.circular .quantity .plus { -khtml-border-radius: 0px 3px 3px 0px; -moz-border-radius: 0px 3px 3px 0px; -webkit-border-radius: 0px 3px 3px 0px; border-radius: 0px 3px 3px 0px; } body.circular .timers .clock { -khtml-border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; } body.circular .timers .timer { -khtml-border-radius: 0px 3px 3px 0px; -moz-border-radius: 0px 3px 3px 0px; -webkit-border-radius: 0px 3px 3px 0px; border-radius: 0px 3px 3px 0px; } body.circular .catalogsorter .template a, body.circular .catalogsorter .shortsort a { -khtml-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } body.circular .go2detail { -khtml-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } body.circular .set .fullpanel .block span.discount { -khtml-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } body.circular .comparelist a { -khtml-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } body.circular .detailtabs .headers a { -khtml-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } body.circular .orderlist .switch a { -khtml-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .fancybox { /*@media (min-width: $screen-sm-min) { &-enabled { .header-fly, body { padding-right: 17px; } } }*/ } .fancybox-container { z-index: 11000 !important; } .fancybox-container.rs-gopro-popup .fancybox-caption-wrap { display: none; } .fancybox-container.rs-gopro-popup .fancybox-slide > div:not(.fancybox-loading) { /*max-width: 940px;*/ /*min-width: 300px;*/ padding-top: 81px; } .fancybox-container.rs-gopro-product-gallery .fancybox-slide > div:not(.fancybox-loading) { width: 90%; height: 90%; max-width: 100%; /*min-width: 300px;*/ padding-top: 81px; margin: 0; } .fancybox-custom-title { position: absolute; top: 0; right: 0; left: 0; padding: 20px 20px 12px 20px; border-bottom: 1px solid #F2F2F2; } .fancybox-custom-title > span { display: block; font-family: Opensanslight, Arial, Helvetica, sans-serif; font-size: 24px; line-height: 28px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .fancybox-close { position: absolute; top: 0px; right: 0px; padding: 23px 25px 18px; cursor: pointer; z-index: 8050; } .fancybox-close:hover .svg-icon { fill: #505050; } .fancybox-close .svg-icon { width: 12px; height: 12px; fill: #b0b0b0; } .body .form-control, .footer .form-control, .fancybox-container .form-control, .popup-window .form-control, .rsgppopup .form-control, .rs_easycart .form-control, .gopro-subscribe-window .form-control { height: 40px; } .body input[type="text"], .body input[type="password"], .body textarea, .body select, .footer input[type="text"], .footer input[type="password"], .footer textarea, .footer select, .fancybox-container input[type="text"], .fancybox-container input[type="password"], .fancybox-container textarea, .fancybox-container select, .popup-window input[type="text"], .popup-window input[type="password"], .popup-window textarea, .popup-window select, .rsgppopup input[type="text"], .rsgppopup input[type="password"], .rsgppopup textarea, .rsgppopup select, .rs_easycart input[type="text"], .rs_easycart input[type="password"], .rs_easycart textarea, .rs_easycart select, .gopro-subscribe-window input[type="text"], .gopro-subscribe-window input[type="password"], .gopro-subscribe-window textarea, .gopro-subscribe-window select { width: auto; height: auto; font: 13px Opensanslight, Arial, Helvetica, sans-serif; margin: 0; padding: 10px 9px; outline: -webkit-focus-ring-color auto 0; border: 1px solid #bebebe; background: #f3f3f3; box-shadow: none; border-radius: none; transition: all ease-in-out 0.15s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -khtml-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .body input[type="text"]:hover, .body input[type="password"]:hover, .body textarea:hover, .body select:hover, .footer input[type="text"]:hover, .footer input[type="password"]:hover, .footer textarea:hover, .footer select:hover, .fancybox-container input[type="text"]:hover, .fancybox-container input[type="password"]:hover, .fancybox-container textarea:hover, .fancybox-container select:hover, .popup-window input[type="text"]:hover, .popup-window input[type="password"]:hover, .popup-window textarea:hover, .popup-window select:hover, .rsgppopup input[type="text"]:hover, .rsgppopup input[type="password"]:hover, .rsgppopup textarea:hover, .rsgppopup select:hover, .rs_easycart input[type="text"]:hover, .rs_easycart input[type="password"]:hover, .rs_easycart textarea:hover, .rs_easycart select:hover, .gopro-subscribe-window input[type="text"]:hover, .gopro-subscribe-window input[type="password"]:hover, .gopro-subscribe-window textarea:hover, .gopro-subscribe-window select:hover { border-color: #c4010c; -webkit-box-shadow: none; box-shadow: none; } .body input[type="text"]:hover:focus, .body input[type="text"]:focus, .body input[type="password"]:hover:focus, .body input[type="password"]:focus, .body textarea:hover:focus, .body textarea:focus, .body select:hover:focus, .body select:focus, .footer input[type="text"]:hover:focus, .footer input[type="text"]:focus, .footer input[type="password"]:hover:focus, .footer input[type="password"]:focus, .footer textarea:hover:focus, .footer textarea:focus, .footer select:hover:focus, .footer select:focus, .fancybox-container input[type="text"]:hover:focus, .fancybox-container input[type="text"]:focus, .fancybox-container input[type="password"]:hover:focus, .fancybox-container input[type="password"]:focus, .fancybox-container textarea:hover:focus, .fancybox-container textarea:focus, .fancybox-container select:hover:focus, .fancybox-container select:focus, .popup-window input[type="text"]:hover:focus, .popup-window input[type="text"]:focus, .popup-window input[type="password"]:hover:focus, .popup-window input[type="password"]:focus, .popup-window textarea:hover:focus, .popup-window textarea:focus, .popup-window select:hover:focus, .popup-window select:focus, .rsgppopup input[type="text"]:hover:focus, .rsgppopup input[type="text"]:focus, .rsgppopup input[type="password"]:hover:focus, .rsgppopup input[type="password"]:focus, .rsgppopup textarea:hover:focus, .rsgppopup textarea:focus, .rsgppopup select:hover:focus, .rsgppopup select:focus, .rs_easycart input[type="text"]:hover:focus, .rs_easycart input[type="text"]:focus, .rs_easycart input[type="password"]:hover:focus, .rs_easycart input[type="password"]:focus, .rs_easycart textarea:hover:focus, .rs_easycart textarea:focus, .rs_easycart select:hover:focus, .rs_easycart select:focus, .gopro-subscribe-window input[type="text"]:hover:focus, .gopro-subscribe-window input[type="text"]:focus, .gopro-subscribe-window input[type="password"]:hover:focus, .gopro-subscribe-window input[type="password"]:focus, .gopro-subscribe-window textarea:hover:focus, .gopro-subscribe-window textarea:focus, .gopro-subscribe-window select:hover:focus, .gopro-subscribe-window select:focus { border-color: #c4010c; background: #fff; -webkit-box-shadow: none; box-shadow: none; } .body .bx-sls .dropdown-block, .body .bx-slst .dropdown-block, .footer .bx-sls .dropdown-block, .footer .bx-slst .dropdown-block, .fancybox-container .bx-sls .dropdown-block, .fancybox-container .bx-slst .dropdown-block, .popup-window .bx-sls .dropdown-block, .popup-window .bx-slst .dropdown-block, .rsgppopup .bx-sls .dropdown-block, .rsgppopup .bx-slst .dropdown-block, .rs_easycart .bx-sls .dropdown-block, .rs_easycart .bx-slst .dropdown-block, .gopro-subscribe-window .bx-sls .dropdown-block, .gopro-subscribe-window .bx-slst .dropdown-block { font: 13px Opensanslight, Arial, Helvetica, sans-serif; margin: 0; border: 1px solid #bebebe; box-shadow: none; transition: border-color ease-in-out 0.15s; } .body .bx-sls .dropdown-block.focus, .body .bx-slst .dropdown-block.focus, .footer .bx-sls .dropdown-block.focus, .footer .bx-slst .dropdown-block.focus, .fancybox-container .bx-sls .dropdown-block.focus, .fancybox-container .bx-slst .dropdown-block.focus, .popup-window .bx-sls .dropdown-block.focus, .popup-window .bx-slst .dropdown-block.focus, .rsgppopup .bx-sls .dropdown-block.focus, .rsgppopup .bx-slst .dropdown-block.focus, .rs_easycart .bx-sls .dropdown-block.focus, .rs_easycart .bx-slst .dropdown-block.focus, .gopro-subscribe-window .bx-sls .dropdown-block.focus, .gopro-subscribe-window .bx-slst .dropdown-block.focus { border-color: #c4010c; } .body .bx-sls .bx-ui-sls-route, .body .bx-sls .bx-ui-sls-fake, .body .bx-slst .bx-ui-sls-route, .body .bx-slst .bx-ui-sls-fake, .footer .bx-sls .bx-ui-sls-route, .footer .bx-sls .bx-ui-sls-fake, .footer .bx-slst .bx-ui-sls-route, .footer .bx-slst .bx-ui-sls-fake, .fancybox-container .bx-sls .bx-ui-sls-route, .fancybox-container .bx-sls .bx-ui-sls-fake, .fancybox-container .bx-slst .bx-ui-sls-route, .fancybox-container .bx-slst .bx-ui-sls-fake, .popup-window .bx-sls .bx-ui-sls-route, .popup-window .bx-sls .bx-ui-sls-fake, .popup-window .bx-slst .bx-ui-sls-route, .popup-window .bx-slst .bx-ui-sls-fake, .rsgppopup .bx-sls .bx-ui-sls-route, .rsgppopup .bx-sls .bx-ui-sls-fake, .rsgppopup .bx-slst .bx-ui-sls-route, .rsgppopup .bx-slst .bx-ui-sls-fake, .rs_easycart .bx-sls .bx-ui-sls-route, .rs_easycart .bx-sls .bx-ui-sls-fake, .rs_easycart .bx-slst .bx-ui-sls-route, .rs_easycart .bx-slst .bx-ui-sls-fake, .gopro-subscribe-window .bx-sls .bx-ui-sls-route, .gopro-subscribe-window .bx-sls .bx-ui-sls-fake, .gopro-subscribe-window .bx-slst .bx-ui-sls-route, .gopro-subscribe-window .bx-slst .bx-ui-sls-fake { position: relative; top: -1px; } /* placeholder */ ::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder, input:-moz-placeholder { color: #999; font-size: 13px; font-family: Arial, Helvetica, sans-serif; } .col-xs-5rs, .col-sm-5rs, .col-md-5rs, .col-lg-5rs { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-5rs { width: 20%; float: left; } @media (min-width: 768px) { .col-sm-5rs { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-5rs { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-5rs { width: 20%; float: left; } } .hamburger { display: inline-block; overflow: visible; margin: 0; padding: 10px 14px; cursor: pointer; transition-timing-function: linear; transition-duration: .15s; transition-property: opacity, filter, background-color, color, fill; text-transform: none; color: inherit; border: 0; background-color: #f3f3f3;} .hamburger.is-active { color: #fff; background-color: #c4010c;} .hamburger.is-active .hamburger-inner { background-color: #fff; transform: translate3d(0, 5px, 0) rotate(45deg); } .hamburger.is-active .hamburger-inner:before { background-color: #fff; transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0); opacity: 0; } .hamburger.is-active .hamburger-inner:after { background-color: #fff; transform: translate3d(0, -10px, 0) rotate(-90deg); top: 10px; } .hamburger.is-active .hamburger-name { color: #fff; } .hamburger-box { position: relative; top: 2px; display: inline-block; width: 14px; height: 14px; } .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { position: absolute; width: 14px; height: 2px; transition-timing-function: ease; transition-duration: .15s; transition-property: transform; border-radius: 4px; background-color: #000; } .hamburger-inner:after, .hamburger-inner:before { display: block; content: ""; } .hamburger-inner:before { top: 5px; transition-timing-function: ease; transition-duration: .15s; transition-property: transform, opacity; } .hamburger-inner:after { top: 10px; } .hamburger-name { position: relative; top: -2px; color: #91918f; margin-left: 18px; } .lazy-animation { background-image: linear-gradient(to left, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%); background-repeat: no-repeat; background-color: #f6f7f8; background-size: 450px 700px; animation: lazyloadeffect 1s infinite linear forwards; } .js-lazy-section.is-loading .js-lazy, .js-lazy-section.is-loading .js-lazy-sect { opacity: 0; } @keyframes lazyloadeffect { from { background-position: -400px 0; } to { background-position: 200px 0; } } .body .scrollbar-inner > .scroll-element.scroll-x { height: 4px; } .body .scrollbar-inner > .scroll-element.scroll-y { right: 2px; top: 0; width: 4px; height: 100%; } .body .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #c4010c; } .body .scrollbar-inner > .scroll-element .scroll-element_track { background-color: #ebebeb; } .body .scrollbar-inner > .scroll-element .scroll-bar { cursor: pointer; background-color: #c5c5c5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 1; transition: all 0.15s linear; } .body .scrollbar-inner > .scroll-element .scroll-bar:hover { background-color: #c4010c; } ul, ol { list-style: none; padding-left: 50px; } ul > li, ol > li { position: relative; list-style-type: none; line-height: 19px; } ol { counter-reset: list 0; } ol > li:before { counter-increment: list; content: counter(list) ""; font-size: 10pt; margin-top: 4px; } ul.list-ok > li:before, ol.list-ok > li:before { content: "\f00c"; font-size: 11px; font-family: 'FontAwesome'; margin-top: 5px; } ul.list-unstyled, ol.list-unstyled { list-style: none; padding-left: 0px; counter-reset: list 0; } ul.list-unstyled > li, ol.list-unstyled > li { position: static; list-style-type: none; } .column1 { width: 20%; } .column1 { height: 80px; float: left; line-height: 80px; text-align: center; } .column1 .column1inner { display: inline-block; line-height: 19px; vertical-align: middle; text-align: left; } .callback.column1 .column1inner{ line-height: 18px; margin-bottom: 4px; } .column2 { width: 25%; float: left; } .logo.column1 { text-align: left; } .basket.column1 { padding-right: 0px; text-align: right; } /* site < then max-width */ @media screen and (max-width: 1260px) { body.adaptive .callback.column1 { display: none; } } @media screen and (max-width: 1260px) and (min-width: 876px) { body.adaptive .logo.column1 { width: 25%; } body.adaptive .phone.column1 { width: 30%; } body.adaptive .favorite.column1 { width: 20%; } body.adaptive .basket.column1 { width: 25%; } } @media screen and (max-width: 1260px) and (min-width: 950px) { body.adaptive .footer .line1 .contacts .phone a { font-size: 18px; } } @media screen and (max-width: 1024px) and (min-width: 768px) { body.adaptive .pmenu { width: 25%; } body.adaptive .pcontent { width: 70%; padding-left: 15px; } } @media screen and (max-width: 950px) { body.adaptive .footer .line1 .contacts .phone a { font-size: 14px; } } @media screen and (max-width: 1010px) and (min-width: 768px) { body.adaptive .footer .line1 .block.one { width: 20%; } body.adaptive .footer .line1 .block.two { width: 45%; } body.adaptive .footer .line1 .block.three { width: 18%; } body.adaptive .footer .line1 .block.four { width: 17%; padding-right: 0px; } } /* for tablets */ @media screen and (max-width: 875px) { body.adaptive .body input[type="text"], body.adaptive .body input[type="password"], body.adaptive .body textarea, body.adaptive .body select, body.adaptive .footer input[type="text"], body.adaptive .footer input[type="password"], body.adaptive .footer textarea, body.adaptive .footer select, body.adaptive .fancybox-container input[type="text"], body.adaptive .fancybox-container input[type="password"], body.adaptive .fancybox-container textarea, body.adaptive .fancybox-container select { box-shadow: none; } body.adaptive .header .phone a, body.adaptive .header .phone a:hover { font-size: 20px; } /* tables */ body.adaptive .table .td { display: inline-block; width: auto; } /* /tables */ } @media screen and (max-width: 885px) and (min-width: 751px) { body.adaptive .logo.column1 { width: 24%; } body.adaptive .phone.column1 { width: 24%; } body.adaptive .favorite.column1 { width: 19%; } body.adaptive .basket.column1 { width: 33%; } body.adaptive .phone.column1 .svg-icon { display: none; } } @media screen and (max-width: 775px) and (min-width: 481px) { body.adaptive .pmenu { width: 30%; } body.adaptive .pcontent { width: 70%; padding-left: 15px; } } @media screen and (max-width: 768px) { body.adaptive .footer .line1 { padding: 5px 0px; } body.adaptive .footer .line1 .block.one .logo { display: none; } body.adaptive .footer .line1 .contacts { margin-bottom: 15px; } body.adaptive .footer .line1 .block.one .contacts, body.adaptive .footer .line1 .contacts .feedback { margin-top: 0px; } } @media screen and (max-width: 768px) and (min-width: 627px) { body.adaptive .logo.column1 { width: 25%; } body.adaptive .phone.column1 { width: 30%; } body.adaptive .favorite.column1 { width: 17%; } body.adaptive .basket.column1 { width: 28%; } body.adaptive .column1 .svg-icon { display: none; } body.adaptive .column1 .title, body.adaptive .column1 .descr { margin-left: 0px; } } @media screen and (max-width: 768px) and (min-width: 481px) { body.adaptive h1 { font-size: 26px; } body.adaptive h2 { font-size: 20px; } body.adaptive h3 { font-size: 14px; } body.adaptive h1.pagetitle { font-size: 26px; } body.adaptive .footer .line1 .block.one, body.adaptive .footer .line1 .block.two, body.adaptive .footer .line1 .block.three, body.adaptive .footer .line1 .block.four { padding-right: 0px; } body.adaptive .footer .line1 .block.one, body.adaptive .footer .line1 .block.two { width: 100%; } body.adaptive .footer .line1 .block.three, body.adaptive .footer .line1 .block.four { width: 50%; } body.adaptive .footer .line1 .block.one .contacts .phone1, body.adaptive .footer .line1 .block.one .contacts .phone2 { float: left; width: 50%; } body.adaptive .footer .line1 .block.three, body.adaptive .footer .line1 .block.four { text-align: center; } } @media screen and (max-width: 626px) and (min-width: 481px) { body.adaptive .logo.column1 { width: 30%; } body.adaptive .phone.column1 { display: none; } body.adaptive .favorite.column1 { width: 30%; text-align: center; } body.adaptive .basket.column1 { width: 40%; } body.adaptive .column1 .svg-icon { display: none; } body.adaptive .column1 .title, body.adaptive .column1 .descr { margin-left: 0px; } } /* for mobile */ @media screen and (max-width: 605px) { body.adaptive .pmenu { margin-bottom: 15px; } body.adaptive .pmenu, body.adaptive .pcontent { width: 100%; padding-left: 0px; } } @media screen and (max-width: 480px) and (min-width: 381px) { body.adaptive .basket.column1 { width: 70%; } } @media screen and (max-width: 480px) { body.adaptive h1 { font-size: 20px; } body.adaptive h2 { font-size: 18px; } body.adaptive h3 { font-size: 14px; } body.adaptive h1.pagetitle { font-size: 20px; } body.adaptive .mobile_hide { display: none; } body.adaptive .header .phone a, body.adaptive .header .phone a:hover { font-size: 16px; } body.adaptive .authandlocation { float: none; } body.adaptive .column1 { height: 50px; line-height: 50px; } body.adaptive .logo.column1, body.adaptive .phone.column1 { width: 50%; } body.adaptive .favorite.column1 { width: 30%; } body.adaptive .header .phone { text-align: right; } body.adaptive .favorite.column1 { text-align: left; } body.adaptive .footer { background-color: #fff; border-top: 1px solid #F2F2F2; } body.adaptive .footer .line1 .block.one, body.adaptive .footer .line1 .block.two, body.adaptive .footer .line1 .block.three, body.adaptive .footer .line1 .block.four { width: 100%; padding-right: 0px; text-align: center; } /* forms -> universal */ body.adaptive .someform { max-width: 500px; } body.adaptive .fancybox-container .someform { max-width: 250px; } /* forms -> register */ body.adaptive .someform .line.password .text, body.adaptive .someform .line.password .btn, body.adaptive .someform .line.captcha input { width: 100%; float: none; } body.adaptive .someform .line.password .text { margin-bottom: 10px; } body.adaptive .someform .line.captcha img { float: none; margin-bottom: 8px; } /* /forms -> universal */ /* main page */ body.adaptive .sorter_and_name .name { float: none; } body.adaptive .sorter_and_name .sorter { float: none; margin-top: 10px; } body.adaptive .sorter_and_name .catalogsorter .template a { float: left; } } @media screen and (max-width: 400px) { .c-prices-main-block{ margin-bottom: 30px; } } @media screen and (max-width: 380px) { .c-attributes.view-list .c-attributes__select__gallery .js-attributes__set-value-pic{ width: 90px; height: 90px; } body.adaptive .favorite.column1 { display: none; } body.adaptive .favorite.column1 .title, body.adaptive .favorite.column1 .descr { margin-left: 0px; } body.adaptive .column1.basket, body.adaptive .column1.basket .column1inner { width: 100%; } body.adaptive .phone.column1 .svg-icon { display: none; } } @media screen and (max-width: 350px) { .c-attributes.view-list .c-attributes__select__gallery .js-attributes__set-value-pic{ width: 78px; height: 78px; } } .owl-preview { display: none; } .owl-dot .owl-preview { display: inline-block; } body .owl-carousel .owl-item .owl-lazy { opacity: 1; transition: all .5s; } body.rsgopro .js-pseudo-focus-blur-input { border: none; } body.rsgopro .js-pseudo-border, body.rsgopro .js-pseudo-border-top, body.rsgopro .js-pseudo-border-right, body.rsgopro .js-pseudo-border-bottom, body.rsgopro .js-pseudo-border-left { transition: border-color .3s; } body.rsgopro .js-pseudo-border { border: 1px solid #ebebeb; } body.rsgopro .js-pseudo-border-top { border-top: 1px solid #ebebeb; } body.rsgopro .js-pseudo-border-right { border-right: 1px solid #ebebeb; } body.rsgopro .js-pseudo-border-bottom { border-bottom: 1px solid #ebebeb; } body.rsgopro .js-pseudo-border-left { border-left: 1px solid #ebebeb; } body.rsgopro .js-pseudo-focus-blur.js-pseudo-focus .js-pseudo-border, body.rsgopro .js-pseudo-focus-blur.js-pseudo-focus .js-pseudo-border-top, body.rsgopro .js-pseudo-focus-blur.js-pseudo-focus .js-pseudo-border-right, body.rsgopro .js-pseudo-focus-blur.js-pseudo-focus .js-pseudo-border-bottom, body.rsgopro .js-pseudo-focus-blur.js-pseudo-focus .js-pseudo-border-left, body.rsgopro .js-pseudo-focus-blur.js-pseudo-border .js-pseudo-border, body.rsgopro .js-pseudo-focus-blur.js-pseudo-border .js-pseudo-border-top, body.rsgopro .js-pseudo-focus-blur.js-pseudo-border .js-pseudo-border-right, body.rsgopro .js-pseudo-focus-blur.js-pseudo-border .js-pseudo-border-bottom, body.rsgopro .js-pseudo-focus-blur.js-pseudo-border .js-pseudo-border-left { border-color: #c4010c; } .rs-table { border: none; } .rs-table th, .rs-table__th { min-height: auto; font-family: Arial; font-size: 13px; font-weight: normal; line-height: 18px; color: #878787; padding: 13px 26px 15px; vertical-align: middle; background-color: #fff; border-top: 1px solid #F2F2F2; border-bottom: 1px solid #F2F2F2; } .rs-table td, .rs-table__td { padding: 13px 26px 15px; vertical-align: middle; color: black; background-color: #fff; border-top: none; border-right: none; border-bottom: 1px solid #F2F2F2; border-left: none; } .table > thead > tr > th, .table > thead > tr > td { min-height: auto; font-family: Arial; font-size: 13px; font-weight: normal; line-height: 18px; color: #878787; padding: 13px 26px 15px; vertical-align: middle; background-color: #fff; border-top: 1px solid #F2F2F2; border-bottom: 1px solid #F2F2F2; } .table > tbody > tr > td { padding: 13px 26px 15px; vertical-align: middle; color: black; background-color: #fff; border-top: none; border-right: none; border-bottom: 1px solid #F2F2F2; border-left: none; } .table > thead:first-child > tr:first-child > th { min-height: auto; font-family: Arial; font-size: 13px; font-weight: normal; line-height: 18px; color: #878787; padding: 13px 26px 15px; vertical-align: middle; background-color: #fff; border-top: 1px solid #F2F2F2; border-bottom: 1px solid #F2F2F2; } .rs-tabs__bar { width: 100%; white-space: nowrap; padding: 0; margin: 0 0 10px 0; background: #f3f3f3; border: none; overflow-x: auto; overflow-y: hidden; } .rs-tabs__bar-button { position: relative; display: inline-block; float: none; font-size: 13px; line-height: 18px; color: #308ac4; white-space: nowrap; text-decoration: none; margin: 0; padding: 20px 23px; background: transparent; border-top: 1px solid transparent; border-right: 1px solid transparent; border-bottom: none; border-left: 1px solid transparent; border-radius: 0; box-shadow: none; text-shadow: none; } .rs-tabs__bar-button:before, .rs-tabs__bar-button:after { position: absolute; display: none; top: -1px; width: 2px; height: 1px; content: " "; background-color: #fff; } .rs-tabs__bar-button:before { left: 0; } .rs-tabs__bar-button:after { right: 0; } .rs-tabs__bar-button:hover { color: #67adda; } .rs-tabs__bar-button.active, .rs-tabs__bar-button.current { color: #308ac4; background-color: #fff !important; border-top: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3; border-left: 1px solid #f3f3f3; } .rs-tabs__bar-button.active:before, .rs-tabs__bar-button.active:after, .rs-tabs__bar-button.current:before, .rs-tabs__bar-button.current:after { display: block; } .rs-tabs__preloader { position: relative; width: 100%; min-height: 100px; } .nav.nav-tabs { width: 100%; white-space: nowrap; padding: 0; margin: 0 0 10px 0; background: #f3f3f3; border: none; overflow-x: auto; overflow-y: hidden; } .nav.nav-tabs > li { position: relative; display: inline-block; float: none; font-size: 13px; line-height: 18px; color: #308ac4; white-space: nowrap; text-decoration: none; margin: 0; padding: 20px 23px; background: transparent; border-top: 1px solid transparent; border-right: 1px solid transparent; border-bottom: none; border-left: 1px solid transparent; border-radius: 0; box-shadow: none; text-shadow: none; } .nav.nav-tabs > li:before, .nav.nav-tabs > li:after { position: absolute; display: none; top: -1px; width: 2px; height: 1px; content: " "; background-color: #fff; } .nav.nav-tabs > li:before { left: 0; } .nav.nav-tabs > li:after { right: 0; } .nav.nav-tabs > li:hover { color: #67adda; } .nav.nav-tabs > li.active, .nav.nav-tabs > li.current { color: #308ac4; background-color: #fff !important; border-top: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3; border-left: 1px solid #f3f3f3; } .nav.nav-tabs > li.active:before, .nav.nav-tabs > li.active:after, .nav.nav-tabs > li.current:before, .nav.nav-tabs > li.current:after { display: block; } .nav.nav-tabs > li > a { color: #308ac4; text-decoration: none !important; padding: 0 !important; margin: 0 !important; background: transparent !important; border: none !important; } .nav.nav-tabs > li > a:hover, .nav.nav-tabs > li > a:focus { color: #308ac4; text-decoration: none !important; padding: 0 !important; margin: 0 !important; background: transparent !important; border: none !important; } .tab-pane-in { padding: 0; } .c-gruppedprops__group{ padding-top: 32px; } .list-showcase__element .c-gruppedprops__group{ padding-top: 0; } .list-showcase__element .ui-hint { display: inline; width: 13px; transition: opacity .3s; opacity: .45; text-align: center; cursor: pointer; line-height: 19px; } .list-showcase__element .c-gruppedprops__prop { display: block; margin-bottom: 1px; } .detail-center__props .c-gruppedprops__group{ padding-top: 0; } .b-tab-component { position: relative; } .b-tab-component .tab-pane-in { padding: 0; } .brandslist .item span, .sorter_and_name .name, .mods h3.title2, .bigdata h3.title2, .detailcollection h3.title2, .detailtabs .contents .content .switcher, .sections a.parent, .mainsections .title, .presscentermainn .title, .brandslistimgowl1.mainstyles .title a { color: #c4010c; } .nice-title { color: #c4010c; font-size: 24px; line-height: 1; font-weight: normal; text-transform: uppercase; padding: 20px 17px 25px 17px; } .body .ya-share2__list .ya-share2__item:before, .footer .ya-share2__list .ya-share2__item:before, .fancybox-container .ya-share2__list .ya-share2__item:before, .popup-window .ya-share2__list .ya-share2__item:before, .rsgppopup .ya-share2__list .ya-share2__item:before, .rs_easycart .ya-share2__list .ya-share2__item:before, .gopro-subscribe-window .ya-share2__list .ya-share2__item:before { content: ''; } .body .view_showcase .ya-share2__item .ya-share2__badge, .body .elementpopup .ya-share2__item .ya-share2__badge, .footer .view_showcase .ya-share2__item .ya-share2__badge, .footer .elementpopup .ya-share2__item .ya-share2__badge, .fancybox-container .view_showcase .ya-share2__item .ya-share2__badge, .fancybox-container .elementpopup .ya-share2__item .ya-share2__badge, .popup-window .view_showcase .ya-share2__item .ya-share2__badge, .popup-window .elementpopup .ya-share2__item .ya-share2__badge, .rsgppopup .view_showcase .ya-share2__item .ya-share2__badge, .rsgppopup .elementpopup .ya-share2__item .ya-share2__badge, .rs_easycart .view_showcase .ya-share2__item .ya-share2__badge, .rs_easycart .elementpopup .ya-share2__item .ya-share2__badge, .gopro-subscribe-window .view_showcase .ya-share2__item .ya-share2__badge, .gopro-subscribe-window .elementpopup .ya-share2__item .ya-share2__badge { background-color: transparent; } .body .view_showcase .ya-share2__item_service_vkontakte .ya-share2__badge, .body .elementpopup .ya-share2__item_service_vkontakte .ya-share2__badge, .footer .view_showcase .ya-share2__item_service_vkontakte .ya-share2__badge, .footer .elementpopup .ya-share2__item_service_vkontakte .ya-share2__badge, .fancybox-container .view_showcase .ya-share2__item_service_vkontakte .ya-share2__badge, .fancybox-container .elementpopup .ya-share2__item_service_vkontakte .ya-share2__badge, .popup-window .view_showcase .ya-share2__item_service_vkontakte .ya-share2__badge, .popup-window .elementpopup .ya-share2__item_service_vkontakte .ya-share2__badge, .rsgppopup .view_showcase .ya-share2__item_service_vkontakte .ya-share2__badge, .rsgppopup .elementpopup .ya-share2__item_service_vkontakte .ya-share2__badge, .rs_easycart .view_showcase .ya-share2__item_service_vkontakte .ya-share2__badge, .rs_easycart .elementpopup .ya-share2__item_service_vkontakte .ya-share2__badge, .gopro-subscribe-window .view_showcase .ya-share2__item_service_vkontakte .ya-share2__badge, .gopro-subscribe-window .elementpopup .ya-share2__item_service_vkontakte .ya-share2__badge { position: relative; left: 2px; } .body .view_showcase .ya-share2__container_size_s .ya-share2__item_service_vkontakte .ya-share2__icon, .body .elementpopup .ya-share2__container_size_s .ya-share2__item_service_vkontakte .ya-share2__icon, .footer .view_showcase .ya-share2__container_size_s .ya-share2__item_service_vkontakte .ya-share2__icon, .footer .elementpopup .ya-share2__container_size_s .ya-share2__item_service_vkontakte .ya-share2__icon, .fancybox-container .view_showcase .ya-share2__container_size_s .ya-share2__item_service_vkontakte .ya-share2__icon, .fancybox-container .elementpopup .ya-share2__container_size_s .ya-share2__item_service_vkontakte .ya-share2__icon, .popup-window .view_showcase .ya-share2__container_size_s .ya-share2__item_service_vkontakte .ya-share2__icon, .popup-window .elementpopup .ya-share2__container_size_s .ya-share2__item_service_vkontakte .ya-share2__icon, .rsgppopup .view_showcase .ya-share2__container_size_s .ya-share2__item_service_vkontakte .ya-share2__icon, .rsgppopup .elementpopup .ya-share2__container_size_s .ya-share2__item_service_vkontakte .ya-share2__icon, .rs_easycart .view_showcase .ya-share2__container_size_s .ya-share2__item_service_vkontakte .ya-share2__icon, .rs_easycart .elementpopup .ya-share2__container_size_s .ya-share2__item_service_vkontakte .ya-share2__icon, .gopro-subscribe-window .view_showcase .ya-share2__container_size_s .ya-share2__item_service_vkontakte .ya-share2__icon, .gopro-subscribe-window .elementpopup .ya-share2__container_size_s .ya-share2__item_service_vkontakte .ya-share2__icon { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1NDguMzU4IDU0OC4zNTgiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+PHBhdGggZmlsbD0iI2JjYmNiYyIgZD0iTTU0NS40NTEsNDAwLjI5OGMtMC42NjQtMS40MzEtMS4yODMtMi42MTgtMS44NTgtMy41NjljLTkuNTE0LTE3LjEzNS0yNy42OTUtMzguMTY3LTU0LjUzMi02My4xMDJsLTAuNTY3LTAuNTcxbC0wLjI4NC0wLjI4bC0wLjI4Ny0wLjI4N2gtMC4yODhjLTEyLjE4LTExLjYxMS0xOS44OTMtMTkuNDE4LTIzLjEyMy0yMy40MTVjLTUuOTEtNy42MTQtNy4yMzQtMTUuMzIxLTQuMDA0LTIzLjEzYzIuMjgyLTUuOSwxMC44NTQtMTguMzYsMjUuNjk2LTM3LjM5N2M3LjgwNy0xMC4wODksMTMuOTktMTguMTc1LDE4LjU1Ni0yNC4yNjdjMzIuOTMxLTQzLjc4LDQ3LjIwOC03MS43NTYsNDIuODI4LTgzLjkzOWwtMS43MDEtMi44NDdjLTEuMTQzLTEuNzE0LTQuMDkzLTMuMjgyLTguODQ2LTQuNzEyYy00Ljc2NC0xLjQyNy0xMC44NTMtMS42NjMtMTguMjc4LTAuNzEybC04Mi4yMjQsMC41NjhjLTEuMzMyLTAuNDcyLTMuMjM0LTAuNDI4LTUuNzEyLDAuMTQ0Yy0yLjQ3NSwwLjU3Mi0zLjcxMywwLjg1OS0zLjcxMywwLjg1OWwtMS40MzEsMC43MTVsLTEuMTM2LDAuODU5Yy0wLjk1MiwwLjU2OC0xLjk5OSwxLjU2Ny0zLjE0MiwyLjk5NWMtMS4xMzcsMS40MjMtMi4wODgsMy4wOTMtMi44NDgsNC45OTZjLTguOTUyLDIzLjAzMS0xOS4xMyw0NC40NDQtMzAuNTUzLDY0LjIzOGMtNy4wNDMsMTEuODAzLTEzLjUxMSwyMi4wMzItMTkuNDE4LDMwLjY5M2MtNS44OTksOC42NTgtMTAuODQ4LDE1LjAzNy0xNC44NDIsMTkuMTI2Yy00LDQuMDkzLTcuNjEsNy4zNzItMTAuODUyLDkuODQ5Yy0zLjIzNywyLjQ3OC01LjcwOCwzLjUyNS03LjQxOSwzLjE0MmMtMS43MTUtMC4zODMtMy4zMy0wLjc2My00Ljg1OS0xLjE0M2MtMi42NjMtMS43MTQtNC44MDUtNC4wNDUtNi40Mi02Ljk5NWMtMS42MjItMi45NS0yLjcxNC02LjY2My0zLjI4NS0xMS4xMzZjLTAuNTY4LTQuNDc2LTAuOTA0LTguMzI2LTEtMTEuNTYzYy0wLjA4OS0zLjIzMy0wLjA0OC03LjgwNiwwLjE0NS0xMy43MDZjMC4xOTgtNS45MDMsMC4yODctOS44OTcsMC4yODctMTEuOTkxYzAtNy4yMzQsMC4xNDEtMTUuMDg1LDAuNDI0LTIzLjU1NWMwLjI4OC04LjQ3LDAuNTIxLTE1LjE4MSwwLjcxNi0yMC4xMjVjMC4xOTQtNC45NDksMC4yODQtMTAuMTg1LDAuMjg0LTE1LjcwNXMtMC4zMzYtOS44NDktMS0xMi45OTFjLTAuNjU2LTMuMTM4LTEuNjYzLTYuMTg0LTIuOTktOS4xMzdjLTEuMzM1LTIuOTUtMy4yODktNS4yMzItNS44NTMtNi44NTJjLTIuNTY5LTEuNjE4LTUuNzYzLTIuOTAyLTkuNTY0LTMuODU2Yy0xMC4wODktMi4yODMtMjIuOTM2LTMuNTE4LTM4LjU0Ny0zLjcxYy0zNS40MDEtMC4zOC01OC4xNDgsMS45MDYtNjguMjM2LDYuODU1Yy0zLjk5NywyLjA5MS03LjYxNCw0Ljk0OC0xMC44NDgsOC41NjJjLTMuNDI3LDQuMTg5LTMuOTA1LDYuNDc1LTEuNDMxLDYuODUxYzExLjQyMiwxLjcxMSwxOS41MDgsNS44MDQsMjQuMjY3LDEyLjI3NWwxLjcxNSwzLjQyOWMxLjMzNCwyLjQ3NCwyLjY2Niw2Ljg1NCwzLjk5OSwxMy4xMzRjMS4zMzEsNi4yOCwyLjE5LDEzLjIyNywyLjU2OCwyMC44MzdjMC45NSwxMy44OTcsMC45NSwyNS43OTMsMCwzNS42ODljLTAuOTUzLDkuOS0xLjg1MywxNy42MDctMi43MTIsMjMuMTI3Yy0wLjg1OSw1LjUyLTIuMTQzLDkuOTkzLTMuODU1LDEzLjQxOGMtMS43MTUsMy40MjYtMi44NTYsNS41Mi0zLjQyOCw2LjI4Yy0wLjU3MSwwLjc2LTEuMDQ3LDEuMjM5LTEuNDI1LDEuNDI3Yy0yLjQ3NCwwLjk0OC01LjA0NywxLjQzMS03LjcxLDEuNDMxYy0yLjY2NywwLTUuOTAxLTEuMzM0LTkuNzA3LTRjLTMuODA1LTIuNjY2LTcuNzU0LTYuMzI4LTExLjg0Ny0xMC45OTJjLTQuMDkzLTQuNjY1LTguNzA5LTExLjE4NC0xMy44NS0xOS41NThjLTUuMTM3LTguMzc0LTEwLjQ2Ny0xOC4yNzEtMTUuOTg3LTI5LjY5MWwtNC41NjctOC4yODJjLTIuODU1LTUuMzI4LTYuNzU1LTEzLjA4Ni0xMS43MDQtMjMuMjY3Yy00Ljk1Mi0xMC4xODUtOS4zMjktMjAuMDM3LTEzLjEzNC0yOS41NTRjLTEuNTIxLTMuOTk3LTMuODA2LTcuMDQtNi44NTEtOS4xMzRsLTEuNDI5LTAuODU5Yy0wLjk1LTAuNzYtMi40NzUtMS41NjctNC41NjctMi40MjdjLTIuMDk1LTAuODU5LTQuMjgxLTEuNDc1LTYuNTY3LTEuODU0bC03OC4yMjksMC41NjhjLTcuOTk0LDAtMTMuNDE4LDEuODExLTE2LjI3NCw1LjQyOGwtMS4xNDMsMS43MTFDMC4yODgsMTQwLjE0NiwwLDE0MS42NjgsMCwxNDMuNzYzYzAsMi4wOTQsMC41NzEsNC42NjQsMS43MTQsNy43MDdjMTEuNDIsMjYuODQsMjMuODM5LDUyLjcyNSwzNy4yNTcsNzcuNjU5YzEzLjQxOCwyNC45MzQsMjUuMDc4LDQ1LjAxOSwzNC45NzMsNjAuMjM3YzkuODk3LDE1LjIyOSwxOS45ODUsMjkuNjAyLDMwLjI2NCw0My4xMTJjMTAuMjc5LDEzLjUxNSwxNy4wODMsMjIuMTc2LDIwLjQxMiwyNS45ODFjMy4zMzMsMy44MTIsNS45NTEsNi42NjIsNy44NTQsOC41NjVsNy4xMzksNi44NTFjNC41NjgsNC41NjksMTEuMjc2LDEwLjA0MSwyMC4xMjcsMTYuNDE2YzguODUzLDYuMzc5LDE4LjY1NCwxMi42NTksMjkuNDA4LDE4Ljg1YzEwLjc1Niw2LjE4MSwyMy4yNjksMTEuMjI1LDM3LjU0NiwxNS4xMjZjMTQuMjc1LDMuOTA1LDI4LjE2OSw1LjQ3Miw0MS42ODQsNC43MTZoMzIuODM0YzYuNjU5LTAuNTc1LDExLjcwNC0yLjY2OSwxNS4xMzMtNi4yODNsMS4xMzYtMS40MzFjMC43NjQtMS4xMzYsMS40NzktMi45MDEsMi4xMzktNS4yNzZjMC42NjgtMi4zNzksMS01LDEtNy44NTFjLTAuMTk1LTguMTgzLDAuNDI4LTE1LjU1OCwxLjg1Mi0yMi4xMjRjMS40MjMtNi41NjQsMy4wNDUtMTEuNTEzLDQuODU5LTE0Ljg0NmMxLjgxMy0zLjMzLDMuODU5LTYuMTQsNi4xMzYtOC40MThjMi4yODItMi4yODMsMy45MDgtMy42NjYsNC44NjItNC4xNDJjMC45NDgtMC40NzksMS43MDUtMC44MDQsMi4yNzYtMC45OTljNC41NjgtMS41MjIsOS45NDQtMC4wNDgsMTYuMTM2LDQuNDI5YzYuMTg3LDQuNDczLDExLjk5LDkuOTk2LDE3LjQxOCwxNi41NmM1LjQyNSw2LjU3LDExLjk0MywxMy45NDEsMTkuNTU1LDIyLjEyNGM3LjYxNyw4LjE4NiwxNC4yNzcsMTQuMjcxLDE5Ljk4NSwxOC4yNzRsNS43MDgsMy40MjZjMy44MTIsMi4yODYsOC43NjEsNC4zOCwxNC44NTMsNi4yODNjNi4wODEsMS45MDIsMTEuNDA5LDIuMzc4LDE1Ljk4NCwxLjQyN2w3My4wODctMS4xNGM3LjIyOSwwLDEyLjg1NC0xLjE5NywxNi44NDQtMy41NzJjMy45OTgtMi4zNzksNi4zNzMtNSw3LjEzOS03Ljg1MWMwLjc2NC0yLjg1NCwwLjgwNS02LjA5MiwwLjE0NS05LjcxMkM1NDYuNzgyLDQwNC4yNSw1NDYuMTE1LDQwMS43MjUsNTQ1LjQ1MSw0MDAuMjk4eiIvPjwvc3ZnPg==) 0 0 no-repeat; } .body .view_showcase .ya-share2__container_size_s .ya-share2__item_service_vkontakte a:hover .ya-share2__icon, .body .elementpopup .ya-share2__container_size_s .ya-share2__item_service_vkontakte a:hover .ya-share2__icon, .footer .view_showcase .ya-share2__container_size_s .ya-share2__item_service_vkontakte a:hover .ya-share2__icon, .footer .elementpopup .ya-share2__container_size_s .ya-share2__item_service_vkontakte a:hover .ya-share2__icon, .fancybox-container .view_showcase .ya-share2__container_size_s .ya-share2__item_service_vkontakte a:hover .ya-share2__icon, .fancybox-container .elementpopup .ya-share2__container_size_s .ya-share2__item_service_vkontakte a:hover .ya-share2__icon, .popup-window .view_showcase .ya-share2__container_size_s .ya-share2__item_service_vkontakte a:hover .ya-share2__icon, .popup-window .elementpopup .ya-share2__container_size_s .ya-share2__item_service_vkontakte a:hover .ya-share2__icon, .rsgppopup .view_showcase .ya-share2__container_size_s .ya-share2__item_service_vkontakte a:hover .ya-share2__icon, .rsgppopup .elementpopup .ya-share2__container_size_s .ya-share2__item_service_vkontakte a:hover .ya-share2__icon, .rs_easycart .view_showcase .ya-share2__container_size_s .ya-share2__item_service_vkontakte a:hover .ya-share2__icon, .rs_easycart .elementpopup .ya-share2__container_size_s .ya-share2__item_service_vkontakte a:hover .ya-share2__icon, .gopro-subscribe-window .view_showcase .ya-share2__container_size_s .ya-share2__item_service_vkontakte a:hover .ya-share2__icon, .gopro-subscribe-window .elementpopup .ya-share2__container_size_s .ya-share2__item_service_vkontakte a:hover .ya-share2__icon { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1NDguMzU4IDU0OC4zNTgiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+PHBhdGggZmlsbD0iIzIxNDQ5NiIgZD0iTTU0NS40NTEsNDAwLjI5OGMtMC42NjQtMS40MzEtMS4yODMtMi42MTgtMS44NTgtMy41NjljLTkuNTE0LTE3LjEzNS0yNy42OTUtMzguMTY3LTU0LjUzMi02My4xMDJsLTAuNTY3LTAuNTcxbC0wLjI4NC0wLjI4bC0wLjI4Ny0wLjI4N2gtMC4yODhjLTEyLjE4LTExLjYxMS0xOS44OTMtMTkuNDE4LTIzLjEyMy0yMy40MTVjLTUuOTEtNy42MTQtNy4yMzQtMTUuMzIxLTQuMDA0LTIzLjEzYzIuMjgyLTUuOSwxMC44NTQtMTguMzYsMjUuNjk2LTM3LjM5N2M3LjgwNy0xMC4wODksMTMuOTktMTguMTc1LDE4LjU1Ni0yNC4yNjdjMzIuOTMxLTQzLjc4LDQ3LjIwOC03MS43NTYsNDIuODI4LTgzLjkzOWwtMS43MDEtMi44NDdjLTEuMTQzLTEuNzE0LTQuMDkzLTMuMjgyLTguODQ2LTQuNzEyYy00Ljc2NC0xLjQyNy0xMC44NTMtMS42NjMtMTguMjc4LTAuNzEybC04Mi4yMjQsMC41NjhjLTEuMzMyLTAuNDcyLTMuMjM0LTAuNDI4LTUuNzEyLDAuMTQ0Yy0yLjQ3NSwwLjU3Mi0zLjcxMywwLjg1OS0zLjcxMywwLjg1OWwtMS40MzEsMC43MTVsLTEuMTM2LDAuODU5Yy0wLjk1MiwwLjU2OC0xLjk5OSwxLjU2Ny0zLjE0MiwyLjk5NWMtMS4xMzcsMS40MjMtMi4wODgsMy4wOTMtMi44NDgsNC45OTZjLTguOTUyLDIzLjAzMS0xOS4xMyw0NC40NDQtMzAuNTUzLDY0LjIzOGMtNy4wNDMsMTEuODAzLTEzLjUxMSwyMi4wMzItMTkuNDE4LDMwLjY5M2MtNS44OTksOC42NTgtMTAuODQ4LDE1LjAzNy0xNC44NDIsMTkuMTI2Yy00LDQuMDkzLTcuNjEsNy4zNzItMTAuODUyLDkuODQ5Yy0zLjIzNywyLjQ3OC01LjcwOCwzLjUyNS03LjQxOSwzLjE0MmMtMS43MTUtMC4zODMtMy4zMy0wLjc2My00Ljg1OS0xLjE0M2MtMi42NjMtMS43MTQtNC44MDUtNC4wNDUtNi40Mi02Ljk5NWMtMS42MjItMi45NS0yLjcxNC02LjY2My0zLjI4NS0xMS4xMzZjLTAuNTY4LTQuNDc2LTAuOTA0LTguMzI2LTEtMTEuNTYzYy0wLjA4OS0zLjIzMy0wLjA0OC03LjgwNiwwLjE0NS0xMy43MDZjMC4xOTgtNS45MDMsMC4yODctOS44OTcsMC4yODctMTEuOTkxYzAtNy4yMzQsMC4xNDEtMTUuMDg1LDAuNDI0LTIzLjU1NWMwLjI4OC04LjQ3LDAuNTIxLTE1LjE4MSwwLjcxNi0yMC4xMjVjMC4xOTQtNC45NDksMC4yODQtMTAuMTg1LDAuMjg0LTE1LjcwNXMtMC4zMzYtOS44NDktMS0xMi45OTFjLTAuNjU2LTMuMTM4LTEuNjYzLTYuMTg0LTIuOTktOS4xMzdjLTEuMzM1LTIuOTUtMy4yODktNS4yMzItNS44NTMtNi44NTJjLTIuNTY5LTEuNjE4LTUuNzYzLTIuOTAyLTkuNTY0LTMuODU2Yy0xMC4wODktMi4yODMtMjIuOTM2LTMuNTE4LTM4LjU0Ny0zLjcxYy0zNS40MDEtMC4zOC01OC4xNDgsMS45MDYtNjguMjM2LDYuODU1Yy0zLjk5NywyLjA5MS03LjYxNCw0Ljk0OC0xMC44NDgsOC41NjJjLTMuNDI3LDQuMTg5LTMuOTA1LDYuNDc1LTEuNDMxLDYuODUxYzExLjQyMiwxLjcxMSwxOS41MDgsNS44MDQsMjQuMjY3LDEyLjI3NWwxLjcxNSwzLjQyOWMxLjMzNCwyLjQ3NCwyLjY2Niw2Ljg1NCwzLjk5OSwxMy4xMzRjMS4zMzEsNi4yOCwyLjE5LDEzLjIyNywyLjU2OCwyMC44MzdjMC45NSwxMy44OTcsMC45NSwyNS43OTMsMCwzNS42ODljLTAuOTUzLDkuOS0xLjg1MywxNy42MDctMi43MTIsMjMuMTI3Yy0wLjg1OSw1LjUyLTIuMTQzLDkuOTkzLTMuODU1LDEzLjQxOGMtMS43MTUsMy40MjYtMi44NTYsNS41Mi0zLjQyOCw2LjI4Yy0wLjU3MSwwLjc2LTEuMDQ3LDEuMjM5LTEuNDI1LDEuNDI3Yy0yLjQ3NCwwLjk0OC01LjA0NywxLjQzMS03LjcxLDEuNDMxYy0yLjY2NywwLTUuOTAxLTEuMzM0LTkuNzA3LTRjLTMuODA1LTIuNjY2LTcuNzU0LTYuMzI4LTExLjg0Ny0xMC45OTJjLTQuMDkzLTQuNjY1LTguNzA5LTExLjE4NC0xMy44NS0xOS41NThjLTUuMTM3LTguMzc0LTEwLjQ2Ny0xOC4yNzEtMTUuOTg3LTI5LjY5MWwtNC41NjctOC4yODJjLTIuODU1LTUuMzI4LTYuNzU1LTEzLjA4Ni0xMS43MDQtMjMuMjY3Yy00Ljk1Mi0xMC4xODUtOS4zMjktMjAuMDM3LTEzLjEzNC0yOS41NTRjLTEuNTIxLTMuOTk3LTMuODA2LTcuMDQtNi44NTEtOS4xMzRsLTEuNDI5LTAuODU5Yy0wLjk1LTAuNzYtMi40NzUtMS41NjctNC41NjctMi40MjdjLTIuMDk1LTAuODU5LTQuMjgxLTEuNDc1LTYuNTY3LTEuODU0bC03OC4yMjksMC41NjhjLTcuOTk0LDAtMTMuNDE4LDEuODExLTE2LjI3NCw1LjQyOGwtMS4xNDMsMS43MTFDMC4yODgsMTQwLjE0NiwwLDE0MS42NjgsMCwxNDMuNzYzYzAsMi4wOTQsMC41NzEsNC42NjQsMS43MTQsNy43MDdjMTEuNDIsMjYuODQsMjMuODM5LDUyLjcyNSwzNy4yNTcsNzcuNjU5YzEzLjQxOCwyNC45MzQsMjUuMDc4LDQ1LjAxOSwzNC45NzMsNjAuMjM3YzkuODk3LDE1LjIyOSwxOS45ODUsMjkuNjAyLDMwLjI2NCw0My4xMTJjMTAuMjc5LDEzLjUxNSwxNy4wODMsMjIuMTc2LDIwLjQxMiwyNS45ODFjMy4zMzMsMy44MTIsNS45NTEsNi42NjIsNy44NTQsOC41NjVsNy4xMzksNi44NTFjNC41NjgsNC41NjksMTEuMjc2LDEwLjA0MSwyMC4xMjcsMTYuNDE2YzguODUzLDYuMzc5LDE4LjY1NCwxMi42NTksMjkuNDA4LDE4Ljg1YzEwLjc1Niw2LjE4MSwyMy4yNjksMTEuMjI1LDM3LjU0NiwxNS4xMjZjMTQuMjc1LDMuOTA1LDI4LjE2OSw1LjQ3Miw0MS42ODQsNC43MTZoMzIuODM0YzYuNjU5LTAuNTc1LDExLjcwNC0yLjY2OSwxNS4xMzMtNi4yODNsMS4xMzYtMS40MzFjMC43NjQtMS4xMzYsMS40NzktMi45MDEsMi4xMzktNS4yNzZjMC42NjgtMi4zNzksMS01LDEtNy44NTFjLTAuMTk1LTguMTgzLDAuNDI4LTE1LjU1OCwxLjg1Mi0yMi4xMjRjMS40MjMtNi41NjQsMy4wNDUtMTEuNTEzLDQuODU5LTE0Ljg0NmMxLjgxMy0zLjMzLDMuODU5LTYuMTQsNi4xMzYtOC40MThjMi4yODItMi4yODMsMy45MDgtMy42NjYsNC44NjItNC4xNDJjMC45NDgtMC40NzksMS43MDUtMC44MDQsMi4yNzYtMC45OTljNC41NjgtMS41MjIsOS45NDQtMC4wNDgsMTYuMTM2LDQuNDI5YzYuMTg3LDQuNDczLDExLjk5LDkuOTk2LDE3LjQxOCwxNi41NmM1LjQyNSw2LjU3LDExLjk0MywxMy45NDEsMTkuNTU1LDIyLjEyNGM3LjYxNyw4LjE4NiwxNC4yNzcsMTQuMjcxLDE5Ljk4NSwxOC4yNzRsNS43MDgsMy40MjZjMy44MTIsMi4yODYsOC43NjEsNC4zOCwxNC44NTMsNi4yODNjNi4wODEsMS45MDIsMTEuNDA5LDIuMzc4LDE1Ljk4NCwxLjQyN2w3My4wODctMS4xNGM3LjIyOSwwLDEyLjg1NC0xLjE5NywxNi44NDQtMy41NzJjMy45OTgtMi4zNzksNi4zNzMtNSw3LjEzOS03Ljg1MWMwLjc2NC0yLjg1NCwwLjgwNS02LjA5MiwwLjE0NS05LjcxMkM1NDYuNzgyLDQwNC4yNSw1NDYuMTE1LDQwMS43MjUsNTQ1LjQ1MSw0MDAuMjk4eiIvPjwvc3ZnPg==) 0 0 no-repeat; } .body .view_showcase .ya-share2__item_service_facebook .ya-share2__badge, .body .elementpopup .ya-share2__item_service_facebook .ya-share2__badge, .footer .view_showcase .ya-share2__item_service_facebook .ya-share2__badge, .footer .elementpopup .ya-share2__item_service_facebook .ya-share2__badge, .fancybox-container .view_showcase .ya-share2__item_service_facebook .ya-share2__badge, .fancybox-container .elementpopup .ya-share2__item_service_facebook .ya-share2__badge, .popup-window .view_showcase .ya-share2__item_service_facebook .ya-share2__badge, .popup-window .elementpopup .ya-share2__item_service_facebook .ya-share2__badge, .rsgppopup .view_showcase .ya-share2__item_service_facebook .ya-share2__badge, .rsgppopup .elementpopup .ya-share2__item_service_facebook .ya-share2__badge, .rs_easycart .view_showcase .ya-share2__item_service_facebook .ya-share2__badge, .rs_easycart .elementpopup .ya-share2__item_service_facebook .ya-share2__badge, .gopro-subscribe-window .view_showcase .ya-share2__item_service_facebook .ya-share2__badge, .gopro-subscribe-window .elementpopup .ya-share2__item_service_facebook .ya-share2__badge { position: relative; top: 3px; left: 3px; } .body .view_showcase .ya-share2__container_size_s .ya-share2__item_service_facebook .ya-share2__icon, .body .elementpopup .ya-share2__container_size_s .ya-share2__item_service_facebook .ya-share2__icon, .footer .view_showcase .ya-share2__container_size_s .ya-share2__item_service_facebook .ya-share2__icon, .footer .elementpopup .ya-share2__container_size_s .ya-share2__item_service_facebook .ya-share2__icon, .fancybox-container .view_showcase .ya-share2__container_size_s .ya-share2__item_service_facebook .ya-share2__icon, .fancybox-container .elementpopup .ya-share2__container_size_s .ya-share2__item_service_facebook .ya-share2__icon, .popup-window .view_showcase .ya-share2__container_size_s .ya-share2__item_service_facebook .ya-share2__icon, .popup-window .elementpopup .ya-share2__container_size_s .ya-share2__item_service_facebook .ya-share2__icon, .rsgppopup .view_showcase .ya-share2__container_size_s .ya-share2__item_service_facebook .ya-share2__icon, .rsgppopup .elementpopup .ya-share2__container_size_s .ya-share2__item_service_facebook .ya-share2__icon, .rs_easycart .view_showcase .ya-share2__container_size_s .ya-share2__item_service_facebook .ya-share2__icon, .rs_easycart .elementpopup .ya-share2__container_size_s .ya-share2__item_service_facebook .ya-share2__icon, .gopro-subscribe-window .view_showcase .ya-share2__container_size_s .ya-share2__item_service_facebook .ya-share2__icon, .gopro-subscribe-window .elementpopup .ya-share2__container_size_s .ya-share2__item_service_facebook .ya-share2__icon { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA5Ni4xMjQgOTYuMTIzIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjEwcHgiIGhlaWdodD0iMTBweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPjxwYXRoIGZpbGw9IiNiY2JjYmMiIGQ9Ik03Mi4wODksMC4wMkw1OS42MjQsMEM0NS42MiwwLDM2LjU3LDkuMjg1LDM2LjU3LDIzLjY1NnYxMC45MDdIMjQuMDM3Yy0xLjA4MywwLTEuOTYsMC44NzgtMS45NiwxLjk2MXYxNS44MDNjMCwxLjA4MywwLjg3OCwxLjk2LDEuOTYsMS45NmgxMi41MzN2MzkuODc2YzAsMS4wODMsMC44NzcsMS45NiwxLjk2LDEuOTZoMTYuMzUyYzEuMDgzLDAsMS45Ni0wLjg3OCwxLjk2LTEuOTZWNTQuMjg3aDE0LjY1NGMxLjA4MywwLDEuOTYtMC44NzcsMS45Ni0xLjk2bDAuMDA2LTE1LjgwM2MwLTAuNTItMC4yMDctMS4wMTgtMC41NzQtMS4zODZjLTAuMzY3LTAuMzY4LTAuODY3LTAuNTc1LTEuMzg3LTAuNTc1SDU2Ljg0MnYtOS4yNDZjMC00LjQ0NCwxLjA1OS02LjcsNi44NDgtNi43bDguMzk3LTAuMDAzYzEuMDgyLDAsMS45NTktMC44NzgsMS45NTktMS45NlYxLjk4Qzc0LjA0NiwwLjg5OSw3My4xNywwLjAyMiw3Mi4wODksMC4wMnoiLz48L3N2Zz4=) 0 0 no-repeat; } .body .view_showcase .ya-share2__container_size_s .ya-share2__item_service_facebook a:hover .ya-share2__icon, .body .elementpopup .ya-share2__container_size_s .ya-share2__item_service_facebook a:hover .ya-share2__icon, .footer .view_showcase .ya-share2__container_size_s .ya-share2__item_service_facebook a:hover .ya-share2__icon, .footer .elementpopup .ya-share2__container_size_s .ya-share2__item_service_facebook a:hover .ya-share2__icon, .fancybox-container .view_showcase .ya-share2__container_size_s .ya-share2__item_service_facebook a:hover .ya-share2__icon, .fancybox-container .elementpopup .ya-share2__container_size_s .ya-share2__item_service_facebook a:hover .ya-share2__icon, .popup-window .view_showcase .ya-share2__container_size_s .ya-share2__item_service_facebook a:hover .ya-share2__icon, .popup-window .elementpopup .ya-share2__container_size_s .ya-share2__item_service_facebook a:hover .ya-share2__icon, .rsgppopup .view_showcase .ya-share2__container_size_s .ya-share2__item_service_facebook a:hover .ya-share2__icon, .rsgppopup .elementpopup .ya-share2__container_size_s .ya-share2__item_service_facebook a:hover .ya-share2__icon, .rs_easycart .view_showcase .ya-share2__container_size_s .ya-share2__item_service_facebook a:hover .ya-share2__icon, .rs_easycart .elementpopup .ya-share2__container_size_s .ya-share2__item_service_facebook a:hover .ya-share2__icon, .gopro-subscribe-window .view_showcase .ya-share2__container_size_s .ya-share2__item_service_facebook a:hover .ya-share2__icon, .gopro-subscribe-window .elementpopup .ya-share2__container_size_s .ya-share2__item_service_facebook a:hover .ya-share2__icon { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA5Ni4xMjQgOTYuMTIzIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjEwcHgiIGhlaWdodD0iMTBweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPjxwYXRoIGZpbGw9IiMyMTQ0OTYiIGQ9Ik03Mi4wODksMC4wMkw1OS42MjQsMEM0NS42MiwwLDM2LjU3LDkuMjg1LDM2LjU3LDIzLjY1NnYxMC45MDdIMjQuMDM3Yy0xLjA4MywwLTEuOTYsMC44NzgtMS45NiwxLjk2MXYxNS44MDNjMCwxLjA4MywwLjg3OCwxLjk2LDEuOTYsMS45NmgxMi41MzN2MzkuODc2YzAsMS4wODMsMC44NzcsMS45NiwxLjk2LDEuOTZoMTYuMzUyYzEuMDgzLDAsMS45Ni0wLjg3OCwxLjk2LTEuOTZWNTQuMjg3aDE0LjY1NGMxLjA4MywwLDEuOTYtMC44NzcsMS45Ni0xLjk2bDAuMDA2LTE1LjgwM2MwLTAuNTItMC4yMDctMS4wMTgtMC41NzQtMS4zODZjLTAuMzY3LTAuMzY4LTAuODY3LTAuNTc1LTEuMzg3LTAuNTc1SDU2Ljg0MnYtOS4yNDZjMC00LjQ0NCwxLjA1OS02LjcsNi44NDgtNi43bDguMzk3LTAuMDAzYzEuMDgyLDAsMS45NTktMC44NzgsMS45NTktMS45NlYxLjk4Qzc0LjA0NiwwLjg5OSw3My4xNywwLjAyMiw3Mi4wODksMC4wMnoiLz48L3N2Zz4=) 0 0 no-repeat; } .body .view_showcase .ya-share2__item_service_twitter .ya-share2__badge, .body .elementpopup .ya-share2__item_service_twitter .ya-share2__badge, .footer .view_showcase .ya-share2__item_service_twitter .ya-share2__badge, .footer .elementpopup .ya-share2__item_service_twitter .ya-share2__badge, .fancybox-container .view_showcase .ya-share2__item_service_twitter .ya-share2__badge, .fancybox-container .elementpopup .ya-share2__item_service_twitter .ya-share2__badge, .popup-window .view_showcase .ya-share2__item_service_twitter .ya-share2__badge, .popup-window .elementpopup .ya-share2__item_service_twitter .ya-share2__badge, .rsgppopup .view_showcase .ya-share2__item_service_twitter .ya-share2__badge, .rsgppopup .elementpopup .ya-share2__item_service_twitter .ya-share2__badge, .rs_easycart .view_showcase .ya-share2__item_service_twitter .ya-share2__badge, .rs_easycart .elementpopup .ya-share2__item_service_twitter .ya-share2__badge, .gopro-subscribe-window .view_showcase .ya-share2__item_service_twitter .ya-share2__badge, .gopro-subscribe-window .elementpopup .ya-share2__item_service_twitter .ya-share2__badge { position: relative; top: 1px; } .body .view_showcase .ya-share2__container_size_s .ya-share2__item_service_twitter .ya-share2__icon, .body .elementpopup .ya-share2__container_size_s .ya-share2__item_service_twitter .ya-share2__icon, .footer .view_showcase .ya-share2__container_size_s .ya-share2__item_service_twitter .ya-share2__icon, .footer .elementpopup .ya-share2__container_size_s .ya-share2__item_service_twitter .ya-share2__icon, .fancybox-container .view_showcase .ya-share2__container_size_s .ya-share2__item_service_twitter .ya-share2__icon, .fancybox-container .elementpopup .ya-share2__container_size_s .ya-share2__item_service_twitter .ya-share2__icon, .popup-window .view_showcase .ya-share2__container_size_s .ya-share2__item_service_twitter .ya-share2__icon, .popup-window .elementpopup .ya-share2__container_size_s .ya-share2__item_service_twitter .ya-share2__icon, .rsgppopup .view_showcase .ya-share2__container_size_s .ya-share2__item_service_twitter .ya-share2__icon, .rsgppopup .elementpopup .ya-share2__container_size_s .ya-share2__item_service_twitter .ya-share2__icon, .rs_easycart .view_showcase .ya-share2__container_size_s .ya-share2__item_service_twitter .ya-share2__icon, .rs_easycart .elementpopup .ya-share2__container_size_s .ya-share2__item_service_twitter .ya-share2__icon, .gopro-subscribe-window .view_showcase .ya-share2__container_size_s .ya-share2__item_service_twitter .ya-share2__icon, .gopro-subscribe-window .elementpopup .ya-share2__container_size_s .ya-share2__item_service_twitter .ya-share2__icon { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA2MTIgNjEyIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjEzcHgiIGhlaWdodD0iMTNweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPjxwYXRoIGZpbGw9IiNiY2JjYmMiIGQ9Ik02MTIsMTE2LjI1OGMtMjIuNTI1LDkuOTgxLTQ2LjY5NCwxNi43NS03Mi4wODgsMTkuNzcyYzI1LjkyOS0xNS41MjcsNDUuNzc3LTQwLjE1NSw1NS4xODQtNjkuNDExYy0yNC4zMjIsMTQuMzc5LTUxLjE2OSwyNC44Mi03OS43NzUsMzAuNDhjLTIyLjkwNy0yNC40MzctNTUuNDktMzkuNjU4LTkxLjYzLTM5LjY1OGMtNjkuMzM0LDAtMTI1LjU1MSw1Ni4yMTctMTI1LjU1MSwxMjUuNTEzYzAsOS44MjgsMS4xMDksMTkuNDI3LDMuMjUxLDI4LjYwNkMxOTcuMDY1LDIwNi4zMiwxMDQuNTU2LDE1Ni4zMzcsNDIuNjQxLDgwLjM4NmMtMTAuODIzLDE4LjUxLTE2Ljk4LDQwLjA3OC0xNi45OCw2My4xMDFjMCw0My41NTksMjIuMTgxLDgxLjk5Myw1NS44MzUsMTA0LjQ3OWMtMjAuNTc1LTAuNjg4LTM5LjkyNi02LjM0OC01Ni44NjctMTUuNzU2djEuNTY4YzAsNjAuODA2LDQzLjI5MSwxMTEuNTU0LDEwMC42OTMsMTIzLjEwNGMtMTAuNTE3LDIuODMtMjEuNjA3LDQuMzk4LTMzLjA4LDQuMzk4Yy04LjEwNywwLTE1Ljk0Ny0wLjgwMy0yMy42MzQtMi4zMzNjMTUuOTg1LDQ5LjkwNyw2Mi4zMzYsODYuMTk5LDExNy4yNTMsODcuMTk0Yy00Mi45NDcsMzMuNjU0LTk3LjA5OSw1My42NTUtMTU1LjkxNiw1My42NTVjLTEwLjEzNCwwLTIwLjExNi0wLjYxMi0yOS45NDQtMS43MjFjNTUuNTY3LDM1LjY4MSwxMjEuNTM2LDU2LjQ4NSwxOTIuNDM4LDU2LjQ4NWMyMzAuOTQ4LDAsMzU3LjE4OC0xOTEuMjkxLDM1Ny4xODgtMzU3LjE4OGwtMC40MjEtMTYuMjUzQzU3My44NzIsMTYzLjUyNiw1OTUuMjExLDE0MS40MjIsNjEyLDExNi4yNTh6Ii8+PC9zdmc+) 0 0 no-repeat; } .body .view_showcase .ya-share2__container_size_s .ya-share2__item_service_twitter a:hover .ya-share2__icon, .body .elementpopup .ya-share2__container_size_s .ya-share2__item_service_twitter a:hover .ya-share2__icon, .footer .view_showcase .ya-share2__container_size_s .ya-share2__item_service_twitter a:hover .ya-share2__icon, .footer .elementpopup .ya-share2__container_size_s .ya-share2__item_service_twitter a:hover .ya-share2__icon, .fancybox-container .view_showcase .ya-share2__container_size_s .ya-share2__item_service_twitter a:hover .ya-share2__icon, .fancybox-container .elementpopup .ya-share2__container_size_s .ya-share2__item_service_twitter a:hover .ya-share2__icon, .popup-window .view_showcase .ya-share2__container_size_s .ya-share2__item_service_twitter a:hover .ya-share2__icon, .popup-window .elementpopup .ya-share2__container_size_s .ya-share2__item_service_twitter a:hover .ya-share2__icon, .rsgppopup .view_showcase .ya-share2__container_size_s .ya-share2__item_service_twitter a:hover .ya-share2__icon, .rsgppopup .elementpopup .ya-share2__container_size_s .ya-share2__item_service_twitter a:hover .ya-share2__icon, .rs_easycart .view_showcase .ya-share2__container_size_s .ya-share2__item_service_twitter a:hover .ya-share2__icon, .rs_easycart .elementpopup .ya-share2__container_size_s .ya-share2__item_service_twitter a:hover .ya-share2__icon, .gopro-subscribe-window .view_showcase .ya-share2__container_size_s .ya-share2__item_service_twitter a:hover .ya-share2__icon, .gopro-subscribe-window .elementpopup .ya-share2__container_size_s .ya-share2__item_service_twitter a:hover .ya-share2__icon { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA2MTIgNjEyIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjEzcHgiIGhlaWdodD0iMTNweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPjxwYXRoIGZpbGw9IiMyMTQ0OTYiIGQ9Ik02MTIsMTE2LjI1OGMtMjIuNTI1LDkuOTgxLTQ2LjY5NCwxNi43NS03Mi4wODgsMTkuNzcyYzI1LjkyOS0xNS41MjcsNDUuNzc3LTQwLjE1NSw1NS4xODQtNjkuNDExYy0yNC4zMjIsMTQuMzc5LTUxLjE2OSwyNC44Mi03OS43NzUsMzAuNDhjLTIyLjkwNy0yNC40MzctNTUuNDktMzkuNjU4LTkxLjYzLTM5LjY1OGMtNjkuMzM0LDAtMTI1LjU1MSw1Ni4yMTctMTI1LjU1MSwxMjUuNTEzYzAsOS44MjgsMS4xMDksMTkuNDI3LDMuMjUxLDI4LjYwNkMxOTcuMDY1LDIwNi4zMiwxMDQuNTU2LDE1Ni4zMzcsNDIuNjQxLDgwLjM4NmMtMTAuODIzLDE4LjUxLTE2Ljk4LDQwLjA3OC0xNi45OCw2My4xMDFjMCw0My41NTksMjIuMTgxLDgxLjk5Myw1NS44MzUsMTA0LjQ3OWMtMjAuNTc1LTAuNjg4LTM5LjkyNi02LjM0OC01Ni44NjctMTUuNzU2djEuNTY4YzAsNjAuODA2LDQzLjI5MSwxMTEuNTU0LDEwMC42OTMsMTIzLjEwNGMtMTAuNTE3LDIuODMtMjEuNjA3LDQuMzk4LTMzLjA4LDQuMzk4Yy04LjEwNywwLTE1Ljk0Ny0wLjgwMy0yMy42MzQtMi4zMzNjMTUuOTg1LDQ5LjkwNyw2Mi4zMzYsODYuMTk5LDExNy4yNTMsODcuMTk0Yy00Mi45NDcsMzMuNjU0LTk3LjA5OSw1My42NTUtMTU1LjkxNiw1My42NTVjLTEwLjEzNCwwLTIwLjExNi0wLjYxMi0yOS45NDQtMS43MjFjNTUuNTY3LDM1LjY4MSwxMjEuNTM2LDU2LjQ4NSwxOTIuNDM4LDU2LjQ4NWMyMzAuOTQ4LDAsMzU3LjE4OC0xOTEuMjkxLDM1Ny4xODgtMzU3LjE4OGwtMC40MjEtMTYuMjUzQzU3My44NzIsMTYzLjUyNiw1OTUuMjExLDE0MS40MjIsNjEyLDExNi4yNTh6Ii8+PC9zdmc+) 0 0 no-repeat; } .header-fly-active .header-fly { transform: translateY(0); } .header-fly-active-menu { /* .content, .footer, .rs_easycart { -webkit-filter: blur(5px); -moz-filter: blur(5px); filter: blur(5px); } */ } .header-fly-active-menu .header-fly { height: 100%; } .header-fly-active-menu .header-fly__menu-shade { display: block; opacity: 1; transform: translateY(0); } .header-fly-active-menu .header-fly__menu-shade.js-fly-menu-subopen .header-fly__subopen-hide { display: none; } .header-fly { position: fixed; top: 0; width: 100%; border-top: 4px solid #c4010c; z-index: 1000; transition: transform .3s; transform: translateY(-105%); } .header-fly__shadow { box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } .header-fly__white-bg { background-color: #fff; } .header-fly__panel { display: flex; flex-wrap: nowrap; -webkit-box-pack: start; align-items: center; width: 100%; height: 61px; padding: 11px 0; border-bottom: 2px solid #c4010c; } .header-fly__panel .header-fly__block { flex: 0 1 auto; -webkit-box-flex: 0; } .header-fly__panel .header-fly__block.logo { min-width: 220px; min-height: 28px; max-height: 100%; height: inherit; } .header-fly__panel .header-fly__block.logo-left { text-align: left; } .header-fly__panel .header-fly__block.logo-center { flex: 0 1 auto; } .header-fly__panel .header-fly__block.logo img { display: inline-block; width: auto; height: 100%; max-height: 40px; } .header-fly__panel .header-fly__block.search li:before { content: none; } @media (min-width: 768px) { .header-fly__panel .header-fly__block.search { position: relative; } } .header-fly__menu { flex: 1 0 auto; -webkit-box-flex: 1; } .header-fly__menu-shade { position: absolute; display: none; width: 100%; top: 61px; right: 0; bottom: 0; left: 0; opacity: 0; padding-bottom: 61px; transition: all 3s; transform: translateY(25px); } .header-fly__personal { display: flex; flex-wrap: nowrap; align-items: center; padding: 7px 16px; } .header-fly__personal .header-fly__block { flex: 0 1 auto; -webkit-box-flex: 0; margin-right: 11px; } .header-fly__personal .header-fly__block:last-child { margin-right: 0; } .header-fly__personal .header-fly__block.auth { flex: 1 0 auto; } .header-fly.b-mmenu .navbar-nav { height: auto; max-height: 40px; } .header-fly__footer-block { display: inline-block; width: 100%; padding: 11px 23px 10px; } @media (min-width: 768px) { .header-fly__panel { border-bottom: none; } .header-fly__panel .header-fly__block { margin-right: 20px; } .header-fly__panel .header-fly__block:last-child { margin-right: 0; } .header-fly__panel .header-fly__block.search { flex: 1 0 auto; } .header-fly__catalog-menu { position: absolute; top: -14px; } } @media (max-width: 767px) { .header_type2 { padding-top: 40px; } .header-fly { border-top: none; } .header-fly__body-padding { padding-top: 34px; } .header-fly.document-ready { transform: translateY(0); } .header-fly__menu-shade { top: 50px; padding-bottom: 0; margin-bottom: 0; background-color: #fff; overflow-x: hidden; overflow-y: auto; box-shadow: inset 0 6px 12px rgba(0, 0, 0, 0.175), 0 6px 12px rgba(0, 0, 0, 0.175); -webkit-overflow-scrolling: touch; } .header-fly .centeringin { margin: 0; } .header-fly__panel { height: 56px; padding: 0; } .header-fly__panel .header-fly__block.logo { min-width: 150px; min-height: 40px; padding: 6px 12px 6px 5px; } .header-fly__catalog-menu { overflow: hidden; } .header-fly__panel{ border-top: 6px solid #c4010c; border-bottom: none; } #menu{ display: none; } #title{ margin-top: 28px; } #header, #tpanel, #title-search{ display: none; } } .rsbreadcrumb { /*padding: 16px 0px 1px;*/ /*margin-bottom: 14px;*/ margin: 32px 0; } .rsbreadcrumb__free { color: #308ac4; padding: 0 7px 0; } .rsbreadcrumb li { display: inline; } .rsbreadcrumb li:last-of-type { color: #878787; } .rsbreadcrumb a { text-decoration: none; } .rsbreadcrumb a:hover { text-decoration: none; } .catalog { width: 100%; } #content .sectinfo img{ max-width: 350px; } .catalog .prods .sectinfo, .catalog .prods .compareandpaginator .compare, .catalog .prods .mix .b-sorter { padding: 15px 24px 14px; margin-bottom: 0; } .catalog .sidebar { width: 250px; float: left; } .catalog .sidebar ul { list-style: none; padding-left: 0px; margin-top: 0; margin-bottom: 0px; } .catalog .sidebar ul > li { list-style-type: none; } .catalog .prods { margin-left: 250px; } .catalog .prods .borlef { border-left: 1px solid #F2F2F2; } .catalog .prods .sectinfo, .catalog .prods .mix, .catalog .prods .ajaxpages_gmci { width: 100%; float: left; } .catalog.brands .prods .mix { float: none; } .catalog .prods .ajaxpages_gmci { margin-bottom: 15px; } .catalog .prods .sectinfo { border-top: 1px solid #E5E5E5; } .catalog .prods .sectinfo .description { font-family: Opensanslight, Arial, Helvetica, sans-serif; color: #484848; } .catalog .prods .compareandpaginator { border-top: 1px solid #E5E5E5; } .catalog .prods .compareandpaginator .compare { float: left; } .catalog .prods .mix .catalogsorter { padding-top: 12px; } .catalog .prods .mix .b-sorter { border-top: 1px solid #ebebeb; } .catalog .errortext { margin-left: 15px; } @media (max-width: 991px) { .catalog .compare { width: 100%; float: none; } } @media (max-width: 767px) { .catalog .sidebar, .catalog .prods { width: 100%; margin-left: 0; } .catalog .prods .sectinfo, .catalog .prods .mix { border-left: none; } .catalog .prods .mix .compareandpaginator { display: none; } .catalog .prods .compareandpaginator .compare { padding-left: 0; } .catalog .prods .sectinfo, .catalog .prods .compareandpaginator .compare, .catalog .prods .mix .b-sorter { padding-right: 0; padding-left: 0; } } .comparelist .title { float: left; color: #878787; padding: 11px 0 11px 0; margin-right: 5px; } .comparelist a { position: relative; display: inline-block; height: auto; padding: 5px 21px 6px 21px; text-decoration: none; text-align: center; line-height: 18px; font-size: 13px; font-weight: normal; cursor: pointer; white-space: nowrap; background: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-shadow: none; box-shadow: none; transition: 0s; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid transparent; padding: 10px 0 11px 0; } .comparelist a:hover { text-decoration: underline; } .catalog-compare-result img { max-width: 206px; max-height: 170px; } .data-table td { text-align: center; vertical-align: top; max-width: 300px; border: 1px solid #ccc; padding: 12px 10px; min-width: 206px; } .data-table td .scroll { width: 100%; height: auto; overflow: auto; } .data-table thead td { vertical-align: top; } .data-table tbody tr:nth-child(odd) td { background-color: #fafafa; } .back1 td { background-color: #F3F3F3 !important; } .data-table th { border: 1px solid #ccc; padding: 10px; min-width: 180px; } .data-table thead td { padding: 20px 20px 25px 20px; } .element { height: 255px; vertical-align: middle; } .element_info_wrap { vertical-align: text-bottom; } .element_info-price { text-align: center; margin-bottom: 12px; } .catalog-compare-result .price { display: block; margin-bottom: 10px; text-align: center; font-size: 16px; color: #ee8131; } .crossed_price { margin-right: 25px; text-align: center; color: #666666; text-decoration: line-through; } .delete_icon .icon { width: 11px; height: 10px; background-position: 0px -890px; } .delete_icon { position: absolute; top: -29px; right: -25px; padding: 10px; } .catalog-item-name { height: 38px; margin-bottom: 15px; text-align: left; overflow: hidden; } .no_border { border: none !important; } .data-table-form { overflow-x: auto; } .back1 { border-right: none !important; } .back2 { border-right: 1px solid #ccc !important; } .back1, .property_name { text-align: left !important; } .data-table tbody tr:hover td, .data-table tbody tr:hover td a { color: #FFF; background-color: #899cc7; } .data-table tbody .back1:hover td { background-color: #F3F3F3; color: #000; } .data-table { overflow-x: auto; } /* /Delivery tab */ .detail { margin-bottom: 60px; } .detail__anchor { margin-bottom: 19px; } .detail__article-rating-brand { margin-bottom: 0; } .detail__article .c-article { margin-right: 15px; } .detail__prices__title { color: #757575; } .detail__prices .c-prices.product-multiple { margin-bottom: 25px; } .detail__prices .c-prices.product-alone { margin-bottom: 12px; } .detail__attributes { margin-bottom: 6px; } .detail__attributes .c-attributes.view-buttons { margin-bottom: 14px; } .detail__attributes .c-attributes.view-buttons .c-attributes__prop + .c-attributes__prop { margin-top: 7px; } .detail__attributes .c-attributes.view-list { margin-bottom: 22px; } .detail__attributes .c-attributes.view-list .c-attributes__prop + .c-attributes__prop { margin-top: 18px; } .detail__tabs-content { margin-bottom: 30px; } .mods, .bigdata { margin-bottom: 30px; } @media (min-width: 768px) { .detail__inner { margin-top: 0; } .detail__brand { float: right; } } @media (max-width: 767px) { .detail__brand { display: block; width: 100%; margin-top: 10px; } .detail__pay { margin-bottom: 15px; } .detail__pay .c-quantity { margin-bottom: 15px; } .detail__tabs-content { margin-bottom: 15px; } .mods, .analogs, .bigdata { margin-bottom: 15px; overflow: hidden;} } /* Button */ .bx-catalog-popup-content { width: 90%; max-width: 280px; } body .popup-window-with-titlebar .popup-window-content { padding-top: 2px; } /* Subscribe popup */ body .bx-catalog-subscribe-form-container-label { display: none; font-size: 13px; color: #5a6c77; padding-bottom: 2px; } .bx-filter-param-label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .bx-catalog-subscribe-form-container-input { position: relative; } .bx-catalog-subscribe-form-container-input input[type="text"] { width: 100%; } .bx-catalog-subscribe-form-star-required { color: #d93333; } .bx-catalog-subscribe-form-container .bx-captcha { margin-bottom: 10px; } .bx-catalog-popup-message { font-weight: bold; min-width: 240px; margin: 0 0 0; } /* Alert style */ .bx-catalog-subscribe-alert { background-color: #edf6fc; color: #000; font-size: 15px; min-height: 45px; text-align: center; padding: 12px 40px 12px 60px; position: relative; width: 280px; } .bx-catalog-subscribe-aligner { display: inline-block; height: 45px; margin-left: -1px; vertical-align: middle; width: 1px; } .bx-catalog-subscribe-alert-text { display: inline-block; vertical-align: middle; } .bx-catalog-subscribe-alert-footer { text-align: center; } .bx-catalog-subscribe-alert-popup { background-color: #edf6fc !important; border: 1px solid #edf6fc !important; border-radius: 3px !important; -webkit-box-shadow: 0 19px 24px rgba(88, 112, 118, 0.17) !important; box-shadow: 0 19px 24px rgba(88, 112, 118, 0.17) !important; } .popup-window { text-align: left; } body .popup-window.popup-window-with-titlebar { padding: 0 0 25px 0; } .popup-window-titlebar { height: auto; } body .popup-window-titlebar-text { width: 300px; padding: 20px; color: black; font-family: Opensanslight,Arial,Helvetica,sans-serif; font-size: 24px; font-weight: normal; white-space: nowrap; line-height: 1; text-overflow: ellipsis; border-bottom: 1px solid #F2F2F2; visibility: visible; overflow: hidden; text-shadow: none; } body .popup-window-close-icon { position: absolute; top: 0; right: 0; width: 44px; height: 44px; padding: 0; margin: 0; border: 0; border-radius: 0; outline: none; background: transparent; z-index: 10; cursor: pointer; } body .popup-window-close-icon:after { top: 6px !important; left: 8px !important; } body .popup-window-close-icon:focus:after { outline: 1px dotted #888; } body .popup-window-close-icon:hover:after { color: #555; background: #eee; } .popup-window-overlay { background-color: rgba(0, 0, 0, 0.6); opacity: 1; } .popup-window-buttons { padding: 0 0 10px; } #bx-catalog-subscribe-form-notify { margin-bottom: 15px; } .bx-catalog-subscribe-button.in { position: relative; display: inline-block; height: auto; padding: 5px 21px 6px 21px; text-decoration: none; text-align: center; line-height: 18px; font-size: 13px; font-weight: normal; cursor: pointer; white-space: nowrap; background: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-shadow: none; box-shadow: none; transition: 0s; cursor: default; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid transparent; } .list-showcase__element:hover .list-showcase__inner { box-shadow: 0px 6px 41px -8px rgba(154, 164, 166, 0.82); z-index: 110; } .list-showcase__inner { position: absolute; top: 0; left: 0; right: 0; padding: 16px; background: #fff; border: 1px solid #F2F2F2; transition: all 0.15s linear; z-index: 100; } .item-news .list-showcase__inner::after{ content: ""; position: absolute; inset: 0; /* заменяет top: 0; right: 0; bottom: 0; left: 0; */ background-color: rgba(0, 0, 0, 0.1); transition: opacity 0.2s ease; pointer-events: none; /* чтобы не мешать кликам по содержимому */ } .item-news .list-showcase__inner:hover::after{ opacity: 0; } .item-news .list-showcase__inner{ height: 100%; } .list-showcase__picture > a, .list-showcase__picture > span { display: block; width: 100%; height: 219px; line-height: 211px; text-align: center; } .list-showcase__picture img { position: relative; top: -2px; max-height: 228px;} .list-showcase__element.item-news .list-showcase__inner{ padding: 0; } .list-showcase__element.item-news .list-showcase__picture > a, .list-showcase__element.item-news .list-showcase__picture > span { height: 100%; line-height: unset; } .list-showcase__element.item-news .list-showcase__picture a img { max-height: 100%; top: 0; } .list-showcase__compare > a, .list-showcase__favorite > a { display: inline-block; width: 16px; height: 16px; } .list-showcase__name-rating { height: 54px; overflow: hidden; margin-bottom: 16px; } .list-showcase__stores { height: 34px; margin-bottom: 3px; overflow: hidden; } .list-showcase__pay .bx-catalog-subscribe-button.in { padding-left: 0; } .list-showcase__unsubscribe-action { margin-top: 5px; } .list-showcase__part-extended { display: none; padding-top: 16px; } .list-showcase__preview-text { padding-top: 3px; padding-bottom: 6px; } .list-showcase__preview-text__text { max-height: 90px; color: #878787; overflow: hidden; } .list-showcase__preview-text__more { margin-top: 3px; } .list-showcase__preview-text__more a { color: #c4010c; } .list-showcase__preview-text__more a:hover { color: #780107; } .list-showcase__element .price-card{ height: 76px; } .list-showcase__element .price-condition{ opacity: 0; transition: all 0.3s ease-in-out; } .list-showcase__element:not(.list-showcase__hide-hover-popup):hover .list-showcase__part-extended { display: block; } .list-showcase__element:not(.list-showcase__hide-hover-popup):hover .price-card{ height: 131px; } .list-showcase__element:not(.list-showcase__hide-hover-popup):hover .price-condition{ opacity: 1; } @media (max-width: 767px) { .list-showcase__stores { padding: 0; margin: 5px 0 7px; } } .list-gallery__element { position: relative; width: 100%; } .list-gallery__element:hover { z-index: 110; } .list-gallery__element:hover .list-gallery__inner { box-shadow: 0px 6px 41px -8px rgba(154, 164, 166, 0.82); } .list-gallery__inner { border-bottom: 1px solid #F2F2F2; transition: all 0.15s linear; } .list-gallery__inner > .row > [class*='col-'] { margin: auto 0; } .list-gallery__inner > .row > [class*='col-'] > .row > [class*='col-'] { margin: auto 0; } .list-gallery__inner > .row > .list-gallery__over-mix[class*='col-'] { margin: 0; } .list-gallery__picture, .list-gallery__prices, .list-gallery__pay-stores, .list-gallery__more { padding: 15px 26px 15px 26px; } .list-gallery__picture { text-align: center; } .list-gallery__stickers { position: absolute; top: -1px; right: 15px; left: 15px; } .list-gallery__name-rating { max-height: 52px; margin-bottom: 10px; overflow: hidden; } .list-gallery__name { display: inline; margin-right: 8px; } .list-gallery__rating { display: inline-block; max-height: 18px; white-space: nowrap; } .list-gallery__article { margin-bottom: 3px; } .list-gallery__compare-favorite { margin-top: 5px; } .list-gallery__compare { padding-right: 11px; } .list-gallery__stores { padding-top: 6px; } .list-gallery__pay .bx-catalog-subscribe-button.in { padding-left: 0; } .list-gallery__more { height: 100%; } .list-thead.list-gallery__thead .list-thead__td { margin: auto 0; } .list-thead.list-gallery__thead .list-gallery__thead__product { padding-left: 0; } @media (min-width: 992px) { .list-gallery__name-rating-article { min-height: 80px; } } @media (min-width: 768px) { .list-gallery__over-mix { min-height: 150px; padding-top: 25px; padding-bottom: 25px; } .list-gallery__pay-stores, .list-gallery__more { text-align: center; } } @media (max-width: 991px) { .list-gallery { border-top: 1px solid #F2F2F2; } .list-gallery__compare { display: block; } .list-gallery__favorite { display: block; } .list-gallery__prices .c-prices__name { display: block; } } @media (max-width: 767px) { .list-gallery__left-side { margin-top: 15px !important; margin-bottom: 15px !important; } .list-gallery__left-side > div { padding: 15px 0 15px 15px; } .list-gallery__right-side > .row { padding: 15px 15px 15px 30px; } .list-gallery__picture, .list-gallery__prices, .list-gallery__pay-stores, .list-gallery__more { padding: 0; } .list-gallery__prices { margin-bottom: 15px; } .list-gallery__prices .c-prices__name { display: inline-block; } .list-gallery__pay .b-pay__button { margin-right: 15px; } .list-gallery__pay, .list-gallery__stores { display: inline-block; } } .list-table__element { width: 100%; } .list-table__element:hover .list-table__inner { box-shadow: 0px 6px 41px -8px rgba(154, 164, 166, 0.82); z-index: 110; } .list-table__inner { border-bottom: 1px solid #F2F2F2; transition: all 0.15s linear; } .list-table__inner > .row > [class*='col-'] { margin: auto 0; } .list-table__name { max-height: 37px; overflow: hidden; } .list-table__article { margin-top: 7px; } .list-table__pay .b-pay__inner { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-table__pay .b-pay__inner:before { content: none; } .list-table__pay .b-pay__quantity, .list-table__pay .b-pay__buttons { width: 50%; } .list-table__pay .bx-catalog-subscribe-button.in { padding-left: 0; } .list-table__stores { display: block; padding-top: 2px; } .list-thead.list-table__thead .list-thead__td { text-align: center; } .list-thead.list-table__thead .list-thead__td.name { text-align: left; margin: auto 0; } .list-thead.list-table__thead .list-thead__td.quantity, .list-thead.list-table__thead .list-thead__td.pay { flex: auto; width: 50%; } @media (min-width: 992px) { .list-table__name-article { min-height: 90px; padding: 15px 26px 15px 26px; } .list-table__prices .c-prices { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 100%; text-align: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .list-table__prices .c-prices:before { content: none; } .list-table__prices .c-prices__price { flex: 0 1 auto; width: 50%; margin: auto; } .list-table__prices .c-prices__name { display: none; } .list-table__prices .c-prices__value { width: 100%; } .list-table__pay-stores { text-align: center; padding: 15px 0 15px; } .list-table__pay .b-pay__inner { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-table__pay .b-pay__inner:before { content: none; } .list-table__pay .b-pay__quantity, .list-table__pay .b-pay__buttons { width: 50%; text-align: center; } .list-table__stores { width: 50%; text-align: center; } .list-table__solo-quantity-more { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 100%; text-align: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .list-table__solo-quantity-more:before { content: none; } .list-table__solo-quantity { max-height: 31px; } .list-table__solo-quantity, .list-table__more { flex: 0 1 auto; width: 50%; margin: auto; } } @media (max-width: 991px) { .list-table { border-top: 1px solid #F2F2F2; } .list-table__inner { padding: 15px; } .list-table__name-article, .list-table__prices .c-prices { margin-bottom: 15px; } .list-table__prices .c-prices__price { display: block; } .list-table__pay .b-pay__quantity { display: none; } .list-table__pay .b-pay__button { margin-right: 15px; } .list-table__pay, .list-table__stores { display: inline-block; } } .list-element { position: relative; } .c-timers { display: none; } .list-thead { width: 100%; border-top: 1px solid #F2F2F2; border-bottom: 1px solid #F2F2F2; } .list-thead__tr { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .list-thead__tr:before { content: none; } .list-thead__td { flex: 0 1 auto; width: 50%; color: #878787; padding: 15px 26px 15px 26px; margin: auto; } .light .js-element { position: relative; width: 245px; float: left; margin: -1px 0 0 -1px; padding: 20px 12px; border: 1px solid #F3F3F3; z-index: 100; } .light .js-element:hover { border-color: #EE8131; z-index: 110; } .light .js-element .name, .light .js-element .pic { text-align: center; } .light .js-element .name { height: 35px; overflow: hidden; } .light .js-element .pic { margin: 10px 0px; } .light .js-element .pic, .light .js-element .pic a { width: 224px; height: 224px; } .light .js-element .pic a { display: block; line-height: 210px; } .light .js-element .pic a img { display: inline-block; line-height: 1.2; vertical-align: middle; } .light .js-element .prices { float: left; font-family: Opensanslight,Arial,Helvetica,sans-serif; font-size: 18px; margin-top: 4px; } .light .js-element .buy .add2basket, .light .js-element .buy .inbasket, .light .js-element .buy .go2detail { float: right; } .catalog .prods .sectinfo { width: 100%; padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #E5E5E5; } .catalog .prods .sectinfo .img { width: 20%; float: left; padding: 0px 24px 0 0; } .catalog .prods .sectinfo .description { width: 80%; float: left; } .catalog .prods .sectinfo .description.no_img_descr { width: auto; } @media screen and (max-width: 605px) { body.adaptive .catalog .prods .sectinfo { display: none; } } .sections { width: 100%; } .sections li.section { padding: 17px; } .sections a { font: 13px Opensans,Arial,Helvetica,sans-serif; line-height: 24px; } .sections a.psection { display: block; height: 170px; line-height: 170px; text-align: center; } .sections a.psection img { max-height: 161px; line-height: 1.2; vertical-align: middle; } .sections a.parent { display: block; font-size: 18px; color: #c4010c; } @media (max-width: 480px) { .sections .subsections { display: none; } } .b-iblock-description.top { margin-bottom: 15px; } .b-iblock-description.bottom { margin-top: 15px; } .catalog .catalogmenu li { border-bottom: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; } .menu-sidebar { border-top: 1px solid #e5e5e5; } .catalog .sidebar ul.menu-sidebar { margin-bottom: 39px; } .menu-sidebar li ul { display: none; } .menu-sidebar li.first { border-bottom: 1px solid #f3f3f3; border-left: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3; } .menu-sidebar li a { display: block; padding: 9px 12px; position: relative; text-decoration: none; } .catalog .sectinfo { width: 100%; padding-bottom: 20px; padding-top: 20px; border-top: 1px solid #E5E5E5; } .catalog .sectinfo .img, .catalog .sectinfo .description { float: left; } .catalog .sectinfo .img { max-width: 20%; padding: 0px 15px 15px 15px; } .catalog .sectinfo .description { width: 80%; } .catalog .sectinfo .description .no_img_descr { width: 100%; padding: 0px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 767px) { .catalog .prods .sectinfo{ display: none; } } .header-fly__footer-block a { padding-left: 0 !important; } .mainsections { width: 80%; float: right; margin-top: 9px; } .mainsections ul { padding-left: 0px; margin-top: 0; margin-bottom: 0px; } .mainsections ul > li:before { content: none; } .mainsections .title { padding: 0px 17px 15px 17px; color: #c4010c; font-size: 24px; line-height: 1; text-transform: uppercase; } .mainsections li.section { display: block; width: 25%; float: left; margin: -1px 0 0 -1px; padding: 17px; border: 1px solid #F3F3F3; transition: all 0.15s linear; } .mainsections li.section:hover { box-shadow: 0px 6px 41px -8px rgba(154, 164, 166, 0.82); } .mainsections a { display: inline-block; width: 100%; font: 13px Opensans, Arial, Helvetica, sans-serif; text-overflow: ellipsis; overflow: hidden; } .mainsections a.parent { display: block; font-size: 18px; line-height: 24px; color: #c4010c; margin-bottom: 11px; } .mainsections .around_image { position: relative; display: block; height: 160px; margin-bottom: 6px; overflow: hidden; } .mainsections .around_image img { max-width: 100%; } .mainsections .subsections li a { line-height: 18px; } .mainsections__show-more { color: #c4010c; } .mainsections__show-more:hover { color: #780107; } @media screen and (max-width: 1010px) { body.adaptive .mainsections { width: 100%; float: none; } } @media screen and (max-width: 750px) { body.adaptive .mainsections li.section { width: 33%; } } @media screen and (max-width: 480px) { body.adaptive .mainsections li.section { width: 50%; } body.adaptive .mainsections .subsections { display: none; } } @media (max-width: 767px) { body.adaptive .mainsections a { font-size: 13px; line-height: 18px; } body.adaptive .mainsections a.around_image { height: 100px; } body.adaptive .mainsections .around_image img { position: static; width: 100%; max-width: auto; min-width: none; min-height: auto; } } @media (max-width: 480px) { body.adaptive .mainsections a.around_image { height: 112px; } } .set .contentbody { border: 1px solid #F3F3F3; } .set .items.horizontal { position: relative; } .set .items.horizontal .set_jscrollpane, .set .items.horizontal .set_jscrollpane .sliderin { height: 360px; } .set .items.horizontal .prev, .set .items.horizontal .next { position: absolute; top: 35%; display: none; padding: 20px 0px; z-index: 120; } .set .items.horizontal.jspHasScroll .prev, .set .items.horizontal.jspHasScroll .next { display: block; } .set .items.horizontal .prev span, .set .items.horizontal .next span { display: block; width: 25px; height: 25px; margin: 20px; cursor: pointer; background-color: #F3F3F3; } .set .items.horizontal.jspHasScroll .prev span { margin-left: 0px; } .set .items.horizontal.jspHasScroll .next span { margin-right: 0px; } .set .items.horizontal .prev span:hover, .set .items.horizontal .next span:hover { background-color: #214496; } .set .items.horizontal .prev { left: 0px; } .set .items.horizontal .next { right: 0px; } .set .items.horizontal .prev .icon, .set .items.horizontal .next .icon { width: 7px; height: 10px; margin-top: 5px; margin-left: 9px; } .set .items.horizontal .prev .icon { background-position: 0px -111px; } .set .items.horizontal .prev span:hover .icon { background-position: -7px -111px; } .set .items.horizontal .next .icon { background-position: 0px -121px; } .set .items.horizontal .next span:hover .icon { background-position: -7px -121px; } .set .js-element { position: relative; width: 250px; min-height: 305px; float: left; margin: -1px 0 0 -1px; padding: 20px 12px; border-top: 4px solid #fff; z-index: 100; } .set .js-element:hover { border-top: 4px solid #EE8131; } .set .line2 .js-element .plusik, .set .line2 .js-element .delete, .set .line1 .js-element .addremove_label { display: none; } .set .js-element .delete, .set .js-element .addremove_label { position: absolute; top: 4px; right: 0px; display: block; z-index: 110; } .set .js-element .delete { padding: 15px 12px; } .set .js-element .addremove_label { top: 16px; padding: 12px 9px; } .set .js-element .delete .svg-icon { width: 10px; height: 10px; fill: #505050; } .set .js-element .delete:hover .svg-icon { fill: #b0b0b0; } .set .js-element .plusik { position: absolute; top: 46%; left: -20px; display: block; padding: 5px; z-index: 110; } .set .js-element .plusik .svg-icon { width: 15px; height: 15px; fill: #c4010c; } .set .js-element .name, .set .js-element .pic { text-align: center; } .set .js-element .name { height: 35px; margin-right: 20px; overflow: hidden; } .set .js-element .pic { margin: 10px 0px; } .set .js-element .pic, .set .js-element .pic a { height: 224px; } .set .js-element .pic a, .set .js-element .pic span { display: block; line-height: 220px; } .set .js-element .pic img { display: inline-block; line-height: 1.2; vertical-align: middle; } .set .js-element .prices { float: left; font-family: Opensansset,Arial,Helvetica,sans-serif; font-size: 18px; } .set .js-element .buy .add2basket, .set .js-element .buy .inbasket, .set .js-element .buy .go2detail { float: right; padding: 4px 8px; } .set .js-element .buy .go2detail { color: #FFF; white-space: nowrap; background-color: #EE8131; } .set .js-element .buy .go2detail:hover { text-decoration: underline; } /* full panel */ .set .fullpanel { min-height: 60px; padding: 20px 24px; background-color: #F3F3F3; } .set .fullpanel .prices table td { vertical-align: top; } .set .fullpanel .prices .allprs { white-space: nowrap; } .set .fullpanel .prices .arounddiscount { float: right; } .set .fullpanel .block.prs .arounddiscount.x2 { display: none; } .set .fullpanel .block { width: 33%; float: left; padding-right: 15px; } .set .fullpanel .block.buyset, .set .fullpanel .block.myset { height: 60px; line-height: 60px; text-align: center; } .set .fullpanel .block.buyset a, .set .fullpanel .block.myset a { display: inline; vertical-align: middle; } .set .fullpanel .block.buyset a.massadd2basket { margin-right: 25px; } .set .fullpanel .block.myset .svg-icon { width: 15px; height: 15px; margin-right: 7px; margin-bottom: 2px; fill: #6b80a0; } .set .fullpanel .block span.title, .set .fullpanel .block span.price.old, .set .fullpanel .block span.price.new { font-size: 18px; } .set .fullpanel .block span.title, .set .fullpanel .block span.price.old { margin-right: 10px; } .set .fullpanel .block span.price.new { font-family: Opensansbold,Arial,Helvetica,sans-serif; } .set .fullpanel .block .title { color: #666666; } .set .fullpanel .block span.discount { display: inline-block; margin-top: 4px; padding: 3px 14px; color: #fff; background-color: #3c3c3c; border: 1px solid #f3f3f3; } @media screen and (max-width: 1260px) and (min-width: 1101px) { body.adaptive .set .fullpanel .block.prs { width: 40%; } body.adaptive .set .fullpanel .block.buyset, body.adaptive .set .fullpanel .block.myset { width: 30%; } } @media screen and (max-width: 1100px) and (min-width: 951px) { body.adaptive .set .fullpanel .block.prs { width: 50%; } body.adaptive .set .fullpanel .block.buyset, body.adaptive .set .fullpanel .block.myset { width: 25%; } } @media screen and (max-width: 950px) { body.adaptive .set .fullpanel .block.prs .arounddiscount.x1 { display: none; } body.adaptive .set .fullpanel .block.prs .arounddiscount.x2 { display: block; } } @media screen and (max-width: 950px) and (min-width: 551px) { body.adaptive .set .fullpanel .block.prs { width: 100%; padding-right: 0px; } body.adaptive .set .fullpanel .block.buyset, body.adaptive .set .fullpanel .block.myset { width: 50%; text-align: left; } body.adaptive .set .fullpanel .block.prs .prices, body.adaptive .set .fullpanel .block.prs .arounddiscount { width: 50%; float: left; padding-right: 15px; } body.adaptive .set .fullpanel .block.prs .allprs { white-space: normal; } body.adaptive .set .fullpanel .block.prs .prices { padding-top: 3px; } body.adaptive .set .fullpanel .block.prs .discount { margin-top: 0px; margin-left: 0px; } } @media screen and (max-width: 550px) and (min-width: 481px) { body.adaptive .set .fullpanel .block.prs, body.adaptive .set .fullpanel .block.buyset, body.adaptive .set .fullpanel .block.myset, body.adaptive .set .fullpanel .block.prs .prices, body.adaptive .set .fullpanel .block.prs .arounddiscount { text-align: left; } } @media screen and (max-width: 550px) { body.adaptive .set .fullpanel { padding: 10px 12px; } body.adaptive .set .fullpanel .block.prs, body.adaptive .set .fullpanel .block.buyset, body.adaptive .set .fullpanel .block.myset, body.adaptive .set .fullpanel .block.prs .prices, body.adaptive .set .fullpanel .block.prs .arounddiscount { width: 100%; height: auto; margin-left: 0px; padding-right: 0px; line-height: normal; } body.adaptive .set .fullpanel .block.buyset, body.adaptive .set .fullpanel .block.myset, body.adaptive .set .fullpanel .block.prs .arounddiscount { margin-top: 5px; } body.adaptive .set .fullpanel .block.buyset a, body.adaptive .set .fullpanel .block.myset a { display: block; float: left; } body.adaptive .set .fullpanel .block.prs .discount { margin-left: 0px; text-align: left; } } @media screen and (max-width: 480px) { body.adaptive .set .contentbody { border: none; } body.adaptive .set .fullpanel { background-color: #fff; } body.adaptive .set .fullpanel, body.adaptive .set .fullpanel .block.prs .discount { text-align: center; } body.adaptive .set .fullpanel .block.prs .title { display: none; } body.adaptive .set .fullpanel .block.prs .price.old { font-size: 14px; } body.adaptive .set .fullpanel .block.buyset { margin-top: 10px; } body.adaptive .set .fullpanel .block.buyset a, body.adaptive .set .fullpanel .block.myset a { display: inline; float: none; } } .around_filtren { position: relative; } .around_filtren .filterfixed.fixed { position: fixed; top: 0px; width: 251px; z-index: 200; } .around_filtren .filterfixed.stop { position: relative; } .filtren { position: relative; background-color: #fff; border-bottom: 1px solid #F3F3F3; border-left: 1px solid #F3F3F3; } .filtren .lvl2 .smartf-div { display: inline-block; cursor: pointer; width: 100%; } .filtren .cwpal label.name { position: relative; top: 1px; } .filtren .cwpal label.pic + label.name { padding-left: 16px; } .filtren .cwpal .lvl2 .smartf-div:not(.disabled):hover label.pic, .filtren .cwp .lvl2 .smartf-div:not(.disabled):hover label.pic { border-color: #c4010c; } .filtren .number .smartf-div { display: block; width: auto; } .filtren .title, .filtren .filtercompare { display: none; margin-bottom: 10px; } .filtren .title a:hover { text-decoration: none; } .filtren .title a span { border-bottom: 1px dashed #214496; } .filtren.opened .title span.show, .filtren .title span.hide { display: none !important; } .filtren .title span.show, .filtren.opened .title span.hide { display: inline !important; } .filtren .filtercompare { float: right; } .filtren .showchild .svg-icon { float: right; width: 8px; height: 8px; margin-top: 6px; fill: #494949; transition: transform .3s; transform: rotate(-180deg); } .filtren .hint { position: relative; width: 16px; height: 16px; display: inline-block; font-size: 11px; line-height: 15px; color: #8b8b89; margin-left: 10px; padding: 0px 4px 0; border: 1px solid #8b8b89; border-radius: 50%; } .filtren .hint span { position: absolute; top: 25px; left: 0px; display: none; width: 200px; padding: 5px 8px; color: #484848; font-size: 12px; text-transform: none; background-color: rgba(243, 243, 243, 0.8); border: 1px solid #ebebeb; z-index: 101; } .filtren .hint:hover span { display: block; } .filtren .lvl1:last-of-type:not(.closed) .property { border-bottom: 1px solid #ebebeb; } .filtren .lvl1.closed > div { display: none; } .filtren .lvl1.closed .showchild { background-color: #fff; } .filtren .lvl1.closed .showchild .svg-icon { transform: rotate(0deg); } .filtren .lvl1 .showchild { display: block; padding: 9px 12px 10px 12px; color: black; text-decoration: none; background: #f5f5f5; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; } .filtren .header_group_props { display: block; padding: 9px 12px 10px 12px; color: black; text-decoration: none; background: #cccccc; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; font-weight: bold;} .filtren .lvl1 .showchild:hover { color: black; } .filtren .lvl1.closed + .lvl1 > .showchild { border-top: none; } .filtren .lvl1 .property { position: relative; padding: 20px 11px 27px; } .filtren .lvl1 .property.cwp .lvl2 { margin-right: 13px; margin-bottom: 13px; } .filtren .lvl1 .property .lvl2 { margin-bottom: 8px; } .filtren .lvl1 .property .lvl2:last-of-type { margin-bottom: 0; } /* CHECKBOXES_WITH_PICTURES & CHECKBOXES_WITH_PICTURES_AND_LABELS */ .filtren .cwp .lvl2, .filtren .cwp .lvl2 .smartf-div, .filtren .lvl2 .smartf-div label, .filtren .lvl2 .smartf-div label span, .filtren .dd .lvl2.selected .smartf-div label { display: inline-block; } .filtren .cwp .lvl2 .smartf-div label, .filtren .cwpal .lvl2 .smartf-div label { padding: 5px 7px; } .filtren .cwp .lvl2 .smartf-div label.pic, .filtren .cwpal .lvl2 .smartf-div label.pic { padding: 5px; } .filtren .cwp .lvl2 .smartf-div label, .filtren .cwpal .lvl2 .smartf-div label, .filtren .dd .lvl2 .smartf-div label { cursor: pointer; } .filtren .lvl2:not(.selected) .smartf-div.disabled{ display: none; } .filtren .lvl2:not(.selected) .smartf-div.disabled label.pic { border: 1px dashed #bdbec0; } .filtren .lvl2:not(.selected) .smartf-div.disabled label > span { opacity: .4; } .filtren .dd.open .lvl2.selected { border-color: #c4010c; } .filtren .dd .dropdown > .dropdown { position: absolute; display: none; max-width: 250px; top: 42px; left: -2px; padding: 0; background-color: #FFF; border-bottom: 2px solid #c4010c; box-shadow: 0px 6px 41px -8px rgba(154, 164, 166, 0.82); z-index: 101; } .filtren .dd .dropdown > .dropdown .lvl2 { margin-bottom: 0; } .filtren .dd .dropdown .name { display: block; } .filtren .dd .lvl2.selected { display: inline-block; border: none; } .filtren .dd .lvl2:not(.selected):hover .smartf-div:not(.disabled) { background-color: #f3f3f3; } .filtren .dd .lvl2:not(.selected) .smartf-div.active { background-color: #f3f3f3; } .filtren .dd .lvl2:not(.selected) label:not(.disabled) { color: #308ac4; } .filtren .dd .lvl2:not(.selected) .active label:not(.disabled):hover { background-color: #f3f3f3; } .filtren .lvl1 .property .smartf-div.disabled label { cursor: default; } .filtren .lvl1 .property .smartf-div.disabled [type="checkbox"] + label:after { background-color: #f3f3f3; } .filtren .lvl1 .property .smartf-div.disabled [type="radio"] + label:before { background-color: #f3f3f3; } .filtren .lvl1 .property > div:before { content: ' '; } .filtren .lvl2 .smartf-div.disabled label.pic span { position: relative; } .filtren.cross .lvl2 .smartf-div.disabled label.pic span:before { content: ''; position: absolute; display: block; width: auto; height: auto; left: 0; top: 0; right: 0; bottom: 0; background: transparent url("/local/templates/prostroy_default/assets/css/img/cross.svg") no-repeat; background-size: 100% 100%; } .filtren.opacity .lvl2 .smartf-div.disabled label.pic span { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20); -moz-opacity: .2; -khtml-opacity: .2; opacity: .2; } .filtren.hide .cwp .lvl2 .smartf-div.disabled, .filtren.hide .cwpal .lvl2 .smartf-div.disabled, .filtren.hide .wpal .lvl2 .smartf-div.disabled { display: none; } .filtren .lvl2 .smartf-div label.pic span.nopic { background-image: url("/local/templates/prostroy_default/assets/css/img/all.jpg"); } .filtren .lvl2 .smartf-div label.pic { border: 1px solid #bdbec0; } .filtren .lvl2 .smartf-div:not(.disabled) label.pic:hover { border-color: #c4010c; } .filtren .lvl2 .smartf-div.disabled label.pic:hover { background: none; } .filtren .lvl2 .smartf-div label.pic span { width: 29px; height: 29px; font-size: 0; vertical-align: middle; border: 1px solid transparent; background-size: cover; } .filtren .lvl2 .active label.pic { border: 1px solid #c4010c; } /* CHECKBOXES_WITH_PICTURES_AND_LABELS */ .filtren .cwpal .lvl2 .smartf-div:not(.disabled) label.pic, .filtren .dd .lvl2 .smartf-div:not(.disabled) label.pic { cursor: pointer; } .filtren .cwpal .lvl2 .smartf-div label.pic, .filtren .dd .lvl2 .smartf-div label.pic { display: inline-block; white-space: nowrap; background: transparent; } .filtren .cwp .lvl2 .smartf-div.disabled label.pic, .filtren .cwpal .lvl2 .smartf-div.disabled label.pic { border-style: dashed; } .filtren .cwpal .lvl2 .smartf-div label.name, .filtren .dd .lvl2.selected .smartf-div label.name, .filtren .dd.wpal .lvl2 .smartf-div label.name { display: inline-block; } .filtren .dd .lvl2 .smartf-div, .filtren .dd.wpal .lvl2 .smartf-div { padding: 5px; } .filtren .dd .dropdown .lvl2 .smartf-div, .filtren .dd.wpal .dropdown .lvl2 .smartf-div { padding: 6px; } .filtren .dd > .lvl2 .smartf-div, .filtren .dd.wpal > .lvl2 .smartf-div { border: 1px solid #bdbec0; } .filtren .dd > .lvl2 .smartf-div .selected .svg-icon, .filtren .dd.wpal > .lvl2 .smartf-div .selected .svg-icon { margin-right: 4px; margin-bottom: 2px; } .filtren .dd > .lvl2 .smartf-div .name > span, .filtren .dd.wpal > .lvl2 .smartf-div .name > span { position: relative; top: 1px; display: inline-block; padding: 5px 7px; } .filtren .dd > .lvl2 .smartf-div .dropdown label.pic span, .filtren .dd.wpal > .lvl2 .smartf-div .dropdown label.pic span { width: 27px; height: 27px; border: 1px solid #bdbec0; } .filtren .dd.open > .lvl2 .smartf-div:not(.disabled), .filtren .dd.wpal.open > .lvl2 .smartf-div:not(.disabled) { border-color: #c4010c; } .filtren .lvl2.selected .smartf-div label.name { padding: 0px; } /* DROPDOWN */ .filtren .dd .dropdown { position: relative; } .filtren .dd .selected label .svg-icon { width: 8px; height: 8px; margin-right: 4px; margin-bottom: 2px; } .filtren .dd .selected label { cursor: pointer; } .filtren .dd.open .dropdown { display: block; } .filtren .dd .dropdown label { display: block; padding: 5px 7px; cursor: pointer; } .filtren .dd label.name > span, .filtren .dd.wpal label.name > span { position: relative; top: 1px; color: #308ac4; } .filtren .dd label.pic > span, .filtren .dd.wpal label.pic > span { width: 27px; height: 27px; } .filtren .dd.wpal .dropdown label.pic { padding: 0; } .filtren .dd.wpal .dropdown label.name { display: inline-block; white-space: nowrap; } .filtren .dd.wpal .dropdown { left: 0; top: 22px; } .filtren .dd .lvl2:not(.selected) label:hover, .filtren .dd .lvl2:not(.selected) label:hover span { text-decoration: none; } .filtren .c .inputs { text-align: center; } .filtren .c .calendar { width: 72px; margin-left: 5px; padding: 0px; text-align: center; border: 1px solid #F2F2F2; box-shadow: none; } .filtren .c .calendar::-webkit-input-placeholder { color: #000; font-size: 13px; } .filtren .c .calendar::-moz-placeholder { color: #000; font-size: 13px; } /* Firefox 19+ */ .filtren .c .calendar:-moz-placeholder { color: #000; font-size: 13px; } /* Firefox 18- */ .filtren .c .calendar:-ms-input-placeholder { color: #000; font-size: 13px; } .filtren .c .calendar-icon { position: relative; top: -1px; } .filtren .lvl2 label { color: #343434; } .filtren .lvl2 .disabled label { color: #878787; cursor: default; } .filtren .lvl2 label:hover, .filtren .lvl2 label:hover span { text-decoration: none; } .filtren .lvl2 .disabled label.name:hover span, .filtren .lvl2 .disabled label:hover { text-decoration: none; background-color: transparent; } .filtren .pricegroup .lvl2 label { width: 50%; float: left; } .filtren .number .inputs { text-align: center; } .filtren .number .min, .filtren .number .max { padding: 11px 9px 8px; font-size: 12px; background-color: #f3f3f3; border: 1px solid #bebebe; box-shadow: none; transition: background-color ease-in-out 0.15s; } .filtren .number .min:focus, .filtren .number .max:focus { background-color: transparent; } .filtren .number .min { float: left; } .filtren .number .max { float: right; } .filtren .property .f_search { width: 100%; padding: 11px 9px 8px; font-size: 12px; margin-bottom: 13px; background-color: #f3f3f3; border: 1px solid #bebebe; box-shadow: none; transition: background-color ease-in-out 0.15s; } .filtren .property .f_search:focus { background-color: transparent; } .filtren .buttons { padding: 25px 12px 17px 12px; text-align: center; } .filtren .buttons .filter-set { display: block; width: 100%; padding-top: 11px; padding-bottom: 9px; margin-bottom: 16px; } .filtren .buttons .filter-reset { color: #308ac4; } .filtren .buttons .filter-reset:hover { text-decoration: none; } .filtren .buttons .filter-reset:hover span { border-color: transparent; } .filtren .buttons .filter-reset span { border-bottom: 1px dashed #308ac4; } .filtren .separator { display: inline-block; padding-top: 8px; } .filtren .modef { left: 243px; min-width: 300px; position: absolute; top: -5px; white-space: nowrap; z-index: 210; } .filtren .modef .arrow { padding: 6px 7px 6px 0px; background-image: url("/local/templates/prostroy_default/assets/css/img/modef_bg.png"); background-repeat: no-repeat; background-position: 0px 0px; } .filtren .modef .data { padding: 6px 10px; color: #fff; background-color: #899cc7; } .filtren .modef .data a { color: #fff; text-decoration: underline; } .filtren .modef .data a:hover { text-decoration: none; } .filtren .scroll-style { width: 100%; max-height: 175px; height: auto; overflow-y: auto; } .body .filtren [type="checkbox"] + label, .body .filtren [type="radio"] + label { padding-left: 30px; } .smartfilter .bx_ui_slider_handle { top: -6px; width: 15px; height: 15px; background: #c4010c; border-radius: 50%; } .smartfilter .bx_ui_slider_pricebar_V { background: #c4010c; } .smartfilter .bx_ui_slider_pricebar_VN { background: #ebebeb; } .smartfilter .bx_ui_slider_track { height: 3px; margin: 31px 11px 15px 11px; } @media (min-width: 768px) { .filtren { border-right: 1px solid #F3F3F3; } } @media (max-width: 991px) { .filtren .showchild .note { display: none; } } @media (max-width: 767px) { .filtren { border: none; } .filtren.opened .body { display: block; } .filtren .title, .filtren .filtercompare { display: block; } .filtren .body { display: none; margin-top: 5px; } .filtren div.lvl1 { width: 100%; } } .add2review { float: right; } .add2review-around { margin-bottom: 15px; } .reviewform { margin-bottom: 25px; } .reviewform .rating { margin-top: 5px; margin-bottom: 5px; } .reviewform .rating span { margin-right: 10px; } .reviewform .rating a { margin-bottom: 5px; width: 21px; height: 20px; background-position: 0px -168px; } .reviewform .rating a.hover, .reviewform .rating a.selected { background-position: -22px -168px; } .reviewform .fieldname { margin-top: 10px; text-transform: uppercase; } .reviewform input[type="text"], .reviewform textarea { width: 100%; max-width: 500px; } .reviewform textarea { min-height: 44px; } .reviewform textarea.comment { min-height: 114px; } .reviewform .send { margin-top: 10px; } .b-reviews { border-top: 1px solid #ebebeb; } .b-review { padding: 26px 13px; border-bottom: 1px solid #ebebeb; } .b-review__head { margin-bottom: 31px; } .b-review__icon { text-align: center; } .b-review__icon .svg-icon { width: 59px; height: 59px; fill: #ebecf0; } .b-review__name-date-rating { margin-top: 22px; } .b-review__name { font-weight: bold; color: #308ac4; } .b-review__name + .b-review__date { margin-left: 15px; } .b-review__date { color: #878787; } .b-review__date + .b-review__rating { margin-left: 20px; } .b-review__rating { position: relative; bottom: 2px; } .b-review__star.active .svg-icon { fill: #ffc424; } .b-review__star .svg-icon { width: 13px; height: 13px; fill: #d7d7d7; margin-right: 3px; } .b-review__text + .b-review__text, .b-review__text + .b-review__moderate { margin-top: 21px; } .b-review__message-name { margin-right: 7px; } .b-review__message-value { color: #878787; } .body .bx_profile .main-profile-block-date-info strong { color: #878787; font-weight: normal; } .body .bx_profile .main-profile-block-date-info strong + strong { color: inherit; } .body .bx_profile .form-group label { color: #878787; } .body .bx_profile .btn-md.main-profile-submit { position: relative; display: inline-block; height: auto; padding: 5px 21px 6px 21px; text-decoration: none; text-align: center; line-height: 18px; font-size: 13px; font-weight: normal; cursor: pointer; white-space: nowrap; background: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-shadow: none; box-shadow: none; transition: 0s; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; background-color: #c4010c; border: 1px solid #c4010c; border-bottom-color: #780107; } .body .bx_profile .btn-md.main-profile-submit:hover { color: #fff; background-color: #780107; border-color: #780107; text-decoration: none; transition: 0s; } .body .bx_profile .btn-md { position: relative; display: inline-block; height: auto; padding: 5px 21px 6px 21px; text-decoration: none; text-align: center; line-height: 18px; font-size: 13px; font-weight: normal; cursor: pointer; white-space: nowrap; background: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-shadow: none; box-shadow: none; transition: 0s; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; background-color: #6b80a0; border: 1px solid #6b80a0; border-bottom-color: #4a5b74; } .body .bx_profile .btn-md:hover { color: #fff; background-color: #4a5b74; border-color: #4a5b74; text-decoration: none; transition: 0s; } .info td { padding: 10px 35px 10px 0px; border-bottom: 1px solid #F2F2F2; } .info td.first { padding-top: 0px; } .info_email { padding-right: 0px !important; } .centering .info { width: 50px; } .catalogmenucolumn { float: left; min-width: 250px; } .catalogmenucolumn ul { list-style: none; padding-left: 0px; margin-top: 0; margin-bottom: 0px; } .catalogmenucolumn ul > li { list-style-type: none; } .catalogmenu, .catalogmenusmall { position: relative; z-index: 200; } .catalogmenu, .catalogmenu ul, .catalogmenusmall, .catalogmenusmall ul { width: 100%; } .catalogmenu a, .catalogmenusmall a { position: relative; display: block; padding: 9px 27px 9px 12px; text-decoration: none; } .catalogmenu li { background-color: #FFF; display: block; } .catalogmenu li.more { display: none; } .catalogmenu.hover li.more { display: block; } .catalogmenu.hover li.morelink { display: none; } .catalogmenu ul.first { transition: all 0.15s linear; } .catalogmenu.hover ul { box-shadow: 0px 6px 41px -8px rgba(154, 164, 166, 0.82); } .catalogmenu li.parent { max-width: 250px; background-color: #F3F3F3; } .catalogmenu a.parent { padding: 11px 12px 10px; color: #000; font-size: 13px; } .catalogmenu a.parent .svg-icon.menu, .catalogmenusmall a.parent .svg-icon.menu { float: right; width: 12px; height: 12px; margin-top: 3px; margin-right: 3px; margin-left: 8px; } .catalogmenu a.first.morelink { font-family: Arial,Helvetica,sans-serif; font-size: 16px; line-height: 16px; padding: 12px 22px 12px 12px; } .catalogmenu li a.first { padding: 11px 26px 10px 12px; overflow: hidden; } .catalogmenu .first li a.selected, .catalogmenu .first li.selected > a, .catalogmenu li a.first.selected { color: #67adda; background-color: #f5f5f5; } .catalogmenu li.first:hover > a, .catalogmenu li.first.hover > a, .catalogmenu li.sub:hover > a, .catalogmenu li.sub.hover > a, .catalogmenu a.first:hover, .catalogmenu a.first.hover, .catalogmenu a.sub:hover, .catalogmenu a.sub.hover { color: #67adda; background-color: #f5f5f5; text-decoration: none; } .catalogmenu a.first:active, .catalogmenu a.first.hover:active, .catalogmenu a.sub:active, .catalogmenu a.sub.hover:active { color: #67adda; background-color: #f5f5f5; } .catalogmenu li ul.first { top: 40px; max-width: 250px; border-right: none; border-left: none; border-bottom: none; } .catalogmenu.hover li ul.first { border-bottom: 1px solid #F3F3F3; } .catalogmenu li ul { position: absolute; top: 0px; display: none; max-width: 248px; height: auto; background-color: #fff; border: 1px solid #F3F3F3; } .catalogmenu li ul.rs-show { display: block; z-index: 500; } .catalogmenu li.first ul { min-height: 100%; } .catalogmenu li.first { border-right: 1px solid #F3F3F3; border-bottom: 1px solid #F3F3F3; border-left: 1px solid #F3F3F3; } .catalogmenu.hover li.first.lastchild { border-bottom: 1px solid #FFF; } .catalogmenu li.sub { border-bottom: 1px solid #FFF; } .catalogmenu li ul a { text-align: left; } .catalogmenu li ul ul { margin: -1px 0 0 247px; } .catalogmenu li:hover ul, .catalogmenu li.hover ul { display: none; } .catalogmenu li:hover > ul, .catalogmenu li.hover > ul, .catalogmenu li:hover ul.first.rs-show, .catalogmenu li.hover ul.first.rs-show { display: block; z-index: 200; } .catalogmenu .elementinmenu { width: 250px; } .catalogmenu li:hover ul.elementinmenu, .catalogmenu li.hover ul.elementinmenu { display: block; left: 0px; } .catalogmenu .elementinmenu .name { height: 35px; text-align: center; overflow: hidden; } .catalogmenu .elementinmenu .pic { padding: 10px 0px; text-align: center; } .catalogmenu .elementinmenu .pic a { display: block; width: 210px; height: 170px; line-height: 170px; text-align: center; } .catalogmenu .elementinmenu .pic a img { display: inline-block; } .catalogmenu .elementinmenu .price { padding: 10px 20px 0px 20px; text-align: center; } .catalogmenu .elementinmenu .price span { display: inline-block; margin-bottom: 6px; } .catalogmenu .elementinmenu .price.gen { display: block; font-size: 18px; margin-right: 15px; margin-bottom: 10px; } .catalogmenu .elementinmenu .price.old { margin-right: 25px; } .catalogmenu .elementinmenu .more { margin-top: 20px; padding: 0px 20px; text-align: right; } .catalogmenu .elementinmenu .more a { display: inline; padding: 0px; text-align: right; text-decoration: none; } .catalogmenu .elementinmenu .more a:hover { text-decoration: underline; } .catalogmenu .first.catalogmenu-icon > a { padding-left: 40px; } .catalogmenu__icon { position: absolute; top: 10px; left: 10px; max-width: 20px; max-height: 20px; } /* mobile menu */ .catalogmenusmall { display: none; } .catalogmenusmall li.parent { background-color: #F3F3F3; } .catalogmenusmall a.parent { padding: 11px 12px; color: #000; font-size: 13px; } @media (min-width: 1010px) { body.adaptive .catalogmenu li ul.first.rs-show { display: block; } } @media (max-width: 1010px) { body.adaptive .catalogmenu li:hover > ul.lvl4, body.adaptive .catalogmenu li.hover > ul.lvl4, body.adaptive .catalogmenu li:hover > ul.lvl5, body.adaptive .catalogmenu li.hover > ul.lvl5 { display: none; } body.adaptive .catalogmenu li ul.first.rs-show { display: none; } } @media (max-width: 760px) { body.adaptive .catalogmenu li:hover > ul.lvl3, body.adaptive .catalogmenu li.hover > ul.lvl3, body.adaptive .catalogmenu li:hover > ul.lvl4, body.adaptive .catalogmenu li.hover > ul.lvl4, body.adaptive .catalogmenu li:hover > ul.lvl5, body.adaptive .catalogmenu li.hover > ul.lvl5 { display: none; } } @media (max-width: 767px) { body.adaptive .catalogmenucolumn { float: none; } body.adaptive .catalogmenucolumn .catalogmenu { display: none; } body.adaptive .catalogmenucolumn .catalogmenusmall { display: block; } } .catalogmenu2_column { float: left; min-width: 250px; } .catalogmenu2_column ul { list-style: none; padding-left: 0px; margin-top: 0; margin-bottom: 0px; } .catalogmenu2_column ul > li { list-style-type: none; } .catalogmenu2, .catalogmenusmall { position: relative; z-index: 200; } .catalogmenu2, .catalogmenu2 ul, .catalogmenusmall, .catalogmenusmall ul { width: 100%; } .catalogmenu2 a, .catalogmenusmall a { position: relative; display: block; padding: 9px 12px; text-decoration: none; } .catalogmenu2 li { background-color: #FFF; display: block; } .catalogmenu2 li.more { display: none; } .catalogmenu2.hover li.more { display: block; } .catalogmenu2.hover li.morelink { display: none; } .catalogmenu2 ul.first { transition: all 0.15s linear; } .catalogmenu2.hover ul.first { box-shadow: 0px 6px 41px -8px rgba(154, 164, 166, 0.82); } .catalogmenu2 li.parent { max-width: 250px; background-color: #F3F3F3; } .catalogmenu2 a.parent { padding: 11px 12px 10px; color: #000; font-size: 13px; } .catalogmenu2 a.parent .svg-icon.menu, .catalogmenusmall a.parent .svg-icon.menu { float: right; width: 12px; height: 12px; margin-top: 3px; margin-right: 3px; margin-left: 8px; } .catalogmenu2 a.first.morelink { font-family: Arial,Helvetica,sans-serif; font-size: 16px; line-height: 16px; padding: 12px 22px 12px 12px; } .catalogmenu2 li a.first { white-space: nowrap; text-overflow: ellipsis; padding: 11px 22px 10px 12px; overflow: hidden; } .catalogmenu2 li a.first.selected { text-decoration: underline; } .catalogmenu2 a.first:active, .catalogmenu2 a.first.hover:active { color: #67adda; background-color: #f5f5f5; } .catalogmenu2 li ul.first { top: 40px; max-width: 250px; border-right: none; border-left: none; border-bottom: none; } .catalogmenu2.hover li ul.first { border-bottom: 1px solid #F3F3F3; } .catalogmenu2 li ul { position: absolute; top: 0px; display: none; max-width: 248px; height: auto; background-color: #fff; border: 1px solid #F3F3F3; } .catalogmenu2 li ul.lvl2 { display: flex; -webkit-box-flex: 0; flex: 0 1 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; flex-wrap: wrap; width: 980px; max-width: none; box-shadow: 0px 6px 41px -8px rgba(154, 164, 166, 0.82); } .catalogmenu2 li ul.lvl2 > .mrow { flex: 0 0 auto; -webkit-box-flex: 0; flex-basis: 25%; max-width: 25%; margin-bottom: 10px; } .catalogmenu2 li ul.rs-show { display: block; z-index: 500; } .catalogmenu2 li.first ul { min-height: 100%; } .catalogmenu2 li.first { border-right: 1px solid #F3F3F3; border-bottom: 1px solid #F3F3F3; border-left: 1px solid #F3F3F3; } .catalogmenu2.hover li.first.lastchild { border-bottom: 1px solid #FFF; } .catalogmenu2 a.sub { display: block; width: 100%; padding: 0px 12px; color: #c4010c; } .catalogmenu2 a.sub > span { display: block; padding: 10px 0px; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .catalogmenu2 a.sub + .sub-sub { margin-top: 7px; } .catalogmenu2 a.sub, .catalogmenu2 a.sub-sub { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .catalogmenu2 a.sub-sub { display: block; width: 100%; padding: 3px 12px; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .catalogmenu2 li ul a { text-align: left; } .catalogmenu2 li ul ul { margin: -1px 0 0 247px; } .catalogmenu2 li:hover ul, .catalogmenu2 li.hover ul, .catalogmenu2 li > ul.lvl2 { display: none; } .catalogmenu2 li:hover > ul.first { display: block; } .catalogmenu2 li:hover > ul.lvl2 { display: flex; } .catalogmenu2 li:hover ul.first.rs-show, .catalogmenu2 li.hover ul.first.rs-show { display: block; z-index: 200; } .catalogmenu2 .first.catalogmenu2-icon > a { padding-left: 40px; } .catalogmenu2__icon { position: absolute; top: 10px; left: 10px; max-width: 20px; max-height: 20px; } /* mobile menu */ .catalogmenusmall { display: none; } .catalogmenusmall li.parent { background-color: #F3F3F3; } .catalogmenusmall a.parent { padding: 11px 12px; color: #000; font-size: 13px; } @media (min-width: 1010px) { .catalogmenu2 li ul.first.rs-show { display: block; } } @media (max-width: 1010px) { .catalogmenu2 li ul.first.rs-show { display: none; } } @media (max-width: 1280px) { .catalogmenu2 li ul.lvl2 { width: 735px; } .catalogmenu2 li ul.lvl2 > .mrow { flex-basis: 33.33333333%; max-width: 33.33333333%; } } @media (max-width: 1050px) { .catalogmenu2 li ul.lvl2 { width: 490px; } .catalogmenu2 li ul.lvl2 > .mrow { flex-basis: 50%; max-width: 50%; } } @media (max-width: 790px) { .catalogmenu2 li ul.lvl2 { width: 245px; } .catalogmenu2 li ul.lvl2 > .mrow { flex-basis: 100%; max-width: 100%; } } @media (max-width: 767px) { .catalogmenu2_column { float: none; } .catalogmenu2_column .catalogmenu2 { display: none; } .catalogmenu2_column .catalogmenusmall { display: block; } } .catalogmenu2 li.first:hover > a, .catalogmenu2 li.first.hover > a, .catalogmenu2 a.first:hover, .catalogmenu2 a.first.hover { color: #67adda; background-color: #f5f5f5; text-decoration: none; } .menu-sidebar li a:hover { color: #fff; background: #780107; } .fly-menu.dropdown-menu { top: 0; } .fly-menu__ul { display: block; float: left; min-width: 220px; transition: transform .25s linear; } .fly-menu__li:hover > .fly-menu__sub-menu { display: block; } .fly-menu__picture { position: absolute; top: 12px; left: 23px; max-width: 20px; max-height: 20px; } .fly-menu__picture + span { padding-left: 30px; } .fly-menu__duplication-name { background-color: #f3f3f3; } .fly-menu__sub-menu { position: absolute; top: -2px; left: 100%; display: none; background-color: #fff; } .fly-menu.dropdown-menu > .fly-menu__li, .fly-menu .dropdown-menu > .fly-menu__li { height: auto; } .fly-menu.dropdown-menu > .fly-menu__li > a, .fly-menu .dropdown-menu > .fly-menu__li > a { position: relative; color: #308ac4; } .fly-menu.dropdown-menu > .fly-menu__li > a:hover, .fly-menu .dropdown-menu > .fly-menu__li > a:hover { color: #67adda; } .fly-menu.dropdown-menu > .fly-menu__li .svg-icon.arrow, .fly-menu.dropdown-menu > .fly-menu__li .svg-icon.back, .fly-menu .dropdown-menu > .fly-menu__li .svg-icon.arrow, .fly-menu .dropdown-menu > .fly-menu__li .svg-icon.back { fill: #7d7d7d; } .fly-menu.dropdown-menu > .fly-menu__li .svg-icon.back, .fly-menu .dropdown-menu > .fly-menu__li .svg-icon.back { width: 16px; height: 16px; margin-right: 7px; margin-bottom: 1px; } .fly-menu.dropdown-menu > .fly-menu__li .section-svg-icon, .fly-menu .dropdown-menu > .fly-menu__li .section-svg-icon { position: relative; bottom: 1px; width: 16px; height: 16px; fill: #e0408a; margin-right: 6px; } @media (min-width: 768px) { .fly-menu.list-unstyled > li.fly-menu__li, .fly-menu.list-unstyled .dropdown-menu li.fly-menu__li { position: relative; } .fly-menu__li:hover > a { background-color: #f5f5f5; } } @media (max-width: 767px) { .fly-menu { position: relative; margin-top: 0; } .fly-menu.fly-menu__ul.dropdown-menu, .fly-menu .fly-menu__ul.dropdown-menu { border-bottom: 1px solid #ebebeb; border-radius: 0; } .fly-menu__ul { width: 100%; height: auto; float: none; transform: translateX(0); } .fly-menu__ul.open { transform: translateX(-100%); } } .b-mmenu .b-mmenu__toggle { position: relative; float: none; width: 100%; padding: 13px 23px 14px; text-align: left; color: #fff; margin-right: 0; margin-bottom: 0; margin-left: 0; background: #c4010c; border: 1px solid transparent; border-radius: 0; } .b-mmenu .navbar-nav { margin: 0; overflow: hidden; } .b-mmenu .navbar-nav.loaded:hover { overflow: visible; } .b-mmenu .navbar-nav > li.other { position: relative; } .b-mmenu .navbar-nav > li.invisible { display: none; } .b-mmenu .b-mmenu__toggle, .b-mmenu .navbar-nav > li.lvl1 > a, .b-mmenu .navbar-nav > li.lvl1 > a, .b-mmenu .navbar-nav .dropdown-menu > li > a, .b-mmenu .navbar-nav .dropdown-menu > li > a, .b-mmenu .navbar-nav .open .dropdown-menu > li > a, .b-mmenu .navbar-nav > .open > a, .b-mmenu .navbar-nav li > a { color: #fff; } .b-mmenu .b-mmenu__toggle:focus, .b-mmenu .b-mmenu__toggle:hover, .b-mmenu .navbar-nav > li.lvl1:hover > a, .b-mmenu .navbar-nav > li.lvl1 > a:hover, .b-mmenu .navbar-nav > li.other:hover > a, .b-mmenu .navbar-nav > li.other > a:hover { color: #fff; background-color: #780107; } .b-mmenu .b-mmenu__toggle:focus, .b-mmenu .b-mmenu__toggle:hover, .b-mmenu .navbar-nav .dropdown-menu > li:hover > a, .b-mmenu .navbar-nav .dropdown-menu > li > a:hover, .b-mmenu .navbar-nav .open .dropdown-menu > li > a:focus, .b-mmenu .navbar-nav .open .dropdown-menu > li > a:hover, .b-mmenu .navbar-nav > .open > a:focus, .b-mmenu .navbar-nav > .open > a:hover, .b-mmenu .navbar-nav li:hover > a, .b-mmenu.navbar-default .navbar-nav .dropdown-menu > li:hover > a, .b-mmenu.navbar-default .navbar-nav .dropdown-menu > li > a:hover { color: #67adda; background-color: #f5f5f5; } @media (max-width: 767px) { .b-mmenu .b-mmenu__toggle { display: block; } } .b-mmenu.navbar-default { position: relative; margin-top: 8px; background: #c4010c; } .b-mmenu.navbar-default .navbar-nav > .active > a, .b-mmenu.navbar-default .navbar-nav > .active > a:hover, .b-mmenu.navbar-default .navbar-nav > .active > a:focus { color: #fff; background-color: #780107; } .b-mmenu .col { padding: 0; } .b-mmenu .icon-toggle { position: relative; top: -1px; display: inline-block; vertical-align: middle; margin-left: 5px; } .b-mmenu .icon-toggle .icon-bar { background-color: #fff; width: 18px; } .b-mmenu .dropdown-menu { padding-top: 0px; padding-bottom: 0px; font-size: 13px; border: none; z-index: 200; border-bottom: 2px solid #780107; box-shadow: 0px 6px 41px -8px rgba(154, 164, 166, 0.82); } .b-mmenu .dropdown-menu > li > a, .b-mmenu .navbar-nav > li > a { padding: 13px 23px 13px; text-decoration: none; border-top: 1px solid #F3F3F3; border-bottom: 0; } .b-mmenu .dropdown-menu > li > a.other-link, .b-mmenu .navbar-nav > li > a.other-link { padding-bottom: 12px; } .b-mmenu .dropdown-menu > li { height: 55px; border: 0; } .b-mmenu .navbar-collapse { border-top: 0; box-shadow: none; } .b-mmenu .nav ul > li { position: relative; display: block; height: auto; } .b-mmenu .nav.main-menu-nav .other { display: block; border-left: none; } .b-mmenu a .submenu-opener { position: absolute; top: 0; right: 0; padding: 18px 20px 11px; fill: #fff; text-align: center; } .b-mmenu .svg-icon.icon-plus, .b-mmenu .svg-icon.icon-minus { width: 12px; height: 12px; } .b-mmenu .svg-icon.icon-plus { display: block; } .b-mmenu .svg-icon.icon-minus { display: none; } .b-mmenu .open > a > span > .svg-icon.icon-plus { display: none; } .b-mmenu .open > a > span > .svg-icon.icon-minus { display: block; } @media (max-width: 767px) { .b-mmenu .navbar-collapse { position: absolute; width: 100%; padding-right: 0; padding-left: 0; margin-bottom: 50px; z-index: 899; } .b-mmenu .navbar-nav .open .dropdown-menu > li > a { padding-left: 40px; } .b-mmenu .navbar-nav .open .dropdown-menu > li > ul > li > a { padding-left: 55px; } .b-mmenu .open > .dropdown-menu { display: block; } .b-mmenu .navbar-nav .open .dropdown-menu > .active > a, .b-mmenu .navbar-nav .open .dropdown-menu > li > a:focus, .b-mmenu .navbar-nav .open .dropdown-menu > li > a:hover, .b-mmenu .navbar-nav > .open > a:focus, .b-mmenu .navbar-nav > .open > a:hover { color: #fff; background: #780107; } } @media (min-width: 768px) { .b-mmenu .dropdown-menu { border-right: 0; } .b-mmenu .navbar-collapse { width: 100%; padding-left: 0; padding-right: 0; padding-right: 25px; position: relative; } .b-mmenu.navbar-default .nav .dropdown-menu > li > a { padding: 11px 23px 10px 23px; background: #fff; color: #308ac4; border-top: 1px solid #F3F3F3; border-left: 1px solid #F3F3F3; border-right: 1px solid #F3F3F3; } .b-mmenu .navbar-nav > li.dropdown:hover > .dropdown-menu { display: block; left: auto; min-width: 220px; } .b-mmenu .dropdown-submenu:hover > .dropdown-menu { display: block; top: -2px; left: 100%; } .b-mmenu .navbar-nav > li > a { border-top-color: transparent; } .b-mmenu .navbar-nav { height: 47px; float: none; } .b-mmenu .nav.main-menu-nav .other { margin-right: 30px; } .b-mmenu .dropdown-menu.left { left: 0; transform: translateX(-100%); } } .b-mmenu a .svg-icon.arrow { position: absolute; top: 50%; right: 13px; width: 9px; height: 9px; margin-top: -4px; margin-left: 0; fill: #7d7d7d; } .b-mmenu li.first:hover a .svg-icon.arrow, .b-mmenu li.dropdown-submenu:hover a .svg-icon.arrow { fill: #7d7d7d; } @media (max-width: 767px) { .menu .b-mmenu .dropdown-menu > li > a, .menu .b-mmenu .navbar-nav > li > a { color: #fff; background-color: #c4010c; } } @media (max-width: 767px) { .catalogmenucolumn, .catalogmenu2_column { margin-bottom: 5px; } .navbar-nav .open .dropdown-menu > li > a { padding: 13px 23px; } } @media (max-width: 767px) { .b-mmenu.navbar-default { margin-bottom: 15px; } } .svg-icon__morelink { width: 18px; height: 18px; fill: currentColor; } .footer .footmenu { margin-bottom: 15px; } .footer .footmenu .title { margin-bottom: 9px; text-transform: uppercase; } .footer .footmenu .item { margin: 3px 0 7px; } .footer .footmenu a { text-decoration: none; } .footer .footmenu a:hover { text-decoration: underline; } @media screen and (max-width: 480px) { body.adaptive .footer .footmenu .title { display: none; } body.adaptive .footer .footmenu .item { float: left; margin-right: 15px; } body.adaptive .footer .footmenu .item:last-child { margin-right: 0; } } .footer .catmenu { margin-bottom: 15px; } .footer .catmenu.ellipsisnames .item.depth_level1 a span, .footer .catmenu.ellipsisnames .item.depth_level2 a span { display: block; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .footer .catmenu .title { margin-bottom: 9px; text-transform: uppercase; } .footer .catmenu .item { margin: 3px 0px 7px; } .footer .catmenu .item.depth_level1 a { text-decoration: none; } .footer .catmenu .item.depth_level1 a:hover, .footer .catmenu .item.depth_level1 a:hover span { text-decoration: underline; } .footer .catmenu .item.depth_level2 a { color: #666; font-size: 12px; text-decoration: none; } .footer .catmenu .item.depth_level2 a:hover, .footer .catmenu .item.depth_level2 a:hover span { text-decoration: underline; } @media screen and (max-width: 750px) and (min-width: 481px) { body.adaptive .footer .catmenu .title { text-align: center; } } .pmenu .in { border: 1px solid #F2F2F2; } .pmenu a { display: block; width: 100%; padding: 10px 14px; text-decoration: none; } .pmenu a:hover, .pmenu a.selected, .pmenu a.selected:active, .pmenu a:active { color: #fff; background-color: #780107; text-decoration: none; } .pmenu .separator { width: 100%; height: 1px; background-color: #F2F2F2; } .tpanel_menu { height: 48px; overflow: hidden; } .tpanel_menu a { display: block; float: left; margin-top: 16px; margin-right: 14px; } .tpanel__menu2 { max-height: 29px; float: right; overflow: hidden; } .tpanel__menu2 a { display: inline-block; margin-left: 22px; padding: 5px 0; } .tpanel__menu2 a:first-child { margin-left: 0; } .tpanel__menu2 a .svg-icon { position: relative; bottom: 1px; width: 16px; height: 16px; fill: #c4010c; margin-right: 2px; } .brandsdetail .img { float: right; width: 20%; padding: 0px 0px 15px 15px; } .brandsdetail .bot { margin-top: 15px; padding-top: 15px; border-top: 1px solid #F2F2F2; } .brandsdetail .bot .back { float: left; } .catalog.brands .prods { margin-left: 0; } @media screen and (max-width: 480px) { body.adaptive .brandsdetail .img { float: none; width: 100%; padding: 0px 0px 15px 0px; text-align: center; } } /* catalog.section.list -> brand_big */ .brandbig { margin-top: 15px; } .brandbig .item { display: block; float: left; width: 25%; padding: 12px; } .brandbig .item .img { display: block; height: 175px; } .brandbig .item .img img { display: inline; line-height: 175px; } .brandbig .item .name { display: block; font-size: 18px; color: #c4010c; } .brandbig .separator { float: left; } .brandbig .separator.x4 { width: 100%; } @media screen and (max-width: 1010px) { body.adaptive .brandbig .item { width: 33%; } body.adaptive .brandbig .separator.x4, body.adaptive .brandbig .separator.x2, body.adaptive .brandbig .separator.x1 { display: none; } body.adaptive .brandbig .separator.x3 { display: block; width: 100%; } } @media screen and (max-width: 750px) { body.adaptive .brandbig .item { width: 50%; } body.adaptive .brandbig .separator.x4, body.adaptive .brandbig .separator.x3, body.adaptive .brandbig .separator.x1 { display: none; } body.adaptive .brandbig .separator.x2 { display: block; width: 100%; } } /* /catalog.section.list -> brand_big */ .iblockdetail { line-height: 18px; } .iblockdetail .pic { width: 25%; min-width: 90px; float: left; padding: 0px 20px 10px 0px; } .iblockdetail .text { width: 75%; float: left; text-align: justify; } .iblockdetail .bot { margin-top: 15px; padding-top: 15px; border-top: 1px solid #F2F2F2; } .iblockdetail .bot .back { float: left; } .iblockdetail .bot .date { float: right; color: #666666; font-style: italic; } /* content */ /*.iblockdetail table{ display: table; border-collapse: separate; border-spacing: 2px; } .iblockdetail table, .iblockdetail td{ margin: auto; padding: 1px; border: 1px solid gray; }*/ .iblockdetail table { width: 100%; margin: 20px 0; } .iblockdetail table tr { border-top: 1px solid #eeeeee; border-left: 1px solid #eeeeee; } .iblockdetail table td, .iblockdetail table th { border-right: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; padding: 5px 15px; } .iblockdetail table th { background: #f8f8f8; } .iblockdetail li { list-style-type: disc; padding-bottom: 7px; } .iblockdetail ul { margin: 20px 0px 20px 20px; } @media screen and (max-width: 480px) { body.adaptive .iblockdetail .pic { width: 100%; text-align: center; padding: 0px 0px 10px 0px; } body.adaptive .iblockdetail .text { width: 100%; } body.adaptive .iblockdetail .bot { margin-top: 5px; padding-top: 5px; } body.adaptive .iblockdetail .bot .back, body.adaptive .iblockdetail .bot .date { float: none; margin: 3px 0px; } } .presscentermainn { width: 20%; margin-top: 12px; } .presscentermainn .title { padding: 0px 17px 15px 17px; color: #EE8131; font-size: 24px; text-transform: uppercase; } .presscentermainn .in { width: 100%; background-color: #F3F3F3; } .presscentermainn .item { width: 100%; float: left; padding: 17px 17px 0px 17px; } .presscentermainn .item.last { padding-bottom: 13px; } .presscentermainn .item a.blockname { color: #c4010c; } .presscentermainn .img { margin-bottom: 5px; } @media screen and (max-width: 1010px) { body.adaptive .presscentermainn { width: 100%; } body.adaptive .presscentermainn .item { width: 25%; padding-bottom: 13px; } } @media screen and (max-width: 750px) { body.adaptive .presscentermainn .item { width: 50%; } } @media screen and (max-width: 480px) { body.adaptive .presscentermainn .item { display: table; width: 100%; } body.adaptive .presscentermainn .item .img { display: table-cell; width: 90px; max-width: 90px; padding-right: 13px; vertical-align: middle; } body.adaptive .presscentermainn .item .img img { display: block; } body.adaptive .presscentermainn .item .data { display: table-cell; vertical-align: middle; } } .gopro-banners { overflow: hidden; margin-top: 40px; margin-bottom: 30px; /***************** navigation *******************/ /****************************************/ /***************** dots *******************/ /****************************************/ } .gopro-banners__banner { position: relative; } .gopro-banners__background { width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; } .gopro-banners__link { position: absolute; width: 100%; height: 100%; left: 0; z-index: 5; top: 0; z-index: 15; } .gopro-banners__wrap { width: 100%; position: absolute; top: 0; height: 100%; left: 0; right: 0; margin: auto; } .gopro-banners__product { position: absolute; height: 100%; width: 50%; top: 0; bottom: 0; right: 0; padding: 20px; margin: auto; text-align: center; z-index: 5; } .gopro-banners__product-image { display: inline-block; max-width: 100%; width: auto; max-height: 100%; margin: 0 auto; } .gopro-banners__video { position: absolute; height: 100%; width: 100%; top: 0; bottom: 0; right: 0; left: 0; z-index: 5; } .gopro-banners__video-video { width: 100%; height: auto; } .gopro-banners__infowrap { position: relative; height: 100%; width: 50%; display: table; word-break: break-word; z-index: 10; } .gopro-banners__infowrap.video { width: 100%; text-align: center; } .gopro-banners__info { display: table-cell; vertical-align: middle; word-break: break-word; } .gopro-banners__text { width: 100%; max-width: 400px; padding: 27px 24px; background: rgba(255, 255, 255, 0.85); } .gopro-banners__text1 { color: #214496; } .gopro-banners__text1.product { position: relative; font-size: 25px; font-weight: bold; line-height: 45px; white-space: nowrap; color: #000; } .gopro-banners__text1.product:after { display: block; top: 100%; left: 0; width: 20%; height: 4px; content: ' '; margin-top: 5px; background-color: #c4010c; } .gopro-banners__text2 { color: #c4010c; } .gopro-banners__text2.product { margin-top: 5px; } .gopro-banners__text3 { position: relative; color: #707070; } .gopro-banners__text3.product { max-height: 105px; color: #000; font-size: 13px; line-height: 26px; margin-top: 15px; overflow: hidden; } .gopro-banners__text3.product:after { position: absolute; width: 30%; height: 25px; right: 0; bottom: 0; content: ' '; text-align: right; background: linear-gradient(to right, rgba(255, 255, 255, 0), #FFF 50%); } .gopro-banners .owl-carousel { display: block; } .gopro-banners .owl-carousel:hover .owl-nav { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: .5; -khtml-opacity: .5; opacity: .5; } .gopro-banners .owl-carousel .owl-nav { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; } .gopro-banners .owl-carousel .owl-nav div.owl-prev, .gopro-banners .owl-carousel .owl-nav div.owl-next { position: absolute; top: 50%; margin-top: -32px; cursor: pointer; } .gopro-banners .owl-carousel .owl-nav div.owl-prev { left: 0px; } .gopro-banners .owl-carousel .owl-nav div.owl-next { right: 0px; } .gopro-banners .owl-carousel .owl-nav div span { display: block; width: 25px; height: 25px; margin: 20px; cursor: pointer; background-color: #FAFAFA; } .gopro-banners .owl-carousel .owl-nav div span:hover { background-color: #214496; } .gopro-banners .owl-carousel .owl-nav div span:hover .svg-icon { fill: #fff; } .gopro-banners .owl-carousel .owl-nav div span .svg-icon { width: 12px; height: 12px; margin-top: 5px; margin-left: 6px; fill: #000; } .gopro-banners .owl-dots { position: absolute; bottom: 9%; left: 12%; width: 100%; } .gopro-banners .owl-dots .owl-dot { float: left; width: 17px; height: 17px; margin-right: 13px; cursor: pointer; background-color: #F3F3F3; } .gopro-banners .owl-dots .owl-dot.active { background-color: #c4010c; } .gopro-banners .owl-dots .owl-dot:hover, .gopro-banners .owl-dots .owl-dot.active:hover { background-color: #780107; } .gopro-banners .owl-carousel.owl-loaded .owl-item img { width: auto; } .gopro-banners__banner-text .gopro-banners__infowrap, .gopro-banners__banner-banner .gopro-banners__infowrap { width: 50%; } @media (min-width: 1010px) { .menu_vertical1 .gopro-banners, .menu_vertical2 .gopro-banners { margin-left: 252px; } } @media (min-width: 768px) { .gopro-banners__infowrap { padding-left: 6%; } .gopro-banners__banner { height: 520px; } .gopro-banners__text1 { font-size: 19px; margin-bottom: 20px; text-transform: uppercase; color: #f14942; line-height: 25px; font-weight: 500; } .gopro-banners__text2 { font: 13px Opensanslight, Arial, Helvetica, sans-serif; font-weight: bold; margin-bottom: 5px; color: #f14942 !important; font-size: 16px; text-transform: uppercase; padding-top: 25px; } .gopro-banners__text3 { font-size: 12px; color: #000; } .gopro-banners__infowrap { width: 55%; } .gopro-banners__text { max-width: 450px; background: rgba(255, 255, 255, 0.90); } } @media (max-width: 767px) { .gopro-banners__infowrap { width: 65%; padding-left: 65px; } .gopro-banners__banner { height: auto; } .gopro-banners__background { height: 0; padding-top: 45%; } .gopro-banners__text1 { margin-bottom: 10px; font-size: 16px; text-transform: uppercase; color: #f14942; line-height: 25px; } .gopro-banners__text1.product { font-weight: normal; } .gopro-banners__text2 { font-weight: normal; line-height: 5vw; color: #f14942 !important; font-size: 14px; text-transform: uppercase; } .gopro-banners .owl-carousel .owl-nav div.owl-prev, .gopro-banners .owl-carousel .owl-nav div.owl-next { margin-top: -52px; } /*.gopro-banners .owl-carousel .owl-dots {*/ /* position: static;*/ /* text-align: center;*/ /* padding: 10px 0px; }*/ /*.gopro-banners .owl-carousel .owl-dots .owl-dot {*/ /* display: inline-block;*/ /* float: none;*/ /* width: 12px;*/ /* height: 12px;*/ /* margin-right: 10px;*/ /* -khtml-border-radius: 50%;*/ /* -moz-border-radius: 50%;*/ /* -webkit-border-radius: 50%;*/ /* border-radius: 50%; }*/ .header_type2 .gopro-banners { margin-top: 5px; } } @media (max-width: 480px) { .gopro-banners__product { width: 100%; } .gopro-banners__product-image { margin-right: auto; margin-left: auto; } .gopro-banners__infowrap { width: 90%; margin-right: auto; margin-left: auto; padding-left: 0; } .gopro-banners__text { text-align: center; padding: 12px 12px; } .gopro-banners__text1 { margin-bottom: 5px; } .gopro-banners__text1.product:after { display: none; } .gopro-banners__text2 { line-height: 18px; } } .brandslist.mainstyles { margin-top: 25px; } .brandslist.mainstyles .title { margin-bottom: 15px; padding: 0px 17px 15px 17px; border-bottom: 1px solid #F2F2F2; } .brandslist.mainstyles .title a { font-size: 24px; font-weight: normal; text-transform: uppercase; } .brandslist .h2 { display: inline-block; font-size: 20px; font-weight: 500; line-height: 1.1; margin-top: 20px; margin-bottom: 10px; } .brandslist .h2 a { color: #c4010c; } @media screen and (min-width: 1261px) { body.adaptive .brandslist .separator.x7 { display: block; } } @media screen and (max-width: 1260px) and (min-width: 1025px) { body.adaptive .brandslist .item { width: 16%; } body.adaptive .brandslist .separator { display: none; } body.adaptive .brandslist .separator.x6 { display: block; } } @media screen and (max-width: 1024px) and (min-width: 751px) { body.adaptive .brandslist .item { width: 20%; } body.adaptive .brandslist .separator { display: none; } body.adaptive .brandslist .separator.x5 { display: block; } } @media screen and (max-width: 750px) and (min-width: 576px) { body.adaptive .brandslist .item { width: 25%; } body.adaptive .brandslist .separator { display: none; } body.adaptive .brandslist .separator.x4 { display: block; } } @media screen and (max-width: 575px) and (min-width: 481px) { body.adaptive .brandslist .item { width: 33%; } body.adaptive .brandslist .separator { display: none; } body.adaptive .brandslist .separator.x3 { display: block; } } @media screen and (max-width: 480px) { body.adaptive .brandslist .item { width: 50%; } body.adaptive .brandslist .separator { display: none; } body.adaptive .brandslist .separator.x2 { display: block; } } .brandslistimg.mainstyles { margin-top: 25px; } .brandslistimg.mainstyles .title { margin-bottom: 15px; padding: 0px 17px 15px 17px; border-bottom: 1px solid #F2F2F2; } .brandslistimg.mainstyles .title a { font-size: 24px; color: #c4010c; font-weight: normal; text-transform: uppercase; } .brandslistimg .item { display: block; width: 14%; height: 80px; float: left; padding: 10px 10px; text-align: center; } .brandslistimg .item .pic { display: table; width: 100%; height: 80px; line-height: 80px; } .brandslistimg .item .pic a { display: table-cell; width: 100%; height: 80px; text-align: center; } .brandslistimg .item .pic img { width: auto; max-width: 100%; max-height: 80px; vertical-align: middle; } @media screen and (max-width: 1260px) and (min-width: 1025px) { body.adaptive .brandslistimg .item { width: 16%; } } @media screen and (max-width: 1024px) and (min-width: 751px) { body.adaptive .brandslistimg .item { width: 20%; } } @media screen and (max-width: 750px) and (min-width: 576px) { body.adaptive .brandslistimg .item { width: 25%; } } @media screen and (max-width: 575px) and (min-width: 481px) { body.adaptive .brandslistimg .item { width: 33%; } } @media screen and (max-width: 480px) { body.adaptive .brandslistimg .item { width: 50%; } } .brandslistimgowl1 { /***************** navigation *******************/ /****************************************/ } .brandslistimgowl1 .owl-carousel { display: block; } .brandslistimgowl1 .owl-carousel:hover .owl-nav { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: .5; -khtml-opacity: .5; opacity: .5; } .brandslistimgowl1 .owl-carousel .owl-nav { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; } .brandslistimgowl1 .owl-carousel .owl-nav div.owl-prev, .brandslistimgowl1 .owl-carousel .owl-nav div.owl-next { position: absolute; top: 50%; margin-top: -32px; cursor: pointer; } .brandslistimgowl1 .owl-carousel .owl-nav div.owl-prev { left: 0px; } .brandslistimgowl1 .owl-carousel .owl-nav div.owl-next { right: 0px; } .brandslistimgowl1 .owl-carousel .owl-nav div span { display: block; width: 25px; height: 25px; margin: 20px; cursor: pointer; background-color: #FAFAFA; } .brandslistimgowl1 .owl-carousel .owl-nav div span:hover { background-color: #214496; } .brandslistimgowl1 .owl-carousel .owl-nav div span:hover .svg-icon { fill: #fff; } .brandslistimgowl1 .owl-carousel .owl-nav div span .svg-icon { width: 12px; height: 12px; margin-top: 5px; margin-left: 6px; fill: #000; } .brandslistimgowl1.mainstyles { margin-top: 25px; } .brandslistimgowl1.mainstyles .title { margin-bottom: 15px; padding: 0px 17px 15px 17px; border-bottom: 1px solid #F2F2F2; } .brandslistimgowl1.mainstyles .title a { font-size: 24px; color: #c4010c; font-weight: normal; text-transform: uppercase; } /* nav */ .brandslistimgowl1 .owl-nav { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; } .brandslistimgowl1 .owl-carousel:hover .owl-nav { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: .5; -khtml-opacity: .5; opacity: .5; } .brandslistimgowl1 .owl-nav div.owl-prev, .brandslistimgowl1 .owl-nav div.owl-next { position: absolute; top: 50px; margin-top: -32px; cursor: pointer; } .brandslistimgowl1 .owl-nav div.owl-prev { left: 0px; } .brandslistimgowl1 .owl-nav div.owl-next { right: 0px; } .brandslistimgowl1 .owl-nav div span { display: block; width: 25px; height: 25px; margin: 20px; cursor: pointer; background-color: #FAFAFA; } .brandslistimgowl1 .owl-nav div span:hover { background-color: #214496; } .brandslistimgowl1 .owl-nav div span .svg-icon { width: 7px; height: 10px; margin-top: 5px; margin-left: 9px; } /* dots */ .brandslistimgowl1 .owl-dots { display: none; } /* items */ .brandslistimgowl1 .owl-item { max-height: 100px; text-align: center; } .brandslistimgowl1 .owl-item .in { height: 100px; padding: 10px 10px; } .brandslistimgowl1 .owl-item .pic { display: table; width: 100%; height: 80px; line-height: 80px; } .brandslistimgowl1 .owl-item .pic a { display: table-cell; width: 100%; height: 80px; text-align: center; } .brandslistimgowl1 .item .pic img { display: inline; width: auto; max-width: 100%; max-height: 80px; vertical-align: middle; } .fichi { line-height: 18px; text-align: center; margin: 12px 0 4px 0; } .fichi__inner { padding: 8px 0 0 0; border-top: 2px solid #c4010c; border-bottom: 2px solid #c4010c; } .fichi__link { display: inline-block; width: 100%; max-width: 220px; color: #333; text-align: left; line-height: 16px; text-decoration: none; vertical-align: middle; white-space: nowrap; margin-right: auto; margin-bottom: 8px; margin-left: auto; } .fichi__link:hover { text-decoration: none; } .fichi__img { width: 44px; line-height: 44px; text-align: center; } .fichi__img img { height: auto; max-height: 44px; } .fichi__name { padding-left: 12px; margin-right: 56px; max-height: 32px; overflow: hidden; } .fichi__img, .fichi__name { display: inline-block; height: 44px; font-size: 12px; vertical-align: middle; white-space: normal; } @media (max-width: 480px) { .fichi__link { text-align: center; margin-bottom: 15px; } .fichi__link:last-child { margin-bottom: 0; } .fichi__img { max-width: 100%; margin-bottom: 10px; } .fichi__img, .fichi__name { display: block; width: 100%; padding-left: 0; } } .arfiles { margin-top: 30px; } .arfiles .files { margin-top: 15px; } .arfiles a.docs { width: 33%; display: block; float: left; padding: 8px 15px 8px 0px; } .arfiles a.docs .icon { display: block; float: left; width: 44px; height: 47px; background-position: 0px -834px; } .arfiles a.docs .icon.word { height: 45px; margin-bottom: 2px; background-position: 0px -744px; } .arfiles a.docs .icon.excel { height: 45px; margin-bottom: 2px; background-position: 0px -789px; } .arfiles a.docs .icon.pdf { background-position: 0px -697px; } .arfiles a.docs span { display: block; margin-left: 50px; } .arfiles a.docs .description { color: #000; } .arfiles a.docs .size { color: #999; font-size: 11px; } .arfiles .separator.x3 { width: 100%; float: left; display: block; } .arfiles a.docs:hover .name { text-decoration: underline; } .arfiles a.docs:hover, .arfiles a.docs:hover .size, .arfiles a.docs .size:hover { text-decoration: none; } @media screen and (max-width: 605px) { body.adaptive .arfiles .docs { width: 50%; } body.adaptive .arfiles .separator.x3 { display: inline; width: 0px; float: none; } body.adaptive .arfiles .separator.x2 { display: block; width: 100%; float: left; } } @media screen and (max-width: 480px) { body.adaptive .arfiles .docs { width: 100%; } body.adaptive .arfiles .separator.x3 { display: inline; width: 0px; float: none; } body.adaptive .arfiles .separator.x1 { display: block; width: 100%; float: left; } } .gallery-popup { margin-top: 25px; margin-bottom: 15px; } .gallery-popup .row { margin-left: -1px; margin-right: -1px; } .gallery-popup__col_item { padding-left: 1px; padding-right: 1px; } .gallery-popup__item { margin-top: 1px; margin-right: auto; margin-bottom: 1px; margin-left: auto; } .gallery-popup__link { position: relative; display: block; height: 0; padding-top: 75%; overflow: hidden; } .gallery-popup__link:hover .gallery-popup__pic { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } .gallery-popup__link:hover .gallery-popup__info { visibility: visible; background: rgba(0, 0, 0, 0.7); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .gallery-popup__pic { position: absolute; top: -999px; bottom: -999px; left: -999px; right: -999px; max-width: none; min-width: 100%; min-height: 100%; width: auto; height: auto; margin: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } .gallery-popup__info { visibility: hidden; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: 0 0; -webkit-transition: all .35s ease-in-out; transition: all .35s ease-in-out; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .gallery-popup__title { position: relative; top: 50%; color: #fff; text-align: center; line-height: 1.38462; padding: 0 10px; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .iblocklist { line-height: 18px; } .iblocklist .item { width: 100%; margin-bottom: 25px; } .iblocklist .item .pic, .iblocklist .item .info { float: left; } .iblocklist .item .pic { width: 20%; min-width: 90px; padding: 0px 20px 10px 0px; } .iblocklist .item .info { width: 80%; text-align: justify; } .iblocklist .item.noimage .info { width: 100%; } .iblocklist .item .name { margin-bottom: 5px; } .iblocklist .item .more { margin-top: 20px; text-align: right; } .iblocklist .item .more a .icon { width: 7px; height: 14px; margin-left: 5px; margin-bottom: 3px; background-position: 0px -545px; } .iblocklist .item .more a:hover .icon { background-position: -21px -545px; } @media screen and (max-width: 480px) { body.adaptive .iblocklist .item.line { padding-top: 10px; border-top: 1px solid #F2F2F2; } body.adaptive .iblocklist .item .pic, body.adaptive .iblocklist .item .info { width: 100%; } body.adaptive .iblocklist .item .pic { text-align: center; } body.adaptive .iblocklist .item .more { margin-top: 5px; } } .shops { width: 100%; } .shops .cell { float: left; width: 50%; } .shops .cell.items { width: 35%; } .shops .cell.map { width: 65%; } #rsGoproShops { width: 100%; height: 500px; } #lovekids_shops .shop_item { margin-bottom: 15px; } #lovekids_shops .shop_item .descr { margin-left: 17px; } @media screen and (max-width: 900px) { body.adaptive .shops .cell.items, body.adaptive .shops .cell.map { width: 100%; } } .shops2 { margin-top: 25px; margin-bottom: 15px; } .shops2 .shops2-panel input.form-control { width: 100%; } .shops2 .shops2-panel .btn1 { padding: 11px 14px; } .shops2 .shops2-panel .btn1.active { border-color: #780107; background-color: #780107; } .shops2__list { height: 350px; padding: 15px; border: 1px solid #F3F3F3; overflow-y: auto; } @media (max-width: 991px) { .shops2__list { height: 200px; margin: 15px 0; } } .shops2-item { cursor: pointer; margin-bottom: 9px; } .shops2-item:hover .shops2-item__name { text-decoration: underline; } .shops2-item__name { font-weight: bold; } #rsGoproShops2 { width: 100%; height: 350px; } .sale-acountpay-block { margin-bottom: 10px; } .sale-acountpay-title { font-size: 14px; } .sale-acountpay-fixedpay-list { list-style: none; margin: 0; padding: 0; } .sale-acountpay-fixedpay-list .sale-acountpay-fixedpay-item { display: inline-block; cursor: pointer; text-align: center; vertical-align: middle; color: #000; font-size: 13px; min-width: 55px; border-radius: 2px; margin-bottom: 5px; } .sale-acountpay-fixedpay-list .sale-acountpay-fixedpay-item:hover { background: #d1e6f0; } .bx-sap .control-label.input-lg { font-weight: normal; font-size: 14px; line-height: 29px; vertical-align: middle; } /*pay*/ .sale-acountpay-pp-company { padding-bottom: 20px; z-index: 100; position: relative; } .sale-acountpay-pp .sale-acountpay-pp-company { padding: 7px; border: 1px solid transparent; } .sale-acountpay-pp-company-graf-container { border: 2px solid #c3cace; border-radius: 2px; position: relative; background: #fff; width: auto; height: 0; max-height: 64px; padding-top: 50%; } .sale-acountpay-pp-company.bx-selected .sale-acountpay-pp-company-graf-container { border-color: #159ebb; } .sale-acountpay-pp-company.bx-error .sale-acountpay-pp-company-graf-container { border-color: #db4a29; } .sale-acountpay-pp-company.bx-warning .sale-acountpay-pp-company-graf-container { border-color: #ccbe71; } input[type=checkbox].sale-acountpay-pp-company-checkbox { position: absolute; top: 7px; left: 7px; margin: 0; padding: 0; z-index: 100; } .sale-acountpay-pp-company-image { position: absolute; top: 5px; right: 5px; bottom: 5px; left: 5px; width: auto; max-width: 100%; max-height: 50px; cursor: pointer; background-size: contain; background-repeat: no-repeat; background-position: center; } .sale-acountpay-pp-company-smalltitle { padding-top: 9px; color: #a3a3a3; font-size: 11px; text-align: center; padding-bottom: 5px; } .sale-acountpay-pp-company-title { font-size: 19px; font-weight: bold; } .sale-acountpay-pp-company-selected { padding: 4px 0; } ul.sale-acountpay-pp-list { margin: 10px 0; padding: 0; list-style: none; font-size: 13px; color: #000; } ul.sale-acountpay-pp-list li { clear: both; padding: 5px 0; } .sale-acountpay-pp-list-termin { color: #8d8d8d; display: block; } .sale-acountpay-pp-list-description { display: block; } .sale-acountpay-pp-delivery-cost { position: absolute; font-size: 14px; line-height: 14px; color: #fff; padding: 2px 4px; right: -2px; bottom: -2px; border-radius: 1px; background: rgba(0, 0, 0, 0.5); } .sale-acountpay-pp-field .form-control { background: #fff; } .sale-acountpay-pp-price { text-align: right; padding: 4px 0; } .sale-acountpay-service-small { color: #a3a3a3; font-size: 11px; } @media (min-width: 1200px) { .sale-acountpay-pp div .sale-acountpay-pp-company:nth-child(4n+1), .sale-acountpay-pp-item-container .sale-acountpay-pp-company:nth-child(4n+1) { clear: both; padding-left: 0; } } @media (min-width: 768px) and (max-width: 1199px) { .sale-acountpay-pp div .sale-acountpay-pp-company:nth-child(3n+1), .sale-acountpay-pp-item-container .sale-acountpay-pp-company:nth-child(3n+1) { clear: both; padding-left: 0; } } @media (max-width: 767px) { .sale-acountpay-pp, .sale-acountpay-pp-item-container { max-width: 300px; } .sale-acountpay-pp div .sale-acountpay-pp-company:nth-child(2n+1), .sale-acountpay-pp-item-container .sale-acountpay-pp-company:nth-child(2n+1) { clear: both; padding-left: 0; } } #loading_screen { position: fixed; z-index: 1150; left: 50%; top: 50%; margin-left: -32px; margin-top: -32px; width: 64px; height: 64px; } .sale-acountpay-input { text-align: right; } .btn.sale-account-pay-button { padding: 0 28px; border: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .sale_locations_fixed { margin-bottom: 10px; } .default { margin-bottom: 5px; } .default { margin-bottom: 10px; } div.search-popup { margin: -1px 0px 0px 0px; padding: 2px; border: 1px solid #F2F2F2; background: #fff; } div.search-popup-row, div.search-popup-row-active { position: relative; padding: 2px 4px; margin: 0px; cursor: hand; cursor: pointer; font-size: 12px; } div.search-popup-row { background: #FFFFFF; } div.search-popup-row-active { background: #EEEEEE; } div.search-popup-el-name, div.search-popup-el-cnt { position: relative; margin: 0px; padding: 0px; text-align: left; } div.search-popup-el-cnt { text-align: right; float: right; } div.search-popup { margin: -1px 0px 0px 0px; padding: 2px; border: 1px solid #F2F2F2; background: #fff; z-index: 12000 !important; } div.search-popup-row, div.search-popup-row-active { position: relative; padding: 2px 4px; margin: 0px; cursor: hand; cursor: pointer; font-size: 12px; } div.search-popup-row { background: #FFFFFF; } div.search-popup-row-active { background: #EEEEEE; } div.search-popup-el-name, div.search-popup-el-cnt { position: relative; margin: 0px; padding: 0px; text-align: left; } div.search-popup-el-cnt { text-align: right; float: right; } .body { /* table */ /* /table */ /* quantity */ /* /quantity */ /* counpons */ /* /counpons */ /* summ prices */ /* /summ prices */ /* pay button */ /* /pay button */ } .body .bx_ordercart .bx_ordercart_order_pay, .body .bx_ordercart .bx_ordercart_order_sum, .body .bx_ordercart .bx_ordercart_order_pay_left, .body .bx_ordercart .bx_ordercart_order_pay_right, .body .bx_ordercart .bx_ordercart_order_pay_center, .body .bx_ordercart .bx_ordercart_order_pay_center span, .body .bx_ordercart .bx_ordercart_order_pay_center .checkout, .body .bx_ordercart .bx_ordercart_order_table_container table, .body .bx_ordercart .bx_ordercart_order_table_container table tbody, .body .bx_ordercart .bx_ordercart_order_table_container table tbody tr, .body .bx_ordercart .bx_ordercart_order_table_container table tbody tr td, .body .bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_itemtitle a, .body .bx_ordercart .bx_ordercart_order_table_container tbody td.price .current_price { font-size: 13px; line-height: 18px; transition: 0s; } .body .bx_ordercart .bx_sort_container { width: 100%; white-space: nowrap; padding: 0; margin: 0 0 10px 0; background: #f3f3f3; border: none; overflow-x: auto; overflow-y: hidden; } .body .bx_ordercart .bx_sort_container span { display: none; } .body .bx_ordercart .bx_sort_container a { position: relative; display: inline-block; float: none; font-size: 13px; line-height: 18px; color: #308ac4; white-space: nowrap; text-decoration: none; margin: 0; padding: 20px 23px; background: transparent; border-top: 1px solid transparent; border-right: 1px solid transparent; border-bottom: none; border-left: 1px solid transparent; border-radius: 0; box-shadow: none; text-shadow: none; } .body .bx_ordercart .bx_sort_container a:before, .body .bx_ordercart .bx_sort_container a:after { position: absolute; display: none; top: -1px; width: 2px; height: 1px; content: " "; background-color: #fff; } .body .bx_ordercart .bx_sort_container a:before { left: 0; } .body .bx_ordercart .bx_sort_container a:after { right: 0; } .body .bx_ordercart .bx_sort_container a:hover { color: #67adda; } .body .bx_ordercart .bx_sort_container a.active, .body .bx_ordercart .bx_sort_container a.current { color: #308ac4; background-color: #fff !important; border-top: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3; border-left: 1px solid #f3f3f3; } .body .bx_ordercart .bx_sort_container a.active:before, .body .bx_ordercart .bx_sort_container a.active:after, .body .bx_ordercart .bx_sort_container a.current:before, .body .bx_ordercart .bx_sort_container a.current:after { display: block; } .body .bx_ordercart .bx_sort_container a .flat { display: inline-block !important; } .body .bx_ordercart .bx_ordercart_order_table_container { border: none; } .body .bx_ordercart .bx_ordercart_photo_container { min-width: auto; border: none; } .body .bx_ordercart .bx_ordercart_order_table_container table td.margin, .body .bx_ordercart .bx_ordercart_order_table_container table tbody tr:last-child td.margin { width: 0; padding: 0; } .body .bx_ordercart .bx_ordercart_order_table_container tbody td.itemphoto { width: 92px; padding: 10px !important; } .body .bx_ordercart .bx_ordercart_order_table_container tbody td.item { width: auto; } .body .bx_ordercart .bx_ordercart_order_table_container table { border: none; } .body .bx_ordercart .bx_ordercart_order_table_container table thead td { min-height: auto; font-family: Arial; font-size: 13px; font-weight: normal; line-height: 18px; color: #878787; padding: 13px 26px 15px; vertical-align: middle; background-color: #fff; border-top: 1px solid #F2F2F2; border-bottom: 1px solid #F2F2F2; } .body .bx_ordercart .bx_ordercart_order_table_container table tbody td, .body .bx_ordercart .bx_ordercart_order_table_container table tbody tr:last-child td { padding: 13px 26px 15px; vertical-align: middle; color: black; background-color: #fff; border-top: none; border-right: none; border-bottom: 1px solid #F2F2F2; border-left: none; } .body .bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_itemtitle { display: inline-block; font-weight: normal; font-size: 13px; } .body .bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_itemtitle a { display: block; color: #308ac4; font-weight: normal; } .body .bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_itemtitle a:hover { color: #67adda; } .body .bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_scu_scroller_container { margin-left: 0; } .body .bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_scu ul { list-style: none; padding-left: 0px; counter-reset: list 0; } .body .bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_scu ul > .sku_prop { width: auto !important; height: auto !important; position: static; list-style-type: none; padding-top: 0 !important; } .body .bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_scu ul > .sku_prop:hover > a, .body .bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_scu ul > .sku_prop.bx_active > a { border-color: #c4010c; } .body .bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_scu ul > .sku_prop > a { position: static; top: auto; right: auto; bottom: auto; left: auto; display: inline-block; padding: 4px; margin-right: 8px; margin-bottom: 8px; border: 1px solid #bdbec0; background: transparent; } .body .bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_scu ul > .sku_prop > a > span { position: static; top: auto; right: auto; bottom: auto; left: auto; display: inline-block; width: 31px; height: 31px; font-size: 0; vertical-align: middle; border: 1px solid transparent; background-size: cover; } .body .bx_ordercart .bx_ordercart_order_table_container tbody td.price .current_price { font-weight: normal; } .body .bx_ordercart .bx_ordercart_order_pay { padding: 0; } .body .bx_ordercart.bx_blue .bx_bt_button { position: relative; display: inline-block; height: auto; padding: 5px 21px 6px 21px; text-decoration: none; text-align: center; line-height: 18px; font-size: 13px; font-weight: normal; cursor: pointer; white-space: nowrap; background: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-shadow: none; box-shadow: none; transition: 0s; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; background-color: #6b80a0; border: 1px solid #6b80a0; border-bottom-color: #4a5b74; padding: 9px 14px 8px; } .body .bx_ordercart.bx_blue .bx_bt_button:hover { color: #fff; background-color: #4a5b74; border-color: #4a5b74; text-decoration: none; transition: 0s; } .body .bx_ordercart_order_table_container .custom .centered { position: relative; display: inline-block; width: 120px; height: 31px; background-color: #FFF; position: relative; } .body .bx_ordercart .bx_ordercart_order_table_container tbody td.control a { color: #308ac4; } .body .bx_ordercart .bx_ordercart_order_table_container tbody td.control a:hover { color: #67adda; } .body table.counter { width: 100%; height: 22px; } .body table.counter .basket_quantity_control a { position: relative; display: inline-block; float: left; text-decoration: none; cursor: pointer; padding: 14px 15px 15px 14px; background: #F3F3F3; border: 1px solid #ebebeb; border-radius: 4px; position: absolute; } .body table.counter .basket_quantity_control a:before, .body table.counter .basket_quantity_control a:after { position: absolute; display: inline-block; width: 10px; height: 10px; content: ' '; background-color: black; } .body table.counter .basket_quantity_control a:hover { background-color: #e0e0e0; } .body table.counter .basket_quantity_control a:active { background-color: #cdcdcd; } .body table.counter .basket_quantity_control a.minus { top: 1px; left: 0; } .body table.counter .basket_quantity_control a.minus:before { top: 14px; left: 8px; width: 13px; height: 1px; content: ' '; background-color: black; } .body table.counter .basket_quantity_control a.minus:after { content: none; } .body table.counter .basket_quantity_control a.plus { top: 0px; right: 0; } .body table.counter .basket_quantity_control a.plus:before { top: 14px; left: 8px; width: 13px; height: 1px; } .body table.counter .basket_quantity_control a.plus:after { top: 8px; left: 14px; width: 1px; height: 13px; } .body table.counter input { display: inline-block; float: left; width: 29px; text-align: center; padding: 7px 0 7px; background-color: #FFF; border: 1px solid #ebebeb; border-right: none; border-radius: 4px 0 0 4px; box-shadow: none; position: absolute; top: 0; left: 31px; } .body table.counter input:hover, .body table.counter input:hover:focus, .body table.counter input:focus { border-color: #ebebeb; box-shadow: none; } .body table.counter .rsgopro-basket-measure { display: inline-block; float: left; width: 29px; line-height: 18px; text-align: center; padding: 5px 0 6px; background-color: #FFF; border: 1px solid #ebebeb; border-left: none; border-radius: 0 4px 4px 0; position: absolute; top: 0; right: 31px; } .body .bx_ordercart .bx_ordercart_coupon:first-of-type span { display: none; } .body .bx_ordercart .bx_ordercart_coupon span, .body .bx_ordercart .bx_ordercart_coupon div { width: auto; height: auto; padding: 0; } .body .bx_ordercart .bx_ordercart_coupon span.bad, .body .bx_ordercart .bx_ordercart_coupon span.good, .body .bx_ordercart .bx_ordercart_coupon span.disabled { width: 16px; height: 16px; margin: 0 5px 0 0; } .body .bx_ordercart .bx_ordercart_coupon span.bad:hover, .body .bx_ordercart .bx_ordercart_coupon span.good:hover, .body .bx_ordercart .bx_ordercart_coupon span.disabled:hover { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAXCAMAAAA4Nk+sAAAA1VBMVEXVLy/VMTHWMjLWMzPWNDTWNjbXODjXOjrXOzvYPT3YPz/ZQUHZQ0PaRkbaR0faSEjbTEzbTU3bTk7bT0/dWFjdWVneW1veXV3fYWHfYmLgY2PgZGTgZWXgZmbibW3ib2/jc3Pjd3flfX3lf3/mgYHojo7oj4/rm5vrnZ3soKDtpKTtpqbuqanura3wsrLxuLjxurr42tr43Nz43t754uL54+P76ur76+v77Oz87u787+/88PD88fH88vL99PT99fX99vb++Pj++fn++vr+/Pz//f3////hD3ITAAAA4klEQVQoU2XR2VrCMBRF4YWCAwIiGg1OYHGsI1qrNalGpef9H8mLNvlKXTfJ/m8P4iusWYRB+bxeH7ShvX+V1Nier1DVmhnP8wG1hs8lzzdZauNFBPnaodEwF+SiqXApfHQAIqMBtIkAOim3AKTiNGgnKQA3nAKgcnFj7cQqAE7YJnhQeqwRPCgt1qvf2Ik4XY1VRkHzPPiAs6BKWe8THgB4F6tAWXkD4B7XBZgmCkAlU4DuJxLzr1iQQtPo8FcQyXaXdZSVZ8iO6nps/NGKu57HrXhRO/HP00z1+3vR43e5/wBykDHWjqbzywAAAABJRU5ErkJggg==") no-repeat center; } .body .bx_ordercart .bx_ordercart_coupon #coupon { width: 300px; } .body .bx_ordercart .bx_ordercart_coupon input.bad, .body .bx_ordercart .bx_ordercart_coupon input.good, .body .bx_ordercart .bx_ordercart_coupon input.disabled { width: auto; padding: 0; } .body .bx_ordercart .bx_ordercart_coupon input.bad, .body .bx_ordercart .bx_ordercart_coupon input.good { background: transparent; border: none; box-shadow: none; } .body .bx_ordercart .bx_ordercart_coupon input.disabled { color: inherit; border: none; } .body .bx_ordercart .bx_ordercart_coupon span, .body .bx_ordercart .bx_ordercart_coupon_notes { position: static; display: inline-block; } .body .bx_ordercart .bx_ordercart_coupon_notes { border: none; opacity: 1; box-shadow: none; } .body .bx_ordercart .bx_ordercart_coupon:hover .bx_ordercart_coupon_notes { display: inline-block; } .body .bx_ordercart .bx_ordercart_order_sum tr td { vertical-align: bottom; padding: 0 0 0 4px; } .body .bx_ordercart .bx_ordercart_order_sum tr td.fwb { font-size: 14px; font-weight: normal; color: #878787; } .body .bx_ordercart .bx_ordercart_order_sum tr td.fwb + td.fwb { color: black; } .body #allSum_FORMATED { font-size: 15px; font-weight: normal; } .body .bx_ordercart .bx_ordercart_order_pay_center { margin-top: 0; border-top: none; } .body .bx_ordercart.bx_blue .bx_ordercart_order_pay_center .checkout { position: relative; display: inline-block; height: auto; padding: 5px 21px 6px 21px; text-decoration: none; text-align: center; line-height: 18px; font-size: 13px; font-weight: normal; cursor: pointer; white-space: nowrap; background: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-shadow: none; box-shadow: none; transition: 0s; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; background-color: #c4010c; border: 1px solid #c4010c; border-bottom-color: #780107; padding: 10px 14px; } .body .bx_ordercart.bx_blue .bx_ordercart_order_pay_center .checkout:hover { color: #fff; background-color: #780107; border-color: #780107; text-decoration: none; transition: 0s; } @media (max-width: 530px) { .bx-touch .body .bx_ordercart .bx_ordercart_order_table_container table tbody tr { border-bottom: 1px solid #ebebeb; } .bx-touch .body .bx_ordercart .bx_ordercart_order_table_container table tbody td, .bx-touch .body .bx_ordercart .bx_ordercart_order_table_container table tbody tr:last-child td { padding: 5px; border-color: transparent; } .bx-touch .body .bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_photo { max-width: 200px; max-height: 200px; } .bx-touch .body .bx_ordercart .bx_ordercart_order_table_container table tbody tr td.item { padding-bottom: 5px; } .bx-touch .body .bx_ordercart .bx_ordercart_order_table_container tbody td.price { padding-top: 5px; text-align: left; } .bx-touch .body .bx_ordercart .bx_ordercart_order_table_container tbody td.price .current_price { margin: 0; } .bx-touch .body .bx_ordercart .bx_ordercart_order_table_container tbody td.price .old_price { margin-left: 0; font-size: 14px; } .bx-touch .body .rsgopro-basket-quantity { position: relative; top: -7px; } .bx-touch .body .bx_ordercart .bx_ordercart_order_table_container tbody td.custom span { margin-right: 7px; } .bx-touch .body .bx_ordercart .bx_ordercart_order_table_container tbody td.custom div { display: inline-block; } .bx-touch .body .bx_ordercart .bx_ordercart_order_table_container tbody td.control { text-align: left; } .bx-touch .body .bx_ordercart .bx_ordercart_order_table_container tbody td.control a { display: block; padding: 5px 0; } .bx-touch .body .bx_ordercart .bx_ordercart_order_table_container tbody td.control a + a { margin-top: 2px; } } @media (max-width: 767px) { .body .bx_ordercart .bx_ordercart_coupon #coupon { width: auto; } .body .bx_ordercart .bx_ordercart_order_sum tr td.fwb { display: block; text-align: left; } } .body .bx-basket .basket-items-list-wrapper, .body .bx-basket .basket-items-list-wrapper-compact, .body .bx-basket .basket-checkout-container { border-color: #ebebeb; } .body .bx-basket .basket-coupon-block-field .form-control { width: 100%; } .body .bx-basket .basket-checkout-block-total-title { display: none; } .body .bx-basket .basket-coupon-block-total-price-old { position: relative; display: inline-block; font-size: 26px; color: #878787; white-space: nowrap; margin-bottom: 5px; } .body .bx-basket .basket-coupon-block-total-price-old:after { position: absolute; top: 49%; right: 0; left: 0; display: block; width: auto; height: 1px; content: " "; background-color: #c4010c; } .body .bx-basket .basket-coupon-block-total-price-current { font-size: 38px; font-weight: bold; line-height: 1; } .body .bx-basket .basket-coupon-block-total-price-difference { color: inherit; font-size: 13px; font-weight: normal; white-space: nowrap; line-height: 18px; padding: 0; margin: 5px 0 0 0; background: transparent; } .body .bx-basket .basket-coupon-block-total-price-difference > span { display: inline-block; font-size: 13px; font-weight: normal; line-height: 18px; padding: 2px 4px 1px; margin-left: 2px; background-color: #ffd200; } .body .bx-basket.bx-blue .btn.btn-default { position: relative; display: inline-block; height: auto; padding: 5px 21px 6px 21px; text-decoration: none; text-align: center; line-height: 18px; font-size: 13px; font-weight: normal; cursor: pointer; white-space: nowrap; background: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-shadow: none; box-shadow: none; transition: 0s; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; background-color: #6b80a0; border: 1px solid #6b80a0; border-bottom-color: #4a5b74; padding: 9px 14px 8px; } .body .bx-basket.bx-blue .btn.btn-default:hover { color: #fff; background-color: #4a5b74; border-color: #4a5b74; text-decoration: none; transition: 0s; } .body .bx-basket .basket-items-list-header { display: none; } .body .bx-basket .basket-checkout-container-fixed { position: static !important; } .body .bx-basket .basket-checkout-container.basket-checkout-container-fixed-hide { opacity: 1; } .body .bx-basket .basket-items-list-item-container > td { padding: 13px 26px 15px; vertical-align: middle; color: black; background-color: #fff; border-top: none; border-right: none; border-bottom: 1px solid #F2F2F2; border-left: none; vertical-align: top; } .body .bx-basket .basket-items-list-item-descriptions { padding-top: 0; } .body .bx-basket .basket-item-label-text span, .body .bx-basket .basket-item-label-ring { display: block; height: auto; min-width: 57px; font-size: 11px; color: #fff; text-align: center; font-weight: normal; line-height: normal; padding: 1px 5px; margin-bottom: 2px; margin-right: 0; background-color: #ff4242; border-radius: 0; } .body .bx-basket .basket-item-info-name, .body .bx-basket .basket-item-info-name-link { display: block; color: #308ac4; font-weight: normal; font-size: 13px; line-height: 18px; transition: 0s; } .body .bx-basket .basket-item-info-name:hover, .body .bx-basket .basket-item-info-name-link:hover { color: #67adda; } .body .bx-basket .basket-item-property, .body .bx-basket .basket-item-property-custom { padding: 0; margin-bottom: 7px; margin-top: 10px; } /*.body .bx-basket .basket-item-property-scu-image .basket-item-scu-item {*/ /*top: auto;*/ /*right: auto;*/ /*bottom: auto;*/ /*left: auto;*/ /*display: inline-block;*/ /*padding: 4px;*/ /*margin-right: 8px;*/ /*margin-bottom: 8px;*/ /*border: 1px solid #bdbec0;*/ /*background: transparent; }*/ /*.body .bx-basket .basket-item-property-scu-image .basket-item-scu-item:hover, .body .bx-basket .basket-item-property-scu-image .basket-item-scu-item.selected {*/ /*border-color: #c4010c; }*/ /*.body .bx-basket .basket-item-property-scu-image .basket-item-scu-item > span {*/ /*position: static;*/ /*top: auto;*/ /*right: auto;*/ /*bottom: auto;*/ /*left: auto;*/ /*display: inline-block;*/ /*width: 31px;*/ /*height: 31px;*/ /*font-size: 0;*/ /*vertical-align: middle;*/ /*border: 1px solid transparent;*/ /*background-size: cover; }*/ /*.body .bx-basket .basket-item-property-scu-text .basket-item-scu-item {*/ /*display: inline-block;*/ /*cursor: pointer;*/ /*white-space: nowrap;*/ /*padding: 4px;*/ /*background: transparent;*/ /*margin-right: 8px;*/ /*margin-bottom: 8px;*/ /*border: 1px solid #bdbec0;*/ /*transition: all 0.15s linear; }*/ /*.body .bx-basket .basket-item-property-scu-text .basket-item-scu-item:hover, .body .bx-basket .basket-item-property-scu-text .basket-item-scu-item.selected {*/ /*border-color: #c4010c; }*/ /*.body .bx-basket .basket-item-property-scu-text .basket-item-scu-item > span {*/ /*display: inline-block;*/ /*min-width: 25px;*/ /*text-align: center;*/ /*color: #308ac4;*/ /*font-weight: normal;*/ /*padding: 7px 6px 6px; }*/ .body .bx-basket .basket-item-scu-list { list-style: none; padding-left: 0px; counter-reset: list 0; } .body .bx-basket .basket-item-property-name { /*display: inline-block;*/ color: #878787; font-weight: normal; padding: 4px 7px 4px 0; } .body .bx-basket .basket-item-scu-item { position: static; list-style-type: none; width: auto !important; height: auto !important; } .body .bx-basket .basket-item-property-custom { padding: 0; margin-bottom: 8px; } .body .bx-basket .basket-item-property-custom-name { color: #878787; font-weight: normal; margin-right: 7px; } .body .bx-basket .basket-item-property-custom-value { font-weight: normal; } .body .bx-basket .basket-item-price-old-text { position: relative; color: #878787; white-space: nowrap; } .body .bx-basket .basket-item-price-old-text:after { position: absolute; top: 49%; right: 0; left: 0; display: block; width: auto; height: 1px; content: " "; background-color: #c4010c; } .body .bx-basket .basket-item-price-current-text { font-size: 18px; font-weight: bold; line-height: 1; } .body .bx-basket .basket-item-price-difference { color: inherit; font-size: 13px; font-weight: normal; white-space: nowrap; line-height: 18px; padding: 0; margin: 5px 0 0 0; background: transparent; } .body .bx-basket .basket-item-price-difference > span { display: inline-block; font-size: 13px; font-weight: normal; line-height: 18px; padding: 2px 4px 1px; margin-left: 2px; background-color: #ffd200; } .body .bx-basket .basket-items-list-item-amount { /*width: 100%;*/ height: 22px; } .body .bx-basket .basket-item-block-amount { position: relative; display: inline-block; width: 140px; height: 31px; background-color: #FFF; position: relative; padding: 0; vertical-align: middle; margin-right: 10px; } .body .bx-basket .basket-item-block-amount .basket-item-amount-filed { padding-right: 0; width: 40px; } .body .bx-basket .basket-item-block-amount .basket-item-amount-field-description { width: 38px; } .body .bx-basket .basket-item-amount-btn-minus, .body .bx-basket .basket-item-amount-btn-plus { position: relative; display: inline-block; float: left; text-decoration: none; cursor: pointer; padding: 14px 15px 15px 14px; background: #F3F3F3; border: 1px solid #ebebeb; border-radius: 4px; position: absolute; } .body .bx-basket .basket-item-amount-btn-minus:before, .body .bx-basket .basket-item-amount-btn-minus:after, .body .bx-basket .basket-item-amount-btn-plus:before, .body .bx-basket .basket-item-amount-btn-plus:after { position: absolute; display: inline-block; width: 10px; height: 10px; content: ' '; background-color: black; } .body .bx-basket .basket-item-amount-btn-minus:hover, .body .bx-basket .basket-item-amount-btn-plus:hover { background-color: #e0e0e0; } .body .bx-basket .basket-item-amount-btn-minus:active, .body .bx-basket .basket-item-amount-btn-plus:active { background-color: #cdcdcd; } .body .bx-basket .basket-item-amount-btn-minus:before, .body .bx-basket .basket-item-amount-btn-minus:after, .body .bx-basket .basket-item-amount-btn-plus:before, .body .bx-basket .basket-item-amount-btn-plus:after { margin-top: 0 !important; margin-left: 0 !important; } .body .bx-basket .basket-item-amount-btn-minus { top: 0; left: 0; } .body .bx-basket .basket-item-amount-btn-minus:before { top: 14px; left: 8px; width: 13px; height: 1px; content: ' '; background-color: black; } .body .bx-basket .basket-item-amount-btn-minus:after { content: none; } .body .bx-basket .basket-item-amount-filed-block { position: static; } .body .bx-basket .basket-item-amount-filed { display: inline-block; float: left; width: 29px; text-align: center; padding: 7px 0 7px; background-color: #FFF; border: 1px solid #ebebeb; border-right: none; border-radius: 4px 0 0 4px; box-shadow: none; position: absolute; top: 0; left: 31px; } .body .bx-basket .basket-item-amount-filed:hover, .body .bx-basket .basket-item-amount-filed:hover:focus, .body .bx-basket .basket-item-amount-filed:focus { border-color: #ebebeb; box-shadow: none; } .body .bx-basket .basket-item-amount-btn-plus { top: 0px; right: 0; } .body .bx-basket .basket-item-amount-btn-plus:before { top: 14px; left: 8px; width: 13px; height: 1px; } .body .bx-basket .basket-item-amount-btn-plus:after { top: 8px; left: 14px; width: 1px; height: 13px; } .body .bx-basket .basket-item-amount-field-description { display: inline-block; float: left; width: 38px; line-height: 18px; text-align: center; padding: 5px 0 6px; background-color: #FFF; border: 1px solid #ebebeb; border-left: none; border-radius: 0 4px 4px 0; position: absolute; top: 0; right: 31px; left: auto; color: black; font-style: normal; } .body .bx-soa-empty-cart-container .bx-soa-empty-cart-text { line-height: 1; } @media (max-width: 1199px) { .body .bx-basket .basket-items-list-item-container > td { display: block; width: 100%; min-width: 100%; border-bottom: none; } .body .bx-basket .basket-item-block-price { padding-top: 0; } .body .bx-basket .basket-items-list-item-container > td.basket-items-list-item-amount { height: 60px; } .body .bx-basket .basket-items-list-item-container > td.basket-items-list-item-price.basket-items-list-item-price-for-one, .body .bx-basket .basket-items-list-item-container > td.basket-items-list-item-remove { display: none; } .body .bx-basket .basket-item-block-price, .body .bx-basket .basket-item-price-difference { text-align: left; } .body .bx-basket .basket-item-price-old { position: static; } .body .bx-basket .basket-item-block-info .basket-item-actions-remove { position: absolute; display: block !important; top: -4px; right: 0; } } .pcontent .bx_item_list_you_looked_horizontal { display: none; } .header-basket { text-align: left; } .header-basket__link { display: block; color: #000; text-decoration: none; } .header-basket__link:hover { text-decoration: none; } .header-basket__link:hover .header-basket__title { text-decoration: underline; } .header-basket .svg-icon { float: left; width: 39px; height: 36px; fill: #c4010c; } .header-basket__info { margin-left: 49px; } .header-basket__title { font-size: 14px; } .header-basket__descr { width: 100%; max-width: 150px; color: #308ac4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /************************************************************/ .body #bx-soa-order input[type="text"], .body #bx-soa-order input[type="password"], .body #bx-soa-order textarea, .body #bx-soa-order select { width: 100%; } .body #bx-soa-order .bx-soa-editstep { text-decoration: none; } .body #bx-soa-order .bx-soa-editstep:hover { border-bottom: none; } .body #bx-soa-order .radio-inline { padding-left: 0; } .body #bx-soa-order .radio-inline input:before, .body #bx-soa-order .radio-inline input:after { display: block; } .body #bx-soa-order .has-error .form-control { box-shadow: none; } .body #bx-soa-order .bx-sls .dropdown-block { padding: 0 25px 0 34px; border-radius: 0; } .body #bx-soa-order .bx-sls .dropdown-icon { top: 13px; left: 14px; } .body #bx-soa-order .bx-sls .bx-ui-sls-clear { margin-top: 6px; margin-right: 4px; } .body #bx-soa-order .bx-soa-section.bx-step-completed { border-color: #ebebeb; } .body #bx-soa-order .bx-soa-section-content { padding: 10px 25px; } .body #bx-soa-order .bx-soa-section-content > strong { font-weight: normal; color: #878787; } .body #bx-soa-order .bx-soa-section.bx-active.bx-selected .bx-soa-section-content { padding-bottom: 24px; } .body #bx-soa-order .bx-soa-section-title-container { background-color: #ebebeb; } .body #bx-soa-order .bx-soa-section-title { font-size: inherit; font-weight: normal; padding: 3px 25px; } .body #bx-soa-order .bx-soa-location-input-container .form-control .bx-ui-sls-fake { width: 100%; } .body #bx-soa-order .form-group { margin: 10px 0; } .body #bx-soa-order .bx-soa .bx-soa-customer-label, .body #bx-soa-order .bx-soa .bx-soa-custom-label, .body #bx-soa-order .bx-soa .form-group label.bx-soa-custom-label { font-size: inherit; font-weight: bold; margin-bottom: 5px; } .body #bx-soa-order .bx-soa .form-group label { font-size: inherit; } .body #bx-soa-order .bx-soa-section.bx-selected, .body #bx-soa-order .bx-soa-pp-company.bx-selected .bx-soa-pp-company-graf-container { border-color: #c4010c; } .body #bx-soa-order .bx-soa-item-title { font-weight: normal; } .body #bx-soa-order .bx-soa-cart-total { padding: 10px 25px; } .body #bx-soa-order .bx-soa-cart-total .bx-soa-cart-total-line:first-child .bx-soa-cart-t, .body #bx-soa-order .bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-t { font-weight: normal; font-size: 16px !important; } .body #bx-soa-order .bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-d { font-size: 16px !important; } .body #bx-soa-order .bx-soa-cart-total-button-container .btn-order-save { position: relative; display: inline-block; height: auto; padding: 5px 21px 6px 21px; text-decoration: none; text-align: center; line-height: 18px; font-size: 13px; font-weight: normal; cursor: pointer; white-space: nowrap; background: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-shadow: none; box-shadow: none; transition: 0s; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; background-color: #c4010c; border: 1px solid #c4010c; border-bottom-color: #780107; } .body #bx-soa-order .bx-soa-cart-total-button-container .btn-order-save:hover { color: #fff; background-color: #780107; border-color: #780107; text-decoration: none; transition: 0s; } .body #bx-soa-order .bx-soa-section-title-count { display: none; } .body #bx-soa-order .bx-sls .form-control.dropdown-block, .body #bx-soa-order .bx-slst .form-control.dropdown-block, .body #bx-soa-order .bx-soa-coupon-input input[type=text].form-control, .body #bx-soa-order .form-group .form-control:focus { border-color: #ebebeb; background-color: #fff; } .body #bx-soa-order .bx-sls .form-control.dropdown-block:focus, .body #bx-soa-order .bx-slst .form-control.dropdown-block:focus, .body #bx-soa-order .bx-soa-coupon-input input[type=text].form-control:focus, .body #bx-soa-order .form-group .form-control:focus:focus { border-color: #c4010c; } .body #bx-soa-order .bx-sls .form-control.dropdown-block.focus { border-color: #c4010c; } .body #bx-soa-order .bx-soa-more-btn .btn.btn-default { position: relative; display: inline-block; height: auto; padding: 5px 21px 6px 21px; text-decoration: none; text-align: center; line-height: 18px; font-size: 13px; font-weight: normal; cursor: pointer; white-space: nowrap; background: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-shadow: none; box-shadow: none; transition: 0s; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; background-color: #c4010c; border: 1px solid #c4010c; border-bottom-color: #780107; } .body #bx-soa-order .bx-soa-more-btn .btn.btn-default:hover { color: #fff; background-color: #780107; border-color: #780107; text-decoration: none; transition: 0s; } .body #bx-soa-order .bx-soa-more-btn .btn.btn-default.pull-left { position: relative; display: inline-block; height: auto; padding: 5px 21px 6px 21px; text-decoration: none; text-align: center; line-height: 18px; font-size: 13px; font-weight: normal; cursor: pointer; white-space: nowrap; background: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-shadow: none; box-shadow: none; transition: 0s; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; background-color: #6b80a0; border: 1px solid #6b80a0; border-bottom-color: #4a5b74; } .body #bx-soa-order .bx-soa-more-btn .btn.btn-default.pull-left:hover { color: #fff; background-color: #4a5b74; border-color: #4a5b74; text-decoration: none; transition: 0s; } .body #bx-soa-order #bx-soa-orderSave .btn.btn-default { position: relative; display: inline-block; height: auto; padding: 5px 21px 6px 21px; text-decoration: none; text-align: center; line-height: 18px; font-size: 13px; font-weight: normal; cursor: pointer; white-space: nowrap; background: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-shadow: none; box-shadow: none; transition: 0s; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; background-color: #c4010c; border: 1px solid #c4010c; border-bottom-color: #780107; } .body #bx-soa-order #bx-soa-orderSave .btn.btn-default:hover { color: #fff; background-color: #780107; border-color: #780107; text-decoration: none; transition: 0s; } @media (max-width: 767px) { .body #bx-soa-order #bx-soa-orderSave .btn.btn-default.hidden-xs { display: inline-block !important; } } .body #bx-soa-order .bx-soa-sidebar .bx-soa-cart-total .btn.btn-default, .body #bx-soa-order .bx-authform .btn-default { position: relative; display: inline-block; height: auto; padding: 5px 21px 6px 21px; text-decoration: none; text-align: center; line-height: 18px; font-size: 13px; font-weight: normal; cursor: pointer; white-space: nowrap; background: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-shadow: none; box-shadow: none; transition: 0s; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; background-color: #c4010c; border: 1px solid #c4010c; border-bottom-color: #780107; font-size: 13px !important; } .body #bx-soa-order .bx-soa-sidebar .bx-soa-cart-total .btn.btn-default:hover, .body #bx-soa-order .bx-authform .btn-default:hover { color: #fff; background-color: #780107; border-color: #780107; text-decoration: none; transition: 0s; } .body #bx-soa-order .bx_soa_pickup .bx-soa-pickup-list .btn.btn-default, .body #bx-soa-order .bx-soa-reg-block .btn-default { position: relative; display: inline-block; height: auto; padding: 5px 21px 6px 21px; text-decoration: none; text-align: center; line-height: 18px; font-size: 13px; font-weight: normal; cursor: pointer; white-space: nowrap; background: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-shadow: none; box-shadow: none; transition: 0s; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; background-color: #6b80a0; border: 1px solid #6b80a0; border-bottom-color: #4a5b74; } .body #bx-soa-order .bx_soa_pickup .bx-soa-pickup-list .btn.btn-default:hover, .body #bx-soa-order .bx-soa-reg-block .btn-default:hover { color: #fff; background-color: #4a5b74; border-color: #4a5b74; text-decoration: none; transition: 0s; } .body #bx-soa-order .bx-soa-cart-total { padding: 10px 14px; } .body #bx-soa-order .bx-soa-cart-total-line { padding: 5px 0; } .body #bx-soa-order .bx-soa-basket-info .bx-price.all, .body #bx-soa-order .bx-soa-basket-info .bx-price-old { font-weight: normal; } .body #bx-soa-order .bx-soa-cart-total-line.bx-soa-cart-total-line-highlighted { background-color: transparent; } .body #bx-soa-order .bx-soa-cart-total-line.bx-soa-cart-total-line-highlighted .bx-soa-cart-d { color: #c4010c; } .body #bx-soa-order .bx-soa-item-imgcontainer { border: none; border-radius: 0; } .body #bx-soa-order .bx-soa-auth .row { width: 100%; } .body #bx-soa-order .bx-soa-auth .checkbox { padding-left: 20px; } .body #bx-soa-order .bx-soa-auth .checkbox .bx-filter-param-label { padding-left: 0; } .body #bx-soa-order .bx-soa-auth .bx-soa-reference { margin-left: 15px; } .body .bx-sls .bx-ui-sls-fake, .body .bx-sls .bx-ui-sls-route, .footer .bx-sls .bx-ui-sls-fake, .footer .bx-sls .bx-ui-sls-route, .fancybox-container .bx-sls .bx-ui-sls-fake, .fancybox-container .bx-sls .bx-ui-sls-route, .gopro-subscribe-window .bx-sls .bx-ui-sls-fake, .gopro-subscribe-window .bx-sls .bx-ui-sls-route { height: 39px; } .header-fly-active .bx-soa-cart-total.bx-soa-cart-total-fixed { top: 80px; } @media (max-width: 1199px) { #bx-soa-order .bx-soa-sidebar { display: none; } } /************************************************************/ .sale-personal-section-index-block { opacity: .8; padding: 0; margin: 0 0 30px; text-align: center; text-transform: uppercase; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; color: #fff; background-size: cover; border-radius: 3px; height: 87%; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-around; background-color: #7a828e; } .sale-personal-section-index-block-ico { display: inline-block; margin-bottom: 15px; } .sale-personal-section-index-block-ico .icon-svg { width: 50px; height: 50px; fill: #fff; } @media (max-width: 992px) { .sale-personal-section-index-block { height: auto; margin: 8px 0; } .price-box-block__outer .detail__stores{ margin-left: 10px; } } @media (max-width: 920px) { .price-box-block__outer{ flex-direction: column; align-items: baseline; } .price-box-block__outer .detail__stores{ margin-left: 0; } } .body .sale-personal-section-index-block-link, .sale-personal-section-index-block-link:hover, .sale-personal-section-index-block-link:active, .sale-personal-section-index-block-link:focus, .sale-personal-section-index-block-link:visited { text-decoration: none; display: block; width: 100%; padding: 25px 15px; color: #fff; } .sale-personal-section-index-block:hover { opacity: 1; } .sale-personal-section-index-block-link { color: #fff; } .sale-personal-section-index-block-name { font-size: 16px; } .sale-personal-section-account-sub-header { margin-top: 40px; } .sale-personal-section-row-flex { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .sale-personal-section-row-flex:before { content: none; } .body .sale-personal-section-index .sale-personal-section-index-block { background: #7a828e; } .body .sale-personal-account-wallet-title { min-height: auto; font-family: Arial; font-size: 13px; font-weight: normal; line-height: 18px; color: #878787; padding: 13px 26px 15px; vertical-align: middle; background-color: #fff; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; text-transform: lowercase; } .body .sale-personal-account-wallet-title:first-letter { text-transform: uppercase; } .body .sale-personal-account-wallet-list-container { padding: 13px 26px 15px; vertical-align: middle; color: black; background-color: #fff; border-top: none; border-right: none; border-bottom: 1px solid #ebebeb; border-left: none; } .body .sale-personal-account-wallet-list-item { padding: 0; } .body .sale-personal-account-wallet-currency-item { color: #c4010c; } .body .sale-personal-section-account-sub-header { min-height: auto; font-family: Arial; font-size: 13px; font-weight: normal; line-height: 18px; color: #878787; padding: 13px 26px 15px; vertical-align: middle; background-color: #fff; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; } .body .bx-sap { padding: 13px 26px 15px; vertical-align: middle; color: black; background-color: #fff; border-top: none; border-right: none; border-bottom: 1px solid #ebebeb; border-left: none; } .body .sale-acountpay-block { padding-left: 0; } .body .sale-acountpay-fixedpay-item { position: relative; display: inline-block; height: auto; padding: 5px 21px 6px 21px; text-decoration: none; text-align: center; line-height: 18px; font-size: 13px; font-weight: normal; cursor: pointer; white-space: nowrap; background: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-shadow: none; box-shadow: none; transition: 0s; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; background-color: #c4010c; border: 1px solid #c4010c; border-bottom-color: #780107; } .body .sale-acountpay-fixedpay-item:hover { color: #fff; background-color: #780107; border-color: #780107; text-decoration: none; transition: 0s; } .body .sale-acountpay-input { max-width: 100%; } .body .bx-sap .control-label.input-lg { line-height: 20px; } .body .sale-acountpay-pp-company.bx-selected .sale-acountpay-pp-company-graf-container { border-color: #c4010c; } .body .sale-acountpay-title { font-size: 13px; color: #878787; } .body .sale-account-pay-button { position: relative; display: inline-block; height: auto; padding: 5px 21px 6px 21px; text-decoration: none; text-align: center; line-height: 18px; font-size: 13px; font-weight: normal; cursor: pointer; white-space: nowrap; background: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-shadow: none; box-shadow: none; transition: 0s; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; background-color: #6b80a0; border: 1px solid #6b80a0; border-bottom-color: #4a5b74; } .body .sale-account-pay-button:hover { color: #fff; background-color: #4a5b74; border-color: #4a5b74; text-decoration: none; transition: 0s; } .body .bx_my_order_cancel a { color: #308ac4; } .body .bx_my_order_cancel a:hover { color: #67adda; } .body .bx_my_order_cancel input[type="submit"] { position: relative; display: inline-block; height: auto; padding: 5px 21px 6px 21px; text-decoration: none; text-align: center; line-height: 18px; font-size: 13px; font-weight: normal; cursor: pointer; white-space: nowrap; background: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-shadow: none; box-shadow: none; transition: 0s; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; background-color: #6b80a0; border: 1px solid #6b80a0; border-bottom-color: #4a5b74; color: #fff !important; } .body .bx_my_order_cancel input[type="submit"]:hover { color: #fff; background-color: #4a5b74; border-color: #4a5b74; text-decoration: none; transition: 0s; } .body .sale-order-detail .sale-order-detail-general, .body .sale-order-detail .sale-order-detail-about-order-inner-container, .body .sale-order-detail .sale-order-detail-payment-options-inner-container, .body .sale-order-detail .sale-order-detail-payment-options-shipment-container, .body .sale-order-detail .sale-order-detail-order-section, .body .sale-order-detail div.sale-order-detail-payment-options-shipment { border: none; } .body .sale-order-detail .sale-order-detail-general-head { display: none; } .body .sale-order-detail .sale-order-detail-about-order-title, .body .sale-order-detail .sale-order-detail-payment-options-title, .body .sale-order-detail .sale-order-detail-payment-options-order-content-title, .body .sale-order-detail .sale-order-detail-payment-options-shipment-composition-title-element { min-height: auto; font-family: Arial; font-size: 13px; font-weight: normal; line-height: 18px; color: #878787; padding: 13px 26px 15px; vertical-align: middle; background-color: #fff; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; } .body .sale-order-detail .sale-order-detail-about-order-title > h3, .body .sale-order-detail .sale-order-detail-payment-options-title > h3, .body .sale-order-detail .sale-order-detail-payment-options-order-content-title > h3, .body .sale-order-detail .sale-order-detail-payment-options-shipment-composition-title-element > h3 { font: inherit; color: inherit; margin: 0; } .body .sale-order-detail .sale-order-detail-about-order-inner-container-repeat-cancel { text-decoration: none; color: #308ac4; } .body .sale-order-detail .sale-order-detail-about-order-inner-container-repeat-cancel:hover { color: #67adda; } .body .sale-order-detail .sale-order-detail-about-order-inner-container-details-title { font: inherit; color: #878787; } .body .sale-order-detail .sale-order-detail-about-order-inner-container-repeat-button, .body .sale-order-detail .sale-order-detail-payment-options-methods-button-element { position: relative; display: inline-block; height: auto; padding: 5px 21px 6px 21px; text-decoration: none; text-align: center; line-height: 18px; font-size: 13px; font-weight: normal; cursor: pointer; white-space: nowrap; background: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-shadow: none; box-shadow: none; transition: 0s; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; background-color: #6b80a0; border: 1px solid #6b80a0; border-bottom-color: #4a5b74; } .body .sale-order-detail .sale-order-detail-about-order-inner-container-repeat-button:hover, .body .sale-order-detail .sale-order-detail-payment-options-methods-button-element:hover { color: #fff; background-color: #4a5b74; border-color: #4a5b74; text-decoration: none; transition: 0s; } .body .sale-order-detail .sale-order-detail-order-section > .sale-order-detail-order-section-content { padding-left: 0; padding-right: 0; } .body .sale-order-detail .sale-order-detail-order-item-td, .body .sale-order-detail .sale-order-detail-order-item-td-title { padding: 13px 26px 15px; vertical-align: middle; color: black; background-color: #fff; border-top: none; border-right: none; border-bottom: 1px solid #ebebeb; border-left: none; } .body .sale-order-detail .sale-order-detail-order-item-td > div, .body .sale-order-detail .sale-order-detail-order-item-td-title > div { padding: 0; border: none; } .body .sale-order-detail .sale-order-detail-total-payment-list-left-item, .body .sale-order-detail .sale-order-detail-payment-options-shipment-composition-title-element { font: inherit; color: #878787; } .body .sale-order-detail .sale-order-detail-about-order-title, .body .sale-order-detail .sale-order-detail-payment-options-title, .body .sale-order-detail .sale-order-detail-payment-options-shipment-composition-title, .body .sale-order-detail .sale-order-detail-payment-options-order-content-title, .body .sale-order-detail .sale-order-detail-payment-options-order-content-title { background: transparent; } .body .sale-order-detail .sale-order-detail-order-section { padding-right: 15px; padding-left: 15px; } .body .sale-order-detail .sale-order-detail-about-order-inner-container-details { margin-top: 15px; border-left: 1px solid #ebebeb; } .body .sale-order-detail .sale-order-detail-order-item-title { font-weight: normal; } .body .sale-order-list-container { padding: 13px 26px 15px; vertical-align: middle; color: black; background-color: #fff; border-top: none; border-right: none; border-bottom: 1px solid #ebebeb; border-left: none; margin: 0; border-top: 1px solid #ebebeb; transition: all .15s linear; z-index: 100; } .body .sale-order-list-container:hover { box-shadow: 0px 6px 41px -8px rgba(154, 164, 166, 0.82); z-index: 110; } .body .sale-order-list-container + .sale-order-list-container { border-top: transparent; } .body .sale-order-list-title-container, .body .sale-order-list-accomplished-title-container { background: transparent; } .body .sale-order-list-title, .body .sale-order-list-accomplished-title { font: inherit; margin: 0 0 15px 0; } .body .sale-order-list-inner-container, .body .sale-order-list-inner-accomplished, .body .sale-order-list-accomplished-date, .body .sale-order-list-accomplished-date-number { padding-top: 0; padding-bottom: 0; margin: 0; border: none; } .body .sale-order-list-inner-title-line, .body .sale-order-list-inner-title-line, .body .sale-order-list-inner-row { display: none; } .body .sale-order-list-inner-row:last-of-type { display: block; } .body .sale-order-list-top-border { display: none; } .body .sale-order-list-about-link { font: inherit; } .body .sale-order-list-repeat-container, .body .sale-order-list-cancel-container { text-align: right; } .body .sale-order-list-shipment-button, .body .sale-order-list-repeat-link, .body .sale-order-list-cancel-link, .body .sale-order-list-about-link, .body .sale-order-list-change-payment { color: #308ac4; } .body .sale-order-list-shipment-button:hover, .body .sale-order-list-repeat-link:hover, .body .sale-order-list-cancel-link:hover, .body .sale-order-list-about-link:hover, .body .sale-order-list-change-payment:hover { color: #67adda; } .body .sale-order-list-accomplished-date-number { font: inherit; color: #878787; } .body .sale-profile-detail-form .sale-personal-profile-detail-form-title-row > h4 { min-height: auto; font-family: Arial; font-size: 13px; font-weight: normal; line-height: 18px; color: #878787; padding: 13px 26px 15px; vertical-align: middle; background-color: #fff; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; border-top: none; border-bottom: none; } .body .sale-profile-detail-form .sale-personal-profile-detail-form-title-row > h4 > b { font-weight: normal; } .body .sale-profile-detail-form .form-group label { color: #878787; } .body .sale-profile-detail-form .bx-sls .dropdown-icon { top: 11px; } .body .sale-profile-detail-form .dropdown-block.bx-ui-sls-input-block { min-height: 37px; border-radius: 0; } .body .sale-profile-detail-form .bx-ui-sls-fake { width: 100%; } .body .sale-profile-detail-form .bx-sls .bx-ui-sls-clear { top: 2px; } .body .sale-profile-detail-form .form-control:hover { border-color: #bebebe; -webkit-box-shadow: none; box-shadow: none; } .body .sale-profile-detail-form .form-control:hover:focus { border-color: #c4010c; } .body .sale-profile-detail-form .btn-md { position: relative; display: inline-block; height: auto; padding: 5px 21px 6px 21px; text-decoration: none; text-align: center; line-height: 18px; font-size: 13px; font-weight: normal; cursor: pointer; white-space: nowrap; background: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-shadow: none; box-shadow: none; transition: 0s; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; background-color: #6b80a0; border: 1px solid #6b80a0; border-bottom-color: #4a5b74; } .body .sale-profile-detail-form .btn-md:hover { color: #fff; background-color: #4a5b74; border-color: #4a5b74; text-decoration: none; transition: 0s; } .body .sale-profile-detail-form .btn-md:first-of-type { position: relative; display: inline-block; height: auto; padding: 5px 21px 6px 21px; text-decoration: none; text-align: center; line-height: 18px; font-size: 13px; font-weight: normal; cursor: pointer; white-space: nowrap; background: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-shadow: none; box-shadow: none; transition: 0s; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; background-color: #c4010c; border: 1px solid #c4010c; border-bottom-color: #780107; } .body .sale-profile-detail-form .btn-md:first-of-type:hover { color: #fff; background-color: #780107; border-color: #780107; text-decoration: none; transition: 0s; } .body .sale-personal-profile-list-container { border: none; } .body .sale-personal-profile-list-container > tbody > tr > th { min-height: auto; font-family: Arial; font-size: 13px; font-weight: normal; line-height: 18px; color: #878787; padding: 13px 26px 15px; vertical-align: middle; background-color: #fff; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; } .body .sale-personal-profile-list-container > tbody > tr > td { padding: 13px 26px 15px; vertical-align: middle; color: black; background-color: #fff; border-top: none; border-right: none; border-bottom: 1px solid #ebebeb; border-left: none; } .body .sale-personal-profile-list-container > tbody > tr > td > b { font-weight: normal; } .body .sale-personal-profile-list-container .sale-personal-profile-list-change-button { color: #308ac4; border: none; } .body .sale-personal-profile-list-container .sale-personal-profile-list-change-button:hover { color: #67adda; } .search_page .form_search { margin-bottom: 15px; } .search_page .form_search .q { margin-right: 10px; } .search_page .form_search .btn.btn1 { padding: 11px 14px; } .spage { margin-top: 20px; } .spage .iblock .title { margin-bottom: 10px; font-weight: bold; } .spage .iblock { margin-bottom: 25px; border-bottom: 1px solid #F2F2F2; } .spage .iblock .sitem { margin-bottom: 25px; } .spage .iblock .sitem.catitem { display: block; width: 100%; } .spage .iblock .sitem.catitem .pic { display: block; width: 15%; float: left; padding: 0 20px 20px 0; text-align: center; } .spage .iblock .sitem.catitem .telo { width: 85%; float: left; } .spage .iblock .sitem .name, .spage .iblock .sitem .description, .spage .iblock .sitem .price, .spage .iblock .sitem div.chain { margin-bottom: 5px; } .spage .iblock .sitem.catitem .telo .price { font-size: 18px; } .spage .iblock .sitem.catitem .telo .chain { margin-left: 30px; } .spage .iblock .sitem .chain .icon { width: 7px; height: 14px; margin: 0px 8px 3px 8px; /*background-position:0px -545px;*/ background-position: -21px -545px; } @media screen and (max-width: 875px) { body.adaptive .spage .iblock .sitem .name .nm { display: block; margin-bottom: 5px; } body.adaptive .spage .iblock .sitem.catitem .telo .chain { margin-left: 0px; } } @media screen and (max-width: 480px) { body.adaptive .search_page .form_search .q { margin-right: 0px; margin-bottom: 15px; } body.adaptive .search_page .form_search .q, body.adaptive .search_page .form_search .btn.btn1 { width: 100%; padding: 5px 14px; } } .body .searchinhead { min-height: 40px; transition: border-color ease-in-out 0.15s; } .body .searchinhead form { width: 100%; overflow: hidden; } .body .searchinhead__flex { display: flex; flex-wrap: nowrap; -webkit-box-pack: start; align-items: center; width: 100%; } .body .searchinhead__flexbox { flex: 0 1 auto; -webkit-box-flex: 0; } .body .searchinhead__btn { display: inline-block; cursor: pointer; } .body .searchinhead__btn .svg-icon { display: block; } .body .searchinhead__zoom, .body .searchinhead__enter { cursor: pointer; } .body .searchinhead__zoom .svg-icon, .body .searchinhead__enter .svg-icon { display: block; width: 16px; height: 14px; } .body .searchinhead__zoom:hover .svg-icon { fill: #546784; } .body .searchinhead__zoom .svg-icon { fill: #6b80a0; } .body .searchinhead__enter { border: 1px solid #6b80a0; background-color: #6b80a0; } .body .searchinhead__enter:hover { border-color: #4a5b74; background-color: #4a5b74; } .body .searchinhead__enter .svg-icon { fill: #fff; } .body .searchinhead__aroundtext { width: 100%; } .body .searchinhead__input[type="text"] { display: inline-block; width: 100%; padding: 11px 9px 11px 0; background: transparent; border: none; box-shadow: none; font-size: 12px; } input[type="text"]{ outline: none !important; } .body .searchinhead__input[type="text"]:focus { border: none; outline: none;} .body .search-bar .search-open { position: absolute; top: 0; right: 0; width: 100%; background-color: #fff; z-index: 999; } .body .search-bar .search-open.open { display: block; } .body .search-bar .search-open.closed { display: none; } .body .search-bar .search-open.closed .searchinhead__enter { display: none; } @media (min-width: 768px) { .body .menu .b-mmenu .navbar-nav.search-bar { height: 0; } } .menu_vertical1 .menu .searchinhead, .menu_vertical2 .menu .searchinhead { margin-left: 250px; } @media (max-width: 767px) { .price-box-block__outer{ flex-direction: row; align-items: center; } .price-box-block__outer .detail__stores{ margin-left: 60px; } .menu_vertical1 .menu .searchinhead, .menu_vertical2 .menu .searchinhead { margin-left: 0; } } .menu_vertical1 .menu .searchinhead__zoom, .menu_vertical1 .menu .searchinhead__enter, .menu_vertical2 .menu .searchinhead__zoom, .menu_vertical2 .menu .searchinhead__enter { padding: 13px 12px 11px 12px; } .menu_vertical1 .menu .searchinhead__aroundtext, .menu_vertical2 .menu .searchinhead__aroundtext { height: 40px; } .menu_vertical1 .menu .searchinhead__input[type="text"], .menu_vertical2 .menu .searchinhead__input[type="text"] { padding: 12px 5px 10px 0; } .menu_horizontal1 .menu .searchinhead__btn { position: absolute; right: 0; top: 0; border-color: #c4010c; background-color: #c4010c; } .menu_horizontal1 .menu .searchinhead__btn:hover { border-color: #780107; background-color: #780107; } .menu_horizontal1 .menu .searchinhead__btn, .menu_horizontal1 .menu .searchinhead__zoom, .menu_horizontal1 .menu .searchinhead__enter { padding: 17px 16px 14px 16px; } .menu_horizontal1 .menu .searchinhead__input[type="text"] { padding: 16px 5px 14px 0; } .menu_horizontal1 .menu .search-open { height: 47px; } .header-fly .searchinhead { max-width: 390px; float: right; } .header-fly .searchinhead__basket{ display: inline-block; margin-right: 3px; } .header-fly .searchinhead__zoom, .header-fly .searchinhead__enter, .header-fly .searchinhead__basket, .header-fly .recall { padding: 11px 12px; } .header-fly .searchinhead__zoom{ font-size: 14px; } .header-fly .searchinhead__btn{ padding: 12px 12px 11px; } @media (max-width: 767px) { .header-fly .searchinhead { max-width: 100%; width: 100%; float: none; } } @media (max-width: 520px) { .price-box-block__outer .detail__stores{ margin-left: 10px; } } /******************************************************/ /******************************************************/ /******************************************************/ /* search.title -> results */ .title-search-result { display: none; margin-top: -3px; padding-right: 1px; border-collapse: collapse; border: none; background-color: #fff; border-bottom: 2px solid #c4010c; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); overflow: hidden; z-index: 205; } .stitle { padding: 15px 0px; text-align: left; background-color: #fff; border: 1px solid #F2F2F2; } .stitle .title { color: #c4010c; margin: 20px 20px 0px 20px; padding-bottom: 8px; border-bottom: 1px solid #F2F2F2; } .stitle .title.first { margin-top: 0px; } .stitle .iblock { /* simple items */ /* /simple items */ /* products */ /* /products */ } .stitle .iblock .item { display: block; padding: 6px 20px; } .stitle .iblock .item:hover { color: #fff; text-decoration: none; background-color: #899CC7; } .stitle .iblock .catitem:hover .name, .stitle .iblock .catitem:hover .prs { background-color: #899CC7; } .stitle .iblock .catitem:hover .prs { color: #fff; } .stitle .iblock .catitem .pic { display: inline-block; width: 22px; text-align: center; margin-right: 10px; } .stitle .iblock .catitem img { margin-bottom: 1px; width: 100%; } .stitle .iblock .catitem .name, .stitle .iblock .catitem .prs { position: relative; display: block; background-color: #fff; } .stitle .iblock .catitem .name { float: left; padding-right: 2px; } .stitle .iblock .catitem .prs { float: right; color: #000; padding-left: 2px; } .stitle.twolines .iblock .catitem .inner { background: none; } .stitle.twolines .iblock .catitem .name { margin-right: 5px; } .stitle.twolines .iblock .catitem .pic { margin-right: 5px; } .stitle.twolines .iblock .catitem .prs { float: left; } .body div.bx-auth-line { border: none; } .body div.bx-auth-service-form { background-color: #F3F3F3; border: none; } .body div.bx-auth-services a.bx-ss-selected { background-color: #F3F3F3; border: 1px solid #F3F3F3; } .body .socform .bx-ss-icon { display: none; } .body .socform input { padding: 3px 5px; } @media screen and (max-width: 480px) { .price-box-block__outer{ flex-direction: column; align-items: baseline !important; } .price-box-block__outer .detail__stores{ margin-left: 0; } body.adaptive .body .socform span:after { display: block; clear: both; content: " "; font-size: 0; height: 0; visibility: hidden; } body.adaptive .body .socform .button { margin-top: 10px; } body.adaptive .body div.bx-auth-service-form { text-align: center; } } .subscribe .line { margin-bottom: 15px; line-height: 18px; } .subscribe .line.border { padding-top: 15px; border-top: 1px solid #F2F2F2; } .subscribe .line .title { color: #878787; margin-bottom: 7px; } .subscribe .line input { width: 100%; max-width: 300px; } .subscribe .line.type label { margin-right: 15px; } .subscribe .item { margin-bottom: 5px; } .subscribe .item b { color: #444; } .subscribe .item .sbscr { color: black; font-size: 11px; } .subscribe .note { display: block; margin-bottom: 7px; color: #666; } .subscribe .line .text { margin-right: 15px; margin-bottom: 15px; } .subscribe .line .btn { padding: 11px 14px; } @media screen and (max-width: 480px) { body.adaptive .subscribe .line input { max-width: 500px; } } .footersubscribe .title { margin-bottom: 6px; text-transform: uppercase; } .footersubscribe .inp input { width: 100%; } .footersubscribe .btn { display: block; width: 100%; margin-top: 6px; text-align: center; } .pcontent.thisisauthpage { padding-left: 0px; } .authinhead { display: inline-block; padding-top: 16px; padding-bottom: 9px; text-align: right; } .authinhead .guest .svg-icon { width: 12px; height: 12px; margin: 0 3px 3px 0; } .authinhead .logged .svg-icon { width: 10px; height: 10px; margin: 0 5px 3px 15px; transform: scale(-1, 1); } .authinhead .svg-icon { fill: #0c4da2; } @media screen and (max-width: 480px) { body.adaptive .authinhead { display: block; float: right; padding-top: 9px; } } .authinhead2__icon { display: inline-block; padding: 5px 0; margin-right: 5px; border-radius: 50%; } .authinhead2 .svg-icon { position: relative; bottom: 2px; width: 16px; height: 16px; } @media (max-width: 991px) { .authinhead2 .authorized .authinhead2__icon { padding: 5px 7px; border: 1px solid #c4010c; } } .navigation { float: right; padding-top: 12px; font-size: 14px; } .navigation .arrow .icon { width: 7px; height: 14px; } .navigation span, .navigation a { display: inline-block; padding: 0px 5px; } .navigation a.arrow.left .icon { background-position: -14px -531px; } .navigation span.arrow.left .icon { background-position: 0px -531px; } .navigation a.arrow.right .icon { background-position: -14px -545px; } .navigation span.arrow.right .icon { background-position: 0px -545px; } .b-sorter { width: 100%; padding-top: 8px; margin-bottom: 15px; } .b-sorter__block-name { float: left; color: #c4010c; font-size: 24px; line-height: 1; font-weight: normal; text-transform: uppercase; margin-top: 10px; } .b-sorter__sortaou { float: left; } .b-sorter__sort, .b-sorter__shortsort { float: left; margin-right: 25px; } .b-sorter__shortsort { padding-top: 5px; } .b-sorter__shortsort .b-sorter__title { padding-top: 5px; } .b-sorter__shortsort a { margin-right: 2px; } .b-sorter__shortsort a:last-of-type { margin-right: 0; } .b-sorter__output { float: right; } .b-sorter__title { float: left; color: #878787; padding: 11px 0 11px 0; margin-right: 1px; border: 1px solid transparent; } .b-sorter__dropdown { position: relative; float: left; } .b-sorter__dropdown > a { display: inline-block; white-space: nowrap; padding: 12px 10px 13px 10px; margin-left: 5px; background: none; border-radius: 0; } .b-sorter__dropdown .svg-icon { transition: transform .3s; } .b-sorter__dropdown.hover > a, .b-sorter__dropdown:hover > a { text-decoration: none; border-color: #c4010c; } .b-sorter__dropdown.hover .svg-icon.rotate, .b-sorter__dropdown:hover .svg-icon.rotate { transform: rotate(-180deg); } .b-sorter__dropdown.hover > div, .b-sorter__dropdown:hover > div { display: block; } .b-sorter__dropdown-in { position: absolute; left: 0; display: none; min-width: 50px; background-color: #FFF; border: 1px solid #ebebeb; border-bottom: 2px solid #c4010c; z-index: 991; box-shadow: 0px 6px 41px -8px rgba(154, 164, 166, 0.82); } .b-sorter__dropdown-in > a { display: block; padding: 11px 10px 11px 10px; text-decoration: none; } .b-sorter__dropdown-in > a:hover, .b-sorter__dropdown-in > a.selected { text-decoration: none; background-color: #f3f3f3; } .b-sorter__shortsort .svg-icon, .b-sorter__sort .svg-icon { width: 8px; height: 8px; margin-left: 6px; margin-bottom: 2px; fill: #000; } .b-sorter__shortsort .svg-icon.asc, .b-sorter__sort .svg-icon.asc { transform: scale(1, -1); } .b-sorter__shortsort a:hover .svg-icon, .b-sorter__shortsort a.selected .svg-icon, .b-sorter__sort .b-sorter__dropdownin a:hover .svg-icon, .b-sorter__sort .b-sorter__dropdownin a.selected .svg-icon { fill: #fff; } .b-sorter__output .svg-icon { width: 8px; height: 8px; margin-left: 6px; margin-bottom: 2px; fill: #000; } .b-sorter__output .b-sorter__dropdownin a .svg-icon { display: none; } .b-sorter__template a { float: right; margin-right: 2px; } .b-sorter__template a:first-of-type { margin-right: 0; } .b-sorter__shortsort a { float: left; } .b-sorter__template a, .b-sorter__shortsort a { position: relative; display: inline-block; height: auto; padding: 5px 21px 6px 21px; text-decoration: none; text-align: center; line-height: 18px; font-size: 13px; font-weight: normal; cursor: pointer; white-space: nowrap; background: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-shadow: none; box-shadow: none; transition: 0s; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid transparent; } .b-sorter__template a:hover, .b-sorter__shortsort a:hover { text-decoration: underline; } .b-sorter__template a.selected, .b-sorter__shortsort a.selected { position: relative; display: inline-block; height: auto; padding: 5px 21px 6px 21px; text-decoration: none; text-align: center; line-height: 18px; font-size: 13px; font-weight: normal; cursor: pointer; white-space: nowrap; background: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-shadow: none; box-shadow: none; transition: 0s; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; background-color: #c4010c; border: 1px solid #c4010c; border-bottom-color: #780107; } .b-sorter__template a.selected:hover, .b-sorter__shortsort a.selected:hover { color: #fff; background-color: #780107; border-color: #780107; text-decoration: none; transition: 0s; } .b-sorter__template a.selected:hover, .b-sorter__template a:hover, .b-sorter__shortsort a.selected:hover, .b-sorter__shortsort a:hover { color: #fff; background-color: #780107; border-color: #780107; text-decoration: none; transition: 0s; } .b-sorter__template { float: right; padding-top: 5px; } .b-sorter__template .svg-icon { width: 14px; height: 14px; margin-bottom: 1px; fill: #000; } .b-sorter__template a { color: #308ac4; } .b-sorter__template a:hover .svg-icon, .b-sorter__template a:active .svg-icon, .b-sorter__template a.selected .svg-icon, .b-sorter__template a.selected:active .svg-icon { fill: #fff; } .b-sorter__template a:hover > span, .b-sorter__template a:active > span, .b-sorter__template a.selected > span, .b-sorter__template a.selected:active > span { border-color: transparent; } .b-sorter__template a > span { border-bottom: 1px dashed #308ac4; } .b-sorter__drop { display: none; } .bottom .b-sorter { padding-top: 12px; } .bottom .b-sorter__sortaou { float: right; } @media (max-width: 767px) { .b-sorter__block-name { margin-top: 5px; } .b-sorter__template .svg-icon { margin-right: 0; } .b-sorter__template a span { display: none; } } @media (max-width: 650px) { .b-sorter__sort, .b-sorter__shortsort, .b-sorter__output { margin-right: 10px; } } @media (max-width: 605px) { .b-sorter { padding-left: 0; } } @media (max-width: 991px) and (min-width: 768px) { .b-sorter__template, .b-sorter__sortaou { display: block; } .b-sorter__template { min-height: 36px; } } @media (max-width: 767px) { .b-sorter__dropdown > a{ margin-left: 0; } .b-sorter__title { display: none; } } .rsfavorite { text-align: left; } .rsfavorite a { display: block; color: #000; text-decoration: none; } .rsfavorite a:hover { text-decoration: none; } .rsfavorite a:hover .title { text-decoration: underline; } .rsfavorite a .title { font-size: 14px; } .rsfavorite .icon { display: block; float: left; width: 23px; height: 26px; margin-top: 6px; margin-right: 10px; background-position: 0px -438px; } .rsfavorite .svg-icon { float: left; width: 28px; height: 28px; margin: 4px 10px 0 0; fill: #c4010c; } .rsfavorite .title, .rsfavorite .descr { margin-left: 33px; } .rsfavorite .descr { color: #308ac4; } .c-gruppedprops__group-name { font-weight: bold; font-size: 18px; margin-bottom: 24px; } .c-gruppedprops__prop { display: block; margin-bottom: 8px; } .c-gruppedprops__prop:last-of-type { margin-bottom: 0; } .c-gruppedprops__prop-name { color: #878787; margin-right: 7px; } .b-location { position: relative; display: inline-block; padding-top: 9px; padding-bottom: 9px; padding-right: 20px; } .b-location-confirm { position: absolute; left: -40px; top: 100%; background-color: #fff; width: 290px; padding: 18px 20px; border: 1px solid #eeeeee; margin-top: -3px; text-align: center; -webkit-box-shadow: 0px 6px 41px -8px rgba(154, 164, 166, 0.82); box-shadow: 0px 6px 41px -8px rgba(154, 164, 166, 0.82); z-index: 250; } .b-location-confirm__triangle { content: ""; position: absolute; top: -9px; width: 0; left: 50%; -webkit-transform: translateX(-5px); -moz-transform: translateX(-5px); -ms-transform: translateX(-5px); -o-transform: translateX(-5px); transform: translateX(-5px); height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #eeeeee; } .b-location-confirm__triangle:before { content: ""; position: absolute; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; top: 2px; left: -8px; } .b-location-confirm__your { margin-bottom: 11px; } .b-location-confirm__controls .btn { padding-top: 5px; padding-bottom: 5px; margin: 0 3px; } .b-location .svg-icon { width: 8px; height: 8px; margin-left: 3px; margin-bottom: 1px; } @media (max-width: 480px) { .header_type1 .b-location { display: block; float: left; } .header_type1 .b-location span { display: none; } .b-location__triangle { display: none; } } .b-locations-top__title { margin-bottom: 15px; text-transform: uppercase; } .b-locations-top__item { margin-bottom: 5px; } .b-locations-top__line { position: relative; left: -20px; width: 100%; height: 1px; margin-top: 20px; margin-bottom: 20px; padding: 0px 20px; background-color: #F2F2F2; } .b-locations-top__bitrix-search .bx-sls { max-width: 500px; } .b-locations-top__bitrix-search .bx-sls .bx-ui-sls-container { overflow: hidden; min-height: 40px; } .b-locations-top__bitrix-search .bx-sls .bx-ui-sls-container .bx-ui-sls-fake, .b-locations-top__bitrix-search .bx-sls .bx-ui-sls-container .bx-ui-sls-route { position: absolute !important; top: 0; left: 0; color: #000 !important; opacity: 1 !important; -webkit-box-shadow: none !important; box-shadow: none !important; background: #f7f7f8 !important; border-color: #d7dbdd; background-position: right 1px; background-repeat: no-repeat; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; height: 40px; width: 100%; outline: none; z-index: 10; } .b-locations-top__bitrix-search .bx-sls .bx-ui-sls-quick-locations.quick-locations { display: none; } .bx-ui-sls-pane { max-height: 250px; text-align: left; background-color: #fff; border: 1px solid #d7dbdd; border: 1px solid #d7dbdd; -webkit-border-radius: 0; border-radius: 0; margin-top: 1px; z-index: 99999; } .bx-ui-sls-variants .bx-ui-sls-variant:hover { text-decoration: none; } .bx-ui-sls-variants .dropdown-item-text { display: block; padding: 11px 22px 10px 12px; clear: both; font-weight: normal; line-height: 1.42857; white-space: nowrap; cursor: pointer; } .bx-ui-sls-variants .dropdown-item-text:hover, .bx-ui-sls-variants .dropdown-item-text:active { background-color: #f5f5f5; } /* svg icons */ .svg-icon { display: inline-block; fill-rule: evenodd; vertical-align: middle; } html, body, p, ul, ol, img, small, form, table td, hr, input { border: 0; margin: 0; padding: 0; } body { font: 13px/18px 'Open Sans', sans-serif; /*font:13px 'Open Sans',sans-serif,Arial,Helvetica;*/ overflow-y: scroll; overflow-x: hidden; text-align: center; min-width: 1260px; } body.adaptive { min-width: 0px; } p { margin: 0 0 10px; } b { font-weight: 600; font-family: Arial; } ul, ol { list-style: none outside none; } ul, ol { padding-left: 20px; margin-top: 0; margin-bottom: 9.5px; } ul { list-style: circle; } ol { list-style: decimal; } ul > li, ol > li { list-style-type: inherit; line-height: 19px; } table { border-collapse: collapse; border-spacing: 0; font-size: inherit; } h1 { font-size: 24px; } h2 { font-size: 20px; } h3 { font-size: 16px; } .fancybox-wrap, .jspScrollable { outline: -webkit-focus-ring-color auto 0; } /* disable selection */ .disableSelection { -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; } /* title */ h1.pagetitle { font-weight: normal; line-height: 26px; text-transform: uppercase; margin: 5px 0px 14px; } /* global styles */ .icon { display: inline-block; font-size: 0; vertical-align: middle; } hr { border-top: 1px solid #E5E5E5; } .nowrap { white-space: nowrap; } .pngicons, .view_showcase .share .b-share-icon, .rsgppopup .share .b-share-icon, .pngicons.b-share-icon { background-image: url("/local/templates/prostroy_default/assets/css/../img/icons.png?v100"); } .animashka, #fancybox-loading div { background: transparent url("/local/templates/prostroy_default/assets/css/../img/loading.gif?v100") center center no-repeat; } .catalogmenu a.parent .icon.menu, .catalogmenusmall a.parent .icon.menu { background-image: url("/local/templates/prostroy_default/assets/css/../img/menu.png"); } .boxsizing, .column1, .searchinhead, .searchinhead .aroundtext, .location, .mainsections .section, .presscentermainn, .presscentermainn .item, .presscentermainn .item .img, .sections .section, .catalog .prods .sectinfo .img, .rsgppopup .block.left, .showcaseitem .block.left, .elementdetail .pictures, .light .js-element, .detailtabs .docs, .detailtabs .set .fullpanel .block, .detailtabs .set .fullpanel .block .prices, .detailtabs .set .fullpanel .block .arounddiscount, .footer .line1 .block, .footer .catmenu .aroundlevel, .body input, .body textarea, .body span.likeinput, .footer input, .footer textarea, .footer span.likeinput, .fancybox-container input, .fancybox-container textarea, .fancybox-container span.likeinput, .iblocklist .item .pic, .iblockdetail .pic, .arfiles .files .docs, .locationbig .item, .body .pmenu a, .body .pcontent, .orderforma .body, .orderforma .body .line, .orderforma .body .line .description .in, .someform.orderforma .body .line.f_select .nm, .someform.orderforma .body .line.f_select .vl, .orderlist .item, div.table div.td, div.table div.full, .brandslist .item, .brandsdetail .description, .brandbig .item, .spage .iblock .sitem.catitem .pic, .showcase .js-element .in, .showcase .js-element .padd, .mix .compare, .mix .catalogsorter, .body .aroundjssorslider1 .item.product .text, .body .aroundjssorslider1 .item.product .image, .body .aroundowlslider1 .item.product .text, .body .aroundowlslider1 .item.product .image, .body .bx_ordercart .bx_ordercart_order_table_container table, .body .bx_ordercart .bx_ordercart_order_table_container table *, .body .quantity, .body .quantity * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .body img, .footer img { max-width: 100%; height: auto; width: auto\9; /*ie8*/ } .ajax_loader { display: block; margin: 0 auto; } label { margin-bottom: 0; font-weight: normal; } /* global styles - clear */ .clearfix:after { display: block; clear: both; content: " "; font-size: 0; height: 0; visibility: hidden; } /* BUG: style not compiling * html .clearfix{//zoom: 1;}IE6 *:first-child+html .clearfix{//zoom: 1;}IE7 */ .clear { clear: both; } /* global styles - hidden */ .nonep { height: 1px; left: -10000px; position: absolute; width: 1px; } .noned { display: none; } /* global styles - links */ a, .like-a { color: #308ac4; text-decoration: none; outline-width: 0; } a:hover, .like-a:hover { color: #52a2d5; text-decoration: underline; } a.fullback .icon { width: 7px; height: 14px; margin-right: 5px; margin-bottom: 3px; background-position: 0px -531px; } a.fullback:hover .icon { background-position: -21px -531px; } .link-dashed a, .link-dashed { text-decoration: none; border-bottom: 1px dashed #308ac4; } .link-dashed a:hover, .link-dashed:hover { border-bottom-color: transparent; } .link-dashed a-in, a.link-dashed-in { text-decoration: none; border-bottom: none; } .link-dashed a-in:hover .link-dashed-in, a.link-dashed-in:hover .link-dashed-in { border-bottom: none; } .link-dashed a-in .link-dashed-in, a.link-dashed-in .link-dashed-in { border-bottom: 1px dashed #308ac4; } /* global styles - area2darken (overlay on ajax request) */ .area2darken { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255, 255, 255, 0.6); z-index: 990; } .area2darken .animashka { position: absolute; top: 50%; left: 50%; width: 31px; height: 31px; margin: -15px 0px 0px -15px; } /* global styles - compare checkbox */ .add2compare .icon { width: 13px; height: 13px; margin-right: 5px; margin-bottom: 2px; background-position: 0px -255px; } .add2compare .svg-icon { width: 13px; height: 13px; margin-right: 5px; margin-bottom: 2px; } .add2compare.in .icon { background-position: -13px -255px; } /* global styles - errors and messages */ .errortext, .reviews-note-error, .notetext { display: inline-block; margin-bottom: 15px; padding: 10px 14px; } .errortext { color: red; border: 1px solid red; } .notetext { border: 1px solid green; } /* page */ .centering { width: 100%; max-width: 1260px; min-width: 1260px; margin: 0 auto; text-align: left; } .adaptive .centering { min-width: 320px; } .centeringin { margin: 0px 15px; } /* header */ .tline { width: 100%; height: 8px; background-color: #c4010c; } .tpanel { /* height: 48px */ } .tpanel__flex { display: flex; align-items: center; height: 50px; padding-bottom: 4px; } .tpanel.mod-background { background-color: #f3f3f3; } .tpanel.mod-bot-line .bot-line { border-bottom: 1px solid #ebebeb; } .tpanel__block { margin-right: 20px; } .tpanel__block:last-child { margin-right: 0; } .tpanel .right-part a { text-decoration: none; } .tpanel .right-part a:hover { text-decoration: none; } .svg-icon-header { position: relative; bottom: 1px; width: 16px; height: 16px; margin-bottom: 1px; margin-left: 3px; } .compare .svg-icon-header { margin-right: 3px; } .favorite .svg-icon-header { margin-right: 2px; } .basket .svg-icon-header { margin-right: 4px; } .authandlocation { float: right; } .header .logo a, .header .logo a:hover { text-decoration: none; } .header .logo a img { width: 100%; float: left; } .header .phone { font-family: 'Open Sans', Arial, Helvetica, sans-serif; text-align: center; } .header .phone .icon { line-height: 36px; width: 17px; height: 21px; margin-right: 8px; margin-bottom: 10px; background-position: 0px -33px; } .header .phone .svg-icon { width: 20px; height: 21px; fill: #6d6d6d; line-height: 36px; margin-right: 5px; margin-bottom: 10px; } .header .phone a, .header .phone a:hover { line-height: 36px; font-size: 26px; color: #000; text-decoration: none; } .header .schedule { color: #888888; } .header .callback { text-align: center; } .header .callback a { display: inline-block; padding: 5px 25px; text-align: center; border: 1px solid #e5e5e5; } .callback a:hover{ text-decoration: none; } .header .callback .icon { width: 8px; height: 4px; margin-left: 12px; background-position: 0px -4px; } .header .callback .svg-icon { width: 8px; height: 8px; margin: 0 0 2px 12px; } .header__flex { display: flex; align-items: center; margin-top: 19px; margin-bottom: 11px; } .header__circle { display: inline-block; min-width: 20px; height: 20px; padding: 1px 2px 0; text-align: center; color: black; background-color: #e6e6e6; border-radius: 13px; } .header__circle.js-more-than-zero { color: #fff; background-color: #6b80a0; } /* /header */ /* content */ .content { line-height: 18px; } /* /content */ /* footer */ .u24-footer { margin-top: 50px;} /* footer -> line1 */ .footer .line1 { padding: 30px 0; } .footer .line1 .block { float: left; padding-right: 30px; } .footer .line1 .block.one { width: 20%; } .footer .line1 .block.two { width: 51%; } .footer .line1 .block.three { width: 15%; } .footer .line1 .block.four { width: 14%; padding-right: 0px; } .footer .line1 .block.one img { width: auto; } .footer .line1 .contacts { margin-top: 25px; } .footer .line1 .contacts .phone a { color: #000; font-size: 24px; } .footer .line1 .contacts .recall, .footer .line1 .contacts .feedback { display: inline-block; margin-bottom: 4px; text-decoration: none; } .footer .line1 .contacts .feedback { display: inline-block; margin-top: 25px; } .footer .line1 .contacts .recall .svg-icon, .footer .line1 .contacts .feedback .svg-icon { width: 15px; height: 15px; fill: #c4010c; margin-right: 5px; } .footer .line1 .contacts .recall:hover, .footer .line1 .contacts .feedback:hover { text-decoration: underline; } /* /footer -> line1 */ /* footer -> line2 */ .footer .line2 { padding: 12px 0px; font-size: 11px; border-top: 1px solid #E5E5E5; } .footer .line2 .sitecopy { float: left; } .footer .line2 .developercopy { float: right; } /* /footer -> line2 */ /* /footer */ /* pmenu & pcontent */ .pmenu, .pcontent { margin-top: 20px; float: left; } .pmenu { width: 20%; } .pcontent { width: 75%; padding-left: 25px; } /* /pmenu & pcontent */ /* forms */ /* forms -> universal */ .someform { width: 100%; max-width: 300px; } .someform input[type="text"], .someform input[type="password"], .someform textarea, .someform select { width: 100%; } .someform .line { margin-bottom: 10px; } .someform.secure .line.password .text { background: url("/local/templates/prostroy_default/assets/css/../img/sec.png") 96% 10px no-repeat; } .someform .line.buttons .btn { width: 100%; padding: 11px 14px; } .someform .line.notes { padding-top: 10px; border-top: 1px solid #f2f2f2; } .someform .line.notes div { margin-bottom: 5px; } /* forms -> auth */ .someform.auth .line.password .text { width: 58%; float: left; } .someform.auth .line.password .btn { width: 38%; float: right; padding: 8px 14px 9px; } .someform.auth .line.buttons a { float: right; } .someform.auth .line.forgot span { display: inline-block; float: left; padding-top: 11px; } .someform.auth .line.forgot a { float: right; padding: 11px 18px; } /* forms -> register */ .someform .line.captcha input { width: 108px; } .someform .line.captcha img { float: right; } /* forms */ /* tabes */ .table { width: 100%; } .table .tr { width: 100%; } .table .full, .table .tr, .table .td { float: left; } .table .full, .table .td { padding: 5px 10px; } .table .td { width: 50%; } .table .full { width: 100%; } .table .full.name { color: #c4010c; } .table .full.header { margin-top: 15px; font-weight: bold; border-bottom: 1px solid #F2F2F2; } /* /tabes */ /* additional styles */ .description { overflow-x: hidden; } .elementdetail .prices table td .price.old { min-height: 18px; display: block; } /* /additional styles */ /* main page */ .sorter_and_name { margin-top: 30px; margin-bottom: 15px; } .sorter_and_name .name { float: left; padding: 0px 17px; margin: 0; color: #c4010c; font-size: 24px; font-weight: normal; text-transform: uppercase; } .sorter_and_name .sorter { float: right; } /* /main page */ .num-404-error { font-size: 200px; margin-top: 50px; line-height: 160px; color: #c4010c; } .text-404-error { font-size: 30px; padding: 35px 0 35px; } .errorpagein { margin-bottom: 70px; text-align: center; } .charactersiticSKU { margin-bottom: 15px; } .name_prop_sku { font-weight: 600; margin-right: 5px; font-family: Arial; } .rsgopro-lockscroll { overflow: hidden; } .rsgopro-lockscroll body { overflow: visible; height: 100%; } .presscentermainn { margin-bottom: 25px; } .fancybox-toolbar .fancybox-button--thumbs { display: none; } #paginator { display: inline-block; width: 100%; } @media (min-width: 992px) { .tab-pane-in2 .tab-sorter { position: absolute; top: 1px; right: 18px; display: inline-block; } } @media (max-width: 767px) { .text-xs-center { text-align: center !important; } } div.bx-debug-summary { bottom: 50px !important; } .bigdata .b-sorter__template { display: none; } /*# sourceMappingURL=style.css.map */ .popup-window{background-color:#fff;box-shadow:0 7px 21px rgba(83,92,105,.12),0 -1px 6px 0 rgba(83,92,105,.06);padding:10px;font:13px "Helvetica Neue",Helvetica,Arial,sans-serif;box-sizing:border-box;display:flex;flex-direction:column;justify-content:stretch} .popup-window[style*="block"]{display:flex!important} .popup-window-dark { background-color: rgba(0,0,0,0.8); -webkit-border-radius: 4px; border-radius: 4px; box-shadow: 0 19px 24px rgba(88,112,118,0.17); } .popup-window-dark .popup-window-content { background-color: transparent; color: #fff; margin: 0; } .gopro-container .list-showcase .c-quantity__ratio-price, .gopro-container .list-showcase .c-quantity__ratio { color: #404040; font-size: 10px; } /*header*/ .header .phone .column1inner .svg-icon { margin-bottom: 0; position: relative; top: -5px; } .header .phone .column_callback a { color: #308ac4; text-decoration: none; outline-width: 0; font-size: 13px; line-height: 19px; } #header .phone.column1 { flex-direction: column; justify-content: center; display: flex; } .header .phone .column_callback { display: inline-block; line-height: 19px; text-align: center; } .time_work { color: #6d6d6d; font-size: 12px; max-width: 120px; text-align: center; } .time_work .column1inner { text-align: center; } .header .favorite.column1 { max-width: 170px; } .header .callback.column1 { max-width: 235px; } .header .basket.column1 { max-width: 210px; } .header-fly__panel .header-fly__block.time_work { margin: 0 20px 0 30px; } element.style { } #header .phone.column1 { flex-direction: column; justify-content: center; display: flex; } @media screen and (max-width: 1260px) and (min-width: 876px) { .header .phone.column1 a, .header .phone.column1 a:hover { line-height: 30px; font-size: 20px; } .header .phone.column1 .column_callback a { font-size: 13px; line-height: 19px; } body.adaptive .phone.column1 { width: 20%; } } /**/ @media (max-width:1120px) and (min-width:916px) { .gopro-container .list-showcase .list-showcase__element { width: calc(100% / 3); } } @media (max-width:950px) { .header .centeringin .time_work, .header-fly__panel .header-fly__block.time_work { display: none; } .b-sorter__output_wrap { float: none; width: 100%; clear: both; text-align: left; } .b-sorter__output_wrap>.b-sorter__output { float: none; } .b-sorter__output_wrap .b-sorter__title { display: block; } .b-sorter__output_wrap .b-sorter__dropdown > a { padding: 12px 10px 13px 10px; } } @media (max-width:875px) { body.adaptive .header .phone .column_callback a { font-size: 13px; } } @media (max-width:810px) and (min-width:768px) { .gopro-container .list-showcase .c-prices.view-list.product-alone .c-prices__value { font-size: 16px; } .gopro-container .list-showcase .q-showcase.b-pay__quantity .c-quantity__value[type="text"] { width: 62px; } .b-pay__inner.showcase-q .c-measurename { right: 32px; } .gopro-container .list-showcase .b-pay__inner.showcase-q .b-pay__buy1click { padding: 5px 10px; } } @media (max-width:840px) and (min-width:768px) { .q-showcase.b-pay__quantity input { font-size: 12px; } .q-showcase.b-pay__quantity .c-measurename { font-size: 10px; line-height: 18px; } .q-showcase.b-pay__quantity .c-quantity__minus:before { width: 8px; left: 7px; } .q-showcase.b-pay__quantity .c-quantity__plus:before { left: 7px; width: 9px; } .q-showcase.b-pay__quantity .c-quantity__plus:after { height: 9px; left: 11px; top: 10px; } .q-showcase.b-pay__quantity .c-quantity__minus, .q-showcase.b-pay__quantity .c-quantity__plus { padding: 14px 11px 15px 11px; } .gopro-container .list-showcase .b-pay__inner.showcase-q .b-pay__buy1click { padding: 5px 5px; } .gopro-container .list-showcase .q-showcase.b-pay__quantity .c-quantity__value[type="text"] { width: 55px; } .gopro-container .list-showcase .q-showcase.b-pay__quantity.m_length .c-quantity__value[type="text"] { width: 40px; } .q-showcase.b-pay__quantity.m_length .c-measurename { font-size: 9px; } .list-showcase__compare, .list-showcase__favorite { right: -10px; } .list-showcase__compare { top: -14px; } .list-showcase__favorite { top: 6px; } } @media (max-width:405px) { .q-showcase.b-pay__quantity input { font-size: 12px; } .q-showcase.b-pay__quantity .c-measurename { font-size: 10px; line-height: 18px; } .q-showcase.b-pay__quantity .c-quantity__minus:before { width: 8px; left: 7px; } .q-showcase.b-pay__quantity .c-quantity__plus:before { left: 7px; width: 9px; } .q-showcase.b-pay__quantity .c-quantity__plus:after { height: 9px; left: 11px; top: 10px; } .q-showcase.b-pay__quantity .c-quantity__minus, .q-showcase.b-pay__quantity .c-quantity__plus { padding: 14px 11px 15px 11px; } .gopro-container .list-showcase .b-pay__inner.showcase-q .b-pay__buy1click { padding: 5px 5px; } .gopro-container .list-showcase .q-showcase.b-pay__quantity .c-quantity__value[type="text"] { width: 55px; } .gopro-container .list-showcase .q-showcase.b-pay__quantity.m_length .c-quantity__value[type="text"] { width: 40px; } .q-showcase.b-pay__quantity.m_length .c-measurename { font-size: 9px; } .list-showcase__compare, .list-showcase__favorite { right: -10px; } .list-showcase__compare { top: -14px; } .list-showcase__favorite { top: 6px; } } .fancybox-close-small svg{ height: 24px; width: 24px; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } .c-quantity .c-quantity__value[type="number"]:focus{ outline: none; } .rub{ display: inline-block; font-weight: normal; } @media (min-width: 1010px) { .menu_vertical1 .gopro-banners, .menu_vertical2 .gopro-banners { margin-left: unset; } body.adaptive .catalogmenu li ul.first.rs-show { display: none; } body.adaptive .catalogmenu li.parent:hover ul.first.rs-show { display: block; } } @media (max-width: 480px) { .gopro-banners .owl-carousel .owl-dots { bottom: 16px; left: 0; display: flex; justify-content: center; position: absolute; padding: 0; } .gopro-banners .owl-carousel .owl-dots .owl-dot { border-radius: unset; } .gopro-banners .owl-dots { left: 0; display: flex; justify-content: center; } .gopro-banners .gopro-banners__background { padding-top: 0; /*max-height: 520px;*/ background-image: unset !important; display: flex; justify-content: center; align-items: baseline; height: auto; } .gopro-banners .owl-carousel.owl-drag .owl-item { user-select: unset; -webkit-user-select: unset; } .gopro-banners .owl-carousel .owl-nav div.owl-prev, .gopro-banners .owl-carousel .owl-nav div.owl-next { display: none; } } @media (min-width: 481px) { .gopro-banners .gopro-banners__background .mob-banner { display: none !important; } } .gopro-banners .owl-dots { left: 0; display: flex; justify-content: center; } .gopro-banners .owl-dots .owl-dot { background: rgba(255, 255, 255, 0.5); border: 2px solid #FFFFFF; } .gopro-banners .owl-dots .owl-dot.active { background: #BC0010; border-color: #BC0010; } .gopro-banners .owl-dots .owl-dot:hover, .gopro-banners .owl-dots .owl-dot.active:hover { background: #BC0010; border-color: #BC0010; } .nav.nav-tabs.repeat > li .tab-pane { white-space: normal; color: #000000; margin-top: 60px; font-size: 14px; line-height: 22px; } .nav.nav-tabs.repeat > li .tab-pane .partner-container{ font-size: 12px; line-height: 18px; } .centeringin .nav.nav-tabs.repeat { display: flex; flex-direction: column; overflow-x: unset; overflow-y: unset; } .centeringin .nav.nav-tabs.repeat .tab-pane { opacity: 1; margin-top: 60px; margin-bottom: 60px; display: none; } .centeringin .nav.nav-tabs.repeat .tab-pane[style*="height"] .swiper { pointer-events: none; } .centeringin .nav.nav-tabs.repeat .js-detail-tabs__inner .tab-pane.tab-pane__inner:not(.active) { margin: 0; display: none !important; } .tab-h-block{ display: flex; flex-direction: row-reverse; justify-content: space-between; border-bottom: 2px solid #DDDDDD !important; } .tab-h-block > h3{ font-size: 18px; line-height: 32px; color: #757575; font-family: "Open Sans"; } .nav.nav-tabs.repeat > li h1{ color: #000000; font-size: 24px; line-height: 32px; padding: 16px 0 !important; margin-top: 0; } .nav.nav-tabs.repeat > li h1.intab{ font-size: 18px; line-height: 32px; color: #757575; margin-bottom: 0; } .nav.nav-tabs.repeat > li h2 > a { font-style: normal; font-weight: normal; font-size: 24px; line-height: 32px; font-feature-settings: 'tnum' on, 'lnum' on; color: #000000; display: flex; align-items: center; border-bottom: 2px solid #DDDDDD; padding: 16px 0 !important; cursor: pointer; font-family: "Open Sans"; } .nav.nav-tabs.repeat > li h3 + h2 > a, .nav.nav-tabs.repeat > li h1 + h2 > a { border-bottom: none; } .nav.nav-tabs.repeat > li h2{ margin: 0; } .nav.nav-tabs.repeat > li h2 > a:hover, .nav.nav-tabs.repeat > li h2 > a:active, .nav.nav-tabs.repeat > li h2 > a:focus{ text-decoration: none; } .nav.nav-tabs.repeat > li h2 > a:before { content: ''; display: flex; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='none'%3E%3Cpath d='M1.38756 8.77082L11.8918 19.1183C12.539 19.6272 13.452 19.6272 14.0991 19.1183L24.6048 8.77082C24.8576 8.52273 25 8.1839 25 7.83027C25 7.47664 24.8576 7.1378 24.6048 6.88972C24.0744 6.37026 23.2242 6.37026 22.6938 6.88972L12.9955 16.445L3.307 6.88972C2.7761 6.3701 1.92548 6.3701 1.39458 6.88972C1.14212 7.13799 1 7.47676 1 7.83027C1 8.18378 1.14212 8.52254 1.39458 8.77082H1.38756Z' fill='%23DDDDDD'/%3E%3C/svg%3E"); width: 26px; height: 26px; margin-right: 24px; background-repeat: no-repeat; transition-duration: 0.8s; transition-property: transform; } .nav.nav-tabs.repeat > li.active h2 > a:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='none'%3E%3Cpath d='M1.38756 8.77082L11.8918 19.1183C12.539 19.6272 13.452 19.6272 14.0991 19.1183L24.6048 8.77082C24.8576 8.52273 25 8.1839 25 7.83027C25 7.47664 24.8576 7.1378 24.6048 6.88972C24.0744 6.37026 23.2242 6.37026 22.6938 6.88972L12.9955 16.445L3.307 6.88972C2.7761 6.3701 1.92548 6.3701 1.39458 6.88972C1.14212 7.13799 1 7.47676 1 7.83027C1 8.18378 1.14212 8.52254 1.39458 8.77082H1.38756Z' fill='%23BC0010'/%3E%3C/svg%3E"); } .nav.nav-tabs.repeat > li.active h2 > a:before { transform: rotate(-180deg); } .nav.nav-tabs.repeat > li { background-color: #fff !important; border-bottom: 0; padding: 0; } .nav.nav-tabs.repeat > li.active { border-top: 1px solid transparent; border-right: 1px solid transparent; border-left: 1px solid transparent; } .detail__attributes .row.js-prices { margin-bottom: 34px; align-items: center; } .detail__attributes .row.js-prices .col-sm-4 { width: auto; /*flex-grow: 1;*/ } .detail__attributes .row.js-prices .col-sm-4:first-of-type { min-width: 225px; padding-right: 0; } .detail__previewtext.hidden-xs { display: none; } .infobox, table.table-infobox, .table.table-infobox > tbody > tr > td { background: #ffffff !important; } .centeringin .nav.nav-tabs.repeat .active .tab-pane.mb-0 { margin-bottom: 0; } .centeringin .nav.nav-tabs.repeat .active .tab-pane.visible { overflow: visible; } .js-detail-tabs.repeat .news-list__title { display: none; } .prices-slider .c-prices__after{ color: #9F9F9F; display: flex; float: right; padding-left: 2px; } .c-price-btn_sum .c-prices__after{ display: flex; flex-direction: row; align-items: self-end; height: 14px; gap: 3px; padding-left: 3px; } .prices-slider .c-prices__number { font-style: normal; font-weight: 600; font-size: 13px; font-feature-settings: 'tnum' on, 'onum' on; color: #9F9F9F; line-height: 24px; } .list-showcase .prices-slider .c-prices__number { font-size: 13px; } .list-showcase .green-btn .c-prices__number{ font-weight: 400; font-size: 9px; font-feature-settings: 'tnum' on, 'onum' on; line-height: 20px; } .prices-slider .c-prices__value-print .rub { color: #9F9F9F; margin-left: 4px; } .prices-slider .c-prices__value { font-size: 32px; line-height: 36px; opacity: 0; } .list-showcase .prices-slider .c-prices__value { font-size: 24px; line-height: 32px; font-weight: 600; } .detail__inner .c-attributes__arrow { width: 14px; height: 14px; fill-rule: nonzero; fill: #757575; } .detail__inner .detail__prices .c-quantity__minus { border-radius: 4px 0px 0px 4px; } .detail__inner .detail__prices .c-quantity__plus { border-radius: 0 4px 4px 0; } .detail__inner .detail__prices .c-quantity .c-quantity__value[type="number"], .detail__inner .detail__prices .c-quantity .c-measurename { border-radius: 0; border-left: 0; border-right: 0; -webkit-appearance: none; } .detail__inner .detail__prices .c-quantity .c-measurename { padding-right: 16px; } .detail__inner .detail__prices .infobox { padding-left: 0; padding-top: 3px; } .detail__inner .detail__prices .table-infobox { width: 291px; } .detail__inner .detail__prices .table.table-infobox > tbody > tr > td:first-of-type { padding-left: 0; } .detail__inner .detail__prices .table.table-infobox > tbody > tr > td:last-of-type { padding-right: 0; } .detail__inner .detail__prices .table.table-infobox > tbody > tr { border-bottom: 1px dashed #B4B6B7; } .detail__inner .detail__prices .table.table-infobox > tbody > tr > td { border-bottom: 0; padding: 3px 3px; } .detail__attributes .b-pay__form .b-pay__add2basket, .detail__attributes .b-pay__form .b-pay__buy1click { width: 143px; } .detail__attributes .c-attributes.view-list { display: flex; flex-direction: column-reverse; } .detail__attributes .c-attributes.view-list .c-attributes__name { display: inline-block; } .detail__inner .c-attributes.view-list .c-attributes__prop .c-attributes__current-value__pseudo-option { border: none; } .c-attributes__options { display: flex; position: relative; } .c-attributes__options .owl-stage-outer { overflow: hidden; } .c-attributes.view-list .owl-stage .owl-item { float: left } .c-attributes__options .mobile-arrow { transform: translateY(-50%); width: 55px; height: calc(100% + 1px); display: flex; top: 50%; right: -1px; position: absolute; background: linear-gradient(270deg, #FFFFFF 25%, rgba(255, 255, 255, 0) 100%) no-repeat; align-items: center; justify-content: flex-end; cursor: pointer; } .c-attributes__options .mobile-arrow.left { justify-content: flex-start; right: unset; left: -1px; background: linear-gradient(91deg, #FFFFFF 25%, rgba(255, 255, 255, 0) 100%); } .c-attributes__options .mobile-arrow:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='12' viewBox='0 0 7 12' fill='none'%3E%3Cpath d='M0.656411 10.8475L5.45705 5.99998L0.656412 1.15243C0.394152 0.888236 0.394152 0.461943 0.656412 0.197753C0.781267 0.0712157 0.951619 -1.52666e-05 1.12938 -1.52588e-05C1.30715 -1.5251e-05 1.4775 0.0712157 1.60236 0.197753L6.80669 5.44791C7.06449 5.77082 7.06449 6.22915 6.80669 6.55206L1.60236 11.8022C1.4775 11.9288 1.30715 12 1.12938 12C0.951619 12 0.781266 11.9288 0.656411 11.8022C0.394152 11.538 0.394152 11.1117 0.656411 10.8475Z' fill='%23BC0010'/%3E%3C/svg%3E"); content: ''; width: 7px; height: 12px; } .c-attributes__options .mobile-arrow.left:before { transform: rotate(180deg); } .c-attributes__options .owl-prev.disabled, .c-attributes__options .owl-next.disabled { opacity: 0; } .c-attributes__select.js-attributes__select.c-attributes__select__gallery:not(.c-attributes__select__drop) .c-attributes__option { opacity: 0; margin-right: 10px; } .c-attributes__select.js-attributes__select.c-attributes__select__gallery:not(.c-attributes__select__drop) .owl-item .c-attributes__option { opacity: 1; } .c-attributes__options .owl-stage, .c-attributes__options.owl-drag .owl-item { -ms-touch-action: pan-y !important; touch-action: pan-y !important; } @media (min-width: 768px) { .detail .detail__prices .row > div { width: auto; } .detail .detail__prices .row > div:not(:last-of-type) { margin-right: 32px; } .nav.nav-tabs.repeat > li:hover h2 > a:hover { color: #BC0010; } .nav.nav-tabs.repeat > li:hover h2 > a:before, .nav.nav-tabs.repeat > li.active h2 > a:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='none'%3E%3Cpath d='M1.38756 8.77082L11.8918 19.1183C12.539 19.6272 13.452 19.6272 14.0991 19.1183L24.6048 8.77082C24.8576 8.52273 25 8.1839 25 7.83027C25 7.47664 24.8576 7.1378 24.6048 6.88972C24.0744 6.37026 23.2242 6.37026 22.6938 6.88972L12.9955 16.445L3.307 6.88972C2.7761 6.3701 1.92548 6.3701 1.39458 6.88972C1.14212 7.13799 1 7.47676 1 7.83027C1 8.18378 1.14212 8.52254 1.39458 8.77082H1.38756Z' fill='%23BC0010'/%3E%3C/svg%3E"); } } @media (max-width: 767px) { .infobox { padding-left: 0 !important; padding-right: 0 !important; } .gopro-banners__background { background-size: contain; } .c-favorite .svg-icon { margin-right: 6px; } .mobile-arrow { transform: translateY(-50%); width: 44px; height: 100%; display: flex; top: 50%; right: -1px; position: absolute; background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%) no-repeat; align-items: center; justify-content: flex-end; } .mobile-arrow.left { justify-content: end; right: unset; left: -1px; background: linear-gradient(91deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); } .mobile-arrow:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='12' viewBox='0 0 7 12' fill='none'%3E%3Cpath d='M0.656411 10.8475L5.45705 5.99998L0.656412 1.15243C0.394152 0.888236 0.394152 0.461943 0.656412 0.197753C0.781267 0.0712157 0.951619 -1.52666e-05 1.12938 -1.52588e-05C1.30715 -1.5251e-05 1.4775 0.0712157 1.60236 0.197753L6.80669 5.44791C7.06449 5.77082 7.06449 6.22915 6.80669 6.55206L1.60236 11.8022C1.4775 11.9288 1.30715 12 1.12938 12C0.951619 12 0.781266 11.9288 0.656411 11.8022C0.394152 11.538 0.394152 11.1117 0.656411 10.8475Z' fill='%23BC0010'/%3E%3C/svg%3E"); content: ''; width: 7px; height: 12px; } .mobile-arrow.left:before { transform: rotate(180deg); } .centeringin .nav.nav-tabs.repeat .tab-pane { margin: 40px 0 40px; opacity: 1; transition: none; height: auto; max-height: unset; overflow: visible; } .centeringin .nav.nav-tabs.repeat .tab-pane .col-xs-12:first-of-type .c-gruppedprops__group { padding-top: 0; } .detail__attributes .b-pay__form .b-pay__add2basket { margin-right: 0; margin-left: auto; } .detail__attributes .b-pay__form .b-pay__buttons { display: flex; } .detail__inner .detail__prices .infobox, .detail__inner .detail__prices .table-infobox { width: 100%; } .detail__attributes .b-pay__form .b-pay__add2basket, .detail__attributes .b-pay__form .b-pay__buy1click { width: 50%; min-width: 139px; max-width: 240px; } .detail__attributes .detail__pay { margin-right: 0; width: 100%; } .detail__attributes .detail__stores { width: 100%; } .detail { margin-bottom: 30px; } .detail__pay .c-favorite .svg-icon{ width: 16px; margin-right: 0; } .detail__attributes .row.js-prices .col-sm-4 { width: 100%; } .detail__attributes .row.js-prices .col-sm-4:not(:first-of-type) { margin: 0; } } @media (min-width: 768px) and (max-width: 1099px) { .detail__attributes .row.js-prices { display: flex; flex-direction: column; align-items: baseline; } } /* End */ /* Start:/local/templates/prostroy_default/assets/css/slider.css?166662136017079*/ .newsslider .cust-arrow-owl { position: absolute; } .newsslider .owl-nav .cust-arrow-owl:before { content: ''; display: -webkit-box; display: -ms-flexbox; display: flex; background-repeat: no-repeat; -webkit-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; } .newsslider .owl-nav .disabled .cust-arrow-owl:before { opacity: 0.35; } .newsslider .cust-arrow-owl.arrow-left:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .newsslider .cust-arrow-owl.arrow-right:before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .newsslider .owl-dots { position: absolute; left: 0; right: 0; text-align: center; margin-top: -50px; margin-bottom: 25px; z-index: 1; } .newsslider .owl-dot { display: inline-block; width: 8px; height: 8px; background: #F3F3F3; margin: 8px; border-radius: 50%; } .newsslider .owl-dot.smaller{ width: 4px; height: 4px; margin: 10px; } .newsslider .owl-dot.d-none{ display: none; } .newsslider .owl-dots .owl-dot.active { background-color: #BC0010; } .newsslider .newsslider__container .newsslider__block { position: relative; height: 100%; z-index: 0; } .newsslider .newsslider__container .newsslider__img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; z-index: 1; pointer-events: none; max-width: unset; max-height: unset; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: all 0.05s ease-out; } .newsslider .newsslider__container .owl-stage-outer { z-index: 1; -webkit-box-sizing: content-box; box-sizing: content-box; } .newsslider .newsslider__container .owl-stage-outer:hover { z-index: 2; } .newsslider .newsslider__container .owl-stage { height: 100%; } .newsslider .newsslider__container .owl-item { height: 100%; } .newsslider .newsslider__card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; -webkit-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; webkit-transition: 0.3s all; background-color: #f3f3f3; } .newsslider .newsslider__card:hover, .newsslider .newsslider__card:target, .newsslider .newsslider__card.mob-hover { -webkit-box-shadow: 0px 5px 14px #C4C4C4; box-shadow: 0px 5px 14px #C4C4C4; } .newsslider .newsslider__card .newsslider__card_null { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .newsslider .newsslider__card .newsslider__card_bottom { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: end; padding: 60px 24px 24px; z-index: 2; color: #fff; } .newsslider .newsslider__card .newsslider__card_hover { display: none; background-color: #f3f3f3; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; left: 0; right: 0; padding: 0px 24px 24px; z-index: 2; } .newsslider .newsslider__date, .newsslider .newsslider__date > * { font-size: 14px; font-weight: normal; line-height: 18px; text-decoration: none; color: #fff; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .newsslider .newsslider__title, .newsslider .newsslider__title > * { font-size: 16px; font-weight: 700; line-height: 22px; text-decoration: none; color: #fff; display: -webkit-box; /*-webkit-line-clamp: 2;*/ -webkit-box-orient: vertical; overflow: hidden; } .newsslider .newsslider__title > a:hover { color: #fff; text-decoration: underline; } .newsslider .newsslider__content, .newsslider .newsslider__content > * { font-size: 14px; font-weight: 500; line-height: 18px; text-decoration: none; color: #fff; display: -webkit-box; /*-webkit-line-clamp: 2;*/ -webkit-box-orient: vertical; overflow: hidden; } .newsslider .newsslider__timer .countdown { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; } .newsslider .newsslider__timer .countdown-number { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .newsslider .newsslider__timer .countdown-title { /*max-width: 80px;*/ margin-right: 12px; font-weight: normal; font-size: 16px; line-height: 16px; margin-left: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-font-feature-settings: 'tnum' on, 'lnum' on; font-feature-settings: 'tnum' on, 'lnum' on; } .newsslider .newsslider__timer .countdown-colon { margin: 2px 4px 0; font-family: 'OpenSans-Semibold'; font-size: 18px; line-height: 12px; -ms-flex-item-align: start; align-self: flex-start; } .newsslider .newsslider__timer .countdown-time { font-weight: normal; font-size: 24px; line-height: 18px; margin-bottom: 4px; text-align: center; -webkit-font-feature-settings: 'tnum' on, 'lnum' on; font-feature-settings: 'tnum' on, 'lnum' on; } .newsslider .newsslider__timer .countdown-text { font-style: normal; font-weight: normal; font-size: 12px; line-height: 12px; } .newsslider .newsslider__phone a, .newsslider .newsslider__phone a:hover { font-size: 12px; line-height: 18px; color: #FFFFFF; display: inline-block; vertical-align: middle; /*display: -webkit-box;*/ /*display: -ms-flexbox;*/ /*display: flex;*/ /*-webkit-box-align: center;*/ /*-ms-flex-align: center;*/ /*align-items: center;*/ text-decoration: unset; } .newsslider .newsslider__phone a:before { content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M14.048 18.9999C13.9768 18.9999 13.8991 18.9964 13.8124 18.9925C13.1392 18.9494 12.1473 18.7984 10.4659 18.002C8.15487 16.8862 6.12715 15.3008 4.44147 13.2904C3.05973 11.6316 2.12535 10.076 1.50153 8.39553C1.24967 7.7175 0.92551 6.69018 1.01529 5.59881C1.06587 4.96126 1.34554 4.36345 1.80275 3.91558L3.13047 2.57777C3.48222 2.24089 3.89188 2.06274 4.31554 2.06274C4.73919 2.06274 5.14031 2.24089 5.48156 2.57738L5.48662 2.58203C5.73925 2.8149 5.98334 3.0629 6.20955 3.29616C6.32615 3.42035 6.4517 3.54571 6.57296 3.66719L7.63405 4.72673C8.37914 5.47035 8.37914 6.3956 7.63405 7.13805C7.57937 7.19265 7.52457 7.24802 7.46964 7.30417C7.41561 7.35889 7.36159 7.414 7.30756 7.46795L7.22361 7.55333C6.96358 7.81569 6.69578 8.08698 6.41127 8.34663L6.3075 8.44171L6.36541 8.56979C6.61222 9.11509 6.94337 9.63748 7.43971 10.2639C8.45609 11.5109 9.51757 12.4761 10.6867 13.2178C10.8091 13.2954 10.9448 13.3618 11.0886 13.4336L11.1865 13.4836C11.2514 13.517 11.3171 13.5504 11.3809 13.5861L11.508 13.6544L12.8384 12.3298C13.1929 11.9758 13.6049 11.7888 14.0305 11.7888C14.4561 11.7888 14.863 11.9762 15.2039 12.3321L17.3416 14.4729C17.6965 14.8222 17.8834 15.2364 17.8834 15.6672C17.8834 16.098 17.6992 16.5136 17.3509 16.8757C17.2087 17.024 17.0501 17.1812 16.8515 17.3706L16.7967 17.423C16.5707 17.6331 16.3566 17.8558 16.1554 18.0897L16.1503 18.0963C16.1464 18.1002 16.1425 18.1053 16.1379 18.1107C15.5891 18.7002 14.8844 18.9999 14.048 18.9999ZM4.32331 2.72253C4.07883 2.72253 3.82853 2.83625 3.5996 3.05087L2.26955 4.37859C1.92206 4.71592 1.71119 5.16925 1.67721 5.65198C1.6158 6.40026 1.75494 7.17531 2.12418 8.16577C2.71886 9.76983 3.61825 11.2664 4.95491 12.8755C6.57763 14.8098 8.53072 16.3359 10.7567 17.4125C11.5775 17.8045 12.6713 18.264 13.8606 18.3397C13.9248 18.3439 13.9924 18.3439 14.0519 18.3439C14.7126 18.3439 15.2218 18.1285 15.6551 17.6655L15.6614 17.6585C15.8932 17.392 16.1389 17.1379 16.3975 16.8971L16.4873 16.8101C16.6233 16.6778 16.752 16.5528 16.8799 16.4154C17.3486 15.9291 17.3463 15.4009 16.8705 14.9305L14.725 12.7882C14.6057 12.6585 14.3585 12.4447 14.0254 12.4447C13.7145 12.4447 13.4599 12.6341 13.3009 12.794L11.9693 14.1201C11.9118 14.1776 11.7583 14.3309 11.5161 14.3309C11.4121 14.3293 11.3099 14.3027 11.2184 14.2533L11.211 14.2486C11.2013 14.2424 11.1912 14.2366 11.1815 14.2311C11.0626 14.1582 10.9285 14.091 10.787 14.0204C10.6291 13.9449 10.4753 13.8614 10.326 13.7701C9.09663 12.9939 7.98269 11.9817 6.92122 10.6757L6.91461 10.6679L6.91189 10.6648C6.33548 9.93206 5.95886 9.3204 5.69495 8.68195L5.68523 8.65362C5.61993 8.44676 5.59272 8.21855 5.8407 7.97133L5.85663 7.95541C6.18701 7.65929 6.48901 7.36122 6.83532 7.00532C6.91072 6.93236 6.98574 6.85668 7.05803 6.78371C7.09495 6.7449 7.13227 6.70881 7.16958 6.67116C7.66086 6.18098 7.66086 5.68381 7.16958 5.19362L6.1085 4.13409C6.04864 4.07199 5.98645 4.00911 5.92465 3.94624C5.86285 3.88337 5.80183 3.82166 5.74159 3.75956C5.48428 3.49448 5.26585 3.27365 5.03769 3.06096L5.02798 3.05126C4.81304 2.83625 4.56934 2.72253 4.32331 2.72253Z' fill='white' stroke='white' stroke-width='0.75'/%3E%3Cpath d='M15.3343 9.48812C15.2567 9.48869 15.1813 9.46168 15.1217 9.41192C15.0621 9.36216 15.0222 9.29288 15.009 9.21644C14.8259 8.16214 14.3209 7.19013 13.5632 6.43346C12.8055 5.6768 11.8322 5.17248 10.7763 4.98954C10.7346 4.9831 10.6946 4.96829 10.6587 4.94602C10.6228 4.92374 10.5919 4.89445 10.5676 4.85991C10.5323 4.81015 10.5114 4.75164 10.5071 4.69079C10.5029 4.62994 10.5155 4.56911 10.5436 4.51496C10.5717 4.4608 10.6142 4.41541 10.6665 4.38377C10.7187 4.35213 10.7786 4.33546 10.8397 4.33557C10.8583 4.3356 10.8769 4.33715 10.8953 4.34023C12.0847 4.54629 13.1813 5.11448 14.0348 5.96697C14.8883 6.81946 15.4571 7.91457 15.6632 9.10234C15.6774 9.18946 15.6567 9.27869 15.6056 9.35073C15.5812 9.38565 15.55 9.41534 15.5139 9.43807C15.4777 9.4608 15.4375 9.4761 15.3954 9.48307H15.3895C15.3713 9.48594 15.3528 9.48763 15.3343 9.48812Z' fill='white' stroke='white' stroke-width='0.75'/%3E%3Cpath d='M18.6694 9.32818C18.5917 9.32875 18.5164 9.30175 18.4568 9.25199C18.3972 9.20223 18.3572 9.13295 18.3441 9.05651C18.0308 7.20763 17.1461 5.50296 15.8138 4.18146C14.4895 2.85252 12.7829 1.96928 10.932 1.65486C10.8451 1.64006 10.7676 1.59139 10.7166 1.51956C10.6656 1.44773 10.6452 1.35862 10.66 1.2718C10.6731 1.19621 10.7124 1.12763 10.771 1.078C10.8296 1.02836 10.9038 1.0008 10.9806 1.00012C10.9994 1.00007 11.0181 1.00176 11.0366 1.00517C13.0239 1.34199 14.8562 2.29033 16.2775 3.71767C17.7068 5.13644 18.6567 6.96546 18.9947 8.94939C19.0025 8.99178 19.0016 9.0353 18.992 9.07733C18.9825 9.11936 18.9645 9.15901 18.9391 9.1939C18.915 9.22805 18.8842 9.25702 18.8486 9.27908C18.813 9.30115 18.7733 9.31586 18.732 9.32236H18.725C18.7066 9.32551 18.688 9.32745 18.6694 9.32818Z' fill='white' stroke='white' stroke-width='0.75'/%3E%3C/svg%3E"); background-size: contain; width: 18px; height: 18px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-right: 8px; vertical-align: middle; } .newsslider .newsslider__zvonok a, .newsslider .newsslider__zvonok a:hover { font-style: normal; font-weight: normal; font-size: 13px; line-height: 18px; border-bottom: 1px dashed #FFFFFF; color: #FFFFFF; text-decoration: unset; } .newsslider .newsslider__button .btn { padding-top: 10px; padding-bottom: 10px; font-size: 12px; line-height: 16px; } .newsslider .newsslider__date{ margin: 0; } .newsslider .newsslider__title{ margin: 8px 0 0; } .newsslider .newsslider__content, .newsslider .newsslider__phone, .newsslider .newsslider__zvonok { margin: 12px 0 0; } .newsslider .newsslider__card_bottom .newsslider__zvonok{ margin-top: 5px; } .newsslider .newsslider__timer{ margin-top: 16px; } .newsslider .newsslider__card_hover > *:first-child { margin-top: 10px; } .newsslider .newsslider__button { margin: 24px 0 0 !important; } .newsslider .newsslider__container.slider-tags .newsslider__block{ min-height: 349px; } .newsslider .newsslider__container.slider-tags .newsslider__img{ height: auto; max-height: 100%; } @media (max-width: 576px) { .newsslider .cust-arrow-owl { position: absolute; top: 38%; top: calc(45% - 45px); } .newsslider .newsslider__container .owl-stage-outer { height: 440px !important; padding-bottom: 80px; } .newsslider .newsslider__card.mob-hover .newsslider__card_hover { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 94%; top: calc(100% - 24px); } .newsslider .cust-arrow-owl { width: 40px; height: 40px; background-color: rgba(245, 245, 245, 0.8); border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .newsslider .cust-arrow-owl.arrow-left { left: 5%; } .newsslider .cust-arrow-owl.arrow-right { right: 5%; } .newsslider .owl-nav .cust-arrow-owl:before { width: 24px; height: 24px; margin: auto; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='none'%3E%3Cpath d='M1.38756 8.77082L11.8918 19.1183C12.539 19.6272 13.452 19.6272 14.0991 19.1183L24.6048 8.77082C24.8576 8.52273 25 8.1839 25 7.83027C25 7.47664 24.8576 7.1378 24.6048 6.88972C24.0744 6.37026 23.2242 6.37026 22.6938 6.88972L12.9955 16.445L3.307 6.88972C2.7761 6.3701 1.92548 6.3701 1.39458 6.88972C1.14212 7.13799 1 7.47676 1 7.83027C1 8.18378 1.14212 8.52254 1.39458 8.77082H1.38756Z' fill='%23373737'/%3E%3C/svg%3E"); opacity: 0.8; } .newsslider .mob-hover .newsslider__card_bottom .newsslider__button { visibility: hidden; pointer-events: none; z-index: -1; } .newsslider .mob-hover .newsslider__card_hover .newsslider__button { display: block !important; } .newsslider .newsslider__card.mob-hover .newsslider__card_hover { top: 84%; top: calc(100% - 86px); } } @media (min-width: 577px) { .newsslider .cust-arrow-owl { position: absolute; top: 40%; top: calc(50% - 55px); } .newsslider .newsslider__container .owl-stage-outer { height: 400px !important; padding-bottom: 110px; } .newsslider .newsslider__card:hover .newsslider__card_hover { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 94%; top: calc(100% - 24px); } .newsslider .cust-arrow-owl { width: 26px; height: 26px; } .newsslider .cust-arrow-owl.arrow-left { left: -5%; } .newsslider .cust-arrow-owl.arrow-right { right: -5%; } .newsslider .owl-nav .cust-arrow-owl:before { width: 100%; height: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='none'%3E%3Cpath d='M1.38756 8.77082L11.8918 19.1183C12.539 19.6272 13.452 19.6272 14.0991 19.1183L24.6048 8.77082C24.8576 8.52273 25 8.1839 25 7.83027C25 7.47664 24.8576 7.1378 24.6048 6.88972C24.0744 6.37026 23.2242 6.37026 22.6938 6.88972L12.9955 16.445L3.307 6.88972C2.7761 6.3701 1.92548 6.3701 1.39458 6.88972C1.14212 7.13799 1 7.47676 1 7.83027C1 8.18378 1.14212 8.52254 1.39458 8.77082H1.38756Z' fill='%23BC0010'/%3E%3C/svg%3E"); } } /* End */ /* Start:/local/templates/prostroy_default/assets/lib/fancybox3/jquery.fancybox.min.css?159233705112795*/ 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/prostroy_default/assets/lib/owl2/owl.carousel.min.css?15673801133356*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/prostroy_default/assets/lib/owl2/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* End */ /* Start:/local/templates/prostroy_default/assets/lib/scrollbar/jquery.scrollbar.css?153660709223056*/ /*************** SCROLLBAR BASE CSS ***************/ .scroll-wrapper { overflow: hidden !important; padding: 0 !important; position: relative; } .scroll-wrapper > .scroll-content { border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important; } .scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0; } .scroll-wrapper.scroll--rtl { direction: rtl; } .scroll-element { box-sizing: content-box; display: none; } .scroll-element div { box-sizing: content-box; } .scroll-element .scroll-bar, .scroll-element .scroll-arrow { cursor: default; } .scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible { display: block; } .scroll-textarea { border: 1px solid #cccccc; border-top-color: #999999; } .scroll-textarea > .scroll-content { overflow: hidden !important; } .scroll-textarea > .scroll-content > textarea { border: none !important; box-sizing: border-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: none; padding: 2px; position: relative !important; top: 0; width: 100% !important; } .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { height: 0; width: 0; } /*************** SIMPLE INNER SCROLLBAR ***************/ .scrollbar-inner > .scroll-element, .scrollbar-inner > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-inner > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-inner > .scroll-element.scroll-x { bottom: 2px; height: 8px; left: 0; width: 100%; } .scrollbar-inner > .scroll-element.scroll-y { height: 100%; right: 2px; top: 0; width: 8px; } .scrollbar-inner > .scroll-element .scroll-element_outer { overflow: hidden; } .scrollbar-inner > .scroll-element .scroll-element_outer, .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.4; } .scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; } .scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; } .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; } .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; } .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; } .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; } .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; } /*************** SIMPLE OUTER SCROLLBAR ***************/ .scrollbar-outer > .scroll-element, .scrollbar-outer > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-outer > .scroll-element { background-color: #ffffff; } .scrollbar-outer > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-outer > .scroll-element.scroll-x { bottom: 0; height: 12px; left: 0; width: 100%; } .scrollbar-outer > .scroll-element.scroll-y { height: 100%; right: 0; top: 0; width: 12px; } .scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 2px; } .scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { left: 2px; width: 8px; } .scrollbar-outer > .scroll-element .scroll-element_outer { overflow: hidden; } .scrollbar-outer > .scroll-element .scroll-element_track { background-color: #eeeeee; } .scrollbar-outer > .scroll-element .scroll-element_outer, .scrollbar-outer > .scroll-element .scroll-element_track, .scrollbar-outer > .scroll-element .scroll-bar { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .scrollbar-outer > .scroll-element .scroll-bar { background-color: #d9d9d9; } .scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; } .scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; } /* scrollbar height/width & offset from container borders */ .scrollbar-outer > .scroll-content.scroll-scrolly_visible { left: -12px; margin-left: 12px; } .scrollbar-outer > .scroll-content.scroll-scrollx_visible { top: -12px; margin-top: 12px; } .scrollbar-outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px; } .scrollbar-outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; } .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; } .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -14px; } .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -14px; } /*************** SCROLLBAR MAC OS X ***************/ .scrollbar-macosx > .scroll-element, .scrollbar-macosx > .scroll-element div { background: none; border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-macosx > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-macosx > .scroll-element .scroll-element_track { display: none; } .scrollbar-macosx > .scroll-element .scroll-bar { background-color: #6C6E71; display: block; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .scrollbar-macosx:hover > .scroll-element .scroll-bar, .scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; } .scrollbar-macosx > .scroll-element.scroll-x { bottom: 0px; height: 0px; left: 0; min-width: 100%; overflow: visible; width: 100%; } .scrollbar-macosx > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0px; top: 0; width: 0px; } /* scrollbar height/width & offset from container borders */ .scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -9px; min-height: 10px; width: 7px; } .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; } .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; } .scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; } /*************** SCROLLBAR LIGHT ***************/ .scrollbar-light > .scroll-element, .scrollbar-light > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; } .scrollbar-light > .scroll-element { background-color: #ffffff; } .scrollbar-light > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-light > .scroll-element .scroll-element_outer { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .scrollbar-light > .scroll-element .scroll-element_size { background: #dbdbdb; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+"); background: -moz-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #dbdbdb), color-stop(100%, #e8e8e8)); background: -webkit-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%); background: -o-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%); background: -ms-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%); background: linear-gradient(to right, #dbdbdb 0%, #e8e8e8 100%); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .scrollbar-light > .scroll-element.scroll-x { bottom: 0; height: 17px; left: 0; min-width: 100%; width: 100%; } .scrollbar-light > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0; top: 0; width: 17px; } .scrollbar-light > .scroll-element .scroll-bar { background: #fefefe; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+"); background: -moz-linear-gradient(left, #fefefe 0%, #f5f5f5 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fefefe), color-stop(100%, #f5f5f5)); background: -webkit-linear-gradient(left, #fefefe 0%, #f5f5f5 100%); background: -o-linear-gradient(left, #fefefe 0%, #f5f5f5 100%); background: -ms-linear-gradient(left, #fefefe 0%, #f5f5f5 100%); background: linear-gradient(to right, #fefefe 0%, #f5f5f5 100%); border: 1px solid #dbdbdb; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } /* scrollbar height/width & offset from container borders */ .scrollbar-light > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; } .scrollbar-light > .scroll-content.scroll-scrollx_visible { top: -17px; margin-top: 17px; } .scrollbar-light > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 0px; } .scrollbar-light > .scroll-element.scroll-y .scroll-bar { left: 0px; min-height: 10px; width: 10px; } .scrollbar-light > .scroll-element.scroll-x .scroll-element_outer { height: 12px; left: 2px; top: 2px; } .scrollbar-light > .scroll-element.scroll-x .scroll-element_size { left: -4px; } .scrollbar-light > .scroll-element.scroll-y .scroll-element_outer { left: 2px; top: 2px; width: 12px; } .scrollbar-light > .scroll-element.scroll-y .scroll-element_size { top: -4px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; } .scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; } .scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; } .scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; } /*************** SCROLLBAR RAIL ***************/ .scrollbar-rail > .scroll-element, .scrollbar-rail > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; } .scrollbar-rail > .scroll-element { background-color: #ffffff; } .scrollbar-rail > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-rail > .scroll-element .scroll-element_size { background-color: #999; background-color: rgba(0, 0, 0, 0.3); } .scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size { background-color: #666; background-color: rgba(0, 0, 0, 0.5); } .scrollbar-rail > .scroll-element.scroll-x { bottom: 0; height: 12px; left: 0; min-width: 100%; padding: 3px 0 2px; width: 100%; } .scrollbar-rail > .scroll-element.scroll-y { height: 100%; min-height: 100%; padding: 0 2px 0 3px; right: 0; top: 0; width: 12px; } .scrollbar-rail > .scroll-element .scroll-bar { background-color: #d0b9a0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); } .scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar { box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); } /* scrollbar height/width & offset from container borders */ .scrollbar-rail > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; } .scrollbar-rail > .scroll-content.scroll-scrollx_visible { margin-top: 17px; top: -17px; } .scrollbar-rail > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 1px; } .scrollbar-rail > .scroll-element.scroll-y .scroll-bar { left: 1px; min-height: 10px; width: 10px; } .scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer { height: 15px; left: 5px; } .scrollbar-rail > .scroll-element.scroll-x .scroll-element_size { height: 2px; left: -10px; top: 5px; } .scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer { top: 5px; width: 15px; } .scrollbar-rail > .scroll-element.scroll-y .scroll-element_size { left: 5px; top: -10px; width: 2px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -25px; } .scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -25px; } .scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -25px; } .scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -25px; } /*************** SCROLLBAR DYNAMIC ***************/ .scrollbar-dynamic > .scroll-element, .scrollbar-dynamic > .scroll-element div { background: none; border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-dynamic > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-dynamic > .scroll-element.scroll-x { bottom: 2px; height: 7px; left: 0; min-width: 100%; width: 100%; } .scrollbar-dynamic > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 2px; top: 0; width: 7px; } .scrollbar-dynamic > .scroll-element .scroll-element_outer { opacity: 0.3; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } .scrollbar-dynamic > .scroll-element .scroll-element_size { background-color: #cccccc; opacity: 0; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; -ms-transition: opacity 0.2s; transition: opacity 0.2s; } .scrollbar-dynamic > .scroll-element .scroll-bar { background-color: #6c6e71; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } /* scrollbar height/width & offset from container borders */ .scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar { bottom: 0; height: 7px; min-width: 24px; top: auto; } .scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar { left: auto; min-height: 24px; right: 0; width: 7px; } .scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer { bottom: 0; top: auto; left: 2px; -webkit-transition: height 0.2s; -moz-transition: height 0.2s; -o-transition: height 0.2s; -ms-transition: height 0.2s; transition: height 0.2s; } .scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer { left: auto; right: 0; top: 2px; -webkit-transition: width 0.2s; -moz-transition: width 0.2s; -o-transition: width 0.2s; -ms-transition: width 0.2s; transition: width 0.2s; } .scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size { left: -4px; } .scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size { top: -4px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; } .scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; } /* hover & drag */ .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer { overflow: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; } .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size, .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size { opacity: 1; } .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar, .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar { height: 100%; width: 100%; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } .scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer { height: 20px; min-height: 7px; } .scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer { min-width: 7px; width: 20px; } /*************** SCROLLBAR GOOGLE CHROME ***************/ .scrollbar-chrome > .scroll-element, .scrollbar-chrome > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; } .scrollbar-chrome > .scroll-element { background-color: #ffffff; } .scrollbar-chrome > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-chrome > .scroll-element .scroll-element_track { background: #f1f1f1; border: 1px solid #dbdbdb; } .scrollbar-chrome > .scroll-element.scroll-x { bottom: 0; height: 16px; left: 0; min-width: 100%; width: 100%; } .scrollbar-chrome > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0; top: 0; width: 16px; } .scrollbar-chrome > .scroll-element .scroll-bar { background-color: #d9d9d9; border: 1px solid #bdbdbd; cursor: default; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .scrollbar-chrome > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; border-color: #a9a9a9; } .scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; border-color: #7e7e7e; } /* scrollbar height/width & offset from container borders */ .scrollbar-chrome > .scroll-content.scroll-scrolly_visible { left: -16px; margin-left: 16px; } .scrollbar-chrome > .scroll-content.scroll-scrollx_visible { top: -16px; margin-top: 16px; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-bar { height: 8px; min-width: 10px; top: 3px; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-bar { left: 3px; min-height: 10px; width: 8px; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer { border-left: 1px solid #dbdbdb; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track { height: 14px; left: -3px; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size { height: 14px; left: -4px; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer { border-top: 1px solid #dbdbdb; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track { top: -3px; width: 14px; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size { top: -4px; width: 14px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; } .scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; } .scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; } .scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; } /* End */ /* Start:/local/templates/prostroy_default/assets/js/glass/style.css?1536607092298*/ .glass{ position:relative; display:inline-block; //display:inline; //zoom:1; } .glass_lupa{ position:absolute; top:0; left:0; display:none; width:295px; height:295px; border:4px solid #F2F2F2; cursor:pointer; z-index:110; background-color:#fff; } .js_picture_glass{ cursor:pointer; } /* End */ /* Start:/local/templates/prostroy_default/assets/lib/jquerymodal/jquery.modal.min.css?16149538453201*/ .blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:1;padding:20px;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,0.75);text-align:center}.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em}.blocker.behind{background-color:transparent}.modal{display:none;vertical-align:middle;position:relative;z-index:2;max-width:500px;box-sizing:border-box;width:90%;background:#fff;padding:15px 30px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;text-align:left}.modal a.close-modal{position:absolute;top:-12.5px;right:-12.5px;display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==')}.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.5)}20%{-webkit-transform:scaleY(1.0)}}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}} /* End */ /* Start:/local/templates/prostroy_default/assets/css/custom.css?175213534572383*/ .u24-footer__logo img{ width: 170px; } .detail-container{ display: flex; gap: 40px; flex-wrap: wrap; } .detail-left, .detail-center, .detail-right{ flex: 0 0 383px; max-width: 383px; } .detail-left{ position: relative; } .detail-center__text{ margin-bottom: 16px; } .detail-center__text-inner{ color: #3d3d3d; margin-bottom: 16px; } .detail-center .c-gruppedprops__prop{ margin-bottom: 16px; } .detail-right .c-measurename{ color: #757575; } .detail__inner .detail__pic__tags{ position: absolute; z-index: 11; padding: 8px 8px 15px; background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 93.88%); height: 49px !important; width: 100%; margin-bottom: 0; } .detail__inner .tag{ padding: 5px 8px; font-weight: 600; line-height: 16px; letter-spacing: -0.15px; } .tabs-anchor-container{ display: flex; overflow-x: auto; white-space: nowrap; } #scrollTopButton { flex: 0 0 auto; cursor: pointer; color: #308ac4; text-decoration: none !important; padding: 15px 10px 10px; } .detail__inner .tabs-anchor-container.sticky { position: fixed; top: 57px; /* Начальная высота шапки на десктопе */ z-index: 999; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); left: 0; background: #fff; width: 100%; } .placeholder-anchor{ margin-bottom: 29px; display: none; } .detail__inner .tabs-anchor-container.sticky .js-tabs-anchor { max-width: 1230px; margin: 0 auto; } .tabs-anchor-container.sticky .nav.nav-tabs.js-tabs-anchor.big-width:hover{ margin-bottom: 0; } .header-fly.header-fly__detail{ border-bottom: 1px solid #d9d9d9; } .header-fly.header-fly__detail .header-fly__shadow{ box-shadow: none; } @media (max-width: 1277px) { .detail-container{ justify-content: space-between; } .detail-center { /* Центральная колонка */ order: 3; /* Отправляем вниз */ flex: 0 0 100%; max-width: none; } .detail-right { /* Правая колонка */ order: 2; /* Остаётся справа от левой */ max-width: 480px; } } @media (max-width: 992px) { .detail-right { /* Правая колонка */ max-width: 383px; } .detail-left{ max-width: 283px; } } @media (max-width: 768px) { .placeholder-anchor{ margin-bottom: 10px; } .detail-left, .detail-center, .detail-right{ flex: 1; max-width: 100%; } .detail-left { /* Левая колонка */ order: 1; } .detail-center { /* Центральная колонка */ order: 3; /* Последней */ } .detail-right { /* Правая колонка */ order: 2; /* Второй */ } .detail-center__text, .detail-center__props{ display: none; } .detail__attributes .c-attributes.view-list .c-attributes__prop + .c-attributes__prop{ margin-top: 0; } .detail__pay-update{ flex-wrap: wrap; height: auto !important; } .detail__pay .c-quantity{ margin-bottom: 0; } .green-btn{ width: 100% !important; flex: 1; } .c-quantity__input{ width: 100% !important; } .js-prices{ width: 100%; } .detail__inner .js-tabs-anchor.sticky { top: 56px; /* Высота шапки на мобильном */ } } @media (min-width: 768px) { .link-span:hover span, .link-span:focus span{ border-bottom-color: #52a2d5; } } @media (min-width: 530px) { .show-mobile{ display: none !important; } } @media (max-width: 530px) { .show-pc{ display: none !important; } .list-showcase .item-news{ flex: 0 0 100%; } .gopro-container .list-showcase .list-showcase__element.item-news{ height: 550px; } } .detail-center__sticky{ position: sticky; top: 115px; } .detail__article{ color: #757575; font-size: 13px; line-height: 18px; } .detail__article span{ color: #000; } .detail-compare_block{ margin-bottom: 16px; display: flex; /*gap: 16px;*/ align-items: center; justify-content: space-between; } /*.detail-compare_block .detail__compare,*/ /*.detail-compare_block .detail__favorite,*/ /*.detail-compare_block .detail__estimate{*/ /* width: 100%;*/ /* flex: 1;*/ /*}*/ .good-price-section{ background: #f3f3f3; margin-bottom: 16px; } .good-price-section .good-price__icon, .good-price-section .good-price__hint { width: 24px; flex-shrink: 0; /* Запрещает уменьшение */ } .good-price-section .good-price__icon{ height: 24px; border-radius: 2px; } .good-price-section .good-price__text { flex-grow: 1; /* Заставляет центральный элемент занимать все доступное пространство */ } .good-price-block{ background: #f3f3f3; margin-bottom: 16px; } .good-price-inner{ padding: 4px; display: flex; gap: 8px; align-items: center; } .good-price-block .good-price__icon, .good-price-block .good-price__hint { width: 48px; flex-shrink: 0; /* Запрещает уменьшение */ } .good-price-block .good-price__icon{ height: 48px; background: #9F9F9F; border-radius: 2px; padding-top: 7px; padding-left: 10px; } .good-price-block .good-price__text { flex-grow: 1; /* Заставляет центральный элемент занимать все доступное пространство */ display: flex; flex-direction: column; justify-content: space-around; } .good-price__title{ color: #000000; font-weight: 600; } .good-price-block .good-price__link{ color: #358bc5; } .good-price__hint{ display: flex; align-items: center; justify-content: center; } .good-price__hint .ui-hint-icon, .good-price__hint .ui-hint{ height: 16px; width: 16px; margin: 0; line-height: unset; } .calcs-block{ border-radius: 4px; border: 1px solid #ebebeb; padding: 8px; display: flex; flex-direction: column; gap: 8px; } .inline-popup-container{ position: relative; } .calcs-block.open{ border-color: transparent; } .calcs-inner-block{ display: flex; gap: 8px; } .calcs-item{ flex: 1; } .calcs-item a{ display: flex; gap: 6px; align-items: center; } .link-span span{ border-bottom: 1px solid transparent; } .link-span:hover, .link-span:focus{ text-decoration: none; } .b-pay__buttons{ display: flex; gap: 8px; } .b-pay__buy-button{ flex: 1; } .b-pay__buy-button a.btn-primary{ display: flex; width: 100%; background: #bc0010; font-size: 13px; font-weight: 600; justify-content: center; align-items: center; height: 36px; border-radius: 4px; box-shadow: 0px -2px 0px 0px #851915 inset; } .b-pay__buy-button a.btn-primary:hover{ background: #851915; } .showcase-q .b-pay__buy-button a.btn-primary{ line-height: 18px; padding: 0; } .b-pay__buy-button a.btn-bordered{ display: flex; width: 100%; gap: 12px; justify-content: center; align-items: center; height: 36px; font-size: 13px; font-weight: 400; color: #358bc5; border: 2px solid #ebebeb; background: transparent; border-radius: 4px; } .b-pay__buy-button a.btn-bordered:hover{ border-color: #dddddd; color: #329de5; } .showcase-q .b-pay__buy-button a.btn-bordered{ padding: 0; gap: 6px; line-height: 18px; } .showcase-q .b-pay__buy-button a.btn-bordered img{ width: 18px; height: 18px; } .list-showcase__pay{ margin-bottom: 16px; } .detail__pay-update{ height: 44px; display: flex; gap: 12px; align-items: center; } .list-showcase__part-extended .detail__pay-update{ gap: 12px; flex-direction: column; height: auto; } .list-showcase__part-extended .detail__pay-update .c-quantity .c-quantity__value[type="number"], .list-showcase__part-extended .detail__pay-update .c-quantity__input { width: 100%; } .list-showcase__part-extended .c-prices__price{ font-size: 16px; } .list-showcase__part-extended .js-prices, .list-showcase__part-extended .js-prices .c-prices-sum{ width: 100%; } .list-showcase__part-extended .green-btn{ width: 100%; flex-direction: row; align-items: center; gap: 11px; padding-left: 6px; justify-content: center; } .list-showcase__part-extended .green-btn .svg-icon{ width: 24px; height: 30px; fill: #fff; } .list-showcase__part-extended .detail__pay-stores{ margin-bottom: 16px; } .c-price-btn_sum{ display: flex; flex-direction: column; justify-content: center; } .c-price-btn_sum .c-prices__value{ letter-spacing: 0px; line-height: 15px; display: flex; align-items: end; font-size: 13px; } .stock-info { display: flex; flex-direction: column; gap: 8px; } .detail-container .stock-info{ margin-bottom: 32px; } .green-btn{ color: #fff; background: #75cc4f; height: 36px; display: flex; flex-direction: column; align-items: center; border-radius: 4px; padding-top: 0px; padding-bottom: 4px; width: 99px; font-size: 10px; line-height: 14px; text-decoration: none; box-shadow: 0px -2px 0px 0px #0B9625 inset; } .green-btn .green-btn-in{ font-weight: 600; font-size: 13px; line-height: 18px; } .green-btn .c-prices__benefit, .green-btn .c-prices__benefit span{ font-size: 10px; line-height: 15px; } .green-btn:hover, .green-btn:focus, .green-btn:active{ color: #fff; text-decoration: none; background: #0b9625; } .detail-container .c-prices-sum .c-prices__value{ font-size: 16px; color: #3d3d3d; line-height: 18px; display: flex; } .detail-container .c-prices-sum .c-prices__number{ font-size: 12px; color: #757575; font-weight: 400; line-height: 13px; } .detail-container .c-prices-sum .c-prices__after{ color: #3d3d3d; margin-left: 2px; display: flex; align-items: normal; } .detail-container .c-prices-sum .rub{ margin-left: 2px; color: #757575; } .js-prices{ display: flex; flex-direction: column; justify-content: space-between; gap: 3px; } .detail-container .js-prices{ gap: 1px; } .detail-container .c-prices__benefit{ font-size: 11px; font-weight: 600; color: #0b9625; } .stock-row { display: flex; gap: 8px; } .stock-item { flex: 1; display: flex; flex-direction: column; } .stock-title { color: #358BC5; margin-bottom: 4px; } .stock-value { color: #3D3D3D; display: flex; align-items: center; gap: 6px; } .stock-value img{ width: 12px; } .detail__pay-stores{ margin-bottom: 32px; } .pretty-form .b24-form-control:-webkit-autofill{ -webkit-text-fill-color: #fff !important; color: #fff !important; caret-color: #fff !important; } .pretty-form__default{ background: url('/local/templates/prostroy_default/assets/img/form-common-bg.webp') 50% 50% no-repeat; background-size: cover; position: relative; border-radius: 4px; } .pretty-form__default:before{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; opacity: 0.6; background: rgb(0, 0, 0); border-radius: 4px; display: block; content: ' '; } .pretty-form__default .fancybox-custom-title{ color: #fff; } .pretty-form__default .fancybox-close-small svg{ fill: #fff; } .pretty-form .b24-form-control-string .b24-form-control:focus:not([readonly]), .pretty-form .b24-form-control-text .b24-form-control:focus:not([readonly]), .pretty-form .b24-form-control-select .field-item:focus:not([readonly]) { background-color: transparent; } .pretty-form .b24-form-wrapper{ background-color: transparent; border-radius: 0; } .pretty-form .b24-form-wrapper.b24-form-border-bottom{ border-bottom: none; z-index: 10; } .pretty-form .b24-form-wrapper.b24-form-shadow{ box-shadow: none; } .pretty-form .b24-form-header-title{ color: #fff; } .pretty-form .b24-form-header-description{ color: #fff; } .pretty-form .b24-form-control-comment{ color: #fff; } .pretty-form .b24-form-control-desc{ color: #fff; } .pretty-form .b24-form-control-string .b24-form-control, .pretty-form .b24-form-control-list .b24-form-control, .pretty-form .b24-form-control-text .b24-form-control{ color: #fff; background-color: transparent; border: none; border-bottom: 1px solid #fff; outline: none !important; } .pretty-form .b24-form-control-select .field-item, .pretty-form .b24-form-control-select-label, .pretty-form .b24-form-control-label, .pretty-form .b24-form-control-file-item-name, .pretty-form .b24-form-control-file .b24-form-control{ color: #fff; background-color: transparent; border: none; outline: none !important; } .pretty-form .b24-form-control-file .b24-form-control:after, .pretty-form .b24-form-control-file .b24-form-control:before, .pretty-form .b24-form-control-file-item-remove:after, .pretty-form .b24-form-control-file-item-remove:before{ background-color: #fff; } .pretty-form .b24-form-control-string .b24-form-control:focus, .pretty-form .b24-form-control-list .b24-form-control:focus, .pretty-form .b24-form-control-text .b24-form-control:focus, .pretty-form .b24-form-control-select .field-item:focus{ color: #fff; background-color: transparent; outline: none !important; } .pretty-form .b24-form-control-string .b24-form-control-label, .pretty-form .b24-form-control-list .b24-form-control-label, .pretty-form .b24-form-control-text .b24-form-control-label{ color: #fff; } .pretty-form .b24-form-btn{ color: #fff; background-color: #c4010c; border-color: #c4010c; height: 40px; border-radius: 8px; padding: 10px 21px; font-weight: 700; font-size: 16px; line-height: 125%; font-family: "Open Sans"; } .pretty-form .b24-form-btn:hover{ background-color: #910109; border-color: #910109; } .pretty-form.inline-popup-container .b24-form{ border-radius: 4px; } .pretty-form.inline-popup-container .b24-form-header-title{ font-size: 20px; font-weight: 600; line-height: 24px; letter-spacing: -0.3499999940395355px; text-align: left; margin-bottom: 16px; } .pretty-form.inline-popup-container .b24-form-header-description, .pretty-form.inline-popup-container .b24-form-field-layout-section{ color: #ffffff; font-size: 16px; font-weight: 400; line-height: 20px; text-align: left; margin-bottom: 8px; } .pretty-form.inline-popup-container .b24-form-content{ padding-top: 0; } .gopro-container .list-showcase .list-showcase__attributes{ margin-bottom: 16px; } .list-showcase__element .c-gruppedprops__group-props { display: flex; flex-direction: column; gap: 8px; } .list-showcase__element .c-gruppedprops__prop-name { color: #757575; margin-right: 5px; } .gopro-container .list-showcase .c-gruppedprops__prop{ color: #3d3d3d; } .prices-slider{ overflow: hidden; position: relative; --swiper-navigation-size: 24px; --swiper-theme-color: #BC0010; } .list-showcase__prices .prices-slider{ --swiper-navigation-size: 13px; } .list-showcase__prices .swiper-button-next { right: 0; } .list-showcase__prices .swiper-button-prev { left: 0; } .list-showcase__prices .swiper-button-next, .list-showcase__prices .swiper-button-prev{ top: 55%; opacity: 0; transition: opacity 0.3s ease; } .list-showcase__element:hover .swiper-button-next, .list-showcase__element:hover .swiper-button-prev{ opacity: 1; top: 31.5%; } .list-showcase__element .swiper-pagination-bullets { bottom: 0px; top: var(--swiper-pagination-top, auto); left: 0; width: 100%; opacity: 0; transition: opacity 0s ease; line-height: 6px; } .list-showcase__element:hover .swiper-pagination-bullets { opacity: 1; } .list-showcase__element .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 6px; height: 6px; width: 6px; } .detail-container .prices-slider{ margin-bottom: 32px; } .swiper-button-next:after, .swiper-button-prev:after{ font-weight: bold; } .swiper-button-next:hover, .swiper-button-prev:hover{ color: #851915; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{ color: #dddddd; opacity: 1; } .price-card{ width: 100%; height: 136px; display: flex; flex-direction: column; gap: 4px; color: #9F9F9F; } .detail-container .price-card{ width: 210px; height: 148px; padding: 12px; border: 2px solid #EBEBEB; } .detail-container .price-card.active{ border-color: #BC0010; } .price-header{ display: flex; justify-content: space-between; height: 20px; } .detail-container .prices-slider::before, .detail-container .prices-slider::after { content: ''; position: absolute; top: 0; bottom: 0; width: 80px; /* Ширина размытия */ z-index: 2; pointer-events: none; } .detail-container .prices-slider::before { left: 0; background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); } .detail-container .prices-slider::after { right: 0; background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); } .price-card__title{ font-weight: 600; font-size: 20px; line-height: 24px; margin-bottom: 4px; } .list-showcase__prices .price-card__title { text-align: center; font-size: 18px; line-height: 20px; margin-bottom: 16px; margin-top: 19px; color: #3d3d3d; } .list-showcase__inner{ height: 100%; } .gopro-container .list-showcase .list-showcase__element:hover:not(.item-news) .list-showcase__inner{ height: auto; } .price-card__description{ margin-bottom: 8px; } .list-showcase__prices .price-card__description { display: none; } .list-showcase__prices .price-card__link{ text-align: center; } .price-card.active .price-card__title, .price-card.active .price-card__description{ color: #3d3d3d; } .detail__pic{ position: relative; margin-bottom: 16px; } .thumb-block{ padding-top: 22px; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 10; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 87.26%); } .detail__pic-slider { overflow: hidden; } .detail__pic-slider .swiper-wrapper { height: 383px; } .detail__pic-slider .swiper-slide { display: flex; align-items: center; justify-content: center; height: 100%; } .detail__pic-slider .swiper-slide img { max-width: 100%; max-height: 100%; } .thumb-container{ position: relative; --swiper-navigation-size: 24px; --swiper-theme-color: #BC0010; padding: 8px; } .thumb-container .swiper-slide{ width: 64px; height: 64px; border: 1px solid #EBEBEB; background: #ffffff; padding: 6px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .thumb-container .swiper-slide.swiper-slide-thumb-active{ border-color: #BC0010; } .thumb-container .swiper-slide img{ max-width: 100%; max-height: 100%; } .hidden-disabled-buttons .swiper-button-disabled{ display: none; } .thumb-container__inner{ overflow: hidden; } .thumb-container .thumb-container__inner.with-mask-left { mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 1) 100%); -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 1) 100%); } .thumb-container .thumb-container__inner.with-mask-right { mask-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 1) 100%); -webkit-mask-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 1) 100%); } .thumb-container .thumb-container__inner.with-mask-left.with-mask-right { mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0)); -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0)); } .c-attributes__word{ color: #757575; } .select-box-block{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; } .select-box{ display: flex; align-items: center; gap: 4px; } .list-showcase__prices .select-box{ margin-bottom: 16px; } .select-box .c-attributes__name-current-value{ margin-bottom: 0; } .list-showcase .select-box .c-attributes__name-current-value{ padding-bottom: 0; } .select-box .c-attributes.view-list .c-attributes__current-value{ margin-top: 0; } .list-showcase .c-attributes.view-list .c-attributes__current-value{ margin-top: 0; } .c-attributes.view-list.select-box .c-attributes__prop .c-attributes__current-value__pseudo-option{ padding: 0; } .select-box .c-attributes__name-current-value .c-attributes__value{ padding: 0 4px 0 0; } .price-benefit{ font-weight: 600; } .price-card.active .price-benefit{ color: #0b9625; } .price-card:not(.active) .c-prices__value-old{ color: #9F9F9F; background-color: #F3F3F3; } .price-card:not(.active) .c-prices__value-discount{ color: #9F9F9F; } .price-card.active .c-prices__value{ color: #000000; } .detail__inner .c-prices .price-benefit .rub{ margin-left: 0; } .detail__inner .c-prices .price-card.active .price-benefit .rub{ color: #0b9625; } .price-card.active .price-condition{ color: #3d3d3d; height: 38px; overflow: hidden; } .svg-up { fill: #BC0010; } .svg-down{ fill: #0B9625; } .price-card:not(.active) .svg-up, .price-card:not(.active) .svg-down{ fill: #9F9F9F; } .basket.column1.loading{ margin-left: 33px; text-align: left; } .list-showcase-compare__block{ position: absolute; right: 8px; top: 8px; background: #fff; padding: 6px; display: flex; flex-direction: column; gap: 12px; opacity: 0; transition: opacity 0.3s ease; } .list-showcase__element:hover .list-showcase-compare__block { opacity: 1; } .list-showcase__promotion{ display: block; height: 100%; background-size: cover; background-repeat: no-repeat; background-position-x: center; } .list-showcase__name{ font-size: 13px; line-height: 18px; } #prods .list-showcase__prices .c-prices__price { gap: 7px; } .u24-reviews-page-tabs{ margin-top: 60px !important; } .sale-info__title{ font-size: 14px; line-height: 18px; } .js-element .sale-info__title{ margin-bottom: 12px; } .sale-info__title::before{ content: '%'; display: inline-block; font-family: Helvetica; font-size: 16px; font-style: normal; font-weight: 400; line-height: 18px; color: #BC0010; padding-right: 8px; } .sale-info__link{ color: #BC0010; border-bottom: 1px dashed transparent; } .sale-info__link:hover, .sale-info__link:active, .sale-info__link:visited{ color: #BC0010; border-bottom-color: #BC0010; text-decoration: none; } .sale-info__link-to-all{ margin-top: 12px; } .b24-form{ z-index: 1000 !important; } .calcs-block .b24-form{ background: #666; } .tab-pane-in2 .tab-sorter.preview{ right: 0; display: flex; justify-content: end; margin-bottom: 25px; } .tab-pane-imgbg{ background-repeat: no-repeat; background-size: cover; background-position: center center; padding-top: 60px; padding-bottom: 60px; position: relative; } .tab-pane-imgbg::after{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ' '; background: rgba(0, 0, 0, 0.6); } .b24-form{ z-index: 10; position: relative; } .preview-sorter{ width: 58px; height: 31px; margin-right: 2px; display: block; } .preview-tabs{ margin: 0 0 10px 0; height: 60px; } .preview-slider{ padding-bottom: 110px; } .preview-slider .owl-stage{ width: 100%; height: 100%; display: flex; } .preview-slider .owl-item{ width: 100%; height: 100%; margin-right: 20px; } .js-element.preview-item{ height: 410px; border: 1px solid #F2F2F2; padding: 18px 20px 16px 20px; } .preview-video{ width: 100%; height: 834px; margin-top: 40px; } .text-preview__micro{ width: 10px; height: 14px; } .text-preview__mini{ width: 30px; height: 14px; } .text-preview__small{ width: 88px; height: 14px; } span.text-preview__small{ display: inline-block; } .text-preview__mid{ width: 250px; height: 14px; } span.text-preview__mid{ display: inline-block; } .preview-brands .subitem{ margin-bottom: 15px; } .preview-avatar{ width: 64px; height: 64px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .partner-preview .preview-avatar { margin-right: 10px; } .u24-review__user .text-preview__small{ margin-bottom: 6px; } .preview-summary .u24-review__content-preview{ height: 800px; } .preview-doc-img{ width: 282px; height: 400px; } .preview-doc-thumb{ width: 34px; height: 48px; } .preview-doc-h2{ width: 290px; height: 26px; margin-bottom: 21px; } .preview-doc-subtitle{ height: 20px; width: 100%; margin-bottom: 25px; } .preview-doc-text{ height: 14px; width: 100%; margin-bottom: 8px; } .preview-docs .u24-docs-likes { justify-content: space-between; width: 100%; display: flex; } .preview-docs .u24-docs-doc__share, .preview-docs button, .preview-faq button, .preview-faq .faq-question-item { cursor: default; } .preview-docs .u24-docs-doc__print, .preview-docs .u24-docs-doc__download { background-image:none; } .text-preview__btn{ height: 36px; width: 168px; border-radius: 4px; } .preview-gallery{ width: 100%; height: 328px; margin-bottom: 1.875rem; margin-top: 45px; } .preview-summary .stars-rating { display: flex; align-items: center; font-size: 1.5rem; } .preview-summary .stars-rating > .stars-rating__item{ display: block; } .preview-summary .stars-rating__icon, .preview-summary .u24-reviews-summary__evaluate-value .svg-icon{ fill: grey; opacity: .2; width: 1em; height: 1em; } .preview-summary .u24-reviews-summary__evaluate-progress { flex: 1; padding: 0 4px; } .preview-summary .progress { display: -ms-flexbox; display: flex; height: 22px; overflow: hidden; line-height: 0; font-size: .75rem; background-color: grey; opacity: .2; border-radius: 0.25rem; } .preview-summary .u24-review-properties__rate { padding: 12px 24px; width: 100%; } .u24-review-properties__lines{ display: flex; } .preview-summary .u24-review-properties__line{ flex: 1; min-width: 24px; max-width: 36px; height: 6px; background-color: gray; opacity: .2; display: inline-block; vertical-align: middle; border-radius: 4px; position: relative; overflow: hidden; } .preview-bg{ position: relative; overflow: hidden; background: grey; opacity: .2; } .preview-item .preview-bg{ height: 100%; } .preview-content{ margin-bottom: 110px; } .preview-bg:before{ background-color: rgba(255, 255, 255, 0.4); background: linear-gradient(90deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.1) 100%); background-origin: content-box; height: 100%; width: 100%; content: ''; display: block; position: absolute; top: 0; left: 0; transform: skewX(-45deg)translateX(-100%); animation: css42_moving 3s ease-in-out infinite; } .partner-preview .partner-logo-block{ padding: 45px; } .partner-preview .partner-logo__inner{ height: 100%; width: 100%; } .partner-preview .icon{ margin-right: 5px; } @keyframes css42_moving { 30% { left: 100%; transform: skewX(-45deg) translateX(50%); } 100% { left: 100%; transform: skewX(-45deg) translateX(50%); } } .footer-map{ display: block; height: 216px; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: center; } #expert_tab .newsslider .newsslider__container .owl-stage-outer{ padding-bottom: 126px; } #expert_tab .newsslider .newsslider__button .btn.btn-primary{ padding-left: 25px; padding-right: 25px; } .mapStoresContainer{ position: relative; } #mapStores{ position: relative; width: 100%; height: 380px; margin-top: 50px; } .storeInfoBlock .ui-hint{ height: auto; line-height: unset; } .storeInfoBlock .ui-hint .ui-hint-icon{ margin: 0; } #mapStores .owl-prev, #mapStores .owl-next{ cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #mapStores .cust-arrow-owl { width: 26px; height: 26px; position: absolute; top: 47%; z-index: 10; /*top: calc(50% - 55px);*/ } #mapStores .owl-prev .cust-arrow-owl.arrow-left{ left: -5%; } #mapStores .owl-next .cust-arrow-owl.arrow-right { right: -5%; } #mapStores .cust-arrow-owl:before { content: ''; display: -webkit-box; display: -ms-flexbox; display: flex; background-repeat: no-repeat; -webkit-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; width: 100%; height: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='%23BC0010'%3E%3Cpath d='M1.38756 8.77082L11.8918 19.1183C12.539 19.6272 13.452 19.6272 14.0991 19.1183L24.6048 8.77082C24.8576 8.52273 25 8.1839 25 7.83027C25 7.47664 24.8576 7.1378 24.6048 6.88972C24.0744 6.37026 23.2242 6.37026 22.6938 6.88972L12.9955 16.445L3.307 6.88972C2.7761 6.3701 1.92548 6.3701 1.39458 6.88972C1.14212 7.13799 1 7.47676 1 7.83027C1 8.18378 1.14212 8.52254 1.39458 8.77082H1.38756Z' fill='%23BC0010'/%3E%3C/svg%3E"); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } #mapStores .cust-arrow-owl.arrow-right:before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .storeInfoBlock{ position: absolute; top: 40px; left: 100px; width: 375px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%), rgba(255, 255, 255, 0.75); box-shadow: 0px 5px 14px #C4C4C4; } .storeTitle{ font-weight: 400; font-size: 18px; line-height: 19px; margin-bottom: 16px; display: flex; align-items: center; } .storeIndex{ font-weight: 700; font-size: 12px; line-height: 16px; color: #FFFFFF; width: 16px; height: 16px; display: inline-block; background: #BC0010; border-radius: 12px; margin-right: 8px; text-align: center; } .storeStock{ margin-bottom: 16px; } .storeStock__text{ font-weight: 400; font-size: 13px; line-height: 16px; color: #757575; margin-bottom: 8px; } .storeStock__text .storeValue{ color: #000000; } .storeInfo{ margin-bottom: 8px; font-weight: 400; font-size: 13px; line-height: 16px; color: #000000; } .storeInfoTitle{ color: #757575; } .storeInfoBlock__inner{ padding: 16px; } .storeRoute{ margin-top: 20px; font-weight: 400; font-size: 13px; line-height: 16px; color: #000000; display: flex; align-items: center; } .storeRoute a{ color: #000000; text-decoration: none; } .wienerberger-block{ padding-top: 15px; text-align: center; } .wienerberger-block img{ max-width: 90%; } .tab-pane-in2 .tab-sorter{ display: block; position: relative; } .gopro-container .list-showcase .list-showcase__element{ height: 518px; line-height: 18px; font-size: 13px; } .detail__anchor__link{ display: inline-block; margin-right: 14px; } .detail__anchor__link:hover, .detail__anchor__link:focus{ text-decoration: none; } .goto-link{ font-size: 13px; line-height: 16px; color: #358BC5; border-bottom: 1px dashed #358bc5; display: inline-block; margin-left: 15px; } .goto-link:focus, .goto-link:hover{ border-bottom-color: transparent; text-decoration: none; } .gallery_info{ display: flex; justify-content: space-between; margin-bottom: 32px; } .gallery_user_pic img{ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #ebebeb; border: 1px solid #EBEBEB; width: 64px; height: 64px; } .gallery_user{ display: flex; align-items: center; font-size: 12px; line-height: 16px; } .gallery_user_info{ margin-left: 25px; color: #757575; } .gallery_cnt_answers{ color: #444444; line-height: 20px; margin-right: 30px; } .gallery_cnt_answers span{ display: inline-block; background: #F3F3F3; width: 24px; height: 20px; text-align: center; margin-right: 6px; } .gallery_btns{ display: flex; margin-top: 30px; } .gallery_btns a{ padding: 10px 21px !important } .gallery_btns a:last-child{ margin-left: 15px; } .faq-answers-item{ background: #F3F3F3; padding: 32px; font-size: 14px; line-height: 22px; position: relative; } .loaded .faq-answer-items{ margin-bottom: 20px; } .faq-answers-title{ font-weight: 600; } .faq-answers-item:before { content: ""; width: 0; height: 0; border-bottom: 24px solid #F3F3F3; border-right: 20px solid transparent; position: absolute; bottom: 100%; left: 32px; } .title--modern .centeringin { border-bottom: 2px solid #EBEBEB; /*padding-top: 28px;*/ margin-bottom: 63px; } .b24-popup-container{ padding: 0 !important; } .red-small-border:after{ display: block; position: absolute; bottom: -1px; left: 0; width: 308px; content: ''; height: 2px; background: #BC0010; } .title--modern h1.pagetitle { /*border-bottom: 2px solid #BC0010;*/ display: inline-block; font-size: 34px; line-height: 1.3; margin-bottom: -2px; padding-bottom: 30px; text-transform: none; } .w100p{ width: 100%; } .prices-history{ position: relative; } .css-popup-block{ display: none; position: absolute; top: -10px; left: 0; width: 100%; } .css-popup-h{ color: #757575; font-weight: 600; font-size: 13px; line-height: 16px; margin-bottom: 8px; } .css-popup-block p{ margin-bottom: 12px; } .css-popup-block p:last-of-type{ margin-bottom: 0; } .price-history-table{ border-collapse: collapse; margin-top: 5px; width: 100%; } .price-history-table td, .price-history-table .th{ border: none; } .price-history-table td:nth-child(2) { width: 100%; } .ph-now{ text-align: center; } .ph-now span{ display: inline-block; font-size: 10px; line-height: 12px; color: #000000; border-radius: 4px; background: #FFE326; font-weight: 600; padding: 2px 11px; vertical-align: middle; } .css-popup-inner{ position: absolute; width: 100%; /*height: 256px;*/ background: #FFFFFF; border-radius: 4px; box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.2); padding: 16px; top: -6px; z-index: 100; white-space: normal; } .table-infobox_fly .css-popup-inner{ width: auto; min-width: 280px; } .css-popup-title{ font-size: 16px; line-height: 20px; color: #000000; margin-bottom: 14px; display: block; } .ph-item{ font-size: 16px; line-height: 26px; padding: 4px 0; border-bottom: 1px dashed #B4B6B7; } .ph-price{ font-weight: 600; font-size: 16px; line-height: 20px; text-align: left; white-space: nowrap; font-feature-settings: 'tnum' on, 'lnum' on; color: #000000; display: flex; align-items: center; justify-content: space-between; } .ph-price__value{ display: flex; } .ph-discount span{ width: 40px; font-weight: 600; color: #FFFFFF; font-size: 10px; line-height: 12px; text-align: center; padding: 2px 0; border-radius: 4px; display: flex; align-items: center; justify-content: center; } .discount-green-bg{ background: #0B9625; } .discount-red-bg{ background: #BC0010; } .detail__inner .ph-price__value .c-prices__number{ font-size: 10px; line-height: 14px; } .detail__inner .ph-price__value .rub{ margin-left: 2px; } .detail__inner .ph-price__value .c-prices__after{ margin-left: 2px; } .price-space{ width: 8px; display: inline-block; } .ph-arrow{ padding: 0px 8px; } .ph-arrow svg{ vertical-align: baseline; margin-top: 3px; } .ph-item:last-child{ border-bottom: none; } .ph-date{ font-size: 12px; line-height: 16px; } .price-warning{ font-size: 13px; line-height: 18px; color: #BC0010; font-weight: normal; white-space: normal; } .warning-img{ display: inline-block; position: relative; bottom: 11px; } .warning-img-arrow{ bottom: -1px; margin-left: 5px; line-height: 10px; } .warning-img img{ width: 28px; height: 28px; } .c-prices__value-print{ display: flex; justify-content: center; align-items: center; } .box-discount-container{ display: flex; align-items: center; position: relative; } .box-discount-container .css-popup-block{ top: 32px; } .c-prices-comm.c-prices-comm__mob{ height: 16px; display: inline-block; margin-right: 7px; } .c-prices-comm.c-prices-comm__pc{ display: flex; align-items: center; justify-content: center; position: absolute; top: 2px; right: -10px; width: 22px; height: 22px; padding: 3px; } .c-prices-comm img{ width: 100%; height: 100%; } .b24-form-control-string .b24-form-control, .b24-form-control-list .b24-form-control, .b24-form-control-text .b24-form-control, .b24-form-control-select .field-item { width: 100% !important; padding: 17px 10px 0 !important; } .b24-form-control-list .b24-form-control { height: 52px !important; } .b24-form-control-text .b24-form-control { padding-top: 23px !important; } .detail_text{ width: 100%; padding: 20px; border-top: 1px solid #E5E5E5; margin-top: 20px; font-size: 14px; line-height: 22px; color: #000000; } .detail_text h2{ font-size: 24px; line-height: 32px; color: #000000; font-feature-settings: 'tnum' on, 'lnum' on; margin-bottom: 24px; margin-top: 0; } .detail_text p { margin-bottom: 24px; } .infobox{ /*padding: 10px 15px 0;*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #e9e9e9; display: inline-block; } .table-infobox{ width: 260px; background: #e9e9e9; margin-bottom: 0; } .table.table-infobox > tbody > tr > td{ padding: 5px 3px 2px; background: #e9e9e9; border-color: #cdcdcd; } .table.table-infobox > tbody > tr > td:nth-child(2){ text-align: right; } .table-infobox_fly{ position: relative; } .table-infobox_fly .css-popup-block{ left: -170px; top: 15px; } .detail__pic__tags{ text-align: left; margin-bottom: 7px; overflow: hidden; height: 23px; padding-bottom: 3px; } /*.detail-container .detail__pic__tags{*/ /* height: 26px;*/ /* padding-bottom: 0px;*/ /*}*/ .tab-pane .detail__pic__tags{ height: 24px; } .list-showcase__element .detail__pic__tags{ padding-bottom: 0; margin-bottom: 16px; } .tag{ display: inline-block; padding: 5px 10px; margin-right: 5px; color: #ffffff; width: auto !important; cursor: e-resize; } .list-showcase__mix .tag{ display: inline-block; padding: 3px 4px; margin-right: 8px; } .list-showcase__timer-stickers{ display: none; } .body .scrollbar-inner > .scroll-element .scroll-bar{ display: none; } .tag.hit-bg{ background: #228800; } .tag.best-goods-bg{ background: #0022DD; } .tag.showroom-bg{ background: #AA22DD; } .tag.new-good-bg{ background: #442299; } .tag.store-un24-bg{ background: #22AACC; } .tag.store-brand-bg{ background: #270D41; } .tag.on-sale-bg{ background: #A1DB24; } .tag.removed-bg{ background: #FFBB00; } .tag.dont-create-bg{ background: #662200; } .tag.call-price-bg{ background: #DD4422; } .tag.off-dil-bg{ background: #BC0012; } .tag.action-bg{ background: #DD0000; } .tag.sale-bg{ background: #3592D8; } .tag.gray-bg{ /*default*/ background: #006363; } .list-showcase__picture{ position: relative; } .supply-article{ background: #fff; color: #757575; padding: 2px 6px; position: absolute; bottom: 8px; left: 0; opacity: 0; transition: opacity 0.3s ease; } .supply-article div{ color: #000000; display: inline-block; } .list-showcase__element:hover .supply-article{ opacity: 1; } .list-showcase__picture a img{ max-height: 211px; } .velux-logo{ height: 35px !important; display: inline-block; margin-top: -70px; } h2.title-h2 { position: relative; } .ykor_link { position: absolute; top: -80px; } .adaptive .centering { min-width: 290px; } .jquery-modal.blocker { z-index: 1000; } .jquery-modal.blocker .modal { max-width: none; padding: 26px 30px; border-radius: 0; width: 95%; color: #333; } .jquery-modal .modal-title { padding: 0 0 10px; border-bottom: 1px solid #F2F2F2; margin-bottom: 10px; } .jquery-modal .modal-title span { display: block; font-family: Opensanslight, Arial, Helvetica, sans-serif; font-size: 24px; line-height: 28px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .jquery-modal [type="radio"]:not(:checked) + label, .jquery-modal [type="radio"]:checked + label { position: relative; padding-left: 20px; cursor: pointer; display: inline-block; height: 14px; line-height: 14px; transition: .28s ease; -khtml-user-select: none; user-select: none; color: #333; } .jquery-modal [type="radio"]:not(:checked) + label:before, .jquery-modal [type="radio"]:not(:checked) + label:after, .jquery-modal [type="radio"]:not(:checked) + label:before, { border: 1px solid #bcbebf; } .jquery-modal [type="radio"]:not(:checked) + label:hover:before, .jquery-modal [type="radio"]:checked + label:before, .jquery-modal [type="radio"]:checked + label:after { border-color: #c4010c; } .jquery-modal [type="radio"]:checked + label:before, .jquery-modal [type="radio"]:checked + label:after { border: 1px solid #c4010c; } .jquery-modal [type="radio"]:checked + label:after { transform: scale(0.4); } .jquery-modal [type="radio"] + label:before, .jquery-modal [type="radio"] + label:after { content: ''; position: absolute; left: 0; top: -1px; margin: 0; width: 14px; height: 14px; z-index: 0; transition: .28s ease; } .jquery-modal [type="radio"]:not(:checked) + label:before, .jquery-modal [type="radio"]:not(:checked) + label:after { border: 1px solid #bcbebf; } .jquery-modal [type="radio"]:not(:checked) + label:before, .jquery-modal [type="radio"]:not(:checked) + label:after, .jquery-modal [type="radio"]:checked + label:before, .jquery-modal [type="radio"]:checked + label:after { border-radius: 50%; } .jquery-modal [type="radio"]:checked, .jquery-modal [type="radio"]:not(:checked) { position: absolute; left: -9999px; opacity: 0; } .detail__attributes .row.js-prices{ margin-top: 30px; } .cnt-faq-block{ display: flex; margin-bottom: 40px; } .cnt-faq-block__inner{ display: flex; } .ctn-faq-item{ display: flex; font-size: 24px; line-height: 33px; margin-right: 15px; background: #F3F3F3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .cnt-faq-addq{ margin-left: auto; } .cnt-faq-addq .btn-primary{ padding: 10px 21px !important; } .cnt-faq{ color: #FFFFFF; padding: 11px 15px; border-radius: 4px; position: relative; } .cnt-faq-red{ background: #BC0010; } .cnt-faq-blue{ background: #6B7FA0; } .cnt-faq:before{ height: 20px; width: 20px; display: block; content: ''; position: absolute; bottom: -14px; left: 23%; border: 10px solid transparent; } .cnt-faq-red.cnt-faq:before{ border-top: 10px solid #bc0010; border-right: 10px solid #bc0010; } .cnt-faq-blue.cnt-faq:before{ border-top: 10px solid #6B7FA0; border-right: 10px solid #6B7FA0; } .cnt-faq-title{ color: #3D3D3D; padding: 11px 38px; } .faq-pics-block{ background: #F3F3F3; padding: 32px; margin-bottom: 40px; } .faq-pics-title{ color: #000000; margin-bottom: 32px; font-size: 24px; line-height: 32px; } .faq-pics-container{ margin-bottom: 32px; } .faq-pic{ display: inline-block; margin-right: 20px; } .faq-pics-subtitle{ font-size: 12px; line-height: 16px; color: #AFAFAF; } .faq-pics-subtitle .svg-icon{ fill: #6B7FA0; margin-right: 8px; width: 14px; height: 14px; vertical-align: middle; } .faq-questions-block{ border-top: 1px solid #B4B6B7; } .faq-question-item{ padding: 24px 20px; border-bottom: 1px solid #B4B6B7; display: flex; justify-content: space-between; cursor: pointer; } .faq-question-item:hover, .faq-question-item:focus{ color: #6B7FA0; text-decoration: none; } .faq-question-item:hover .faq-question-title, .faq-question-item:focus .faq-question-title, .faq-question-item.active .faq-question-title{ color: #bc0010; } .faq-question-item.active{ border-bottom-color: transparent; } .faq-question-title{ color: #6B7FA0; font-size: 18px; line-height: 25px; display: inline-block; } .faq-question-answers{ font-size: 12px; line-height: 16px; color: #444444; display: inline-block; white-space: nowrap; } .faq-question-cnt{ padding: 3px 5px; background: #F3F3F3; vertical-align: middle; display: inline-block; text-align: center; margin-right: 12px; } .q-plus{ display: inline-block; margin-right: 12px; } .faq-detail-text{ margin-bottom: 32px; font-size: 14px; line-height: 26px; color: #030303; } .faq-detail-link-article{ font-size: 12px; line-height: 18px; margin-bottom: 40px; } .faq-detail-link-url{ color: #bc0010; } .faq-detail-link-url:hover, .faq-detail-link-url:focus, .faq-detail-link-url:active{ text-decoration: none; color: #bc0010; } .faq-detail-pics-block{ padding-bottom: 32px; border-bottom: 1px solid #B4B6B7; } .swiper-button-next-origin, .swiper-button-prev-origin { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(-1 * 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-origin, .swiper-container-rtl .swiper-button-prev-origin { right: 10px; left: auto; } .swiper-button-prev-origin, .swiper-container-rtl .swiper-button-next-origin { left: 10px; right: auto; } .swiper-button-next-origin:after, .swiper-button-prev-origin: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-next-origin:after, .swiper-container-rtl .swiper-button-prev-origin:after { content: 'next'; } .swiper-button-prev-origin:after, .swiper-container-rtl .swiper-button-next-origin:after { content: 'prev'; } .u24-reviews { position: relative; } .u24-reviews .area2darken { display: none; } .u24-reviews.is-blocked .area2darken { display: block; } .u24-reviews__items { margin-bottom: 30px; } .u24-reviews__show-more { margin-bottom :20px; text-align: center; } .u24-reviews__pagination { margin-bottom: 20px; } .small_lh{ line-height: 20px; } .u24-reviews__perpage { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 20px; } .u24-reviews__show-more-btn { color: #BC0010; font-size: 12px; line-height: 16px; font-weight: 600; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 0; outline: 0; background-color: transparent; padding: 10px; position: relative; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .u24-reviews__show-more-btn.is-load { opacity: 0.6; } .u24-reviews__show-more-btn.is-load .svg-icon { visibility: hidden; } .u24-reviews__show-more-spinner { display: none; } .u24-reviews__show-more-btn.is-load .u24-reviews__show-more-spinner { display: block; position: absolute; top: 10px; left: 8px; content: ""; width: 16px; height: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translateZ(0) scale(0.5); transform: translateZ(0) scale(0.5); -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: 50%; border: 2px solid currentColor; border-left-color: transparent; -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; } .u24-reviews__show-more-btn.is-load .u24-reviews__show-more-spinner { display: block; position: absolute; top: 10px; left: 8px; content: ""; width: 16px; height: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translateZ(0) scale(0.5); transform: translateZ(0) scale(0.5); -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: 50%; border: 2px solid currentColor; border-left-color: transparent; -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; } .u24-reviews__show-more > a:hover, .u24-reviews__show-more > a:focus { color: #a9000e; } .u24-reviews__show-more .svg-icon { width: 12px; height: 12px; margin-right: 16px; fill: #9F9F9F; pointer-events: none; } .u24-review { margin-top: 40px; } .u24-review__header { margin-bottom: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .u24-review__avatar { width: 64px; height: 64px; border-radius: 50%; margin-right: 25px; overflow: hidden; position: relative; flex: none; } .body .u24-review__avatar > img { max-width: 100px; position: absolute; top: -9999px; left: -9999px; bottom: -9999px; right: -9999px; margin: auto; } .u24-review__user-date { margin-bottom: 8px; font-size: 12px; line-height: 16px; color: #757575; } .u24-review__content { padding: 32px; background-color: #F3F3F3; position: relative; } .u24-review__content:before { content: ""; width: 0; height: 0; border-bottom: 24px solid #F3F3F3; border-right: 20px solid transparent; position: absolute; bottom: 100%; left: 32px; } .u24-review__title { margin-top: 0px; color: #000000; font-size: 24px; line-height: 32px; margin-bottom: 2rem !important; } .u24-review__rates { width: 324px; max-width: 100%; margin-bottom: 24px; } .u24-review__gallery { margin-bottom: 24px; } .u24-review__gallery .gallery { padding: 0; } .u24-review__rates .u24-review-properties__line:not(.u24-review-properties__line--fill) { background-color: #FFFFFF; } .u24-review__section-title { text-transform: uppercase; font-size: 14px; line-height: 22px; font-weight: 600; color: #3D3D3D; margin-bottom: 12px; } .u24-review__section { font-size: 14px; line-height: 22px; } .u24-review__section + .u24-review__section { margin-top: 25px; } .u24-review__detail > .u24-review__section { display: none; } .u24-review__detail.is-show > .u24-review__section { display: block; } .u24-review__detail-link { color: #BC0010; margin-top: 24px; font-size: 12px; line-height: 18px; font-weight: 600; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .u24-review__detail:not(.is-show) > .u24-review__section, .u24-review__detail:not(.is-show) > .u24-review__detail-link--hide, .u24-review__detail.is-show > .u24-review__detail-link--show { display: none; } .u24-review__footer { height: 44px; margin-top: 24px; border-top: 1px solid #B4B6B7; padding-top: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 12px; line-height: 12px; color: #3D3D3D; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .u24-review__likes { margin-right: 30px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .u24-review__likes-text { margin-right: 30px; } .u24-review__views { margin-left: 30px; } .u24-review__views .u24-review-views span.hidden-xs.hidden-sm{ margin-left: 3px; } .u24-review__footer-end { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; align-items: center; } .u24-review__share { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; position: relative; } .u24-review__share:hover:before{ content: ""; position: absolute; width: 100%; height: 60px; top: 0; } .u24-review__share-link { color: #358BC5; border-bottom: 1px dashed #358BC5; } .u24-review__share > .svg-icon { width: 12px; height: 12px; margin-right: 8px; } .u24-review__socials { position: relative; } .u24-review__share .ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more { border: 0; background: transparent; font-size: 12px; line-height: 12px; } .u24-review__share .ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more .ya-share2__title { color: #358BC5; border-bottom: 1px dashed #358BC5; font-size: 12px; line-height: 12px; } .u24-review__share .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__icon_more { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.6 2.9a2.7 2.7 0 01-4.554 1.963L5.303 7.28a2.702 2.702 0 010 1.44l4.743 2.417a2.7 2.7 0 11-.834 1.708l-5.05-2.575a2.7 2.7 0 110-4.54l5.05-2.575A2.7 2.7 0 1114.6 2.9z' fill='%23A4A4A4'/%3E%3C/svg%3E"); background-size: 12px; width: 14px; height: 14px; margin-right: 8px; } .u24-review__share .ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more { padding: 0; } .go__up { position: fixed; bottom: 60px; left: 30px; justify-content: center; align-items: center; background: #9D0A0F; width: 40px; height: 40px; border-radius: 30px; z-index: 31474836470; cursor: pointer; } .go__up i { color: #fff; font-size: 27px; line-height: 48px; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; background: url(/local/templates/prostroy_default/assets/css/../img/up_icon-30.svg) no-repeat center; } .u24-likes { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .u24-likes__thumbs { border: 0; outline: 0; background-color: transparent; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .u24-likes__thumbs * { pointer-events: none; } .u24-likes__thumbs + .u24-likes__thumbs { margin-left: 24px; } .b-stores{ display: flex; align-items: center; font-size: 13px; line-height: 16px; color: #757575; } .u24-likes__icon { width: 16px; height: 16px; margin-right: 8px; fill: currentColor; } .question__icon { width: 16px; height: 16px; fill: currentColor; display: inline-block; background: url('/local/templates/prostroy_default/assets/icons/icon-question.svg'); } .icon-route{ width: 20px; height: 20px; margin-right: 10px; display: inline-block; background: url('/local/templates/prostroy_default/assets/icons/route.svg'); } .icon-stop{ width: 16px; height: 16px; margin-right: 8px; display: inline-block; background: url('/local/templates/prostroy_default/assets/icons/icon-stop.svg'); } .icon-success{ width: 16px; height: 16px; margin-right: 8px; display: inline-block; background: url('/local/templates/prostroy_default/assets/icons/icon-success.svg'); } .price-question-table{ position: relative; line-height: 10px; } .price-question-table .question__icon{ cursor: pointer; } .u24-likes__thumbs:focus, .u24-likes__thumbs:hover { color: #358BC5; } .u24-review-views { display: inline-block; white-space: nowrap; } .u24-review-views > img { width: 14px; margin-right: 12px; vertical-align: middle; } .u24-answers__gallery .gallery{ margin-bottom: 0; padding: 0; margin-top: 20px; } .u24-review__gallery .gallery{ margin-top: 0; margin-bottom: 0; } .u24-footer__contacts{ margin-bottom: 22px; } .u24-footer__col--map.u24-footer__col{ width: 40%; } @media (max-width: 1400px) { #mapStores .owl-prev .cust-arrow-owl.arrow-left{ left: 15px; } #mapStores .owl-next .cust-arrow-owl.arrow-right { right: 15px; } } @media screen and (max-width: 1200px) { .detail__attributes .row.js-prices .col-sm-4:not(:first-of-type) { margin-top: 12px; } .preview-slider .owl-item:last-of-type{ display: none; } } @media screen and (max-width: 992px) { .footer-map{ height: 125px; } .u24-footer__col--map.u24-footer__col{ width: 100%; } .storeInfoBlock{ left: 60px; } .title--modern .centeringin { margin-bottom: 47px; } .c-prices .css-popup-block{ left: -90px; } .table-infobox_fly .css-popup-block{ left: -130px; } .price-box-block .detail__stores{ padding-left: 20px; } body.adaptive .title--modern h1.pagetitle { font-size: 26px; padding-bottom: 10px; } .tab-h-block > h3, .nav.nav-tabs.repeat > li h1.intab{ font-size: 16px; } .preview-slider .owl-item:nth-child(3){ display: none; } } @media only screen and (min-width : 769px) { .btn_personal_menu, .header_type1 .header-fly__location-mobile #topline-location { display: none; } .index-banner-block .index-banner-text { min-height: 520px; } } @media only screen and (max-width : 768px) { .gopro-container .list-showcase .list-showcase__element{ height: 536px; } .tabs-anchor-container:not(.sticky) .nav.nav-tabs > li{ padding: 16px 12px; } .tabs-anchor-container:not(.sticky) .nav.nav-tabs{ padding-left: 16px; padding-right: 16px; border-radius: 8px; } .tabs-anchor-container:not(.sticky) .nav.nav-tabs > li:first-child{ padding-left: 0; } .tabs-anchor-container:not(.sticky) .nav.nav-tabs > li:last-child{ padding-right: 0; } .detail-right .green-btn{ max-width: 50%; } .detail-right .c-prices-def{ max-width: 50%; width: 100%; } .detail-right .c-quantity__value{ width: 100%; } .detail-right .js-prices{ width: 100%; justify-content: center; align-items: center; } .detail__inner .tabs-anchor-container li{ padding: 7px 15px; } .tab-pane-imgbg:not(.mobile-imgbg), .tab-pane-imgbg:not(.mobile-imgbg)::after{ background: none !important; } #mapStores{ height: 200px; } #mapStores .owl-prev .cust-arrow-owl.arrow-left{ left: 10px; } #mapStores .owl-next .cust-arrow-owl.arrow-right { right: 10px; } .storeInfoBlock{ position: relative; top: 0; left: 0; width: 100%; height: 100%; box-shadow: none; } .table-infobox_fly .css-popup-block .infobox .table-infobox{ width: 291px; } .tab-h-block > h3, .nav.nav-tabs.repeat > li h1.intab{ margin-left: 63px; margin-top: 0; font-size: 14px; line-height: 14px; padding-bottom: 8px; border-bottom: none; } .nav.nav-tabs.repeat > li h3 + h2 > a, .nav.nav-tabs.repeat > li h1 + h2 > a{ margin-bottom: 0; padding-bottom: 4px !important; white-space: pre-wrap; font-size: 20px; } .nav.nav-tabs.repeat > li h2 > a:before{ width: 38px; flex-shrink: 0; } .tab-h-block{ flex-direction: column-reverse; } .faq-question-item { flex-direction: column; padding-left: 0; padding-right: 0; } .faq-question-title{ margin-bottom: 11px; display: flex; } .faq-question-title span{ display: block; } .faq-question-answers{ margin-left: 23px; } .red-small-border:after { width: 65%; } .c-prices-main .css-popup-block{ left: 15px; } .fancybox-container { z-index: 110000 !important; } .header_type1 .header-fly__location-mobile #topline-location { float: none; padding: 13px 23px 13px; background-color: #f3f3f3; width: 100% } .header_type1 .header-fly__location-mobile .b-location span { display: inline; } .personal_dir:not(.personal_cart) .rsbreadcrumb { display: none; } .personal_dir.personal_cart .rsbreadcrumb { margin: 0 0 15px; } .detail__pic__tags{ text-align: center; } .velux-logo{ margin-top: -130px; } #header-fly { z-index: 100000; } .wrapp-slider_location { margin: 0 0; } .wrapp-slider_location .b-locations-top__item { margin-bottom: 15px; } .wrapp-slider_location .b-locations-top__item>label { overflow: hidden; padding-right: 5px; text-overflow: ellipsis; height: auto !important; min-height: 17px; } .wrapp-slider_location .b-locations-top__item>label::before, .wrapp-slider_location .b-locations-top__item>label::after { top: 1px; } .b-title-mob { display: block; font-family: Opensanslight, Arial, Helvetica, sans-serif; font-size: 22px; line-height: 28px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 10px 20px; border-bottom: 1px solid #F2F2F2; background: #fff; } .b_locations_top { background: #fff; } .b_locations_top>div { padding: 10px 20px; } .wrapp-slider_location.owl-carousel .owl-dots { position: static; text-align: center; padding: 10px 0px; width: 100%; } .wrapp-slider_location.owl-carousel .owl-dots .owl-dot { display: inline-block; float: none; width: 12px; height: 12px; margin-right: 10px; -khtml-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; cursor: pointer; background-color: #F3F3F3; } .wrapp-slider_location.owl-dots .owl-dot.active { background-color: #c4010c; } .b_locations_top .b-locations-top__line { position: relative; left: -20px; width: calc(100% + 40px); height: 1px; margin-top: 5px; margin-bottom: 12px; padding: 0; background-color: #F2F2F2; } .btn_personal_menu i:before { top: 7px; } .btn_personal_menu i:after { top: 14px; } .btn_personal_menu i:after, .btn_personal_menu i:before { display: block; content: ""; transition-timing-function: ease; transition-duration: .15s; transition-property: transform, opacity; } .btn_personal_menu i, .btn_personal_menu i:after, .btn_personal_menu i:before { position: absolute; height: 2px; transition-timing-function: ease; transition-duration: .15s; transition-property: transform; border-radius: 4px; background-color: #308ac4; width: 20px; } .btn_personal_menu i { left: 13px; top: 9px; } .personal_dir { margin-top: 35px; position: relative; } .btn_personal_menu { box-shadow: none; border: 1px solid #f2f2f2; background: #fff; max-width: 300px; width: 100%; padding: 0; line-height: 37px; color: #308ac4; text-transform: uppercase; font-size: 16px; position: relative; outline: none !important; } .personal_dir #title { margin-top: 5px; } .personal_dir .pmenu { display: none; position: absolute; top: 18px; z-index: 100000; background: #fff; max-width: 300px; width: 100% !important; } .personal_dir #title .centeringin { margin: 0; } .personal_dir h1.pagetitle { margin: 5px 0px 6px; } .personal_dir .pmenu a { color: #308ac4; border-bottom: 1px solid #F3F3F3; border-top: 0; font-weight: normal; line-height: 1.42857; padding-left: 65px; } .personal_dir .pmenu .separator { display: none; } .personal_dir .pmenu a.selected, .personal_dir .pmenu a:hover, .personal_dir .pmenu a:active { background-color: #f5f5f5 !important; color: #308ac4 !important; } .cnt-faq-title{ padding: 11px 12px; } .cnt-faq-block{ flex-direction: column-reverse; } .cnt-faq-addq{ margin-left: 0; margin-bottom: 26px; } .preview-video{ height: 520px; } } @media only screen and (max-width : 560px) { .preview-slider .owl-item:nth-child(2){ display: none; } .preview-slider .owl-item{ margin-right: 0; } } @media only screen and (max-width : 500px) { .price-box-block .table-infobox_fly .css-popup-block{ position: fixed; bottom: 0; left: 0; right: 0; top: unset; height: 100%; z-index: 100000; background: rgba(0,0,0,0.5); } .price-box-block .table-infobox_fly .css-popup-inner{ top: unset; bottom: 0; left: 0; right: 0; width: 100%; height: 200px; padding-top: 40px; border-radius: 4px 4px 0 0; } .price-box-block .table-infobox_fly .css-popup-block .close {cursor: pointer; position: absolute; top: 20px; right: 35px;} .price-box-block .table-infobox_fly .css-popup-block .close:before, .price-box-block .table-infobox_fly .css-popup-block .close:after {content: ""; position: absolute; width: 24px; height: 2px; background: gray;} .price-box-block .table-infobox_fly .css-popup-block .close:before {transform: rotate(45deg);} .price-box-block .table-infobox_fly .css-popup-block .close:after {transform: rotate(-45deg);} .table-infobox_fly .css-popup-block .infobox .table-infobox{ width: 100%; } .gallery_info{ flex-direction: column-reverse; height: 100px; } .ctn-faq-item{ font-size: 15px; line-height: 20px; font-weight: 400; } .u24-review__content { padding: 16px; } .u24-review .u24-review-properties__line { min-width: 16px; } .u24-review__likes { margin-right: 16px; } .u24-likes__thumbs + .u24-likes__thumbs { margin-left: 6px; } .u24-review__views { margin-left: 6px; } .u24-review-views > img { margin-right: 6px; } .ctn-faq-item .cnt-faq{ font-size: 16px; line-height: 22px; font-weight: 600; padding: 11px 16px; } .ctn-faq-item .cnt-faq-title{ padding: 10px 17px; } .fancybox-content{ padding-left: 10px; padding-right: 10px; } .detail__pic__tags{ text-align: left; } .c-prices-def .css-popup-block{ left: -145px; } .detail__inner .c-prices .c-prices__price{ white-space: nowrap; } .detail__inner .c-prices .c-prices__value { font-size: 32px !important; line-height: 1 !important; } .blue_color.c-name-box .c-name-measure-ration{ display: none; } .c-gruppedprops__group { padding-top: 45px; } .ctn-faq-item{ font-size: 16px; line-height: 24px; } .cnt-faq{ padding: 5px 6px; } .cnt-faq-title { padding: 5px 6px; } .cnt-faq:before{ display: none; } .tab-h-block > h3, .nav.nav-tabs.repeat > li h1.intab{ white-space: break-spaces; padding-top: 0 !important; } .nav.nav-tabs.repeat > li h2 > a{ font-size: 20px; line-height: 24px; } } @media only screen and (max-width : 400px) { .detail__inner .c-prices .c-prices__value { font-size: 28px !important; } } @media only screen and (max-width : 350px) { .detail__inner .c-prices .c-prices__value { font-size: 26px !important; } .table-infobox{ width: 250px; } .c-prices-main-block .warning-img{ display: none; } .tab-h-block > h3, .nav.nav-tabs.repeat > li h1.intab{ margin-left: 52px; } .nav.nav-tabs.repeat > li h2 > a:before{ margin-right: 14px; } } @media (max-width: 767px) { .c-prices-comm.c-prices-comm__pc{ display: none; } .ajaxpages_container .list-showcase__name-rating { height: 70px; } #header-fly .header-fly__panel>.header-fly__block.search>.navbar-nav .searchinhead__btn, #header-fly .header-fly__panel.open>.header-fly__block.search>.navbar-nav>li>.search-open .searchinhead__zoom { display: none !important; } #header-fly .header-fly__panel.open>.header-fly__block.search>.navbar-nav { display: block !important; } #header-fly .header-fly__panel.open { position: relative; } #header-fly .header-fly__panel.open>.header-fly__block.search>.navbar-nav>li>.search-open { display: block !important; top: 100%; border-top: 1px solid #ebebeb; } #header-fly .header-fly__panel.open>.header-fly__block.search>.navbar-nav>li>.search-open .searchinhead__enter { display: block !important; color: #fff; background-color: #c4010c; border-color: #c4010c; width: 100%; border-radius: 3px; margin: 15px 0 0; text-align: center; font-weight: bold; font-size: 16px; } #header-fly .header-fly__panel.open::before { content: ""; position: absolute; top: calc(100% + 120px); left: 0; height: calc(100vh - 177px); background: #aaaaaa91; width: 100vw; } #header-fly .header-fly__panel.open>.header-fly__block.search>.navbar-nav>li>.search-open .searchinhead__enter>svg { display: none !important; } #header-fly .header-fly__panel.open>.header-fly__block.search>.navbar-nav>li>.search-open .searchinhead__enter::before { content:"Искать"; } #header-fly .header-fly__panel.open>.header-fly__block.search>.navbar-nav>li>.search-open form>.searchinhead__flex { flex-direction: column; padding: 10px 15px 15px; } #header-fly .header-fly__panel.open>.header-fly__block.search>.navbar-nav>li>.search-open form>.searchinhead__flex>div { border:none !important; } #header-fly .header-fly__panel.open>.header-fly__block.search>.navbar-nav>li>.search-open form>.searchinhead__flex>div input { border: 1px solid #ebebeb; background: #f3f3f3; padding: 10px 5px; } } @media (max-width: 480px) { .gopro-container .list-showcase .list-showcase__element{ height: 552px; } .b-pay__inner.showcase-q .b-pay__buttons{ flex-direction: column; } .list-showcase__part-extended .stock-item{ font-size: 11px; line-height: 16px; } .ajaxpages_container .c-prices.view-list.product-alone .c-prices__value{ font-size: 20px !important; } .ajaxpages_container .list-showcase__name-rating { height: 86px; } .list-showcase__part-extended .green-btn{ gap: 6px; } } @media (max-width: 440px) { .gopro-container .list-showcase .list-showcase__element{ height: 564px; } .gopro-container .list-showcase .list-showcase__element.item-news{ height: 490px; } } @media (max-width: 400px) { #header-fly .header-fly__panel { justify-content: space-between; } #header-fly .header-fly__panel .header-fly__block.logo-center { flex: 1 1 190px; max-width: 190px; } } @media (max-width: 380px) { .gopro-container .list-showcase .list-showcase__element.item-news{ height: 460px; } } @media screen and (min-width: 767px) { .c-prices-comm.c-prices-comm__mob { display: none; } } @media screen and (min-width: 1200px) { .detail__inner .tabs-anchor-container li:first-child{ padding-left: 0; } .detail__inner .tabs-anchor-container li:last-child{ padding-right: 0; } .u24-review__rates-gallery { display: -webkit-box; display: -ms-flexbox; display: flex; } .u24-review__gallery { padding: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding: 0 40px; max-width: 770px; } .u24-review-properties__rate { padding-left: 14px; padding-left: 14px; } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes spin { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } /* End */ /* Start:/local/templates/prostroy_default/custom/style.css?16419843794448*/ .crm-form-popup { padding: 0px !important; background: #d6d6d6 !important; } .crm-form-popup .fancybox-custom-title { display: none; } .js-crm-form{ min-width: 600px; } .icon-search{ width: 18px; height: 18px; background: url(/local/templates/prostroy_default/assets/img/search.svg) no-repeat 50% 50%; } .icon-callback{ width: 18px; height: 18px; background: url(/local/templates/prostroy_default/assets/img/callback.svg) no-repeat 50% 50%; } .icon-basket{ width: 23px; height: 18px; background: url(/local/templates/prostroy_default/assets/img/basket.svg) no-repeat 50% 50%; } .show-section-lines{ color: #308ac4; border-bottom: 1px dashed #214496; display: inline-block; cursor: pointer; margin-bottom: 10px; } .ui-hint-icon{ background-size: cover; } .bigq .ui-hint-icon{ width: 30px; height: 30px; } @media (max-width: 767px) { #menu .centeringin{ margin: 0; } #menu .catalogmenusmall a.parent{ padding-left: 15px; padding-right: 15px; } .phonehead__icon{ display: inline-block; padding: 10px; margin-top: 5px; } .hamburger{ background-color: transparent; margin-top: 2px; } .hamburger.is-active{ margin-top: 5px; } .hamburger-box{ width: 20px; height: 16px; } .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { background-color: #BC0010; width: 20px; } .hamburger-inner:before{ top: 7px; } .hamburger-inner:after { top: 14px; } .header-fly__panel .header-fly__block{ flex: 0 1 auto; } .header-fly__panel .header-fly__block.logo-center{ flex: 1 0 auto; } .hamburger.is-active { color: #bc0010; background-color: transparent;} .hamburger.is-active .hamburger-name{ color: #bc0010; } .hamburger.is-active .hamburger-inner{ background-color: #BC0010; } .hamburger.is-active .hamburger-inner:before { background-color: #BC0010; } .hamburger.is-active .hamburger-inner:after { background-color: #BC0010; transform: translate3d(0, -9px, 0) rotate(-90deg); } .menu-sidebar{ display: none; } .bottom .b-sorter__title{ display: block; } } @media (min-width: 767px) { .header-fly__panel .header-fly__block.search{ order: 3; } .show-section-lines{ display: none; } .catalog .sidebar ul.menu-sidebar { margin-bottom: 39px; } .header .logo a img{ width: 192px; } } @media (max-width: 630px) { .js-crm-form{ min-width: 500px; } } @media (max-width: 530px) { .js-crm-form{ min-width: 380px; } } @media (max-width: 480px) { .phone1{ margin-bottom: 10px; margin-top: 15px; } body.adaptive .footer{ margin-top: 30px; } .catalog .prods .ajaxpages_gmci{ margin-bottom: 0; } } @media (max-width: 400px) { .js-crm-form{ min-width: 100%; width: 100%; } .header-fly__panel .header-fly__block.logo{ padding-right: 0; } .hamburger{ padding: 12px 9px; } .header-fly .searchinhead__btn, .header-fly .searchinhead__zoom, .header-fly .searchinhead__enter, .header-fly .searchinhead__basket, .header-fly .recall{ padding: 10px 6px; } .header-fly .searchinhead__btn{ padding: 12px 6px 11px; } .header-fly .searchinhead__basket{ margin-right: 9px; } .phonehead__icon{ padding: 10px 9px; } .b-sorter__dropdown > a{ padding: 10px 0 11px; } .b-sorter__template a.selected, .b-sorter__shortsort a.selected, .b-sorter__template a, .b-sorter__shortsort a{ padding: 5px 10px 6px 10px; } } /**/ .content #catalog { display: flex; } .content #catalog>.prods { width: calc(100% - 250px); order: 2; margin-left: 0; } .content #catalog>.sidebar { order: 1; } @media (max-width: 767px) { .content #catalog { flex-wrap: wrap; } .content #catalog>.prods { width: 100%; } } .b24-form { margin: 0 auto; text-align: left; } /* End */ /* Start:/local/templates/prostroy_default/../.default/assets/css/main.css?1639342917150088*/ @charset "UTF-8"; /* breakpoints */ /* other */ /*.main-title - h1*/ .title-h1 { margin-top: 35px; margin-bottom: 25px; font-size: 32px; line-height: 125%; color: #c4010c; font-weight: 400; text-align: left; } .title-h3 { margin-top: 46px; margin-bottom: 22px; font-size: 20px; line-height: 28px; color: #c4010c; font-weight: 600; text-align: left; } .title-h2 { margin-top: 46px; margin-bottom: 22px; font-size: 26px; line-height: 36px; color: #c4010c; font-weight: 400; text-align: left; } .title-h1 + .title-h2 { margin-top: 26px; } .text-italic { font-size: 18px; line-height: 30px; font-style: italic; color: #000000; text-align: left; } .text-normal { margin-top: 13px; font-size: 15px; line-height: 26px; color: #000000; text-align: left; } .text-bold { margin-top: 13px; font-size: 15px; line-height: 26px; color: #000000; text-align: left; font-weight: 700; } .text-red { color: #c4010c; } .text-img-name { font-size: 12px; line-height: 20px; color: #666666; } .text-italic_adv { font-size: 15px; line-height: 26px; } .table-title { font-size: 13px; line-height: 18px; font-weight: 600; } .table-text { font-size: 14px; line-height: 22px; font-weight: 400; } .table-text_bold { font-weight: 700; } .inner-link { color: #214496; text-decoration: underline; } .media-name { font-size: 12px; line-height: 24px; margin: 0; text-align: left; } @media (max-width: 1280px) { .title-h1 { margin-top: 36px; margin-bottom: 26px; font-size: 28px; } .title-h2 { font-size: 24px; } .title-h3 { margin-top: 36px; margin-bottom: 26px; font-size: 18px; line-height: 26px; } .text-italic { font-size: 16px; line-height: 28px; } .text-normal { margin-top: 12px; font-size: 14px; line-height: 24px; } .text-bold { margin-top: 12px; font-size: 14px; } .text-italic_adv { font-size: 14px; line-height: 24px; } .table-text { font-size: 13px; line-height: 20px; } } @media (max-width: 1024px) { .title-h1 { margin-top: 46px; margin-bottom: 36px; font-size: 30px; } .title-h2 { margin-top: 46px; font-size: 26px; } .title-h3 { margin-top: 46px; font-size: 20px; line-height: 21px; } .text-italic { font-size: 18px; line-height: 32px; } .text-normal { margin-top: 13px; font-size: 15px; line-height: 26px; } .text-italic_adv { font-size: 15px; line-height: 26px; } .table-text { font-size: 14px; line-height: 22px; } .table-text_bold { line-height: 21px; } } @media (max-width: 768px) { .title-h1 { margin-top: 36px; margin-bottom: 26px; } .title-h2 { margin-top: 36px; margin-bottom: 26px; font-size: 24px; } .title-h3 { margin-top: 26px; margin-bottom: 16px; } .text-italic { font-size: 14px; line-height: 22px; } .text-normal { font-size: 14px; line-height: 24px; } .text-italic_adv { font-size: 14px; line-height: 24px; } .table-text { font-size: 13px; line-height: 20px; } .table-text_bold { font-size: 14px; line-height: 20px; } .table-title { font-size: 10px; line-height: 16px; font-weight: 300; text-transform: uppercase; color: #000000; opacity: 0.5; } } @media (max-width: 480px) { .title-h1 { font-size: 26px; line-height: 110%; } .title-h2 { margin-top: 26px; margin-bottom: 16px; font-size: 22px; line-height: 30px; } .title-h3 { font-size: 18px; line-height: 26px; } .text-italic { line-height: 24px; } } .container { max-width: 1240px; margin: 0 auto; margin-top: 30px; margin-bottom: 100px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .left-column { width: 256px; margin-right: 60px; } .right-column { width: 75%; max-width: 925px; display: block; } @media (max-width: 1260px) { .left-column { width: 220px; margin-right: 40px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } } @media (max-width: 1023px) { .left-column { display: none; } .right-column { width: 100%; } } @media (max-width: 767px) { .container { margin-top: 25px; margin-left: 28px; margin-right: 28px; } .centeringin .container { margin-left: 0; margin-right: 0; padding: 0; } } @media (max-width: 479px) { .container { margin-left: 10px; margin-right: 10px; } .centeringin .container { margin-left: 0; margin-right: 0; padding: 0; } } .left-nav__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; border: 1px solid #f3f3f3; color: #666666; } .left-nav__pointers { padding-top: 15px; padding-bottom: 25px; border-right: 1px solid #f3f3f3; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center; } .left-nav__sortable-block { border-right: 1px solid #f3f3f3; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .left-nav__active { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .left-nav__pointer { width: 40px; padding-top: 6px; padding-bottom: 6px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; line-height: 1em; } .left-nav__pointer_active { color: #fff; background: #c4010c; line-height: 1em; position: relative; margin-left: -1px; margin-right: -1px; width: 42px; } .left-nav__pointer_active::after { position: absolute; content: ''; right: -6px; top: 0; height: 25px; width: 6px; background: url("/local/templates/prostroy_default/../.default/assets/css/../img/left-nav__pointer-active.svg") no-repeat center; background-size: cover; } .left-nav__pointer:hover { cursor: pointer; color: #fff; background-color: #c4010c; } .left-nav__articles { padding-top: 15px; padding-bottom: 25px; width: 100%; } .left-nav__tab-container { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .left-nav__tab-container_active { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .left-nav__article-name { padding-left: 32px; padding-top: 10px; padding-bottom: 10px; color: #666666; text-align: left; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .left-nav__article-name:hover { color: #fff; background-color: #c4010c; } .left-nav__article-name:first-child { padding-top: 6px; } .left-nav__article-name_active { color: #c4010c; position: relative; } .left-nav__article-name_active::before { content: ''; position: absolute; top: 50%; margin-top: -3.5px; left: 16px; height: 7px; width: 4px; background: url("/local/templates/prostroy_default/../.default/assets/css/../img/left-nav__article-name-pointer_active.svg") no-repeat center; } .left-column__banner-wrapper { margin: 30px 0; width: auto; } .left-column__banner-img { width: 100%; } .left-column__newsletter { padding: 28px; border: 1px solid #f3f3f3; } .left-column__newsletter_contacts { margin-top: 30px; } .left-column__newsletter-title { margin-top: 0; margin-bottom: 0; font-size: 20px; line-height: 28px; text-align: center; text-transform: uppercase; } .left-column__newsletter-input { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 10px; margin-bottom: 15px; background-color: #f3f3f3; border: 1px solid #cccccc; font-size: 15px; line-height: 21px; text-align: center; } .left-column__newsletter-btn { padding: 10px; width: 100%; background-color: #c4010c; -webkit-border-radius: 2px; border-radius: 2px; color: #fff; font-size: 15px; line-height: 21px; text-align: center; border: none; cursor: pointer; } .left-column__newsletter-icon-block { position: relative; display: block; width: 53px; height: 50px; margin: 20px auto; background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/mail-icon.png"); } .left-column__newsletter-icon-block::before, .left-column__newsletter-icon-block::after { content: ''; position: absolute; top: 50%; display: block; height: 1px; width: 100%; background-color: #dbdbdb; } .left-column__newsletter-icon-block::before { left: -69px; } .left-column__newsletter-icon-block::after { right: -69px; } @media (max-width: 1280px) { .left-column__newsletter-icon-block::before, .left-column__newsletter-icon-block::after { width: 80%; } .left-column__newsletter-icon-block::before { left: -55px; } .left-column__newsletter-icon-block::after { right: -55px; } } @media (max-width: 1023px) { .left-nav__container { width: 220px; } } .breadcrumbs-wrapper { margin: -12px 0; } .breadcrumbs-wrapper > .rsbreadcrumb { text-align: left; } .breadcrumbs-wrapper > ul > li:before, ol > li:before { content: none; } .logo-block { margin: 0 0 25px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .logo-block___logo-wrapper { margin-right: 40px; width: 32%; padding-top: 33px; padding-bottom: 33px; background: transparent; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .d-flex{ display: flex; } .left-column_small{ margin-right: 40px; flex-shrink: 0; } .right-column_small{ } .logo-block__logo-img { /*width: 294px;*/ width: auto; } .logo-block___logo-desc { width: 60%; } @media (max-width: 1023px) { .logo-block___logo-wrapper { margin-right: 30px; text-align: center; } .logo-block__logo-img { /*width: 256px;*/ } } @media (max-width: 767px) { .logo-block___logo-wrapper { margin-right: 21px; } .logo-block__logo-img { /* width: 175px;*/ } } @media (max-width: 479px) { .logo-block { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .logo-block___logo-wrapper { margin-right: 0; width: 100%; margin-bottom: 15px; } .logo-block__logo-img { /*width: 100%;*/ } .logo-block___logo-desc { width: 100%; } } .two-images__slider { margin: 20px 0; width: 100%; } .two-images__image-wrapper { width: 49%; margin-bottom: 5px; } .two-images__image-wrapper:first-child { margin-right: 20px; } .two-images__img { width: 100%; } .two-images__img-title { font-size: 12px; line-height: 20px; color: #666666; text-align: left; } @media (max-width: 767px) { .two-images__slider { margin: 20px 0; } } @media (max-width: 480px) { .two-images__slider { padding-bottom: 35px; margin-bottom: 0; } .two-images__image-wrapper { width: 100%; } .two-images__img-title { text-align: center; } } .advantages { margin-top: 30px; } .advantages__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; text-align: center; } .advantages__slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; width: 25%; margin-right: 0; } .advantages__slide:last-child { margin-right: 0; } .advantages__advantage { position: relative; padding-top: 86px; padding-bottom: 20px; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; color: #757575; background-color: #F7F7F7; background-repeat: no-repeat; background-position: center 20px; } .advantages__advantage::after { position: absolute; right: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); content: ''; height: 80%; width: 1px; background: #E1E1E1; } .advantages__advantage_guarantee { background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/guarantee_icon.svg"); } .advantages__advantage_quality { background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/quantity_icon.svg"); } .advantages__advantage_cup { background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/cup_icon.svg"); } .advantages__advantage_arrows { background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/arrows_icon.svg"); } .advantages__advantage_arrows::after { content: none; } .advantages__advantage-number { font-size: 35px; font-weight: bold; } @media (max-width: 1023px) { .advantages__advantage { /* margin-right: 10px;*/ } } @media (max-width: 767px) { .advantages__wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .advantages__slide { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 50%; } .advantages__advantage { min-width: 173px; margin-bottom: 0; margin-right: 0; } .advantages__advantage_quality::after { content: none; } } @media (max-width: 479px) { .advantages { width: 100%; } .advantages__wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .advantages__slide { width: 50%; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-bottom: 0; } .advantages__advantage { margin-bottom: 0; min-width: inherit; } .advantages__advantage_quality::after { content: ''; } } .types { width: 100%; } .types__table { text-align: left; } .types__table-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: 1px solid #ebebeb; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .types__table-item:hover { background-color: #f7f7f7; } .types__table-name { width: 230px; } .types__table-column { width: -webkit-calc(50% - 117px); width: calc(50% - 117px); -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; } .types__table-column .types__table-title { border-left: 2px solid #fff; } .types__table-title { display: none; padding: 16px 10px; margin: 0; background-color: #f7f7f7; border-bottom: 1px solid #c4010c; } .types__table-item_1 .types__table-title { display: block; } .types__item-text { padding: 20px 10px; margin: 0; } .table-list { list-style-type: none; margin: 0; padding: 0; } .table-list__item { margin-bottom: 10px; padding-left: 20px; position: relative; } .table-list__item::before { content: " — "; position: absolute; top: 0; left: 0; } @media (max-width: 1280px) { .types__table-name { width: 206px; } .types__table-column { width: -webkit-calc(50% - 110px); width: calc(50% - 110px); } } @media (max-width: 1023px) { .types__table-name { width: 179px; } .types__table-column { width: -webkit-calc(50% - 92px); width: calc(50% - 92px); } } @media (max-width: 767px) { .types__table-item { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 20px; border-bottom: none; } .types-table__useful-articles { border-top: 1px solid #c4010c; } .types__table-item_grey { background-color: #f7f7f7; } .types__table-item { cursor: default; } .types__table-item:hover { background-color: transparent; } .types__table-item_grey:hover { background-color: #f7f7f7; } .types__table-title { display: block; border-bottom: none; background-color: transparent; padding: 0; } .types__table-name { width: 100%; } .types__table-feature, .types__table-advantage { width: 45%; } .types__table-feature { margin: 0; } .types__item-text { padding: 0; } .types__item-text.table-text_bold { padding: 0; } .types__table-column { padding-top: 20px; } } @media (max-width: 479px) { .types__table-feature, .types__table-advantage { width: 100%; } } .certificates { width: 100%; } .certificates__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #f7f7f7; overflow: auto; } .certificates__certificate { height: 130px; margin-right: 15px; position: relative; } .certificates__img-link { position: relative; display: block; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .certificates__img-link::before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url("/local/templates/prostroy_default/../.default/assets/css/../img/hover-icon.png") no-repeat center; -webkit-transform: translate(-50%, -51%); -ms-transform: translate(-50%, -51%); transform: translate(-50%, -51%); width: 100%; height: 98%; display: none; z-index: 2; background-color: rgba(0, 0, 0, 0.5); } .certificates__img-link:hover::before { display: block; } @media (max-width: 479px) { .certificates__wrapper { overflow: auto; } } .specials { width: 100%; } .specials__pagination { display: none; } .specials__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .specials__slide { width: 32%; margin-right: 2%; border: 1px solid #ebebeb; border-bottom: 3px solid #ebebeb; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; height: auto; } .specials__slide:last-child { margin-right: 0; } .specials__slide:hover { cursor: pointer; text-decoration: none; color: #c4010c; border-bottom: 3px solid #6b7fa0; -webkit-box-shadow: 11px 12px 24px -6px rgba(0, 0, 0, 0.25); box-shadow: 11px 12px 24px -6px rgba(0, 0, 0, 0.25); } .specials__img-wrapper { width: 100%; position: relative; margin-bottom: 27px; } .specials__img { width: 100%; height: auto; } .specials__date { position: absolute; bottom: -5px; left: 16px; background-color: #c4010c; color: #fff; font-size: 12px; line-height: 21px; padding: 0 8px; } .specials__title { padding: 0 15px 18px; font-size: 15px; line-height: 22px; color: #214496; color: inherit; text-align: left; } .specials .swiper-button-next, .specials .swiper-button-prev { display: none; } @media (max-width: 767px) { .specials .swiper-button-next, .specials .swiper-button-prev { display: block; } .specials__slide { width: 40%; margin-right: 0; } } @media (max-width: 479px) { .specials__slide { width: 80%; } } .media-block { width: 49%; } /*media file is on the right*/ .info-wrapper__image-right .media-block { padding-left: 30px; float: right; } /*media file is under text*/ .media-block_text-above { margin-top: 30px; } .info-wrapper .media-block__image { width: 100%; position: relative; } .info-wrapper .media-block__image img { width: 100%; } .media-block__video { width: 100%; display: block; } .media-block__video-wrapper { position: relative; width: 100%; height: 100%; } .media-block__iframe-wrapper { height: 0; position: relative; padding-bottom: 56.25%; } .media-block__iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .media-block__video-button { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 58px; height: 58px; background: url("/local/templates/prostroy_default/../.default/assets/css/../img/video-button.png") no-repeat center; z-index: 5; border: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .media-block__video-button:hover { cursor: pointer; } .videocover { position: absolute; width: 100%; height: 100%; z-index: 1; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.25); } .videocover:hover { cursor: pointer; } .info-wrapper__image-left .media-block { float: left; padding-right: 30px; } .info-wrapper__list { overflow: hidden; list-style: none; margin: 0; padding: 0; padding-left: 40px; margin-bottom: 20px; } .info-wrapper__list_num { padding-left: 21px; margin-bottom: 0; } .info-wrapper__list-item { position: relative; padding-top: 10px; line-height: 26px; } .info-wrapper__list-item::before { content: ''; position: absolute; top: 24px; left: -30px; display: block; width: 14px; height: 1px; background-color: #c4010c; } .info-wrapper__list-item_dark-style::before { background-color: #000000; } .info-wrapper__list-item_num::before { display: none; } .info-wrapper__list-item_num .num { display: inline-block; padding-right: 7px; color: #c4010c; font-style: normal; } .info-wrapper__list-item_num .num-black { display: inline-block; padding-right: 7px; color: #000000; font-style: normal; } .info-wrapper__text-italic { padding: 30px; padding-bottom: 35px; margin: 25px 0; background-color: #f7f7f7; } @media (max-width: 1280px) { .info-wrapper .media-block__image { width: 100%; } } @media (max-width: 1023px) { .info-wrapper__image-right .media-block { padding-left: 21px; } .info-wrapper__image-left .media-block { padding-right: 21px; } .info-wrapper__image-right .media-block__image { width: 100%; } } @media (max-width: 767px) { .info-wrapper__list { padding-left: 30px; } .info-wrapper__list_num { padding-left: 0; } .info-wrapper .media-block { padding-left: 0; padding-right: 0; padding-bottom: 30px; width: 100%; } .info-wrapper .media-block__image { width: 100%; margin: 0 auto; } .info-wrapper .media-block__image img { width: 100%; } .info-wrapper__text-italic { padding: 20px; padding-bottom: 25px; margin: 15px 0; } } @media (max-width: 479px) { .info-wrapper .media-block__image { width: 100%; } } .contacts-block { width: 100%; } .contacts-block__wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .contacts-block__address-item { font-size: 14px; line-height: 22px; text-align: left; } .contacts-block__address-item:first-child { margin-bottom: 20px; } .contacts__map { -webkit-box-sizing: border-box; box-sizing: border-box; width: 505px; height: 272px; margin-left: 30px; margin-top: -45px; } .contacts-block__address-item .phone, .contacts-block__address-item .mail { display: block; padding-top: 2px; padding-bottom: 2px; padding-left: 25px; background-repeat: no-repeat; background-position: 0 center; } .contacts-block__address-item .phone { background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/icon-tel.png"); } .contacts-block__address-item .mail { background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/icon-mail-small.png"); } @media (max-width: 1280px) { .contacts__map { width: 441px; } } @media (max-width: 1023px) { .contacts__map { width: 406px; } } @media (max-width: 767px) { .contacts-block__wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .contacts__map { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; width: 100%; padding: 0; margin-top: 0; margin-left: 0; margin-bottom: 20px; height: 282px; } .contacrs-block__address { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } @media (max-width: 479px) { .contacts__map { height: 164px; } .contacrs-block__address { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .popular { width: 100%; } .popular__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .popular__slide { width: 25%; height: auto; min-height: 275px; padding: 18px 20px; border: 1px solid #ebebeb; border-top: 2px solid #c4010c; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .popular .swiper-button-next, .popular .swiper-button-prev { display: none; } .popular__title { font-size: 14px; line-height: 20px; color: #214496; text-align: left; margin-bottom: 23px; display: block; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .popular__title:hover { cursor: pointer; } .popular__img-wrapper { margin: 0 auto; margin-bottom: 35px; } .popular__img { height: 105px; width: auto; } .popular__price-wrapper { text-align: left; color: #424242; font-size: 16px; } .popular__price, .popular__price-unit { font-weight: bold; } @media (max-width: 767px) { .popular .swiper-button-next, .popular .swiper-button-prev { display: block; } } @media (max-width: 479px) { .popular__slide { width: 80%; } } .links-catalog { width: 100%; } .links-catalog__wrapper { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .links-catalog__column { width: 32%; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 10px; text-align: left; font-size: 14px; line-height: 25px; color: #214496; } .links-catalog__column:last-child { margin-right: 0; } .links-catalog__number { color: #898989; } .links-catalog__position { margin: 0; } @media (max-width: 767px) { .links-catalog__column { min-width: 175px; } } .reccomend { width: 100%; } .reccomend__block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .reccomend__item-text-block { -webkit-box-sizing: border-box; box-sizing: border-box; float: right; width: -webkit-calc(100% - 100px); width: calc(100% - 100px); padding-right: 20px; } .reccomend__item-title { line-height: 22px; color: #214496; display: block; margin-top: 0; } .reccomend__item-title:hover { cursor: pointer; } .reccomend__item-text { font-size: 12px; line-height: 18px; } .reccomend__item-img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; float: left; width: 82px; height: 82px; margin-right: 15px; border: 1px solid #dbdbdb; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .reccomend__item-img:hover { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .reccomend__item { -webkit-flex-basis: 33.3%; -ms-flex-preferred-size: 33.3%; flex-basis: 33.3%; } @media (max-width: 1280px) { .reccomend__item-text-block { width: 100%; } .reccomend__item-img { margin-bottom: 15px; } } @media (max-width: 1023px) { .reccomend__item-text { font-size: 14px; line-height: 22px; } .reccomend__item-text-block { width: 100%; } } @media (max-width: 767px) { .reccomend__block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .reccomend__item { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .reccomend__item-text-block { padding-right: 0; width: -webkit-calc(100% - 100px); width: calc(100% - 100px); } .reccomend__item-title { margin-bottom: 5px; font-size: 16px; line-height: 24px; } .reccomend__item-text { line-height: 20px; } .reccomend__item-img { margin-bottom: 20px; } } @media (max-width: 479px) { .reccomend__item-title { font-size: 14px; line-height: 22px; } .reccomend__item-text { font-size: 13px; } } .use-cases { width: 100%; } .use-cases__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .use-cases__slide { width: 23%; margin-right: 3%; text-align: left; } .use-cases__slide:last-child { margin-right: 0; } .use-cases__link { position: relative; display: block; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .use-cases__link::before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url("/local/templates/prostroy_default/../.default/assets/css/../img/hover-icon.png") no-repeat center; -webkit-transform: translate(-50%, -51%); -ms-transform: translate(-50%, -51%); transform: translate(-50%, -51%); width: 100%; height: 98%; display: none; z-index: 2; background-color: rgba(0, 0, 0, 0.5); } .use-cases__link:hover::before { display: block; } .use-cases__img { width: 100%; } .use-cases .swiper-button-next, .use-cases .swiper-button-prev { display: none; } @media (max-width: 767px) { .use-cases .swiper-button-next, .use-cases .swiper-button-prev { display: block; } } @media (max-width: 479px) { .use-cases__slide { width: 80%; } } .articles { width: 100%; } .articles__link { color: #214496; text-align: left; cursor: pointer; } .articles__img-wrapper { margin-bottom: 20px; } .articles__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .articles__slide { width: 23%; margin-right: 3%; text-align: left; } .articles__slide:last-child { margin-right: 0; } .articles__img { width: 100%; } .articles .swiper-button-next, .articles .swiper-button-prev { display: none; } @media (max-width: 767px) { .articles .swiper-button-next, .articles .swiper-button-prev { display: block; margin-top: -15px; } } @media (max-width: 479px) { .articles__slide { width: 80%; } } /*tabs*/ .tabs-container { margin-top: 20px; width: 100%; } .tabs-container ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; list-style: none; padding: 0; margin: 0; } .tabs li { float: left; margin-right: 40px; } .tabs_contacts li { margin-right: 0; width: 50%; } .tabs a { display: block; text-align: left; text-decoration: none; font-size: 15px; line-height: 21px; color: #000000; padding: 15px 0; } .tabs_contacts a { text-align: center; } .tabs a:hover, .tabs a.active { color: #c5010d; position: relative; } .tabs a.active::after { position: absolute; content: ''; width: 100%; height: 3px; left: 0; bottom: 0; background-color: #c5010d; } .tabgroup > div { padding-top: 20px; border-top: 1px solid #bcc3d9; width: 100%; } .tabgroup.tabgroup_contacts > div { border-top: none; } .clearfix:after { content: ""; display: table; clear: both; } /*experts*/ .experts { width: 100%; } .experts__wrapper { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; } .experts__slide { -webkit-box-sizing: border-box; box-sizing: border-box; width: 23%; height: auto; margin-right: 3%; padding: 20px; padding-bottom: 30px; background-color: #f7f7f7; } .experts__slide:last-child { margin-right: 0; } .expert-img { width: 84px; height: 84px; } .expert-text-block { text-align: left; } .experts__slide .expert-name { margin-top: 10px; margin-bottom: 5px; padding: 0; font-size: 16px; line-height: 20px; font-weight: 700; color: #000000; } .experts__slide .expert-desc { padding: 0; margin-bottom: 5px; font-size: 12px; line-height: 18px; font-style: italic; color: #000000; font-weight: 400; } .experts__slide .expert-phone, .experts__slide .expert-mail { padding: 0; font-size: 12px; line-height: 20px; color: #000000; font-weight: 400; } .experts__slide .expert-mail { color: #214496; word-break: break-all; } .experts .swiper-button-next, .experts .swiper-button-prev { display: none; } /*advantages*/ .tab-adv { width: 100%; } .tab-adv__wrapper { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tab-adv__slide { width: 23%; padding-bottom: 30px; } .tab-adv__adv-text { padding-right: 30px; color: black; font-size: 15px; line-height: 20px; } .tab-adv__adv-item { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; padding-top: 40px; background-repeat: no-repeat; background-position: left top; } .tab-adv__adv-item_1 { background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/tab-adv-1.png"); background-position: left 5px; } .tab-adv__adv-item_2 { background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/tab-adv-2.png"); } .tab-adv__adv-item_3 { background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/tab-adv-3.png"); } .tab-adv__adv-item_4 { background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/tab-adv-4.png"); } .tab-adv__adv-item_5 { background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/tab-adv-5.png"); } .tab-adv__adv-item_6 { background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/tab-adv-6.png"); } .tab-adv__adv-item_7 { background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/tab-adv-7.png"); background-position: left 5px; } .tab-adv__adv-item_8 { background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/tab-adv-8.png"); background-position: left 2px; } .tab-adv .swiper-button-next, .tab-adv .swiper-button-prev { display: none; } /* news-slider */ .news-slider { width: 100%; } .news-slider__data { font-size: 11px; line-height: 20px; color: #000000; text-transform: uppercase; } .news-slider__link { color: #214496; text-align: left; cursor: pointer; } .news-slider__img-wrapper { margin-bottom: 10px; } .news-slider__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .news-slider__slide { width: 24%; text-align: left; } .news-slider__img { width: 100%; } .news-slider .swiper-button-next, .news-slider .swiper-button-prev { display: none; } @media (max-width: 1023px) { .expert-item .expert-desc { line-height: 16px; } .expert-item .expert-phone, .expert-item .expert-mail { font-size: 14px; line-height: 18px; } } @media (max-width: 767px) { .tabs-container ul.tabs_contacts { width: 100%; } .tabs li { margin-right: 20px; } .experts__slide { margin-right: 0; } .experts .swiper-button-next, .experts .swiper-button-prev { display: block; margin-top: -15px; } /* advantages */ .tab-adv .swiper-button-next, .tab-adv .swiper-button-prev { display: block; margin-top: -15px; } .tab-adv__wrapper { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .tab-adv__adv-item { background-position-x: center; } .tab-adv__adv-text { padding: 0 15px; text-align: center; } /* news-slider*/ .news-slider .swiper-button-next, .news-slider .swiper-button-prev { display: block; margin-top: -15px; } } @media (max-width: 479px) { .experts__slide { width: 80%; } .tab-adv__slide { width: 80%; } .tab-adv__adv-text { padding-left: 20px; padding-right: 20px; } .news-slider__slide { width: 80%; } .expert-img { margin: 0 auto; } .expert-text-block { text-align: center; } } .payments { width: 100%; } .payments__table { text-align: left; } .payments__table-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: 1px solid #ebebeb; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .payments__table-item:hover { background-color: #f7f7f7; } .payments__table-name { width: 35%; } .payments__table-column { width: -webkit-calc(50% - 117px); width: calc(50% - 117px); -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; } .payments__table-column .payments__table-title { border-left: 2px solid #fff; } .payments__table-title { display: block; font-size: 15px; line-height: 26px; color: #000000; padding-bottom: 23px; margin: 0; border-bottom: 1px solid #c4010c; } .payments__table-item_1 .payments__table-title { display: block; } .payments__item-text { padding: 15px 10px; margin: 0; } @media (max-width: 1280px) { .payments__table-column { width: -webkit-calc(50% - 110px); width: calc(50% - 110px); } } @media (max-width: 1023px) { .payments__table-column { width: -webkit-calc(50% - 92px); width: calc(50% - 92px); } } @media (max-width: 767px) { .payments__table-item { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 20px; border-bottom: none; } .payments__table-item:nth-child(2n) { background-color: #f7f7f7; } .payments__table-item { cursor: default; } .payments__table-item:hover { background-color: transparent; } .payments__table-item_grey:hover { background-color: #f7f7f7; } .payments__table-name { width: 100%; } .payments__table-feature, .payments__table-advantage { width: 45%; } .payments__table-feature { margin: 0; } .payments__item-text { padding: 0; } .payments__item-text.table-text_bold { padding: 0; } .payments__table-column { padding-top: 20px; } } @media (max-width: 479px) { .payments__table-feature, .payments__table-advantage { width: 100%; } } .data-wrapper { display: block; text-align: left; } .data { display: inline-block; background: #f3f3f3; line-height: 30px; font-size: 13px; text-align: center; vertical-align: middle; text-transform: uppercase; padding: 0 8px; } .data_top-margin { margin-top: 30px; } @media (max-width: 1023px) { .data_top-margin { margin-top: 25px; } } @media (max-width: 767px) { .data_top-margin { margin-top: 15px; } } @media (max-width: 479px) { .data_top-margin { margin-top: 10px; } } .one-image { width: 100%; margin: 20px 0; } .one-image__img { width: 100%; } .social-networks { padding: 15px 0; margin: 44px auto 0; width: 100%; border: 1px solid #ebebeb; text-align: center; } .social-networks_category { margin-top: 20px; margin-bottom: 40px; } .social-networks__text { margin-top: 13px; font-size: 15px; line-height: 26px; color: #000000; text-align: center; } .actions { width: 100%; } .actions__table { text-align: left; } .actions__table-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: 1px solid #ebebeb; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .actions__table-item:hover { background-color: #f7f7f7; } .actions__table-name { width: 50%; } .actions__table-column { width: 24%; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; } .actions__table-column .actions__table-title { border-left: 2px solid #fff; } .actions__table-title { display: none; padding: 16px 10px; margin: 0; background-color: #f7f7f7; border-bottom: 1px solid #c4010c; } .actions__table-item_1 .actions__table-title { display: block; } .actions__item-text { padding: 20px 10px; margin: 0; } .table-list { list-style-type: none; margin: 0; padding: 0; } .table-list__item { margin-bottom: 10px; padding-left: 20px; position: relative; } .table-list__item::before { content: " — "; position: absolute; top: 0; left: 0; } @media (max-width: 767px) { .actions__table-item { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 20px; border-bottom: none; } .actions__table-item_grey { background-color: #f7f7f7; } .actions__table-item { cursor: default; } .actions__table-item:hover { background-color: transparent; } .actions__table-item_grey:hover { background-color: #f7f7f7; } .actions__table-title { display: block; border-bottom: none; background-color: transparent; padding: 0; } .actions__table-name { width: 100%; } .actions__table-feature, .actions__table-advantage { width: 45%; } .actions__table-feature { margin: 0; } .actions__item-text { padding: 0; } .actions__item-text.table-text_bold { padding: 0; } .actions__table-column { padding-top: 20px; } } @media (max-width: 479px) { .actions__table-feature, .actions__table-advantage { width: 100%; } } .article-desc { width: 100%; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 10px 0; font-size: 13px; line-height: 26px; } .article-desc:after { content: ""; display: table; clear: both; } .article-desc__time { float: left; padding-left: 30px; padding-right: 15px; background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/clock-icon.png"); background-repeat: no-repeat; background-position: 10px center; border-right: 1px solid #cccccc; } .article-desc__later { float: left; border: none; padding-left: 30px; background-color: transparent; text-decoration: none; background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/red-arrow-icon.png"); background-repeat: no-repeat; background-position: 20px center; line-height: 26px; cursor: pointer; } .article-desc__print { float: right; border: none; background-color: transparent; text-decoration: none; line-height: 26px; cursor: pointer; } .article-desc__print span { padding-left: 25px; background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/print-icon.png"); background-repeat: no-repeat; background-position: 0 center; } @media (max-width: 480px) { .article-desc { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .article-desc__time { border-right: none; margin: 0 auto; margin-bottom: 5px; } .article-desc__later { width: 50%; padding-left: 15px; border-right: 1px solid #cccccc; text-align: left; background-position: 5px center; } .article-desc__print { width: 50%; text-align: right; } } @media (min-width: 320px) { .ua-filters { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .ua-filters__select { position: relative; width: 48%; min-height: 32px; margin-bottom: 15px; padding: 0; padding-left: 7px; color: #214496 !important; font-size: 12px; line-height: 26px; color: #000000; border: 1px solid #e1e1e1; -webkit-border-radius: 3px; border-radius: 3px; -webkit-appearance: none; background: url("/local/templates/prostroy_default/../.default/assets/css/../img/ua-select_icon.png") no-repeat; background-position: -webkit-calc(100% - 5px) center; background-position: calc(100% - 5px) center; } .ua-filters__switcher { display: inherit; height: 30px; border: 1px solid #e1e1e1; -webkit-border-radius: 3px; border-radius: 3px; } .ua-filters__state { display: inline-block; height: 30px; background-position: center; background-repeat: no-repeat; } .ua-filters__state:hover { cursor: pointer; } .ua-filters__state_active.ua-filters__state_list { background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/ua-switcher-list-active_icon.png"); } .ua-filters__state_active.ua-filters__state_tales { background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/ua-switcher-tales-active_icon.png"); } .ua-filters__state_list { width: 34px; border-right: 1px solid #e1e1e1; background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/ua-switcher-list_icon.png"); } .ua-filters__state_tales { width: 33px; background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/ua-switcher-tales_icon.png"); } } @media (min-width: 768px) { .ua-filters { /*-webkit-box-pack: start;*/ /*-webkit-justify-content: flex-start;*/ /* -ms-flex-pack: start;*/ /* justify-content: flex-start; */ display: none; } .ua-filters__select { margin-right: 10px; width: 30%; } .ua-filters__select_works { margin-right: auto; } .ua-filters__select_popul { width: 140px; } } @media (min-width: 1024px) { .ua-filters_popul { width: 165px; } } @media (min-width: 320px) { .ua-tales { padding-top: 15px; padding-bottom: 20px; text-align: left; } .ua-tale { width: 100%; } .ua-tale__img { margin-bottom: 11px; width: 100%; } .ua-tale__title { display: block; margin-bottom: 8px; font-size: 15px; line-height: 21px; color: #214496; text-decoration: underline; } .ua-tale__tag { display: inline-block; margin-bottom: 12px; padding-right: 7px; padding-left: 7px; vertical-align: middle; text-align: center; line-height: 21px; font-size: 10px; text-transform: uppercase; color: #c4010c; letter-spacing: 0.025em; background-color: #f5f5f5; } .ua-tale__details { margin-bottom: 40px; } .ua-tale__date { display: inline-block; margin: 0; margin-right: 12px; font-size: 12px; line-height: 12px; color: #000000; } .ua-tale__views { display: inline-block; margin: 0; margin-right: 18px; padding-left: 20px; font-size: 13px; line-height: 13px; color: #000000; background: url("/local/templates/prostroy_default/../.default/assets/css/../img/ua-eye_icon.png") no-repeat left center; } } @media (min-width: 480px) { .ua-tales { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .ua-tale { width: 48%; } .ua-tale__details { margin-bottom: 30px; } } @media (min-width: 768px) { .ua-tales { padding-top: 20px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .ua-tale { width: 31%; margin-right: 3.5%; } .ua-tale:nth-child(3n + 3) { margin-right: 0; } } @media (min-width: 1280px) { .ua-tales { padding-top: 40px; } .ua-tale { margin-right: 2%; width: 23.5%; } .ua-tale__title:hover { cursor: pointer; } .ua-tale:nth-child(3n + 3) { margin-right: 2%; } .ua-tale:nth-child(4n + 4) { margin-right: 0; } } @media (min-width: 320px) { .ua-pagination { padding-bottom: 10px; } .ua-pagination__btn-more { margin-bottom: 20px; width: 100%; display: inline-block; font-size: 13px; line-height: 34px; color: #000000; text-align: center; vertical-align: middle; color: #fff; background: #c5010d; border: none; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .ua-pagination__btn-more:hover { cursor: pointer; color: #c5010d; background: #fff; -webkit-box-shadow: 0 0 0 1px #c4010c; box-shadow: 0 0 0 1px #c4010c; } .ua-pagination__switcher { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; border: 1px solid #e1e1e1; -webkit-border-radius: 3px; border-radius: 3px; } .ua-pagination__page { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; line-height: 32px; padding-left: 8px; padding-right: 8px; text-align: center; text-decoration: none; color: #214496; vertical-align: middle; border-right: 1px solid #e1e1e1; } .ua-pagination__page:hover { cursor: pointer; } .ua-pagination__page_first:before { content: 'Пред'; } .ua-pagination__page_last:before { content: 'След'; } .ua-pagination__page:last-child { border-right: none; } .ua-pagination__page_disabled { color: #b7b7b7; background: #f3f3f3; pointer-events: none; } .ua-pagination__page_active { color: #c5010d; background: #f3f3f3; pointer-events: none; } } @media (min-width: 480px) { .ua-pagination__page_first:before { content: 'Предыдущая'; } .ua-pagination__page_last:before { content: 'Следующая'; } } @media (min-width: 768px) { .ua-pagination { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .ua-pagination__btn-more { width: 184px; } .ua-pagination__switcher { width: 485px; height: 34px; border: none; } .ua-pagination__page { border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; } .ua-pagination__page_first { margin-right: 7px; border: 1px solid #e1e1e1; -webkit-border-radius: 3px; border-radius: 3px; } .ua-pagination__page:nth-child(2) { border-left: 1px solid #e1e1e1; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } .ua-pagination__page:nth-child(7) { -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; } .ua-pagination__page_last { margin-left: 7px; border: 1px solid #e1e1e1; -webkit-border-radius: 3px; border-radius: 3px; } .ua-pagination__page:last-child { border-right: 1px solid #e1e1e1; } } @media (min-width: 320px) { .ua-nav { padding-bottom: 25px; font-size: 13px; line-height: 30px; text-align: left; width: 100%; } .ua-nav__to-all { padding-left: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; line-height: 32px; text-decoration: none; color: #214496; background: #f3f3f3 url("/local/templates/prostroy_default/../.default/assets/css/../img/blue-arrow-left_icon.svg") no-repeat 15px center; } .ua-nav__links-wrapper { padding-top: 12px; color: #666666; -webkit-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } .ua-nav__links-wrapper_short { overflow-y: hidden; height: 260px; } .ua-nav__title { margin: 0; padding-left: 28px; text-transform: uppercase; letter-spacing: 0.05em; } .ua-nav__link { display: block; padding-left: 28px; padding-right: 8px; margin-bottom: 5px; line-height: 20px; color: #666666; text-decoration: none; } .ua-nav__link_active { color: #d95b62; background: url("/local/templates/prostroy_default/../.default/assets/css/../img/red-arrow-icon.png") no-repeat 15px 7px; } .ua-nav__bottom-link { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 15px; margin-bottom: -25px; padding: 16px 27px; background: #f3f3f3; text-transform: uppercase; line-height: 1; } .ua-nav__more-links { position: relative; margin-left: 28px; text-decoration: none; color: #214496; border-bottom: 1px dotted #214496; } .ua-nav__more-links:after { content: ''; position: absolute; top: 7px; right: -12px; width: 7px; height: 4px; background: url("/local/templates/prostroy_default/../.default/assets/css/../img/lightBlue-arrow-down_icon.svg") no-repeat center; background-size: contain; } } @media (min-width: 320px) { .ua-lists { padding-top: 15px; padding-bottom: 20px; text-align: left; } .ua-list { width: 100%; } .ua-list__img { margin-bottom: 11px; width: 100%; } .ua-list__title { display: block; margin-bottom: 8px; font-size: 15px; line-height: 21px; color: #214496; text-decoration: underline; } .ua-list__title:hover { cursor: pointer; } .ua-list__desc { font-size: 14px; line-height: 22px; color: #000000; } .ua-list__tag { display: inline-block; margin-bottom: 12px; padding-right: 7px; padding-left: 7px; vertical-align: middle; text-align: center; line-height: 21px; font-size: 10px; text-transform: uppercase; color: #c4010c; letter-spacing: 0.025em; background-color: #f5f5f5; } .ua-list__details { margin-bottom: 40px; } .ua-list__date { display: inline-block; margin: 0; margin-right: 12px; font-size: 12px; line-height: 12px; color: #8f8f8f; text-transform: uppercase; } .ua-list__views { display: inline-block; margin: 0; margin-right: 18px; padding-left: 20px; font-size: 13px; line-height: 13px; color: #000000; background: url("/local/templates/prostroy_default/../.default/assets/css/../img/ua-eye_icon.png") no-repeat left center; } } @media (min-width: 480px) { .ua-lists { padding-top: 30px; padding-bottom: 40px; } .ua-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .ua-list__left-side { width: 35%; margin-right: 15px; } .ua-list__right-side { width: -webkit-calc(100% - 35% - 15px); width: calc(100% - 35% - 15px); } .ua-list__title { margin-top: -4px; font-size: 18px; line-height: 26px; color: #214496; font-weight: 600; } } @media (min-width: 768px) { .ua-list__left-side { width: 188px; } .ua-list__right-side { width: -webkit-calc(100% - (188px + 15px)); width: calc(100% - (188px + 15px)); } } @media (min-width: 320px) { .read-later { margin-bottom: 25px; margin-right: -15px; margin-left: -15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 12px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; } .read-later__text { -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; line-height: 32px; text-align: center; } .read-later__text_date { border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; } .read-later__text_read-time { border-bottom: 1px solid #e1e1e1; } .read-later__text_btn-later { position: relative; border-right: 1px solid #e1e1e1; color: #214496; } .read-later__text_btn-later:after { content: ''; position: absolute; z-index: 4; left: 12px; top: -1px; width: 9px; height: 17px; background: url("/local/templates/prostroy_default/../.default/assets/css/../img/read-later-flag_icon.png") no-repeat center; } .read-later__text_btn-later:hover { cursor: pointer; } .read-later__print-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; line-height: 32px; text-align: center; } .read-later__btn-print { position: relative; padding-left: 24px; line-height: 16px; color: #214496; background: url("/local/templates/prostroy_default/../.default/assets/css/../img/read-later-print_icon.png") no-repeat left center; } .rl-subscribe { display: none; position: absolute; z-index: 3; top: 0; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: -webkit-calc(200% + 2px); width: calc(200% + 2px); background: #f3f3f3; border-bottom: 1px solid #e1e1e1; text-align: left; } .rl-subscribe__title { margin-bottom: 12px; color: #c5010d; width: 50%; font-size: 12px; text-align: center; } .rl-subscribe__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .rl-subscribe__input-wrapper { width: -webkit-calc(100% - 53px); width: calc(100% - 53px); margin-left: 10px; margin-bottom: 17px; } .rl-subscribe__input { -webkit-box-sizing: border-box; box-sizing: border-box; height: 35px; padding-left: 17px; width: 100%; border: 1px solid #e1e1e1; border-right: none; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } .rl-subscribe__btn { width: 33px; height: 35px; background: #c5010d url("/local/templates/prostroy_default/../.default/assets/css/../img/rl-subscribe-arrow.png") no-repeat center; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; border: none; } .rl-subscribe__checkbox { display: none; } .rl-subscribe__checkbox:checked + label:after { display: block; } .rl-subscribe__checkbox-label { position: relative; display: block; padding-left: 32px; padding-right: 12px; margin-bottom: 17px; font-size: 11px; line-height: 15px; color: #000000; } .rl-subscribe__checkbox-label:before { content: ''; position: absolute; top: 0; left: 11px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 15px; height: 15px; border: 1px solid #cccccc; -webkit-border-radius: 3px; border-radius: 3px; background-color: #fff; } .rl-subscribe__checkbox-label:after { display: none; content: ''; position: absolute; top: 3px; left: 13px; width: 10px; height: 8px; background: url("/local/templates/prostroy_default/../.default/assets/css/../img/rl-subscribe-tick_icon.png") no-repeat center; } .rl-subscribe__link { color: #214496; text-decoration: underline; } .rl-subscribe .error { color: red; } } @media (min-width: 480px) { .read-later { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; border-top: none; border-bottom: none; } .read-later__text { width: auto; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; } .read-later__text_read-time { border-right: 1px solid #e1e1e1; } .read-later__text_btn-later { -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; padding-left: 10px; } .read-later__text_btn-later:after { left: 2px; } .read-later__print-wrapper { width: 20%; margin-left: 5px; border: 1px solid #e1e1e1; border-right: none; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } .rl-subscribe { top: -1px; width: 215px; } .rl-subscribe__title { padding-left: 17px; text-align: left; } } @media (min-width: 768px) { .read-later { margin-right: 0; margin-left: 0; } .read-later__text_date { border-left: 1px solid #e1e1e1; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } .read-later__text_btn-later { padding-left: 0; } .read-later__text_btn-later:after { left: 12px; } .read-later__print-wrapper { border: 1px solid #e1e1e1; -webkit-border-radius: 3px; border-radius: 3px; } .rl-subscribe { width: -webkit-calc(200% - 20px); width: calc(200% - 20px); } .rl-subscribe__title { padding-left: 30px; } } @media (min-width: 992px) { .rl-subscribe { width: -webkit-calc(200% - 35px); width: calc(200% - 35px); } } @media (min-width: 1024px) { .rl-subscribe { width: -webkit-calc(200% - 20px); width: calc(200% - 20px); } } @media (min-width: 1200px) { .rl-subscribe { width: -webkit-calc(200% - 33px); width: calc(200% - 33px); } } @media (min-width: 320px) { .tabs-container ul.tabs_contacts { width: 100%; border-bottom: 1px solid #bcc3d9; } .contacts-tabs { margin-bottom: 30px; } .contacts-cont { margin-bottom: 40px; text-align: left; font-size: 15px; line-height: 26px; font-family: "Open Sans"; } .contacts-cont__left-side { margin-bottom: 30px; } .contacts-cont__icon-text { padding-left: 20px; background-repeat: no-repeat; background-position: left 6px; } .contacts-cont__icon-text_place { background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/contacts-work-time_place.png"); } .contacts-cont__icon-text_work-time { background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/contacts-work-time_icon.png"); } .contacts-cont__icon-text_phone { background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/contacts-work-time_phone.png"); } .contacts-cont__icon-text_mail { background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/contacts-work-time_mail.png"); background-position: 0 7px; } .contacts-cont__group-subtitle { margin-bottom: 0; } .contacts-cont__text-little { font-size: 12px; line-height: 18px; } .contacts-cont__title { margin-bottom: 5px; font-weight: bold; font-family: "Open Sans"; } .contacts-cont__link { font-weight: bold; text-decoration: underline; } .contacts-cont__right-side { width: -webkit-calc(100% + 30px); width: calc(100% + 30px); margin-right: -15px; margin-left: -15px; } .showroom-slider { padding-bottom: 25px; } .showroom-slider__img { width: 100%; } .showroom-slider__pagination { bottom: 0 !important; } .how-to-go { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 30px; padding: 25px 0 25px 20px; border: 1px solid #f3cccf; text-align: left; } .how-to-go__title { margin-top: 0; margin-bottom: 30px; text-align: center; font-size: 20px; color: #c5010d; font-weight: bold; } .how-to-go__header { text-align: center; } .how-to-go__img { margin-bottom: 10px; } .how-to-go__desc { margin-bottom: 0; font-size: 15px; line-height: 26px; } } @media (min-width: 480px) { .how-to-go { padding: 25px 20px; } .how-to-go__title { margin-bottom: 20px; } } @media (min-width: 768px) { .tabs-container ul.tabs_contacts { width: -webkit-calc(51% - 20px); width: calc(51% - 20px); } .contacts-tabs { margin-bottom: 50px; } .contacts-cont { margin-bottom: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .contacts-cont__left-side { margin-right: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 51%; } .contacts-cont__right-side { margin-top: -20px; margin-right: 0; margin-left: 0; width: 49%; } .how-to-go { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 28px 23px 34px 20px; } .how-to-go__header { width: 20%; color: green; } .how-to-go__desc { width: 76%; } } @media (min-width: 1280px) { .tabs-container ul.tabs_contacts { width: -webkit-calc(45% - 20px); width: calc(45% - 20px); } .contacts-tabs { margin-bottom: 40px; } .contacts-cont__left-side { width: 45%; } .contacts-cont__right-side { width: 55%; } } @media (min-width: 320px) { .action-time { margin-bottom: 28px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .action-time__end { width: 100%; margin-bottom: 11px; padding-top: 10px; padding-bottom: 10px; padding-left: 25px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #c4010c; color: #fff; -webkit-border-radius: 3px; border-radius: 3px; text-align: center; } .action-time__end_finished { background: #f3f3f3; color: #6b80a0; } .action-time__text { position: relative; display: inline-block; margin-bottom: 0; } .action-time__text::before { content: ''; position: absolute; left: -25px; top: 1px; width: 16px; height: 16px; } .action-time__text_calendar::before { background: url("/local/templates/prostroy_default/../.default/assets/css/../img/calender-action-time_icon.png") no-repeat center; } .action-time__text_calendar-gray::before { background: url("/local/templates/prostroy_default/../.default/assets/css/../img/calender-action-time-finished_icon.png") no-repeat center; } .action-time__text_print::before { background: url("/local/templates/prostroy_default/../.default/assets/css/../img/read-later-print_icon.png") no-repeat center; } .action-time__print { padding-top: 9px; padding-bottom: 9px; color: #214496; background: #fff; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #e1e1e1; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .action-time__print:hover { color: #c4010c; border: 1px solid #c4010c; } } @media (min-width: 480px) { .action-time { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .action-time__end { margin-bottom: 0; width: 288px; } .action-time__print { width: 104px; padding-left: 30px; } } @media (min-width: 320px) { .news-filters { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .news-filters__select { position: relative; width: 48%; min-height: 32px; margin-bottom: 15px; padding: 0; padding-left: 7px; color: #214496 !important; font-size: 12px; line-height: 26px; color: #000000; border: 1px solid #e1e1e1; -webkit-border-radius: 3px; border-radius: 3px; -webkit-appearance: none; background: url("/local/templates/prostroy_default/../.default/assets/css/../img/ua-select_icon.png") no-repeat; background-position: -webkit-calc(100% - 5px) center; background-position: calc(100% - 5px) center; } .news-filters__select_cat { width: 40%; } .news-filters__select_month { width: 30%; } .news-filters__select_year { width: 20%; } .news-filters__select_popul { width: 146px; } .news-filters__switcher { display: inherit; height: 30px; border: 1px solid #e1e1e1; -webkit-border-radius: 3px; border-radius: 3px; } .news-filters__state { display: inline-block; height: 30px; background-position: center; background-repeat: no-repeat; } .news-filters__state:hover { cursor: pointer; } .news-filters__state_active.news-filters__state_list { background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/ua-switcher-list-active_icon.png"); } .news-filters__state_active.news-filters__state_tales { background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/ua-switcher-tales-active_icon.png"); } .news-filters__state_list { width: 34px; border-right: 1px solid #e1e1e1; background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/ua-switcher-list_icon.png"); } .news-filters__state_tales { width: 33px; background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/ua-switcher-tales_icon.png"); } } @media (min-width: 480px) { .news-filters__select_cat { width: 48%; margin-right: 10px; } .news-filters__select_year { width: 70px; } .news-filters__select_popul { width: 48%; } } @media (min-width: 768px) { .news-filters__select { width: 31%; margin-right: 3.5%; } .news-filters__select_month { width: 120px; margin-right: 15px; } .news-filters__select_year { width: 90px; } .news-filters__select_popul { width: 150px; margin-right: 10px; } } @media (min-width: 1024px) { .news-filters__select { margin-right: 0; } .news-filters__select_month { margin-right: 0; } .news-filters__select_popul { margin-right: 0; } } @media (min-width: 1280px) { .news-filters { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .news-filters__select { margin-right: 10px; } .news-filters__select_month { margin-right: 10px; } .news-filters__select_year { margin-right: auto; } .news-filters__select_popul { margin-right: 10px; } } .left-nav-an__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; border: 1px solid #f3f3f3; color: #666666; } .left-nav-an__pointers { padding-top: 15px; padding-bottom: 25px; border-right: 1px solid #f3f3f3; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .left-nav-an__sortable-block { border-right: 1px solid #f3f3f3; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .left-nav-an__active { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .left-nav-an__pointer { width: 40px; padding-top: 6px; padding-bottom: 6px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; line-height: 1em; text-align: center; } .left-nav-an__pointer_active { color: #fff; background: #c4010c; line-height: 1em; position: relative; margin-left: -1px; margin-right: -1px; width: 42px; } .left-nav-an__pointer_active::after { position: absolute; content: ''; right: -6px; top: 0; height: 25px; width: 6px; background: url("/local/templates/prostroy_default/../.default/assets/css/../img/left-nav__pointer-active.svg") no-repeat center; background-size: cover; } .left-nav-an__pointer:hover { cursor: pointer; color: #fff; background-color: #c4010c; } .left-nav-an__articles { padding-top: 15px; padding-bottom: 25px; width: 100%; } .left-nav-an__tab-container { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .left-nav-an__tab-container_active { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .left-nav-an__article-name { padding-left: 32px; padding-top: 10px; padding-bottom: 10px; color: #666666; text-align: left; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .left-nav-an__article-name:hover { color: #fff; background-color: #c4010c; } .left-nav-an__article-name:first-child { padding-top: 6px; } .left-nav-an__article-name_active { color: #c4010c; position: relative; } .left-nav-an__article-name_active::before { content: ''; position: absolute; top: 50%; margin-top: -3.5px; left: 16px; height: 7px; width: 4px; background: url("/local/templates/prostroy_default/../.default/assets/css/../img/left-nav__article-name-pointer_active.svg") no-repeat center; } @media (max-width: 1023px) { .left-nav-an__container { width: 220px; } } @media (min-width: 320px) { .an-lists { padding-top: 15px; padding-bottom: 20px; text-align: left; } .an-list { width: 100%; } .an-list__img { margin-bottom: 11px; width: 100%; } .an-list__title { display: block; margin-bottom: 8px; font-size: 15px; line-height: 21px; color: #214496; text-decoration: underline; } .an-list__title:hover { cursor: pointer; } .an-list__desc { font-size: 14px; line-height: 22px; color: #000000; } .an-list__tag { display: inline-block; margin-bottom: 12px; padding-right: 7px; padding-left: 7px; vertical-align: middle; text-align: center; line-height: 21px; font-size: 10px; text-transform: uppercase; color: #c4010c; letter-spacing: 0.025em; background-color: #f5f5f5; } .an-list__details { margin-bottom: 40px; } .an-list__date { display: inline-block; margin: 0; margin-right: 12px; font-size: 12px; line-height: 12px; color: #8f8f8f; text-transform: uppercase; } .an-list__views { display: inline-block; margin: 0; margin-right: 18px; padding-left: 20px; font-size: 13px; line-height: 13px; color: #000000; background: url("/local/templates/prostroy_default/../.default/assets/css/../img/ua-eye_icon.png") no-repeat left center; } } @media (min-width: 480px) { .an-lists { padding-top: 30px; padding-bottom: 40px; } .an-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .an-list__left-side { width: 35%; margin-right: 15px; } .an-list__right-side { width: -webkit-calc(100% - 35% - 15px); width: calc(100% - 35% - 15px); } .an-list__title { margin-top: -4px; font-size: 18px; line-height: 26px; color: #214496; font-weight: 600; } } @media (min-width: 768px) { .an-list__left-side { width: 188px; } .an-list__right-side { width: -webkit-calc(100% - (188px + 15px)); width: calc(100% - (188px + 15px)); } } @media (min-width: 320px) { .an-tales { padding-top: 15px; padding-bottom: 20px; text-align: left; } .an-tale { width: 100%; } .an-tale__img { margin-bottom: 11px; width: 100%; } .an-tale__title { display: block; margin-bottom: 8px; font-size: 15px; line-height: 21px; color: #214496; text-decoration: underline; } .an-tale__tag { display: inline-block; margin-bottom: 12px; padding-right: 7px; padding-left: 7px; vertical-align: middle; text-align: center; line-height: 21px; font-size: 10px; text-transform: uppercase; color: #c4010c; letter-spacing: 0.025em; background-color: #f5f5f5; } .an-tale__details { margin-bottom: 40px; } .an-tale__date { display: inline-block; margin: 0; margin-right: 12px; font-size: 12px; line-height: 12px; color: #000000; } .an-tale__views { display: inline-block; margin: 0; margin-right: 18px; padding-left: 20px; font-size: 13px; line-height: 13px; color: #000000; background: url("/local/templates/prostroy_default/../.default/assets/css/../img/ua-eye_icon.png") no-repeat left center; } } @media (min-width: 480px) { .an-tales { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .an-tale { width: 48%; } .an-tale__details { margin-bottom: 30px; } } @media (min-width: 768px) { .an-tales { padding-top: 20px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .an-tale { width: 31%; margin-right: 3.5%; } .an-tale:nth-child(3n + 3) { margin-right: 0; } } @media (min-width: 1280px) { .an-tales { padding-top: 40px; } .an-tale { margin-right: 2%; width: 23.5%; } .an-tale__title:hover { cursor: pointer; } .an-tale:nth-child(3n + 3) { margin-right: 2%; } .an-tale:nth-child(4n + 4) { margin-right: 0; } } @media (min-width: 320px) { .an-pagination { padding-bottom: 10px; } .an-pagination__btn-more { margin-bottom: 20px; width: 100%; display: inline-block; font-size: 13px; line-height: 34px; color: #000000; text-align: center; vertical-align: middle; color: #fff; background: #c5010d; border: none; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .an-pagination__btn-more:hover { cursor: pointer; color: #c5010d; background: #fff; -webkit-box-shadow: 0 0 0 1px #c4010c; box-shadow: 0 0 0 1px #c4010c; } .an-pagination__switcher { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; border: 1px solid #e1e1e1; -webkit-border-radius: 3px; border-radius: 3px; } .an-pagination__page { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; line-height: 32px; padding-left: 8px; padding-right: 8px; text-align: center; text-decoration: none; color: #214496; vertical-align: middle; border-right: 1px solid #e1e1e1; } .an-pagination__page:hover { cursor: pointer; } .an-pagination__page_first:before { content: 'Пред'; } .an-pagination__page_last:before { content: 'След'; } .an-pagination__page:last-child { border-right: none; } .an-pagination__page_disabled { color: #b7b7b7; background: #f3f3f3; pointer-events: none; } .an-pagination__page_active { color: #c5010d; background: #f3f3f3; pointer-events: none; } } @media (min-width: 480px) { .an-pagination__page_first:before { content: 'Предыдущая'; } .an-pagination__page_last:before { content: 'Следующая'; } } @media (min-width: 768px) { .an-pagination { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .an-pagination__btn-more { width: 184px; } .an-pagination__switcher { width: 485px; height: 34px; border: none; } .an-pagination__page { border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; } .an-pagination__page_first { margin-right: 7px; border: 1px solid #e1e1e1; -webkit-border-radius: 3px; border-radius: 3px; } .an-pagination__page:nth-child(2) { border-left: 1px solid #e1e1e1; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } .an-pagination__page:nth-child(7) { -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; } .an-pagination__page_last { margin-left: 7px; border: 1px solid #e1e1e1; -webkit-border-radius: 3px; border-radius: 3px; } .an-pagination__page:last-child { border-right: 1px solid #e1e1e1; } } @media (min-width: 320px) { .ca-lists { padding-top: 15px; padding-bottom: 20px; text-align: left; } .ca-list { width: 100%; } .ca-list__left-side { position: relative; display: block; } .ca-list__img { margin-bottom: 11px; width: 100%; } .ca-list__action-time { position: absolute; bottom: 11px; left: 0; display: inline-block; padding-left: 9px; padding-right: 9px; font-size: 12px; line-height: 21px; color: #fff; background-color: #c4010c; } .ca-list__title { display: block; margin-bottom: 8px; font-size: 15px; line-height: 21px; color: #214496; text-decoration: underline; } .ca-list__title:hover { cursor: pointer; } .ca-list__desc { margin-bottom: 35px; font-size: 14px; line-height: 22px; color: #000000; } .ca-list__tag { display: inline-block; margin-bottom: 12px; padding-right: 7px; padding-left: 7px; vertical-align: middle; text-align: center; line-height: 21px; font-size: 10px; text-transform: uppercase; color: #c4010c; letter-spacing: 0.025em; background-color: #f5f5f5; } .ca-list__details { margin-bottom: 40px; } .ca-list__date { display: inline-block; margin: 0; margin-right: 12px; font-size: 12px; line-height: 12px; color: #8f8f8f; text-transform: uppercase; } .ca-list__views { display: inline-block; margin: 0; margin-right: 18px; padding-left: 20px; font-size: 13px; line-height: 13px; color: #000000; background: url("/local/templates/prostroy_default/../.default/assets/css/../img/ua-eye_icon.png") no-repeat left center; } } @media (min-width: 480px) { .ca-lists { padding-top: 30px; padding-bottom: 40px; } .ca-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .ca-list__left-side { width: 158px; margin-right: 15px; } .ca-list__action-time { top: 90px; bottom: auto; } .ca-list__right-side { width: -webkit-calc(100% - 35% - 15px); width: calc(100% - 35% - 15px); } .ca-list__title { margin-top: -4px; font-size: 18px; line-height: 26px; color: #214496; font-weight: 600; } } @media (min-width: 768px) { .ca-list__left-side { width: 188px; } .ca-list__action-time { top: 111px; } .ca-list__right-side { width: -webkit-calc(100% - (188px + 15px)); width: calc(100% - (188px + 15px)); } } @media (min-width: 320px) { .ca-tales { padding-top: 15px; padding-bottom: 20px; text-align: left; } .ca-tale { width: 100%; } .ca-tale__img { margin-bottom: 20px; width: 100%; } .ca-tale__img-link { position: relative; display: block; } .ca-tale__action-time { position: absolute; bottom: 10px; left: 0; display: inline-block; padding-left: 9px; padding-right: 9px; font-size: 12px; line-height: 21px; color: #fff; background-color: #c4010c; } .ca-tale__title { display: block; margin-bottom: 35px; font-size: 15px; line-height: 21px; color: #214496; text-decoration: underline; } } @media (min-width: 480px) { .ca-tales { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .ca-tale { width: 48%; } .ca-tale__details { margin-bottom: 30px; } } @media (min-width: 768px) { .ca-tales { padding-top: 20px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .ca-tale { width: 31%; margin-right: 3.5%; } .ca-tale:nth-child(3n + 3) { margin-right: 0; } } @media (min-width: 1280px) { .ca-tales { padding-top: 40px; } .ca-tale { margin-right: 2%; width: 23.5%; } .ca-tale__title:hover { cursor: pointer; } .ca-tale:nth-child(3n + 3) { margin-right: 2%; } .ca-tale:nth-child(4n + 4) { margin-right: 0; } } @media (min-width: 320px) { .ca-pagination { padding-bottom: 10px; } .ca-pagination__btn-more { margin-bottom: 20px; width: 100%; display: inline-block; font-size: 13px; line-height: 34px; color: #000000; text-align: center; vertical-align: middle; color: #fff; background: #c5010d; border: none; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .ca-pagination__btn-more:hover { cursor: pointer; color: #c5010d; background: #fff; -webkit-box-shadow: 0 0 0 1px #c4010c; box-shadow: 0 0 0 1px #c4010c; } .ca-pagination__switcher { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; border: 1px solid #e1e1e1; -webkit-border-radius: 3px; border-radius: 3px; } .ca-pagination__page { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; line-height: 32px; padding-left: 8px; padding-right: 8px; text-align: center; text-decoration: none; color: #214496; vertical-align: middle; border-right: 1px solid #e1e1e1; } .ca-pagination__page:hover { cursor: pointer; } .ca-pagination__page_first:before { content: 'Пред'; } .ca-pagination__page_last:before { content: 'След'; } .ca-pagination__page:last-child { border-right: none; } .ca-pagination__page_disabled { color: #b7b7b7; background: #f3f3f3; pointer-events: none; } .ca-pagination__page_active { color: #c5010d; background: #f3f3f3; pointer-events: none; } } @media (min-width: 480px) { .ca-pagination__page_first:before { content: 'Предыдущая'; } .ca-pagination__page_last:before { content: 'Следующая'; } } @media (min-width: 768px) { .ca-pagination { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .ca-pagination__btn-more { width: 184px; } .ca-pagination__switcher { width: 485px; height: 34px; border: none; } .ca-pagination__page { border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; } .ca-pagination__page_first { margin-right: 7px; border: 1px solid #e1e1e1; -webkit-border-radius: 3px; border-radius: 3px; } .ca-pagination__page:nth-child(2) { border-left: 1px solid #e1e1e1; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } .ca-pagination__page:nth-child(7) { -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; } .ca-pagination__page_last { margin-left: 7px; border: 1px solid #e1e1e1; -webkit-border-radius: 3px; border-radius: 3px; } .ca-pagination__page:last-child { border-right: 1px solid #e1e1e1; } } @media (min-width: 320px) { .ca-filters { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .ca-filters__select { position: relative; width: 48%; min-height: 32px; margin-bottom: 15px; padding: 0; padding-left: 7px; color: #214496 !important; font-size: 12px; line-height: 26px; color: #000000; border: 1px solid #e1e1e1; -webkit-border-radius: 3px; border-radius: 3px; -webkit-appearance: none; background: url("/local/templates/prostroy_default/../.default/assets/css/../img/ua-select_icon.png") no-repeat; background-position: -webkit-calc(100% - 5px) center; background-position: calc(100% - 5px) center; } .ca-filters__select_cat { width: 100%; } .ca-filters__select_category { width: 100%; } .ca-filters__select_category:hover { cursor: pointer; } .ca-filters__select_popul { width: 50%; } .ca-filters__switcher { display: inherit; height: 30px; border: 1px solid #e1e1e1; -webkit-border-radius: 3px; border-radius: 3px; } .ca-filters__state { display: inline-block; height: 30px; background-position: center; background-repeat: no-repeat; } .ca-filters__state:hover { cursor: pointer; } .ca-filters__state_active.ca-filters__state_list { background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/ua-switcher-list-active_icon.png"); } .ca-filters__state_active.ca-filters__state_tales { background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/ua-switcher-tales-active_icon.png"); } .ca-filters__state_list { width: 34px; border-right: 1px solid #e1e1e1; background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/ua-switcher-list_icon.png"); } .ca-filters__state_tales { width: 33px; background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/ua-switcher-tales_icon.png"); } } @media (min-width: 768px) { .ca-filters__select { width: 31%; margin-right: 3.5%; } .ca-filters__select_cat { width: 220px; } .ca-filters__select_category { width: 262px; } .ca-filters__select_popul { width: 150px; margin-right: 10px; margin-left: auto; } } @media (min-width: 1024px) { .ca-filters__select { margin-right: 0; } .ca-filters__select_popul { margin-right: 10px; } } @media (min-width: 1280px) { .ca-filters { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .ca-filters__select { margin-right: 10px; } .ca-filters__select_popul { margin-right: 10px; } } .left-nav-ca__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; border: 1px solid #f3f3f3; color: #666666; } .left-nav-ca__pointers { padding-top: 15px; padding-bottom: 25px; border-right: 1px solid #f3f3f3; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .left-nav-ca__sortable-block { border-right: 1px solid #f3f3f3; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .left-nav-ca__active { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .left-nav-ca__pointer { width: 40px; padding-top: 6px; padding-bottom: 6px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; line-height: 1em; } .left-nav-ca__pointer_active { color: #fff; background: #c4010c; line-height: 1em; position: relative; margin-left: -1px; margin-right: -1px; width: 42px; } .left-nav-ca__pointer_active::after { position: absolute; content: ''; right: -6px; top: 0; height: 25px; width: 6px; background: url("/local/templates/prostroy_default/../.default/assets/css/../img/left-nav__pointer-active.svg") no-repeat center; background-size: cover; } .left-nav-ca__pointer:hover { cursor: pointer; color: #fff; background-color: #c4010c; } .left-nav-ca__articles { padding-top: 15px; padding-bottom: 25px; width: 100%; } .left-nav-ca__tab-container { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .left-nav-ca__tab-container_active { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .left-nav-ca__article-name { padding-left: 32px; padding-top: 10px; padding-bottom: 10px; color: #666666; text-align: left; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .left-nav-ca__article-name:hover { color: #fff; background-color: #c4010c; } .left-nav-ca__article-name:first-child { padding-top: 6px; } .left-nav-ca__article-name_active { color: #c4010c; position: relative; } .left-nav-ca__article-name_active::before { content: ''; position: absolute; top: 50%; margin-top: -3.5px; left: 16px; height: 7px; width: 4px; background: url("/local/templates/prostroy_default/../.default/assets/css/../img/left-nav__article-name-pointer_active.svg") no-repeat center; } @media (max-width: 1023px) { .left-nav-ca__container { width: 220px; } } @media (min-width: 320px) { .form { margin-bottom: 17px; margin-right: -15px; margin-left: -15px; padding: 30px 10px; background-color: #f7f7f7; } .form__title { margin-top: 0; margin-bottom: 24px; color: #c4010c; font-size: 20px; font-weight: 600; } .form__title_doors { font-size: 18px; line-height: 21px; font-weight: bold; text-transform: uppercase; color: #000000; } .form__area_doors { position: relative; } .form__input-area { position: relative; margin-bottom: 15px; text-align: left; } .form__input-area_capcha { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .form__input-area_capcha-doors { margin-top: 60px; } .form__input-area_conditions { margin-bottom: 20px; } .form__input-area_conditions-doors { position: absolute; bottom: 94px; width: 207px; } .form__inputs-group { position: relative; } .form__inputs-group_textarea { margin-bottom: 15px; text-align: left; } .form__input { padding-left: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 34px; border: 1px solid #e1e1e1; -webkit-border-radius: 3px; border-radius: 3px; font-size: 13px; color: rgba(0, 0, 0, 0.502); background: white; } .form__input_capcha { margin-right: 10px; width: 84px; height: 40px; vertical-align: bottom; } .form__input.error, .form__textarea.error { border: 1px solid #c5010d; } .form__textarea { padding-left: 10px; padding-top: 7px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; min-height: 181px; border: 1px solid #e1e1e1; -webkit-border-radius: 3px; border-radius: 3px; font-size: 13px; color: rgba(0, 0, 0, 0.502); background: white; } .form__textarea_min { min-height: 85px; } .form__capcha-box { width: 168px; height: 40px; } .form__checkbox { position: absolute; visibility: hidden; } .form__checkbox:checked + label:after { display: block; } .form__checkbox-label { position: relative; display: block; padding-left: 20px; padding-right: 12px; font-size: 11px; line-height: 15px; color: #000000; /* &:before { content: ''; position: absolute; top: 0; left: 0; box-sizing: border-box; width: 15px; height: 15px; border: 1px solid $grey-light4; border-radius: $border-rad; background-color: $white; } &:after { display: none; content: ''; position: absolute; top: 3px; left: 2px; width: 10px; height: 8px; background: url('/local/templates/prostroy_default/../.default/assets/css/../img/rl-subscribe-tick_icon.png') no-repeat center; }*/ } .form__link { color: #214496; text-decoration: underline; } .form__link_doors { color: #c5010d; } .form__btn { height: 40px; width: 100%; border: none; -webkit-border-radius: 3px; border-radius: 3px; background-color: #c5010d; color: white; } span.error { position: absolute; bottom: -12px; left: 0; font-size: 10px; color: #c4010c; } } @media (min-width: 480px) { .form { margin-right: -20px; margin-left: -20px; padding-right: 20px; padding-left: 20px; } .form__title { text-align: left; } .form__area_doors { text-align: left; } .form__fields-group_doors { display: inline-block; } .form__input-area_conditions { width: 49%; display: inline-block; margin-bottom: 0; vertical-align: middle; } .form__input-area_conditions-doors { width: 100%; bottom: 60px; left: 0; } .form__input-area_capcha-doors { margin-top: 30px; margin-bottom: 0; display: inline-block; vertical-align: bottom; } .form__input-area_capcha-doors img { margin-right: 6px; } .form__btn { width: 50%; display: inline-block; } .form__btn_doors { width: 173px; } } @media (min-width: 768px) { .form { margin-right: 0; margin-left: 0; } .form__area { text-align: left; } .form__inputs-group { margin-right: 20px; width: 261px; display: inline-block; vertical-align: top; } .form__inputs-group_textarea { margin-right: auto; width: -webkit-calc(100% - 285px); width: calc(100% - 285px); } .form__input-area_capcha { width: 261px; margin-right: 20px; display: inline-block; } .form__input-area_capcha-doors { margin-top: 0; } .form__input-area_capcha-doors img { margin-right: 0; } .form__input-area_conditions-doors { bottom: 0; top: -43px; left: 51%; width: auto; height: 30px; } .form__input_capcha { margin-right: 5px; } .form__fields-group { width: -webkit-calc(100% - 286px); width: calc(100% - 286px); display: inline-block; } .form__btn_doors { width: 100%; } } @media (min-width: 1024px) { .form__fields-group_doors { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .form__input-area_conditions-doors { position: static; } .form__input-area_conditions-doors label { min-width: 180px; } } @media (min-width: 1280px) { .form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .form_doors { display: block; padding-bottom: 15px; } .form__title { width: 20%; text-align: center; } .form__title_doors { width: 50%; text-align: left; } .form__area { width: 76%; } .form__area_doors { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .form__input-area_conditions { width: 100%; margin-bottom: 15px; } .form__input-area_conditions-doors { position: absolute; width: auto; left: 60%; } .form__inputs-group_textarea-doors { width: 275px; } .form__btn_doors { width: 260px; position: absolute; right: 20px; bottom: 19px; } } @media (min-width: 320px) { .reviews { margin-top: 35px; margin-bottom: 30px; text-align: left; } .review { margin-right: -15px; margin-left: -15px; margin-bottom: 15px; font-size: 14px; line-height: 24px; border-bottom: 1px solid #eaeaea; } .review__text { padding-left: 10px; padding-right: 10px; padding-top: 15px; padding-bottom: 10px; background: #f7f7f7; } .review__answer { margin-top: 20px; margin-bottom: 20px; margin-left: 20px; padding: 0 20px; border-left: 1px solid #c5010d; } .review__company-name { margin-bottom: 8px; font-size: 15px; line-height: 15px; font-weight: bold; color: #c5010d; } .review__date { margin-bottom: 0; font-size: 12px; color: rgba(31, 31, 31, 0.7); text-transform: uppercase; } .review__answer-text { font-style: italic; color: rgba(0, 0, 0, 0.9); } .author { margin-bottom: 10px; padding-left: 10px; padding-right: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 14px; line-height: 22px; } .author__img { margin-right: 10px; width: 55px; height: 55px; -webkit-border-radius: 50%; border-radius: 50%; } .author__info { margin-top: 5px; } .author__name { margin-bottom: 0; font-weight: bold; color: #c5010d; } .author__desc { font-size: 13px; font-style: italic; margin-bottom: 0; } .author__date { margin-bottom: 0; font-size: 12px; color: rgba(31, 31, 31, 0.7); text-transform: uppercase; } .author__date_more480 { display: none; } } @media (min-width: 480px) { .review { margin-right: -20px; margin-left: -20px; } .review__text { padding-left: 20px; padding-right: 20px; } .review__company-name { display: inline-block; margin-right: 20px; margin-bottom: 15px; } .review__date { display: inline-block; } .author__img { margin-right: 15px; } .author__name { display: inline-block; margin-right: 20px; } .author__desc { font-size: 15px; } .author__date_more480 { display: inline-block; } .author__date_more320 { display: none; } } @media (min-width: 768px) { .reviews { margin-top: 40px; margin-bottom: 40px; } .review { margin-right: 0; margin-left: 0; font-size: 15px; line-height: 26px; } .review__text { padding-left: 20px; padding-right: 20px; } .review__text p { margin-bottom: 15px; } .review__answer { margin-left: 68px; } .author { padding-left: 0; } .author__name { font-size: 15px; } } @media (min-width: 320px) { .intro { font-family: "Open Sans", Arial, Helvetica, sans-serif; text-align: left; } .intro__block { margin-bottom: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .intro__title-block { margin-bottom: 7px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .intro__title-number { margin-right: 14px; display: inline-block; width: 45px; height: 45px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #f3f3f3; text-align: center; vertical-align: middle; font-size: 18px; line-height: 45px; color: #c71720; font-weight: bold; } .intro__title { margin-bottom: 0; font-size: 18px; line-height: 26px; color: #c4010c; font-weight: bold; text-transform: uppercase; } .intro__img { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; width: 251px; height: 251px; } .intro__desc { font-size: 14px; line-height: 24px; } .tick { margin-right: -15px; margin-left: -15px; border-top: 1px solid transparent; padding-left: 10px; padding-right: 15px; padding-bottom: 25px; background: #f7f7f7; text-align: left; } .tick__title { margin-top: 24px; margin-bottom: 20px; } .tick__list { list-style-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/tick-list-marker.png"); } .tick__list-item { margin-bottom: 10px; padding-left: 5px; font-size: 14px; line-height: 24px; color: #000000; } .tick__list-item::before { content: none !important; } .bottom-text { margin-top: 20px; margin-bottom: 75px; font-size: 15px; line-height: 25px; color: #000000; font-family: "Open Sans", Arial, Helvetica, sans-serif; text-align: center; font-weight: bold; font-style: italic; } } @media (min-width: 480px) { .intro { margin-bottom: 35px; } .intro__block { margin-bottom: 7px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .intro__block:nth-child(2n) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .intro__img { margin-top: 18px; margin-left: 10px; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; width: 220px; height: 220px; } .intro__img_left { margin-left: 0; margin-right: 10px; } .intro__desc { margin-bottom: 0; font-size: 13px; line-height: 20px; color: #000000; } } @media (min-width: 768px) { .intro__block { margin-bottom: 30px; } .intro__img { margin-top: 0; margin-left: 42px; width: 250px; height: 250px; } .intro__img_left { margin-left: 0; margin-right: 30px; } .intro__title-block { margin-bottom: 0; margin-top: 5px; } .intro__desc { margin-top: -5px; padding-left: 60px; font-size: 14px; line-height: 24px; color: #000000; } .tick { margin-right: 0; margin-left: 0; padding-left: 29px; padding-right: 60px; } .bottom-text { margin-top: 40px; } } @media (min-width: 1024px) { .intro__img { margin-left: 30px; } .intro__img_left { margin-left: 0; margin-right: 30px; } } @media (min-width: 1280px) { .intro__title-block { margin-top: 30px; } .intro__desc { margin-top: 0; } .intro__text-block { width: -webkit-calc(100% - 305px); width: calc(100% - 305px); } .intro__img { width: 275px; height: 275px; } } @media (min-width: 320px) { .bank-details { font-size: 14px; } .bank-details__detail-box { margin-bottom: 15px; } .bank-details__title { margin-top: 0; margin-bottom: 0; text-align: left; line-height: 22px; } .bank-details__desc { margin-top: 0; margin-bottom: 0; font-family: "Open Sans"; text-align: left; font-weight: bold; } .bank-details__buttons { margin-top: 25px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .bank-details__buttons a:first-child { margin-right: 10px; } .bank-details__btn { padding-left: 34px; padding-right: 15px; color: #214496; background: #fff; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #e1e1e1; line-height: 32px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .bank-details__btn:hover { color: #c4010c; border: 1px solid #c4010c; text-decoration: none; } .bank-details__btn_download { background: url("/local/templates/prostroy_default/../.default/assets/css/../img/download-pdf_icon.png") no-repeat 11px center; } .bank-details__btn_print { background: url("/local/templates/prostroy_default/../.default/assets/css/../img/read-later-print_icon.png") no-repeat 11px center; } } @media (min-width: 480px) { .bank-details__detail-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .bank-details__title { width: 44%; margin-right: 20px; text-align: right; } .bank-details__desc { width: -webkit-calc(56% - 20px); width: calc(56% - 20px); } .bank-details__btn { padding-left: 44px; padding-right: 22px; } .bank-details__btn_download { background: url("/local/templates/prostroy_default/../.default/assets/css/../img/download-pdf_icon.png") no-repeat 21px center; } .bank-details__btn_print { background: url("/local/templates/prostroy_default/../.default/assets/css/../img/read-later-print_icon.png") no-repeat 21px center; } } @media (min-width: 768px) { .bank-details { font-size: 15px; } .bank-details__detail-box { margin-bottom: 10px; } .bank-details__title { width: 237px; margin-right: 28px; text-align: right; } .bank-details__desc { width: -webkit-calc(100% - 265px); width: calc(100% - 265px); } .bank-details__buttons { margin-left: 265px; } } @media (min-width: 1024px) { .bank-details__title { width: 227px; margin-right: 20px; text-align: right; } .bank-details__desc { width: -webkit-calc(100% - 248px); width: calc(100% - 248px); } .bank-details__buttons { margin-left: 247px; } } @media (min-width: 1280px) { .bank-details__title { width: 317px; margin-right: 40px; text-align: right; } .bank-details__desc { width: -webkit-calc(100% - 357px); width: calc(100% - 357px); } .bank-details__buttons { margin-top: 55px; margin-left: 357px; } } @media (min-width: 320px) { .all-partners-tales { margin-bottom: 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .all-partners-tales__partner-box { margin-bottom: 30px; width: 47%; -webkit-box-sizing: border-box; box-sizing: border-box; } .all-partners-tales__partner { margin-bottom: 10px; border: 1px solid #e0dad7; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: 99px; } .all-partners-tales__title { margin-bottom: 0; font-family: "Open Sans"; font-size: 14px; color: #214496; font-weight: 600; text-align: left; } .index-mobile-nav { margin-bottom: 30px; margin-right: -15px; margin-left: -15px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; overflow-x: auto; } .index-mobile-nav::-webkit-scrollbar { width: 0; height: 0; } .index-mobile-nav__wrapper { width: 711px; } .index-mobile-nav__pointer { display: inline-block; padding-left: 6px; padding-right: 7px; color: #214496; line-height: 36px; } .index-mobile-nav__pointer_active { position: relative; background: #c80f1b; margin-top: -1px; margin-bottom: -1px; color: #fff; } .index-mobile-nav__pointer_red { color: #c80f1b; } } @media (min-width: 480px) { .all-partners-tales__partner-box { width: 47.8%; } .all-partners-tales__partner { margin-bottom: 15px; min-height: 155px; } .all-partners-tales__title { font-size: 16px; } } @media (min-width: 768px) { .all-partners-tales { margin-bottom: 20px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .all-partners-tales__partner-box { width: 31%; margin-right: 3.5%; } .all-partners-tales__partner-box:nth-child(3n) { margin-right: 0; } .index-mobile-nav { margin-right: 0; margin-left: 0; border: 1px solid #e1e1e1; -webkit-border-radius: 3px; border-radius: 3px; } } @media (min-width: 1024px) { .index-mobile-nav { display: none; } } @media (min-width: 1280px) { .all-partners-tales__partner-box { width: 23%; min-height: 152px; margin-right: -webkit-calc(8% / 3); margin-right: calc(8% / 3); } .all-partners-tales__partner-box:nth-child(3n) { margin-right: -webkit-calc(8% / 3); margin-right: calc(8% / 3); } .all-partners-tales__partner-box:nth-child(4n) { margin-right: 0; } } @media (min-width: 320px) { .doors__title { position: relative; margin-bottom: 25px; padding-bottom: 26px; text-align: center; } .doors__title::after { content: ''; position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 80px; height: 1px; background-color: #cc0000; } .doors__desc { text-align: center; font-style: italic; } .doors-content { margin-top: 22px; margin-bottom: 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .doors-content__img-wrapper { width: 100%; margin-bottom: 15px; } .doors-content__img { width: 100%; } .doors-content__title { margin-top: 0; font-size: 22px; line-height: 32px; color: #c4010c; } .doors-content__desc { font-size: 14px; line-height: 24px; text-align: left; } } @media (min-width: 480px) { .doors-content { margin-top: 25px; margin-bottom: 27px; } .doors-content__img-wrapper { width: 86%; margin-bottom: 15px; margin-left: auto; margin-right: auto; } } @media (min-width: 768px) { .doors__title { margin-bottom: 23px; font-size: 28px; } .doors__desc { font-size: 16px; line-height: 30px; } .doors-content { margin-bottom: 30px; margin-top: 25px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .doors-content_versa .doors-content__img-wrapper { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; margin-right: 0; margin-left: 20px; } .doors-content__img-wrapper { width: 48%; margin-right: 20px; } .doors-content__text-block { width: -webkit-calc(100% - 48% - 20px); width: calc(100% - 48% - 20px); } .doors-content__title { margin-bottom: 18px; font-size: 26px; font-weight: 600; text-align: left; } .doors-content__desc { font-size: 15px; line-height: 26px; } } @media (min-width: 1024px) { .doors-content_versa .doors-content__img-wrapper { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; margin-right: 0; margin-left: 40px; } .doors-content__img-wrapper { width: 44%; margin-right: 40px; } .doors-content__text-block { width: -webkit-calc(100% - 44% - 40px); width: calc(100% - 44% - 40px); } .doors-content__title { font-size: 24px; line-height: 32px; } .doors-content__desc { font-size: 14px; line-height: 24px; } } @media (min-width: 1280px) { .doors__title { width: 700px; margin-right: auto; margin-left: auto; margin-bottom: 23px; font-size: 32px; line-height: 40px; } .doors__desc { font-size: 18px; line-height: 30px; } .doors-content { margin-top: 43px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .doors-content__img-wrapper { width: 390px; margin-right: 32px; } .doors-content__text-block { width: -webkit-calc(100% - 422px); width: calc(100% - 422px); } .doors-content__title { font-size: 26px; } } @media (min-width: 320px) { .category-tales { padding-top: 15px; padding-bottom: 20px; text-align: left; } .category-tale { width: 100%; margin-bottom: 30px; } .category-tale__img { width: 100%; } .category-tale__img-link { position: relative; margin-bottom: 17.5px; display: block; } .category-tale__action-time { position: absolute; bottom: 10px; left: 0; display: inline-block; padding-left: 9px; padding-right: 9px; font-size: 12px; line-height: 21px; color: #fff; background-color: #c4010c; } .category-tale__title-block { margin-bottom: 6px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; font-weight: bold; } .category-tale__title { margin-top: 2px; margin-right: 5px; display: block; font-size: 16px; line-height: 21px; color: #214496; text-decoration: none; } .category-tale__goods-count { display: inline-block; padding: 6px 7px; background-color: #f5f5f5; font-size: 12px; line-height: 1; color: #c4010c; -webkit-border-radius: 3px; border-radius: 3px; } .category-tale__sub-cats { margin-bottom: 8px; } .category-tale__sub-cat { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; font-size: 13px; line-height: 25px; color: #214496; } .category-tale__sub-cat-title { margin-right: 5px; } .category-tale__sub-cat-count { color: #c4010c; } .category-tale__btn { display: inline-block; padding-left: 8px; padding-right: 12px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #e5e5e5; background: transparent; color: #c4010c; font-size: 12px; line-height: 20px; vertical-align: middle; text-align: center; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .category-tale__btn:hover { color: white; background: #c4010c; border-color: #c4010c; } .category-tale__btn_plus { background: white; } .category-tale__btn_plus { background: #f3f3f3; border-color: #f3f3f3; } .category-tale__help { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 35px; padding-right: 17px; line-height: 31px; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #c4010c; border: 1px solid #eaeaea; -webkit-border-radius: 3px; border-radius: 3px; background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/help-block-icon.png"); background-repeat: no-repeat; background-position: 6px center; background-size: 23px 23px; } .category-tale__help:hover { text-decoration: none; background-color: #f2f2f2; border: 1px solid #f2f2f2; } } @media (min-width: 480px) { .category-tales { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .category-tale { width: 48%; } .category-tale__details { margin-bottom: 30px; } } @media (min-width: 1024px) { .category-tales { padding-top: 20px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .category-tale { -webkit-box-sizing: border-box; box-sizing: border-box; width: -webkit-calc((100% - 40px) / 3); width: calc((100% - 40px) / 3); margin-right: 20px; } .category-tale:nth-child(3n + 3) { margin-right: 0; } .category-tale a { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .category-tale__img-link { border: 1px solid #f2f2f2; } .category-tale__img-link:hover { border-color: #c4010c; overflow: hidden; } .category-tale__img-link:hover .category-tale__img { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); } .category-tale__img { -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .category-tale__title { font-size: 15px; line-height: 18px; } .category-tale__sub-cat-title { font-size: 12px; line-height: 22px; } .category-nav { margin-bottom: 38px; border: 1px solid #f3f3f3; text-align: left; } .category-nav__link { position: relative; display: block; padding: 6px 12px; font-size: 13px; line-height: 27px; color: #214496; border-bottom: 1px solid #f3f3f3; -webkit-transition: color 0.25s ease; transition: color 0.25s ease; } .category-nav__link:hover { text-decoration: none; color: red; } .category-nav__link::after { position: absolute; content: ''; top: 0; left: 0; width: 0; height: 100%; background-color: #f3f3f3; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transition: width 0.6s ease-in-out; transition: width 0.6s ease-in-out; z-index: -1; } .category-nav__link:hover::after { width: 100%; } } @media (min-width: 320px) { .all-partners-list { padding-bottom: 20px; text-align: left; } .all-partners-list__box { width: 100%; margin-bottom: 25px; } .all-partners-list__left-side { margin-bottom: 16px; width: 160px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px 20px; display: inline-block; border: 1px solid #e0dad7; } .all-partners-list__img { width: auto; } .all-partners-list__title { display: block; margin-bottom: 8px; font-size: 16px; line-height: 26px; color: #214496; font-weight: 600; text-decoration: underline; } .all-partners-list__title:hover { cursor: pointer; } .all-partners-list__desc { font-size: 14px; line-height: 24px; color: #000000; } } @media (min-width: 480px) { .all-partners-list { padding-bottom: 40px; } .all-partners-list__box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .all-partners-list__left-side { width: 35%; margin-right: 15px; } .all-partners-list__right-side { width: -webkit-calc(100% - 35% - 15px); width: calc(100% - 35% - 15px); } .all-partners-list__title { margin-top: -4px; margin-bottom: 10px; font-size: 18px; line-height: 21px; color: #214496; font-weight: 600; } .all-partners-list__desc { margin-bottom: 0; } } @media (min-width: 768px) { .all-partners-list__box { margin-bottom: 40px; } .all-partners-list__left-side { width: 182px; } .all-partners-list__right-side { margin-bottom: 0; width: -webkit-calc(100% - (188px + 15px)); width: calc(100% - (188px + 15px)); } } @media (min-width: 1024px) { .all-partners-list { margin-top: 25px; } } @media (min-width: 1280px) { .all-partners-list__title { font-size: 20px; line-height: 21px; } .all-partners-list__desc { font-size: 15px; line-height: 26px; } } @media (min-width: 320px) { .container-404 { font-family: "Opensans"; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .top-404 { margin-bottom: 40px; text-align: center; } .top-404__number { margin-bottom: 10px; font-size: 90px; line-height: 1; font-weight: bold; letter-spacing: 2.25px; } .top-404__title { margin-top: 0; margin-bottom: 15px; font-size: 26px; line-height: 1.36; color: #c4010c; } .top-404__desc { margin-bottom: 22px; font-size: 14px; line-height: 1.7; } .top-404__btn { display: inline-block; padding: 11px 26px 11px 26px; font-size: 14px; color: #fff; font-family: Opensansbold; text-align: center; background-color: #c4010c; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid transparent; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .top-404__btn:hover { color: #c4010c; border-color: #c4010c; background-color: #fff; text-decoration: none; } .top-404__slider-wrapper { display: none; } .search-404 { margin-bottom: 35px; margin-left: -15px; margin-right: -15px; padding: 40px 10px; background-color: #6b80a0; } .search-404__title { display: none; } .search-404__input-wrapper { position: relative; width: 100%; } .search-404__label { display: none; } .search-404__input { height: 50px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 20px; background-color: #fff; color: #c4010c; font-style: italic; font-weight: bold; font-size: 14px; } .search-404__input::-webkit-input-placeholder { color: #c4010c; } .search-404__input::-moz-placeholder { color: #c4010c; } .search-404__input:-ms-input-placeholder { color: #c4010c; } .search-404__input::placeholder { color: #c4010c; } .search-404__btn { position: absolute; right: 0; top: 0; font-size: 0; width: 50px; height: 50px; border: none; background: url("/local/templates/prostroy_default/../.default/assets/css/../img/search-icon.png") no-repeat center; background-size: 21px 20px; } .specials-404 { margin-bottom: 40px; margin-right: -15px; margin-left: -15px; padding-bottom: 30px; background-color: #f8f8f8; } .specials-404_min { display: none; width: 227px; padding: 0 14px 0 14px; background: #f8f8f8; } .specials-404_min .specials-404__title { margin-bottom: 15px; } .specials-404_min__slider { padding-bottom: 38px; } .specials-404_min .specials__slide { background: #fff; } .specials-404_min .swiper-pagination-bullet { border: 1px solid #c4010c; } .specials-404_min .swiper-pagination-bullet-active { background-color: #c4010c; } .specials-404__title { margin-top: 15px; } .specials-404 .specials__slide { background: #fff; } .links-404 { margin-bottom: 30px; text-align: left; font-size: 14px; line-height: 26px; } .links-404__group { padding: 15px; margin: 0 -15px; border-bottom: 1px solid #e5e5e5; } .links-404__group:first-child { border-top: 1px solid #e5e5e5; } .links-404__group-title { position: relative; display: block; padding-right: 10px; font-size: 13px; font-family: Opensansbold; color: #c4010c; } .links-404__group-title span { color: #6b80a0; font-family: Opensans; } .links-404__group-title::after { content: ''; position: absolute; z-index: -1; top: 50%; right: 0; width: 11px; height: 7px; -webkit-transform: translate(0, -50%) rotate(0deg); -ms-transform: translate(0, -50%) rotate(0deg); transform: translate(0, -50%) rotate(0deg); background: url("/local/templates/prostroy_default/../.default/assets/css/../img/accordion-arrow-down_icon.svg") no-repeat center; background-size: cover; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .links-404__group-title.active::after { -webkit-transform: translate(0, -50%) rotate(180deg); -ms-transform: translate(0, -50%) rotate(180deg); transform: translate(0, -50%) rotate(180deg); } .links-404__group-block { display: none; margin-top: 12px; } .links-404__group-link { display: block; color: black; } .promo-404 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-left: -15px; margin-right: -15px; padding: 20px 0; background: url("/local/templates/prostroy_default/../.default/assets/css/../img/promo-404-mobile-bg.png") no-repeat center; background-size: 100% 100%; } .promo-404__text { display: inline-block; margin: 0 auto; padding: 15px 25px; font-size: 22px; line-height: 32px; color: #fff; background-color: #c4010c; text-align: center; } } @media (min-width: 480px) { .top-404__number { font-size: 115px; } .top-404__title { font-size: 30px; } .promo-404 { margin-left: -5px; margin-right: -5px; } .promo-404__text { padding-left: 50px; padding-right: 50px; } .links-404 { margin-bottom: 41px; } .links-404__group-link { margin-left: 20px; } } @media (min-width: 768px) { .top-404 { margin-bottom: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: left; } .top-404__number { margin: 0; margin-right: 40px; margin-bottom: 40px; } .top-404__text-block { text-align: left; } .top-404__title { font-size: 28px; } .search-404 { margin-right: -30px; margin-left: -30px; padding: 40px 30px; } .search-404__form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .search-404__title { margin: 0; margin-right: 30px; display: block; color: #fff; font-size: 18px; min-width: 260px; } .search-404__input { font-size: 16px; } .specials-404 { margin-right: -30px; margin-left: -30px; padding-left: 30px; padding-right: 30px; } .links-404 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 25px; } .links-404__group { padding: 0; margin-left: 0; margin-right: 70px; width: 280px; border: none; } .links-404__group:first-child { border: none; } .links-404__group-block { display: block !important; margin-bottom: 15px; } .links-404__group-title { margin-bottom: 0; padding-right: 0; font-weight: normal; font-size: 16px; font-family: Opensans; } .links-404__group-title::after { content: none; } .links-404__group-link { margin-left: 0; font-size: 13px; } .promo-404 { margin-right: 0; margin-left: 0; padding: 40px 0; background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/promo-404-mobile-bg-768.png"); } .promo-404__text { padding: 16px 68px; font-size: 28px; line-height: 40px; } } @media (min-width: 1024px) { .top-404 { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .top-404__number { margin-top: 40px; } .top-404__text-block { width: 467px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: auto; padding-right: 25px; } .top-404__title { font-size: 28px; } .search-404 { margin-left: 0; margin-right: 0; } .search-404__input { font-size: 16px; } .specials-404 { display: none; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; background: transparent; } .specials-404_min { display: block; } .links-404 { margin-bottom: 35px; } .links-404__group { width: 280px; margin-right: -webkit-calc((100% - 840px) / 2); margin-right: calc((100% - 840px) / 2); } .links-404__group:nth-child(3n + 3) { margin-right: 0; } .links-404__group-link { font-size: 12px; line-height: 22px; } .promo-404 { background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/promo-404-mobile-bg-1024.png"); } } @media (min-width: 1280px) { .top-404__number { margin-right: 55px; font-size: 200px; } .top-404__text-block { width: 492px; } .top-404__title { font-size: 32px; } .top-404__desc { margin-bottom: 36px; font-size: 15px; line-height: 26px; } .search-404__title { margin-right: 25px; font-size: 26px; line-height: 32px; } .search-404__input-wrapper { width: 68%; } .search-404__input { font-size: 18px; } .specials-404_min { padding-left: 36px; padding-right: 36px; } .links-404 { margin-bottom: 53px; } .links-404__group { width: 270px; margin-right: -webkit-calc((100% - 1080px) / 3); margin-right: calc((100% - 1080px) / 3); } .links-404__group:nth-child(3n + 3) { margin-right: -webkit-calc((100% - 1080px) / 3); margin-right: calc((100% - 1080px) / 3); } .links-404__group:nth-child(4n + 4) { margin-right: 0; } .promo-404 { padding: 27px 0; background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/promo-404-mobile-bg-1280.png"); } .promo-404__text { padding: 16px 27px; } } .advantages-p { text-align: left; } .advantages-p__item { margin-bottom: 2em; } .advantages-p__title { margin: 0; margin-bottom: 13px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: 40px; padding-left: 53px; font-size: 16px; line-height: 1.5; font-weight: bold; color: #c4010c; text-transform: uppercase; text-align: left; background-position: left center; background-size: auto; background-repeat: no-repeat; } .advantages-p__title_1 { background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/adv-page-icon-1_min.png"); } .advantages-p__title_2 { background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/adv-page-icon-2_min.png"); } .advantages-p__title_3 { background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/adv-page-icon-3_min.png"); } .advantages-p__title_4 { background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/adv-page-icon-4_min.png"); } .advantages-p__title_5 { min-height: 48px; background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/adv-page-icon-5_min.png"); } .advantages-p__title_6 { background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/adv-page-icon-6_min.png"); } .advantages-p__title_7 { padding-left: 59px; background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/adv-page-icon-7_min.png"); } .advantages-p__title_8 { padding-left: 59px; background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/adv-page-icon-8_min.png"); } .advantages-p__desc { font-size: 13px; line-height: 1.69; } .advantages-p__conditions-title { margin-bottom: 1em; line-height: 30px; font-weight: bold; } .advantages-p__condition { display: block; margin-bottom: 10px; padding: 20px 15px 30px; font-size: 15px; line-height: 1em; color: #c4010c; font-weight: 700; border: 1px solid #e1e1e1; } @media (min-width: 480px) { .advantages-p__title { margin-bottom: 0; } .advantages-p__title_7 { padding-left: 53px; } .advantages-p__desc { padding-left: 53px; } } @media (min-width: 768px) { .advantages-p__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .advantages-p__title { -webkit-box-sizing: border-box; box-sizing: border-box; width: 34%; padding-left: 84px; min-height: 71px; background-position-x: 10px; } .advantages-p__title_1 { background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/adv-page-icon-1.png"); background-size: 61px 57px; } .advantages-p__title_2 { background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/adv-page-icon-2.png"); background-size: 59px 52px; } .advantages-p__title_3 { background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/adv-page-icon-3.png"); background-size: 61px 57px; } .advantages-p__title_4 { background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/adv-page-icon-4.png"); background-size: 56px 63px; } .advantages-p__title_5 { background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/adv-page-icon-5.png"); background-size: 60px 70px; } .advantages-p__title_6 { background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/adv-page-icon-6.png"); background-size: 54px 62px; } .advantages-p__title_7 { background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/adv-page-icon-7.png"); background-size: 75px 35px; background-position-x: 0; } .advantages-p__title_8 { background-image: url("/local/templates/prostroy_default/../.default/assets/css/../img/adv-page-icon-8.png"); background-size: 62px 56px; } .advantages-p__desc { margin-bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 66%; } .advantages-p__conditions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .advantages-p__condition { width: 31.5%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .advantages-p__condition:hover { text-decoration: none; background: #f3f3f3; } } @media (min-width: 1200px) { .advantages-p__desc { padding-left: 20px; font-size: 14px; } } .overflow-block { overflow: hidden; width: 100%; margin: 0; padding: 0; } @media (max-width: 767px) { .overflow-block > div { overflow: visible; padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .overflow-block .swiper-button-next { right: 4px; } .overflow-block .swiper-button-prev { left: 4px; } } @media (max-width: 479px) { .overflow-block > div { overflow: visible; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; } .overflow-block .swiper-button-next { right: 4px; } .overflow-block .swiper-button-prev { left: 4px; } } /*# sourceMappingURL=main.css.map */ /* End */ /* Start:/local/templates/.default/components/bitrix/menu/horizontal_multilevel_red/style.css?17434476427830*/ /**Top menu**/ #horizontal-multilevel-menu,#horizontal-multilevel-menu ul { margin:0; padding:0; min-height:27px; width:100%; list-style:none; /*font-size:90%*/ } #horizontal-multilevel-menu { } /*Links*/ #horizontal-multilevel-menu a { font-family:Opensanslight,Arial,Helvetica,sans-serif; display:block; padding:5px; /*padding:0.3em 0.8em;*/ text-decoration:none; text-align:center; } #horizontal-multilevel-menu > li { float:left; } #horizontal-multilevel-menu > li { padding: 12px 2px; } #horizontal-multilevel-menu li:before, #usr-top-menu li:before { content: ' '; } /*Root items*/ #horizontal-multilevel-menu li a.root-item { padding: 2px 5px; } #horizontal-multilevel-menu li.root-item-filled a.root-item { color: #BC0010; display: flex; align-items: center; gap: 4px; border-radius: 4px; } #horizontal-multilevel-menu li.root-item-filled a.root-item-selected{ display: flex; align-items: center; gap: 4px; border-radius: 4px; } #horizontal-multilevel-menu li.root-item-filled a.root-item-selected svg path{ fill: #fff; } #horizontal-multilevel-menu li.root-item-filled a.root-item svg path{ fill: #BC0010; } #horizontal-multilevel-menu li.root-item-filled:hover{ background: transparent; } #horizontal-multilevel-menu li.root-item-filled:hover a.root-item, #horizontal-multilevel-menu li.root-item-filled:hover a.root-item-selected{ background-color: #851915; } #horizontal-multilevel-menu li.root-item-filled:hover a.root-item svg path{ fill: #fff; } /*Root menu selected*/ #horizontal-multilevel-menu li a.root-item-selected { background:#c4010c; color:#fff; padding: 2px 5px; } /*Root items: hover*/ #horizontal-multilevel-menu li:hover a.root-item, #horizontal-multilevel-menu li.jshover a.root-item { background:#c4010c; color:#fff; } /*Item-parents*/ #horizontal-multilevel-menu a.parent { background: url(/local/templates/.default/components/bitrix/menu/horizontal_multilevel_red/images/arrow.gif) center right no-repeat; } /*Denied items*/ #horizontal-multilevel-menu a.denied { background: url(/local/templates/.default/components/bitrix/menu/horizontal_multilevel_red/images/lock.gif) center right no-repeat; } /*Child-items: hover*/ #horizontal-multilevel-menu li:hover, #horizontal-multilevel-menu li.jshover { background:#c4010c; color:#fff; } /*Child-items selected*/ #horizontal-multilevel-menu li.item-selected { background:#c4010c; color: #ffffff; } /*Sub-menu box*/ #horizontal-multilevel-menu li ul { position:absolute; /*top:-999em;*/ top:46px; left: 0px; display:none; z-index:501; height:auto; /*width:12em;*/ width:248px; background:#F5F5F5; border:1px solid #C1C1C1; } /*Sub-menu item box*/ #horizontal-multilevel-menu li li { width:100%; border-bottom:1px solid #DEDEDE; } /*Item link*/ #horizontal-multilevel-menu li ul a { text-align:left; padding:11px; } /*Items text color & size */ #horizontal-multilevel-menu li a, #horizontal-multilevel-menu li:hover li a, #horizontal-multilevel-menu li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a { } /*Items text color & size: hover*/ #horizontal-multilevel-menu li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover a, #horizontal-multilevel-menu li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover a, #horizontal-multilevel-menu li:hover li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a { color:#fff; } #horizontal-multilevel-menu li ul ul { margin:-27px 0 0 132px; /*margin:-1.93em 0 0 11.6em;*/ } #horizontal-multilevel-menu li:hover ul ul, #horizontal-multilevel-menu li.jshover ul ul, #horizontal-multilevel-menu li:hover ul ul ul, #horizontal-multilevel-menu li.jshover ul ul ul, #horizontal-multilevel-menu li:hover ul ul ul ul, #horizontal-multilevel-menu li.jshover ul ul ul ul, #horizontal-multilevel-menu li:hover ul ul ul ul ul, #horizontal-multilevel-menu li.jshover ul ul ul ul ul { /*top:-999em;*/ display:none; } #horizontal-multilevel-menu li:hover ul, #horizontal-multilevel-menu li.jshover ul, #horizontal-multilevel-menu li li:hover ul, #horizontal-multilevel-menu li li.jshover ul, #horizontal-multilevel-menu li li li:hover ul, #horizontal-multilevel-menu li li li.jshover ul, #horizontal-multilevel-menu li li li li:hover ul, #horizontal-multilevel-menu li li li li.jshover ul, #horizontal-multilevel-menu li li li li li:hover ul, #horizontal-multilevel-menu li li li li li.jshover ul { /*z-index:1000; top:auto;*/ display:block; } div.menu-clear-left { clear:left; } @media screen and (max-width:1100px) { ul.topnav li:not(:first-child) {display: none;} /* ul.topnav li.icon { float: left !important; display: inline-block !important; font-size : 20px; } */ } /* The "hover" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */ @media screen and (max-width:1100px) { #horizontal-multilevel-menu li a.root-item { height: 25px; padding: 0px 0px 0px 30px; margin: 5px 0px; } ul.topnav.hover { position: fixed; width: 210px; height: 230px; padding-left: 0px; margin-top: 47px !important; box-shadow: 0px 4px 15px black; z-index: 9; /* padding-top: 30px; */ background: #f3f3f3; margin-left: -6px; } #usr-top-menu li.icon:first-of-type{ background: #f3f3f3; } ul.topnav.hover li { float: none !important; } ul.topnav.hover li.icon { position: relative; margin: 0 auto; top: 0; } ul.topnav.hover li { float: none; display: inline; } ul.topnav.hover li a { display: block; text-align: left; border-bottom: 1px solid #F3F3F3; } #horizontal-multilevel-menu li ul { width: 250px; position: absolute; left: 175px; margin-top: -30px; box-shadow: 0px 0px 15px grey; padding: 10px; } #horizontal-multilevel-menu li:hover li:hover a { background : #c4010c; } #horizontal-multilevel-menu li:hover a.root-item, #horizontal-multilevel-menu li.jshover a.root-item{ } #horizontal-multilevel-menu a{ text-align : left; } #horizontal-multilevel-menu { padding-top: 10px; } #horizontal-multilevel-menu li ul a{ padding : 0px; } ul.topnav.catalogmenu.hover li ul{ margin: 0px 0 0 210px; padding-left: 0px; min-height: 238px; min-width: 248px; } ul.topnav.catalogmenu.hover li .menu.icon.pngicons { position: absolute; top: 50%; right: 8px; width: 5px; height: 8px; margin-top: -4px; margin-left: 8px; background-position: 0px -83px; } #horizontal-multilevel-menu{ display : none; } #usr-top-menu { display: block !important; margin-top: -10px; z-index : 999 !important; } #menu_link{ float: left !important; display: inline-block !important; font-size: 16px; margin-top: 13px; margin-left: -5px; } } #usr-top-menu { display : none; } ul.topnav li.icon { display: none; } @media screen and (max-width:375px) { ul.topnav.hover { width: 170px; height: 280px; } ul.topnav.catalogmenu.hover li ul{ margin: 0px 0 0 170px; min-width: 150px; } } /* End */ /* Start:/local/templates/prostroy_default/extended/footer/type1/dist/style.css?16850287376479*/ .u24-footer { background-color: #FAFAFA; padding: 10px 0 10px; } .u24-footer__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 -10px; padding: 20px 0 10px; } .u24-footer__col { padding: 0 10px 10px; } .u24-footer__logo { display: none; margin: -10px -10px 16px; } .u24-footer__contacts-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .u24-footer__contacts-link { display: inline-block; margin-bottom: 8px; text-decoration: none; } .u24-footer__contacts-link .svg-icon { width: 15px; height: 15px; fill: #c4010c; margin-right: 10px; } .u24-footer__phone a { font-size: 24px; line-height: 1rem; font-weight: 400; color: #000000; } .u24-footer__store { margin-bottom: 16px; } .u24-footer__copyright { padding: 20px 0 0; border-top: 1px solid #ddd; } .u24-footer h4 { font-weight: 600; font-size: 13px; line-height: 18px; margin-bottom: 16px; margin-top: 0; } .u24-footer__store p{ margin-bottom: 16px; } .u24-footer h2{ font-size: 14px; line-height: 24px; font-weight: 400; color: #3D3D3D; margin-bottom: 8px; padding: 0; margin-top: 0; text-transform: uppercase; } .u24-footer .footersubscribe .title { text-transform: uppercase; font-size: 14px; line-height: 18px; font-weight: 600; margin-top: 0; margin-bottom: 0.5rem; letter-spacing: 0.4px; } .u24-footer .sovservice { margin-bottom: 24px; } .u24-footer .sovservice .title, .u24-footer .footersubscribe .title { color: #3D3D3D; } .u24-footer h5 { font-size: 13px; font-weight: 600; line-height: 18px; letter-spacing: 0.4px; margin-bottom: 8px; } .u24-footer .footmenu .title { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .u24-footer input[type="text"] { width: 100%; height: auto; font: 13px Opensanslight, Arial, Helvetica, sans-serif; line-height: 18px; margin: 0; padding: 10px 21px; outline: -webkit-focus-ring-color auto 0; border: 1px solid #ebebeb; background: #f3f3f3; -webkit-box-shadow: none; box-shadow: none; border-radius: none; -webkit-transition: all ease-in-out 0.15s; -o-transition: all ease-in-out 0.15s; transition: all ease-in-out 0.15s; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0; border-radius: 4px; } .u24-footer .btn { height: auto; font: 13px Opensanslight, Arial, Helvetica, sans-serif; line-height: 18px; padding: 10px 21px; text-decoration: none; line-height: 18px; font-size: 13px; font-weight: normal; cursor: pointer; white-space: nowrap; background: none; -webkit-box-sizing: border-box; box-sizing: border-box; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: 0s; -o-transition: 0s; transition: 0s; border-radius: 4px; display: block; width: 100%; margin-top: 6px; text-align: center; } .u24-footer .subscribe .btn { font-weight: 700; letter-spacing: 0.4px; } @media (max-width: 991px) { .u24-footer__contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; } .u24-footer__contacts-block { width: 50%; padding: 0 10px; margin: 0 0 10px; } .u24-footer__contacts-block + .u24-footer__contacts-block { padding-left: 10px; } .u24-footer .bx-yandex-view-layout { max-height: 125px; overflow: hidden; } .u24-footer .sovservice a { margin-right: 20px; } .u24-footer .sovservice a:last-child{ margin-right: 0; } .u24-footer .sovservice img { width: 32px; height: 32px; } .u24-footer .footmenu { margin-bottom: 6px; } .u24-footer .footmenu .item { display: inline-block; padding: 4px 0 8px; padding-right: 12px; } .u24-footer__copyright{ margin: 0px 15px; } .subscribe form{ display: flex; } .subscribe form .inp{ width: 100%; } .u24-footer .subscribe .btn{ margin-top: 0; margin-left: 12px; width: auto; } .u24-footer__phone a{ font-size: 18px; } .u24-footer__col{ margin-bottom: 16px; padding-bottom: 0; } .u24-footer__row{ padding-bottom: 24px; } .u24-footer__col--subscribe, .u24-footer__contacts-block, .u24-footer .footmenu, .u24-footer__schedule p, .u24-footer .footmenu .item:last-child{ margin-bottom: 0; padding-bottom: 0; } } @media (min-width: 992px) { .footmenu{ margin-left: 30px; } .u24-footer__row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .u24-footer__col { width: 20%; padding: 10px; } .u24-footer__logo { display: block; } .u24-footer__contacts-block + .u24-footer__contacts-block { margin-top: 22px; } .u24-footer .footersubscribe .title { font-size: 1.125rem; line-height: 1.5rem; } .u24-footer h5 { font-size: 13px; font-weight: 600; line-height: 18px; letter-spacing: 0.4px; margin-bottom: 8px; } .u24-footer .footmenu .item + .item { margin-top: 4px; } .u24-footer .sovservice a { margin-right: 5px; } .u24-footer .sovservice img { width: 24px; height: 24px; } } @media (max-width: 400px) { .u24-footer__phone a{ font-size: 16px; } } @media (max-width: 320px) { .u24-footer__phone a{ font-size: 14px; } } /* End */ /* Start:/local/templates/prostroy_default/components/bitrix/menu/infooter/style.css?1743447642363*/ .footmenu .root-item-filled a { color: #BC0010; display: flex; align-items: center; gap: 4px; } .footmenu .root-item-filled a:hover{ color: #851915; text-decoration: none; } .footmenu .root-item-filled a svg path{ fill: #BC0010 !important; } .footmenu .root-item-filled a:hover svg path{ fill: #851915 !important; } /* End */ /* Start:/local/templates/prostroy_default/components/redsign/easycart/gopro/style.css?17434476421008*/ .manager-links{ cursor: pointer; position: relative; } .manager-links .dropdown-manager{ display: inline-block; padding: 0px 15px 0px 15px; color: #fff; border-left: 1px solid #3c3c3c; } .dropdown-links{ display: none; } #rs_easycart .manager-links .dropdown-links a{ display: block; white-space: nowrap; border-left: none; text-align: left; } #rs_easycart{ z-index: 31474836471 !important; } .manager-links .dropdown-manager.active + .dropdown-links{ display: block; position: absolute; bottom: 40px; left: 0; background: #2b2b2b; z-index: 1000000; } .rsec.rsec_headers .rsec_online{ display: none !important; } #rs_easycart .rsec.rsec_headers .rsec_body{ display: flex; justify-content: space-between; } .rsec_sales-link, .rsec_sales-link:hover, .rsec_sales-link:visited{ color: #fff !important; background-color: #BC0010 !important; display: inline-block !important; } /* End */ /* Start:/include/tuning/color.css?174344764240671*/ /* main */ /* buttons */ /* forms */ /* links */ /* text */ /* grid */ /** -- hard color color.scss -- **/ /* main */ /* buttons */ /* forms */ /* links */ /* text */ /* grid */ /** /-- hard color color.scss -- **/ /************************************** label_description_start **************************************/ .nothinSelectorJustColorTheme { /* color1 - $color1 - GOPRO_QQc4010cGOPRO_ZZ */ color: #c4010c; /* darken color1 - $btn1-bg-color-hover - GOPRO_QQ910109GOPRO_ZZ */ color: #910109; /* color2 - $color2 - GOPRO_QQ6b80a0GOPRO_ZZ */ color: #6b80a0; /* darken color2 - $btn2-bg-color-hover - GOPRO_QQ546784GOPRO_ZZ */ color: #546784; } /************************************** label_description_finish **************************************/ /************************************** label_macros_file_start **************************************/ .rsgopro .body .bx-basket .basket-item-property-scu-image .basket-item-scu-item:hover, .rsgopro .body .bx-basket .basket-item-property-scu-image .basket-item-scu-item.selected, .rsgopro .body .bx-basket .basket-item-property-scu-text .basket-item-scu-item:hover, .rsgopro .body .bx-basket .basket-item-property-scu-text .basket-item-scu-item.selected { border-color: #c4010c; } .brandbig .item .name { color: #c4010c; } .rsgopro .btn1, .rsgopro .btn-primary, .rsgopro .menu-sidebar li a:hover, .rsgopro .shops2 .shops2-panel .btn1.active { color: #fff; background-color: #c4010c; border-color: #c4010c; border-bottom-color: #910109; } .rsgopro .btn1:hover, .rsgopro .btn-primary:hover, .rsgopro .menu-sidebar li a:hover:hover, .rsgopro .shops2 .shops2-panel .btn1.active:hover { color: #fff; background-color: #910109; border-color: #910109; } .rsgopro .btn1-darken, .rsgopro .btn-primary-darken { color: #fff; background-color: #910109; border-color: #910109; border-bottom-color: #c4010c; } .rsgopro .btn1-darken:hover, .rsgopro .btn-primary-darken:hover { color: #fff; background-color: #c4010c; border-color: #910109; } .rsgopro .btn2, .rsgopro .btn-default { color: #fff; background-color: #6b80a0; border-color: #6b80a0; border-bottom-color: #546784; } .rsgopro .btn2:hover, .rsgopro .btn-default:hover { color: #fff; background-color: #546784; border-color: #546784; } .rsgopro .btn3 { color: #fff; background-color: #899CC7; border-color: #899CC7; border-bottom-color: #5570ae; } .rsgopro .btn3:hover { color: #fff; background-color: #5570ae; border-color: #5570ae; } .rsgopro .body .sale-acountpay-fixedpay-item, .rsgopro .body .bx_profile .btn-md.main-profile-submit, .rsgopro .body .sale-profile-detail-form .btn-md:first-of-type, .rsgopro .body .bx-soa-more-btn .btn.btn-default, .rsgopro .body .bx-soa-sidebar .bx-soa-cart-total .btn.btn-default, .rsgopro .body #bx-soa-order #bx-soa-orderSave .btn.btn-default, .rsgopro .body #bx-soa-order .bx-soa-sidebar .bx-soa-cart-total .btn.btn-default, .rsgopro .body #bx-soa-order .bx-authform .btn-default, .rsgopro .body .bx_ordercart .bx_ordercart_order_pay .bx_ordercart_order_pay_center .checkout, .rsgopro .body .bx-basket.bx-blue .btn.btn-default { color: #fff; background-color: #c4010c; border-color: #c4010c; border-bottom-color: #910109; } .rsgopro .body .sale-acountpay-fixedpay-item:hover, .rsgopro .body .bx_profile .btn-md.main-profile-submit:hover, .rsgopro .body .sale-profile-detail-form .btn-md:first-of-type:hover, .rsgopro .body .bx-soa-more-btn .btn.btn-default:hover, .rsgopro .body .bx-soa-sidebar .bx-soa-cart-total .btn.btn-default:hover, .rsgopro .body #bx-soa-order #bx-soa-orderSave .btn.btn-default:hover, .rsgopro .body #bx-soa-order .bx-soa-sidebar .bx-soa-cart-total .btn.btn-default:hover, .rsgopro .body #bx-soa-order .bx-authform .btn-default:hover, .rsgopro .body .bx_ordercart .bx_ordercart_order_pay .bx_ordercart_order_pay_center .checkout:hover, .rsgopro .body .bx-basket.bx-blue .btn.btn-default:hover { color: #fff; background-color: #910109; border-color: #910109; } .rsgopro .body .sale-order-detail .sale-order-detail-about-order-inner-container-repeat-button, .rsgopro .body .sale-order-detail .sale-order-detail-payment-options-methods-button-element, .rsgopro .body .bx_my_order_cancel input[type="submit"], .rsgopro .body .bx_profile .btn-md, .rsgopro .body .sale-profile-detail-form .btn-md, .rsgopro .body #bx-soa-orderSave .btn.btn-default, .rsgopro .body .bx-soa-more-btn .btn.btn-default:first-child, .rsgopro .body .bx-soa-sidebar .bx-soa-cart-total .btn.btn-default, .rsgopro .body #bx-soa-order .bx-soa-more-btn .btn.btn-default, .rsgopro .body #bx-soa-order .bx-soa-reg-block .btn-default, .rsgopro .body .bx_ordercart .bx_ordercart_order_pay .bx_ordercart_coupon .bx_bt_button { color: #fff; background-color: #6b80a0; border-color: #6b80a0; border-bottom-color: #546784; } .rsgopro .body .sale-order-detail .sale-order-detail-about-order-inner-container-repeat-button:hover, .rsgopro .body .sale-order-detail .sale-order-detail-payment-options-methods-button-element:hover, .rsgopro .body .bx_my_order_cancel input[type="submit"]:hover, .rsgopro .body .bx_profile .btn-md:hover, .rsgopro .body .sale-profile-detail-form .btn-md:hover, .rsgopro .body #bx-soa-orderSave .btn.btn-default:hover, .rsgopro .body .bx-soa-more-btn .btn.btn-default:first-child:hover, .rsgopro .body .bx-soa-sidebar .bx-soa-cart-total .btn.btn-default:hover, .rsgopro .body #bx-soa-order .bx-soa-more-btn .btn.btn-default:hover, .rsgopro .body #bx-soa-order .bx-soa-reg-block .btn-default:hover, .rsgopro .body .bx_ordercart .bx_ordercart_order_pay .bx_ordercart_coupon .bx_bt_button:hover { color: #fff; background-color: #546784; border-color: #546784; } .rsgopro .body .sale-personal-account-wallet-currency-item { color: #c4010c; } .rsgopro .body .sale-acountpay-pp-company.bx-selected .sale-acountpay-pp-company-graf-container { border-color: #c4010c; } /* catalog.element */ .detail__previewtext__go-to__link { color: #c4010c; } .detail__previewtext__go-to__link:hover { color: #910109; } .detail__pic__dots .owl-dot:hover, .detail__pic__dots .owl-dot.active { border-color: #c4010c; } .body .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #c4010c; } .body .scrollbar-inner > .scroll-element .scroll-bar:hover { background-color: #c4010c; } .body .set .js-element:hover { border-color: #c4010c; } .body .set .fullpanel .block.myset .svg-icon { fill: #c4010c; } .list-showcase__preview-text__more a { color: #c4010c; } /* catalog.sorter */ .b-sorter__block-name { color: #c4010c; } .b-sorter__template a.selected, .b-sorter__shortsort a.selected { color: #fff; background-color: #c4010c; border-color: #c4010c; } .b-sorter__template a.selected { border-bottom-color: #910109; } .b-sorter__template a.selected:hover, .b-sorter__template a:hover, .b-sorter__shortsort a.selected:hover, .b-sorter__shortsort a:hover { color: #fff; background-color: #910109; border-color: #910109; } .b-sorter__dropdown.hover > a, .b-sorter__dropdown:hover > a { border-color: #910109; } .b-sorter__dropdown-in { border-bottom-color: #910109; } body #rs_easycart .rsec_headers a.rsec_online, body #rs_easycart .rsec_headers span.rsec_color { color: #c4010c; } body #rs_easycart .rsec_headers a.rsec_online span.rsec_name { border-color: #c4010c; } body #rs_easycart .rsec_btn1, body #rs_easycart table.rsec_table tr:hover td.rsec_hov, body #rs_easycart .rsec_btn1 { background-color: #c4010c; } body #rs_easycart .rsec_content .rsec_tyanya .rsec_close .svg-icon, body #rs_easycart .rsec_thistab_compare .rsec_delete .svg-icon, body #rs_easycart .rsec_thistab_favorite .rsec_delete .svg-icon, body #rs_easycart .rsec_thistab_basket .rsec_delete .svg-icon, body #rs_easycart .rsec_headers a.rsec_online .svg-icon { fill: #c4010c; } .body input[type="text"], .body input[type="password"], .body textarea, .body select, .footer input[type="text"], .footer input[type="password"], .footer textarea, .footer select, .fancybox-container input[type="text"], .fancybox-container input[type="password"], .fancybox-container textarea, .fancybox-container select, .popup-window input[type="text"], .popup-window input[type="password"], .popup-window textarea, .popup-window select, .rsgppopup input[type="text"], .rsgppopup input[type="password"], .rsgppopup textarea, .rsgppopup select, .rs_easycart input[type="text"], .rs_easycart input[type="password"], .rs_easycart textarea, .rs_easycart select, .gopro-subscribe-window input[type="text"], .gopro-subscribe-window input[type="password"], .gopro-subscribe-window textarea, .gopro-subscribe-window select { border-color: #ebebeb; } .body input[type="text"]:hover, .body input[type="password"]:hover, .body textarea:hover, .body select:hover, .footer input[type="text"]:hover, .footer input[type="password"]:hover, .footer textarea:hover, .footer select:hover, .fancybox-container input[type="text"]:hover, .fancybox-container input[type="password"]:hover, .fancybox-container textarea:hover, .fancybox-container select:hover, .popup-window input[type="text"]:hover, .popup-window input[type="password"]:hover, .popup-window textarea:hover, .popup-window select:hover, .rsgppopup input[type="text"]:hover, .rsgppopup input[type="password"]:hover, .rsgppopup textarea:hover, .rsgppopup select:hover, .rs_easycart input[type="text"]:hover, .rs_easycart input[type="password"]:hover, .rs_easycart textarea:hover, .rs_easycart select:hover, .gopro-subscribe-window input[type="text"]:hover, .gopro-subscribe-window input[type="password"]:hover, .gopro-subscribe-window textarea:hover, .gopro-subscribe-window select:hover { border-color: #c4010c; } .body input[type="text"]:hover:focus, .body input[type="text"]:focus, .body input[type="password"]:hover:focus, .body input[type="password"]:focus, .body textarea:hover:focus, .body textarea:focus, .body select:hover:focus, .body select:focus, .footer input[type="text"]:hover:focus, .footer input[type="text"]:focus, .footer input[type="password"]:hover:focus, .footer input[type="password"]:focus, .footer textarea:hover:focus, .footer textarea:focus, .footer select:hover:focus, .footer select:focus, .fancybox-container input[type="text"]:hover:focus, .fancybox-container input[type="text"]:focus, .fancybox-container input[type="password"]:hover:focus, .fancybox-container input[type="password"]:focus, .fancybox-container textarea:hover:focus, .fancybox-container textarea:focus, .fancybox-container select:hover:focus, .fancybox-container select:focus, .popup-window input[type="text"]:hover:focus, .popup-window input[type="text"]:focus, .popup-window input[type="password"]:hover:focus, .popup-window input[type="password"]:focus, .popup-window textarea:hover:focus, .popup-window textarea:focus, .popup-window select:hover:focus, .popup-window select:focus, .rsgppopup input[type="text"]:hover:focus, .rsgppopup input[type="text"]:focus, .rsgppopup input[type="password"]:hover:focus, .rsgppopup input[type="password"]:focus, .rsgppopup textarea:hover:focus, .rsgppopup textarea:focus, .rsgppopup select:hover:focus, .rsgppopup select:focus, .rs_easycart input[type="text"]:hover:focus, .rs_easycart input[type="text"]:focus, .rs_easycart input[type="password"]:hover:focus, .rs_easycart input[type="password"]:focus, .rs_easycart textarea:hover:focus, .rs_easycart textarea:focus, .rs_easycart select:hover:focus, .rs_easycart select:focus, .gopro-subscribe-window input[type="text"]:hover:focus, .gopro-subscribe-window input[type="text"]:focus, .gopro-subscribe-window input[type="password"]:hover:focus, .gopro-subscribe-window input[type="password"]:focus, .gopro-subscribe-window textarea:hover:focus, .gopro-subscribe-window textarea:focus, .gopro-subscribe-window select:hover:focus, .gopro-subscribe-window select:focus { border-color: #c4010c; } .body .bx-sls .dropdown-block, .body .bx-slst .dropdown-block, .footer .bx-sls .dropdown-block, .footer .bx-slst .dropdown-block, .fancybox-container .bx-sls .dropdown-block, .fancybox-container .bx-slst .dropdown-block, .popup-window .bx-sls .dropdown-block, .popup-window .bx-slst .dropdown-block, .rsgppopup .bx-sls .dropdown-block, .rsgppopup .bx-slst .dropdown-block, .rs_easycart .bx-sls .dropdown-block, .rs_easycart .bx-slst .dropdown-block, .gopro-subscribe-window .bx-sls .dropdown-block, .gopro-subscribe-window .bx-slst .dropdown-block { border-color: 1px solid #ebebeb; } .body .bx-sls .dropdown-block.focus, .body .bx-slst .dropdown-block.focus, .footer .bx-sls .dropdown-block.focus, .footer .bx-slst .dropdown-block.focus, .fancybox-container .bx-sls .dropdown-block.focus, .fancybox-container .bx-slst .dropdown-block.focus, .popup-window .bx-sls .dropdown-block.focus, .popup-window .bx-slst .dropdown-block.focus, .rsgppopup .bx-sls .dropdown-block.focus, .rsgppopup .bx-slst .dropdown-block.focus, .rs_easycart .bx-sls .dropdown-block.focus, .rs_easycart .bx-slst .dropdown-block.focus, .gopro-subscribe-window .bx-sls .dropdown-block.focus, .gopro-subscribe-window .bx-slst .dropdown-block.focus { border-color: #c4010c; } .body [type="checkbox"]:checked + label:after, .body [type="checkbox"]:checked + .label:after, .body a.checkbox.in > label:after, .body a.checkbox.in > .label:after, .body #bx-soa-orderSave [type="checkbox"]:checked + a:after, .body .form-group .soa-property-container [type="checkbox"]:checked:after, .body .bx-authform [type="checkbox"]:checked:after, .footer [type="checkbox"]:checked + label:after, .footer [type="checkbox"]:checked + .label:after, .footer a.checkbox.in > label:after, .footer a.checkbox.in > .label:after, .footer #bx-soa-orderSave [type="checkbox"]:checked + a:after, .footer .form-group .soa-property-container [type="checkbox"]:checked:after, .footer .bx-authform [type="checkbox"]:checked:after, .fancybox-container [type="checkbox"]:checked + label:after, .fancybox-container [type="checkbox"]:checked + .label:after, .fancybox-container a.checkbox.in > label:after, .fancybox-container a.checkbox.in > .label:after, .fancybox-container #bx-soa-orderSave [type="checkbox"]:checked + a:after, .fancybox-container .form-group .soa-property-container [type="checkbox"]:checked:after, .fancybox-container .bx-authform [type="checkbox"]:checked:after, .popup-window [type="checkbox"]:checked + label:after, .popup-window [type="checkbox"]:checked + .label:after, .popup-window a.checkbox.in > label:after, .popup-window a.checkbox.in > .label:after, .popup-window #bx-soa-orderSave [type="checkbox"]:checked + a:after, .popup-window .form-group .soa-property-container [type="checkbox"]:checked:after, .popup-window .bx-authform [type="checkbox"]:checked:after, .rsgppopup [type="checkbox"]:checked + label:after, .rsgppopup [type="checkbox"]:checked + .label:after, .rsgppopup a.checkbox.in > label:after, .rsgppopup a.checkbox.in > .label:after, .rsgppopup #bx-soa-orderSave [type="checkbox"]:checked + a:after, .rsgppopup .form-group .soa-property-container [type="checkbox"]:checked:after, .rsgppopup .bx-authform [type="checkbox"]:checked:after, .rs_easycart [type="checkbox"]:checked + label:after, .rs_easycart [type="checkbox"]:checked + .label:after, .rs_easycart a.checkbox.in > label:after, .rs_easycart a.checkbox.in > .label:after, .rs_easycart #bx-soa-orderSave [type="checkbox"]:checked + a:after, .rs_easycart .form-group .soa-property-container [type="checkbox"]:checked:after, .rs_easycart .bx-authform [type="checkbox"]:checked:after, .gopro-subscribe-window [type="checkbox"]:checked + label:after, .gopro-subscribe-window [type="checkbox"]:checked + .label:after, .gopro-subscribe-window a.checkbox.in > label:after, .gopro-subscribe-window a.checkbox.in > .label:after, .gopro-subscribe-window #bx-soa-orderSave [type="checkbox"]:checked + a:after, .gopro-subscribe-window .form-group .soa-property-container [type="checkbox"]:checked:after, .gopro-subscribe-window .bx-authform [type="checkbox"]:checked:after, .jquery-modal [type="checkbox"]:checked + label:after, .jquery-modal [type="checkbox"]:checked + .label:after, .jquery-modal a.checkbox.in > label:after, .jquery-modal a.checkbox.in > .label:after { border-color: #c4010c; background-color: #c4010c; } .body [type="checkbox"]:not(:checked) + label:hover:after, .body [type="checkbox"]:not(:checked) + .label:hover:after, .body a.checkbox > label:hover:after, .body a.checkbox > .label:hover:after, .body #bx-soa-orderSave [type="checkbox"]:not(:checked) + a:hover:after, .body .form-group .soa-property-container [type="checkbox"]:not(:checked):hover:after, .body .bx-authform [type="checkbox"]:not(:checked):hover:after, .footer [type="checkbox"]:not(:checked) + label:hover:after, .footer [type="checkbox"]:not(:checked) + .label:hover:after, .footer a.checkbox > label:hover:after, .footer a.checkbox > .label:hover:after, .footer #bx-soa-orderSave [type="checkbox"]:not(:checked) + a:hover:after, .footer .form-group .soa-property-container [type="checkbox"]:not(:checked):hover:after, .footer .bx-authform [type="checkbox"]:not(:checked):hover:after, .fancybox-container [type="checkbox"]:not(:checked) + label:hover:after, .fancybox-container [type="checkbox"]:not(:checked) + .label:hover:after, .fancybox-container a.checkbox > label:hover:after, .fancybox-container a.checkbox > .label:hover:after, .fancybox-container #bx-soa-orderSave [type="checkbox"]:not(:checked) + a:hover:after, .fancybox-container .form-group .soa-property-container [type="checkbox"]:not(:checked):hover:after, .fancybox-container .bx-authform [type="checkbox"]:not(:checked):hover:after, .popup-window [type="checkbox"]:not(:checked) + label:hover:after, .popup-window [type="checkbox"]:not(:checked) + .label:hover:after, .popup-window a.checkbox > label:hover:after, .popup-window a.checkbox > .label:hover:after, .popup-window #bx-soa-orderSave [type="checkbox"]:not(:checked) + a:hover:after, .popup-window .form-group .soa-property-container [type="checkbox"]:not(:checked):hover:after, .popup-window .bx-authform [type="checkbox"]:not(:checked):hover:after, .rsgppopup [type="checkbox"]:not(:checked) + label:hover:after, .rsgppopup [type="checkbox"]:not(:checked) + .label:hover:after, .rsgppopup a.checkbox > label:hover:after, .rsgppopup a.checkbox > .label:hover:after, .rsgppopup #bx-soa-orderSave [type="checkbox"]:not(:checked) + a:hover:after, .rsgppopup .form-group .soa-property-container [type="checkbox"]:not(:checked):hover:after, .rsgppopup .bx-authform [type="checkbox"]:not(:checked):hover:after, .rs_easycart [type="checkbox"]:not(:checked) + label:hover:after, .rs_easycart [type="checkbox"]:not(:checked) + .label:hover:after, .rs_easycart a.checkbox > label:hover:after, .rs_easycart a.checkbox > .label:hover:after, .rs_easycart #bx-soa-orderSave [type="checkbox"]:not(:checked) + a:hover:after, .rs_easycart .form-group .soa-property-container [type="checkbox"]:not(:checked):hover:after, .rs_easycart .bx-authform [type="checkbox"]:not(:checked):hover:after, .gopro-subscribe-window [type="checkbox"]:not(:checked) + label:hover:after, .gopro-subscribe-window [type="checkbox"]:not(:checked) + .label:hover:after, .gopro-subscribe-window a.checkbox > label:hover:after, .gopro-subscribe-window a.checkbox > .label:hover:after, .gopro-subscribe-window #bx-soa-orderSave [type="checkbox"]:not(:checked) + a:hover:after, .gopro-subscribe-window .form-group .soa-property-container [type="checkbox"]:not(:checked):hover:after, .gopro-subscribe-window .bx-authform [type="checkbox"]:not(:checked):hover:after, .jquery-modal [type="checkbox"]:not(:checked) + label:hover:after, .jquery-modal [type="checkbox"]:not(:checked) + .label:hover:after, .jquery-modal a.checkbox > label:hover:after, .jquery-modal a.checkbox > .label:hover:after { border-color: #c4010c; } .body [type="radio"]:checked + label:before, .body [type="radio"]:checked + .label:before, .body [type="radio"]:checked + label:after, .body [type="radio"]:checked + .label:after, .body [type="radio"]:not(:checked) + label:hover:before, .body [type="radio"]:not(:checked) + .label:hover:before, .body [type="radio"]:not(:checked) + label:hover:after, .body [type="radio"]:not(:checked) + .label:hover:after, .body .bx_soa_location .radio-inline label [type="radio"]:checked:before, .body .bx_soa_location .radio-inline label [type="radio"]:checked:after, .body .bx_soa_location .radio-inline label [type="radio"]:not(:checked):hover:before, .body .bx_soa_location .radio-inline label [type="radio"]:not(:checked):hover:after, .body .form-group .soa-property-container label [type="radio"]:checked:before, .body .form-group .soa-property-container label [type="radio"]:checked:after, .body .form-group .soa-property-container label [type="radio"]:not(:checked):hover:before, .body .form-group .soa-property-container label [type="radio"]:not(:checked):hover:after, .footer [type="radio"]:checked + label:before, .footer [type="radio"]:checked + .label:before, .footer [type="radio"]:checked + label:after, .footer [type="radio"]:checked + .label:after, .footer [type="radio"]:not(:checked) + label:hover:before, .footer [type="radio"]:not(:checked) + .label:hover:before, .footer [type="radio"]:not(:checked) + label:hover:after, .footer [type="radio"]:not(:checked) + .label:hover:after, .footer .bx_soa_location .radio-inline label [type="radio"]:checked:before, .footer .bx_soa_location .radio-inline label [type="radio"]:checked:after, .footer .bx_soa_location .radio-inline label [type="radio"]:not(:checked):hover:before, .footer .bx_soa_location .radio-inline label [type="radio"]:not(:checked):hover:after, .footer .form-group .soa-property-container label [type="radio"]:checked:before, .footer .form-group .soa-property-container label [type="radio"]:checked:after, .footer .form-group .soa-property-container label [type="radio"]:not(:checked):hover:before, .footer .form-group .soa-property-container label [type="radio"]:not(:checked):hover:after, .fancybox-container [type="radio"]:checked + label:before, .fancybox-container [type="radio"]:checked + .label:before, .fancybox-container [type="radio"]:checked + label:after, .fancybox-container [type="radio"]:checked + .label:after, .fancybox-container [type="radio"]:not(:checked) + label:hover:before, .fancybox-container [type="radio"]:not(:checked) + .label:hover:before, .fancybox-container [type="radio"]:not(:checked) + label:hover:after, .fancybox-container [type="radio"]:not(:checked) + .label:hover:after, .fancybox-container .bx_soa_location .radio-inline label [type="radio"]:checked:before, .fancybox-container .bx_soa_location .radio-inline label [type="radio"]:checked:after, .fancybox-container .bx_soa_location .radio-inline label [type="radio"]:not(:checked):hover:before, .fancybox-container .bx_soa_location .radio-inline label [type="radio"]:not(:checked):hover:after, .fancybox-container .form-group .soa-property-container label [type="radio"]:checked:before, .fancybox-container .form-group .soa-property-container label [type="radio"]:checked:after, .fancybox-container .form-group .soa-property-container label [type="radio"]:not(:checked):hover:before, .fancybox-container .form-group .soa-property-container label [type="radio"]:not(:checked):hover:after, .popup-window [type="radio"]:checked + label:before, .popup-window [type="radio"]:checked + .label:before, .popup-window [type="radio"]:checked + label:after, .popup-window [type="radio"]:checked + .label:after, .popup-window [type="radio"]:not(:checked) + label:hover:before, .popup-window [type="radio"]:not(:checked) + .label:hover:before, .popup-window [type="radio"]:not(:checked) + label:hover:after, .popup-window [type="radio"]:not(:checked) + .label:hover:after, .popup-window .bx_soa_location .radio-inline label [type="radio"]:checked:before, .popup-window .bx_soa_location .radio-inline label [type="radio"]:checked:after, .popup-window .bx_soa_location .radio-inline label [type="radio"]:not(:checked):hover:before, .popup-window .bx_soa_location .radio-inline label [type="radio"]:not(:checked):hover:after, .popup-window .form-group .soa-property-container label [type="radio"]:checked:before, .popup-window .form-group .soa-property-container label [type="radio"]:checked:after, .popup-window .form-group .soa-property-container label [type="radio"]:not(:checked):hover:before, .popup-window .form-group .soa-property-container label [type="radio"]:not(:checked):hover:after, .rsgppopup [type="radio"]:checked + label:before, .rsgppopup [type="radio"]:checked + .label:before, .rsgppopup [type="radio"]:checked + label:after, .rsgppopup [type="radio"]:checked + .label:after, .rsgppopup [type="radio"]:not(:checked) + label:hover:before, .rsgppopup [type="radio"]:not(:checked) + .label:hover:before, .rsgppopup [type="radio"]:not(:checked) + label:hover:after, .rsgppopup [type="radio"]:not(:checked) + .label:hover:after, .rsgppopup .bx_soa_location .radio-inline label [type="radio"]:checked:before, .rsgppopup .bx_soa_location .radio-inline label [type="radio"]:checked:after, .rsgppopup .bx_soa_location .radio-inline label [type="radio"]:not(:checked):hover:before, .rsgppopup .bx_soa_location .radio-inline label [type="radio"]:not(:checked):hover:after, .rsgppopup .form-group .soa-property-container label [type="radio"]:checked:before, .rsgppopup .form-group .soa-property-container label [type="radio"]:checked:after, .rsgppopup .form-group .soa-property-container label [type="radio"]:not(:checked):hover:before, .rsgppopup .form-group .soa-property-container label [type="radio"]:not(:checked):hover:after, .rs_easycart [type="radio"]:checked + label:before, .rs_easycart [type="radio"]:checked + .label:before, .rs_easycart [type="radio"]:checked + label:after, .rs_easycart [type="radio"]:checked + .label:after, .rs_easycart [type="radio"]:not(:checked) + label:hover:before, .rs_easycart [type="radio"]:not(:checked) + .label:hover:before, .rs_easycart [type="radio"]:not(:checked) + label:hover:after, .rs_easycart [type="radio"]:not(:checked) + .label:hover:after, .rs_easycart .bx_soa_location .radio-inline label [type="radio"]:checked:before, .rs_easycart .bx_soa_location .radio-inline label [type="radio"]:checked:after, .rs_easycart .bx_soa_location .radio-inline label [type="radio"]:not(:checked):hover:before, .rs_easycart .bx_soa_location .radio-inline label [type="radio"]:not(:checked):hover:after, .rs_easycart .form-group .soa-property-container label [type="radio"]:checked:before, .rs_easycart .form-group .soa-property-container label [type="radio"]:checked:after, .rs_easycart .form-group .soa-property-container label [type="radio"]:not(:checked):hover:before, .rs_easycart .form-group .soa-property-container label [type="radio"]:not(:checked):hover:after, .gopro-subscribe-window [type="radio"]:checked + label:before, .gopro-subscribe-window [type="radio"]:checked + .label:before, .gopro-subscribe-window [type="radio"]:checked + label:after, .gopro-subscribe-window [type="radio"]:checked + .label:after, .gopro-subscribe-window [type="radio"]:not(:checked) + label:hover:before, .gopro-subscribe-window [type="radio"]:not(:checked) + .label:hover:before, .gopro-subscribe-window [type="radio"]:not(:checked) + label:hover:after, .gopro-subscribe-window [type="radio"]:not(:checked) + .label:hover:after, .gopro-subscribe-window .bx_soa_location .radio-inline label [type="radio"]:checked:before, .gopro-subscribe-window .bx_soa_location .radio-inline label [type="radio"]:checked:after, .gopro-subscribe-window .bx_soa_location .radio-inline label [type="radio"]:not(:checked):hover:before, .gopro-subscribe-window .bx_soa_location .radio-inline label [type="radio"]:not(:checked):hover:after, .gopro-subscribe-window .form-group .soa-property-container label [type="radio"]:checked:before, .gopro-subscribe-window .form-group .soa-property-container label [type="radio"]:checked:after, .gopro-subscribe-window .form-group .soa-property-container label [type="radio"]:not(:checked):hover:before, .gopro-subscribe-window .form-group .soa-property-container label [type="radio"]:not(:checked):hover:after, .jquery-modal [type="radio"]:checked + label:before, .jquery-modal [type="radio"]:checked + .label:before, .jquery-modal [type="radio"]:checked + label:after, .jquery-modal [type="radio"]:checked + .label:after, .jquery-modal [type="radio"]:not(:checked) + label:hover:before, .jquery-modal [type="radio"]:not(:checked) + .label:hover:before, .jquery-modal [type="radio"]:not(:checked) + label:hover:after, .jquery-modal [type="radio"]:not(:checked) + .label:hover:after { border-color: #c4010c; } .body [type="radio"]:checked + label:after, .body [type="radio"]:checked + .label:after, .body .bx_soa_location .radio-inline label [type="radio"]:checked:after, .body .form-group .soa-property-container label [type="radio"]:checked:after, .footer [type="radio"]:checked + label:after, .footer [type="radio"]:checked + .label:after, .footer .bx_soa_location .radio-inline label [type="radio"]:checked:after, .footer .form-group .soa-property-container label [type="radio"]:checked:after, .fancybox-container [type="radio"]:checked + label:after, .fancybox-container [type="radio"]:checked + .label:after, .fancybox-container .bx_soa_location .radio-inline label [type="radio"]:checked:after, .fancybox-container .form-group .soa-property-container label [type="radio"]:checked:after, .popup-window [type="radio"]:checked + label:after, .popup-window [type="radio"]:checked + .label:after, .popup-window .bx_soa_location .radio-inline label [type="radio"]:checked:after, .popup-window .form-group .soa-property-container label [type="radio"]:checked:after, .rsgppopup [type="radio"]:checked + label:after, .rsgppopup [type="radio"]:checked + .label:after, .rsgppopup .bx_soa_location .radio-inline label [type="radio"]:checked:after, .rsgppopup .form-group .soa-property-container label [type="radio"]:checked:after, .rs_easycart [type="radio"]:checked + label:after, .rs_easycart [type="radio"]:checked + .label:after, .rs_easycart .bx_soa_location .radio-inline label [type="radio"]:checked:after, .rs_easycart .form-group .soa-property-container label [type="radio"]:checked:after, .gopro-subscribe-window [type="radio"]:checked + label:after, .gopro-subscribe-window [type="radio"]:checked + .label:after, .gopro-subscribe-window .bx_soa_location .radio-inline label [type="radio"]:checked:after, .gopro-subscribe-window .form-group .soa-property-container label [type="radio"]:checked:after, .jquery-modal [type="radio"]:checked + label:after, .jquery-modal [type="radio"]:checked + .label:after { background-color: #c4010c; } .body .tline { background-color: #c4010c; } .body .tpanel__menu2 a .svg-icon { fill: #c4010c; } .body .header-basket .svg-icon { fill: #c4010c; } .body .header__circle.js-more-than-zero { background-color: #6b80a0; } .body .b-mmenu.navbar-default { background-color: #c4010c; } .body .b-mmenu.navbar-default .b-mmenu__toggle, .body .b-mmenu.navbar-default .navbar-nav > li.other > a { color: #fff; background-color: #c4010c; } .body .b-mmenu.navbar-default .search-bar .search-btn.svg-icon:hover, .body .b-mmenu.navbar-default .b-mmenu__toggle:hover, .body .b-mmenu.navbar-default .navbar-nav > li.lvl1:hover > a, .body .b-mmenu.navbar-default .navbar-nav > li.lvl1 > a:hover, .body .b-mmenu.navbar-default .navbar-nav > li.other:hover > a, .body .b-mmenu.navbar-default .navbar-nav > li.other > a:hover, .body .b-mmenu.navbar-default .navbar-nav > .active > a, .body .b-mmenu.navbar-default .navbar-nav > .active > a:hover, .body .b-mmenu.navbar-default .navbar-nav > .active > a:focus { color: #fff; background-color: #910109; } .body .b-mmenu.navbar-default .dropdown-menu { border-color: #910109; } .body .b-mmenu.navbar-default .searchinhead { border-color: #c4010c; } .body .b-mmenu.navbar-default .searchinhead .search-btn:hover .svg-icon { fill: #910109; } .body .b-mmenu .dropdown-menu { border-bottom-color: #c4010c; } .body .gopro-banners__text1.product:after { background-color: #c4010c; } .body .gopro-banners__text2 { color: #c4010c; } .body .owl-dots .owl-dot:hover, .body .owl-dots .owl-dot.active:hover { background-color: #910109; } .body .owl-dots .owl-dot.active { background-color: #c4010c; } .header-fly { border-top-color: #c4010c; } .header-fly__panel { border-bottom-color: #c4010c; } @media (max-width: 991px) { .authinhead2 .authorized .authinhead2__icon { border-color: #c4010c; } } @media (max-width: 768px) { .body .b-mmenu.navbar-default .dropdown-menu > li > a { color: #fff; background-color: #c4010c; } .body .menu .b-mmenu .dropdown-menu > li > a, .body .menu .b-mmenu .navbar-nav > li > a { color: #fff; background-color: #c4010c; } } /* detail ext_pictures */ .body div.sale-order-detail-payment-options-methods-template, .body .sale-paysystem-wrapper, .body .fichi__inner, .body .c-attributes.view-buttons .c-attributes__option:not(.disabled):hover, .body .c-attributes.view-buttons .c-attributes__option:not(.disabled).selected, .body .filtren .lvl2 .smartf-div:not(.disabled) label.pic:hover, .body .filtren .cwpal .lvl2 .smartf-div:not(.disabled):hover label.pic, .body .filtren .cwp .lvl2 .smartf-div:not(.disabled):hover label.pic, .body .filtren .dd.open > .lvl2 .smartf-div:not(.disabled), .body .filtren .dd.wpal.open > .lvl2 .smartf-div:not(.disabled), .body .filtren .lvl2 .active label.pic, .body .bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_scu ul > .sku_prop:hover > a, .body .bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_scu ul > .sku_prop.bx_active > a, .body .c-attributes.view-list .c-attributes__prop.open .c-attributes__current-value__pseudo-option { border-color: #c4010c; } .body .filtren .dd .dropdown > .dropdown, .body .c-attributes.view-list .c-attributes__options { border-bottom-color: #c4010c; } /* titles */ .primary-color, .brandslist span, .sorter_and_name .name, .brandslist.mainstyles .title a, .brandslistimg.mainstyles .title a, .mods h3.title2, .bigdata h3.title2, .detailcollection h3.title2, .detailtabs .contents .content .switcher, .sections a.parent, .mainsections .title, .presscentermainn .title, .sorter_and_name .name, .brandslistimgowl1.mainstyles .title a, .mainsections a.parent, .mainsections__show-more, .presscentermainn .item .blockname a, .presscentermainn .item a.blockname, .catalogmenu2 a.sub, .price.new, .table .full.name, .acc_title, .sale-personal-account-wallet-currency-item, .nice-title, .body #bx-soa-order .bx-soa-cart-total-line.bx-soa-cart-total-line-highlighted .bx-soa-cart-d { color: #c4010c; } /* jScroll */ .body .jspDrag, .body .sale-paysystem-yandex-button-item, .fancybox-container .jspDrag, .fancybox-container .sale-paysystem-yandex-button-item, .rsgppopup .jspDrag, .rsgppopup .sale-paysystem-yandex-button-item { background-color: #c4010c; } .body .jspDrag.jspHover, .body .jspDrag.jspActive, .fancybox-container .jspDrag.jspHover, .fancybox-container .jspDrag.jspActive, .rsgppopup .jspDrag.jspHover, .rsgppopup .jspDrag.jspActive { background-color: #910109; } body.rsgopro .js-pseudo-focus-blur.js-pseudo-focus .js-pseudo-border, body.rsgopro .js-pseudo-focus-blur.js-pseudo-focus .js-pseudo-border-top, body.rsgopro .js-pseudo-focus-blur.js-pseudo-focus .js-pseudo-border-right, body.rsgopro .js-pseudo-focus-blur.js-pseudo-focus .js-pseudo-border-bottom, body.rsgopro .js-pseudo-focus-blur.js-pseudo-focus .js-pseudo-border-left, body.rsgopro .js-pseudo-focus-blur.js-pseudo-border .js-pseudo-border, body.rsgopro .js-pseudo-focus-blur.js-pseudo-border .js-pseudo-border-top, body.rsgopro .js-pseudo-focus-blur.js-pseudo-border .js-pseudo-border-right, body.rsgopro .js-pseudo-focus-blur.js-pseudo-border .js-pseudo-border-bottom, body.rsgopro .js-pseudo-focus-blur.js-pseudo-border .js-pseudo-border-left { border-color: #c4010c; } /* svg-icons */ .rsfavorite .svg-icon, .artables.view_gallery table.products .add2basketform .submit .svg-icon, .artables.view_gallery table.products .add2basketform .inbasket .svg-icon, .artables.view_gallery .add2basketform .tick, .artables.view_table table.products .add2basketform .submit .svg-icon, .artables.view_table table.products .add2basketform .inbasket .svg-icon, .artables.view_table .add2basketform .tick, .footer .line1 .contacts .recall .svg-icon, .footer .line1 .contacts .feedback .svg-icon, .picslider.horizontal a:hover .svg-icon, .elementdetail .prices a:hover .svg-icon, .picslider.vertical a:hover .svg-icon, .elementdetail .zoom .svg-icon, .body .set .js-element .plusik .svg-icon, .body .basket a.delete .svg-icon, .body .basket a.delay .svg-icon, .body .basket a.add .svg-icon { fill: #c4010c; } .artables table.products .add2basketform .add2subscribe .svg-icon { fill: #6b80a0; } /* smart.filter */ .filtren .dd .lvl2:not(.selected) div.active label { color: #fff; background-color: #c4010c; } .c-prices__more-link { color: #c4010c; } .b-stores .svg-icon.empty { fill: #c4010c; } .num-404-error { color: #c4010c; } /*********************************************/ /* additional styles BACKGROUND COLOR*/ .pmenu a:hover, .light .js-element .buy .go2detail, .catalogsorter .dropdownin a:hover, .catalogsorter .dropdownin a.selected:hover, .comparelist a:hover { color: #fff !important; background-color: #910109 !important; } .catalogsorter .dropdownin a.selected, .propvision1 .offer_prop .div_options .div_option.selected, .propvision1 .offer_prop .div_options .div_option.selected span { color: #fff !important; background-color: #c4010c !important; } .propvision1 .offer_prop .div_options .div_option:hover:not(.disabled), .propvision1 .offer_prop .div_options .div_option:hover:not(.disabled) span { background-color: #910109 !important; } .filtren .modef .data a { color: #fff !important; } /*additional styles ACTIVE BACKGROUND COLOR*/ .body .pmenu a:hover { background-color: #910109; } .body .pmenu a.selected, .body .pmenu a.selected:active, .body .pmenu a:active { background-color: #c4010c; } /* slider of filter BACKGROUND LINEAR GRADIENT */ .ui-slider .ui-slider-range, .smartfilter .bx_ui_slider_handle, .smartfilter .bx_ui_slider_pricebar_V { background-color: #c4010c !important; } .erorpage .errorbutton a { color: #fff !important; background: #c4010c; } @media screen and (max-width: 480px) { body.adaptive .detailtabs .content.selected .switcher { color: #fff !important; background-color: #c4010c !important; } } /* personal.order.list */ .orderlist .item:hover { border-color: #c4010c; } .orderlist .switch a.selected { color: #fff; background-color: #c4010c; } .orderlist .switch a:hover { color: #fff; background-color: #910109; } .product-delivery { border-color: #c4010c; } .body #bx-soa-order .bx-soa-section.bx-selected, .body #bx-soa-order .bx-soa-pp-company.bx-selected .bx-soa-pp-company-graf-container, .body #bx-soa-order .bx-sls .form-control.dropdown-block.focus, .body #bx-soa-order .form-group .form-control:focus:focus, .body #bx-soa-order .bx-soa-coupon-input input[type=text].form-control:focus { border-color: #c4010c; } .body .searchinhead__zoom:hover .svg-icon { fill: #910109; } .body .searchinhead__zoom .svg-icon { fill: #c4010c; } .body .searchinhead__enter { border-color: #6b80a0; background-color: #6b80a0; } .body .searchinhead__enter:hover { border-color: #546784; background-color: #546784; } .menu_horizontal1 .menu .searchinhead__btn { border-color: #c4010c; background-color: #c4010c; } .menu_horizontal1 .menu .searchinhead__btn:hover { border-color: #910109; background-color: #910109; } /******************************************************/ /******************************************************/ /******************************************************/ .title-search-result { border-color: #c4010c; } .title-search-result .stitle .title { color: #c4010c; } .stitle .title { color: #c4010c; } .stitle .iblock .catitem:hover .name, .stitle .iblock .catitem:hover .prs { background-color: #899CC7; } /************************************** label_macros_file_finish **************************************/ /*# sourceMappingURL=macros.css.map */ /* End */ /* /local/templates/prostroy_default/assets/lib/swiper/swiper.min.css?159231712913677 */ /* /local/templates/prostroy_default/assets/css/style.css?1744972381441076 */ /* /local/templates/prostroy_default/assets/css/slider.css?166662136017079 */ /* /local/templates/prostroy_default/assets/lib/fancybox3/jquery.fancybox.min.css?159233705112795 */ /* /local/templates/prostroy_default/assets/lib/owl2/owl.carousel.min.css?15673801133356 */ /* /local/templates/prostroy_default/assets/lib/scrollbar/jquery.scrollbar.css?153660709223056 */ /* /local/templates/prostroy_default/assets/js/glass/style.css?1536607092298 */ /* /local/templates/prostroy_default/assets/lib/jquerymodal/jquery.modal.min.css?16149538453201 */ /* /local/templates/prostroy_default/assets/css/custom.css?175213534572383 */ /* /local/templates/prostroy_default/custom/style.css?16419843794448 */ /* /local/templates/prostroy_default/../.default/assets/css/main.css?1639342917150088 */ /* /local/templates/.default/components/bitrix/menu/horizontal_multilevel_red/style.css?17434476427830 */ /* /local/templates/prostroy_default/extended/footer/type1/dist/style.css?16850287376479 */ /* /local/templates/prostroy_default/components/bitrix/menu/infooter/style.css?1743447642363 */ /* /local/templates/prostroy_default/components/redsign/easycart/gopro/style.css?17434476421008 */ /* /include/tuning/color.css?174344764240671 */