/* Start:/bitrix/templates/dresscode/css/swiper-bundle.min.css?172626388613681*/ /** * Swiper 6.2.0 * 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: September 4, 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:/bitrix/templates/dresscode/headers/header6/css/style.css?172626388610006*/ .ttt { position: absolute; visibility: hidden; display: block; padding: 4px 0; font: 17px robotoregular; height: 25px; right: 0; } .hot-news.flexContainer { display: none; } .hot-news, .ttt span { padding: 4px 0; background-color: #ffd700; color: #000; font: 17px robotoregular; height: 25px; overflow: hidden; position: relative; } .ttt span { display: inline; white-space: nowrap; } #textMessage { left: 100%; position: absolute; white-space: nowrap; } #textMessage a { color: inherit; transition: color .3s ease-in-out; } #textMessage a:hover { color: #0057b8; } .closeHotButton { position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 33px; width: 33px; background-color: #ffd700; } .topHeaderBlock { background-color: #42113D; padding: 12px 20px; color: #fff; } .topHeaderBlock .limiter { display: flex; align-items: center; justify-content: space-between; padding: 0; } .topHeaderBlock .map_icon, .topHeaderBlock .verticalBlock { display: none; } #geoPosition ul { list-style: none; padding: 0; margin: 0; } #geoPosition .user-geo-position-value-link { color: #fff; text-decoration: none; font-size: 17px; transition: all .2s ease-in-out; } #geoPosition .user-geo-position-value-link:hover { color: #df5041; } .user-geo-position-value-link:after { content: ''; padding-left: 24px; transform: rotate(180deg); background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACDSURBVHgBhc49EkAwEAXg3Rh6N8gRVEbJODil0g3kBioN42cfBZEd3qTIvOyXWZ7qfCDJvM5V2vaOPjKWmU2ipMHd7DuRnLPAwx/CLIxZNlOJdF/4iTALw9dDYWOzNcRkpXDPtTWUtp3j+9cQo9cQevZX8jE6DQXwjemSAVKhhyUaQg4o/mY6GZjOuQAAAABJRU5ErkJggg==') no-repeat right center; background-size: 12px 8px; } .topHeaderBlock .hr { font-size: 17px; display: block; max-width: 229px; width: 100%; margin: 0; } .topHeaderBlock .hr a { color: #F44336; text-decoration: none; } .topHeaderBlock .hr .cityName, .topHeaderBlock .hr br{ display: none; } .topHeaderBlock .telephone, .topHeaderBlock .email, .topHeaderBlock .name { font-weight: bold; font-family: robotoregular; } .topHeaderBlock .callBack { color: #fff; text-decoration: none; padding: 4px 8px; margin-left: 4px; /* border: 2px solid #F44336; */ box-sizing: border-box; border-radius: 4px; font-weight: bold; font-family: robotoregular; font-size: 17px; transition: all .2s ease-in-out; } .topHeaderBlock .callBack:hover { background-color: #F44336; } .topHeaderBlock .toolsContainer { display: flex; align-items: center; justify-content: space-around; max-width: 155px; width: 100%; } .topHeaderBlock .toolsContainer .cart .countLink { width: 100%; height: 100%; } .topHeaderBlock .toolsContainer .link, .topHeaderBlock .toolsContainer .heading { display: none; } .topHeaderBlock .toolsContainer a { float: none; display: block; } .topHeaderBlock .toolsContainer a:hover { opacity: 0.7; } .topHeaderBlock .svg_icon_set { width: 22px; height: 22px; fill: none; stroke: none; } .topHeaderBlock .toolsContainer .svg_icon_set { stroke: #fff; } .topHeaderBlock .toolsContainer .value, .topHeaderBlock .toolsContainer .count { color: #fff; border: 0; background: #F44336; border-radius: 20px; padding: 1px 7px; width: auto; height: auto; font-size: 15px; top: -50%; left: 50%; right: auto; } .contacts b, .contacts a { display: block; } .contacts a { text-decoration: none; color: #ae4178; } .topHeaderBlock .telephone { font-size: 16px; } .topHeaderBlock .email { font-size: 14px; } .bottomHeaderBlock { background-color: #892F5C; height: 46px; padding: 3px 20px; } .bottomHeaderBlock #subMenu { vertical-align: middle; display: inline-block; white-space: nowrap; text-align: center; visibility: hidden; list-style: none; margin: 0; font-size: 0; padding: 0; position: relative; z-index: 97; } .bottomHeaderBlock #subMenu .removedItemsContainer { position: relative; } .bottomHeaderBlock #subMenu .removedItemsLink { vertical-align: middle; display: inline-block; padding: 0 0 0 34px; } .bottomHeaderBlock #subMenu .removedItemsContainer .removedItemsList { top: 34px; position: absolute; display: none; width: 180px; padding: 0; z-index: 99; margin: 0; right: -20px; background-color: #892F5C; } .bottomHeaderBlock #subMenu .removedItemsList li { white-space: normal; text-align: left; display: block; float: none; } .bottomHeaderBlock #subMenu .removedItemsList li a { line-height: 21px; padding: 8px 12px; display: block; } .bottomHeaderBlock .limiter{ display: flex; align-items: center; height: 46px; padding: 0; } .bottomHeaderBlock #topSearch2 #searchQuery, .bottomHeaderBlock #topSearch2 .searchColumn, .bottomHeaderBlock #topSearch2 .searchContainer, .bottomHeaderBlock #topSearch2 .searchContainerInner { height: 36px; } .bottomHeaderBlock #topAuth .top-auth-personal { font-size: 0; } .bottomHeaderBlock #topSearch2 .search_icon { fill: #000; } .bottomHeaderBlock .searchByCatalog, .bottomHeaderBlock .top-auth-exit { display: none; } .topHeaderBlock .searchByCatalog { flex-grow: .7; max-width: 542px; } .bottomHeaderBlock #topSearch2 #searchQuery { max-width: 100%; vertical-align: top; } .topHeaderBlock #topSearch2 .searchContainer, .topHeaderBlock #topSearch2 .searchColumn, .bottomHeaderBlock #topSearch2 .searchContainer, .bottomHeaderBlock #topSearch2 .searchColumn { display: block } .bottomHeaderBlock .top-auth-login { list-style: none; } .bottomHeaderBlock #subMenu li a, .bottomHeaderBlock #catalogMenuHeading, .bottomHeaderBlock .top-auth-login a { color: #fff; font-size: 16px; line-height: 130%; font-weight: bold; font-family: robotoregular; text-decoration: none; } .bottomHeaderBlock #catalogMenuHeading { font-size: 18px; z-index: 98; } .bottomHeaderBlock .top-auth-register, .bottomHeaderBlock .top-auth-login .svg_icon_set, .topHeaderBlock .top-auth-register { display: none; } .bottomHeaderBlock #catalogMenuHeading { background: transparent; padding-right: 30px; } .bottomHeaderBlock #catalogMenuHeading:hover { cursor: pointer; } .bottomHeaderBlock #catalogMenuHeading ins { padding-left: 10px; } .bottomHeaderBlock .verticalBlock { font-size: 17px; padding-left: 34px; } .bottomHeaderBlock .verticalBlock ul { padding: 0; } .bottomHeaderBlock #catalogMenuHeading .svg_icon_set, .bottomHeaderBlock .removedItemsLink .svg_icon_set{ width: 18px; height: 12px; fill: #fff; vertical-align: inherit; } .bottomHeaderBlock #catalogMenuHeading .svg_icon_set { width: 20px; height: 14px; } .bottomHeaderBlock .removedItemsLink .svg_icon_set { display: none; padding: 10px; border: 2px solid #fff; border-radius: 4px; } .bottomHeaderBlock .verticalBlock .svg_icon_set { width: 32px; height: 32px; fill: #fff; stroke: none; } @media all and (min-width:1441px) { .bottomHeaderBlock #catalogMenuHeading { max-width: 350px; width: 100%; text-align: right; position: relative; } #catalogMenuHeading::after { content: "|"; position: absolute; content: ""; width: 1px; right: 0; height: 40px; background-color: #4D2149; top: calc(50% - 20px); } .bottomHeaderBlock .verticalBlock { margin-left: auto; } } @media all and (max-width:1440px) { .bottomHeaderBlock .searchByCatalog { display: block; flex-grow: 1; } .topHeaderBlock .searchByCatalog { display: none; } } @media all and (max-width:1200px) { .topHeaderBlock .hr { font-size: 14px; } .topHeaderBlock .telephone { font-size: 14px; } .topHeaderBlock .email, .topHeaderBlock .name { font-size: 13px; } .topHeaderBlock .callBack { font-size: 14px; padding: 8px 15px; } } @media all and (max-width:1000px) { .topHeaderBlock .hr { display: none; } .logoLink { width: 32px; overflow: hidden } .topHeaderBlock .telephone { font-size: 17px; } .topHeaderBlock .callBack { font-size: 15px; padding: 8px 20px; } } @media all and (max-width:768px) { .topHeaderBlock .callBack, .topHeaderBlock .support_box { display: none; } } @media all and (max-width:600px) { .topHeaderBlock .email { display: none; } .bottomHeaderBlock #catalogMenuHeading { font-size: 0; padding-right: 20px; } .bottomHeaderBlock #catalogMenuHeading ins { padding-left: 0; } .bottomHeaderBlock #subMenu .removedItemsLink, .bottomHeaderBlock .verticalBlock { padding-left: 20px; } .bottomHeaderBlock #subMenu .removedItemsContainer, .bottomHeaderBlock #subMenu .removedItemsLink { font-size: 0; } .bottomHeaderBlock .removedItemsLink .svg_icon_set { display: block; } .bottomHeaderBlock #subMenu .removedItemsContainer .removedItemsList { top: 44px; } } @media all and (max-width:550px) { #geoPosition .user-geo-position-value-link, .topHeaderBlock .telephone { font-size: 14px; } } @media all and (max-width:500px) { .topHeaderBlock { padding: 8px 10px; } .topHeaderBlock .toolsContainer, .topHeaderBlock .verticalBlock .top-auth-exit, .bottomHeaderBlock .verticalBlock { display: none; } .topHeaderBlock .verticalBlock { display: block; font-size: 0; } .topHeaderBlock .verticalBlock .top-auth-login, .topHeaderBlock .verticalBlock .top-auth-personal { position: static; } .topHeaderBlock .verticalBlock .svg_icon_set, .topHeaderBlock .map_icon .svg_icon_set{ width: 24px; height: 24px; fill: #fff; stroke: none; } .topHeaderBlock .verticalBlock ul { padding: 0; margin: 0; list-style: none; } .topHeaderBlock .map_icon { display: block; } .topHeaderBlock .user-geo-position-value-link:after { background: none; padding: 0; } #geoPosition .user-geo-position-value-link { color: #F44336; border-bottom: 1px dashed #F44336; } .topHeaderBlock .user-geo-position { text-align: left; padding: 0; } } @media all and (max-width:374px) { #geoPosition .user-geo-position-value-link { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 60px; } } /* End */ /* Start:/bitrix/components/webfly/cities.popup/templates/.default/styles.min.css?172626744219563*/ .user-geo-position-label{ margin-right: 6px; } .user-geo-position-label, .user-geo-position-value, .user-geo-position-value-link{ vertical-align: middle; display: inline-block; font-size: 13px; } .user-geo-position-value-link{ vertical-align: middle; max-width: 160px; overflow: hidden; } #geo-location-window{ -webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; background: rgba(0, 0, 0, 0.4); position: fixed; color: #000000; overflow: auto; z-index: 1000; height: 100%; width: 100%; left: 0px; top: 0px; /*display: none;*/ } #geo-location-window .hidden{ display: none; } #geo-location-window .geo-location-window-container{ -moz-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; -webkit-animation-name: zoomInLocation; animation-name: zoomInLocation; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; min-height: 276px; max-height: 500px; padding: 0 24px; width: 800px; left: 50%; top: 50%; } #geo-location-window .geo-location-window-container-bg{ box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3); background-color: #ffffff; } .geo-location-window-wp{ vertical-align: middle; display: inline-block; line-height: 21px; width: 100%; } #geo-location-window .geo-location-window-heading{ background-color: #424242; position: relative; text-align: center; line-height: 60px; font-size: 18px; color: #ffffff; } #geo-location-window .geo-location-window-list{ max-height: 180px; margin-top: 24px; padding: 0 24px; overflow: auto; } #geo-location-window .geo-location-window-list-item{ /*text-transform: uppercase;*/ overflow: hidden; float: left; width: 25%; } #geo-location-window .geo-location-window-list-item a{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; text-decoration: none; line-height: 37px; overflow: hidden; color: #000000; height: 37px; } #geo-location-window .geo-location-window-list-item a:active{ position: relative; top: 1px; } #geo-location-window .geo-location-window-list-item span{ vertical-align: middle; display: inline-block; line-height: 21px; } .geo-location-window-search{ margin-top: 24px; padding: 0 24px; } .geo-location-window-search-input{ background: url(/bitrix/components/webfly/cities.popup/templates/.default/images/geo-search.png) 12px 50% no-repeat #f6f6f6; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border: 1px solid #e6e6e6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "roboto_ltregular"; border-radius: 2px; padding: 0 42px; font-size: 14px; height: 48px; width: 100%; } .geo-location-window-search-input:focus{ border: 1px solid #aaaaaa; } .geo-location-window-city-container{ text-align: center; margin-top: 24px; } .geo-location-window-city-label, .geo-location-window-city-value{ display: inline-block; } .geo-location-window-city-value{ /*text-transform: uppercase;*/ font-family: "robotoBold"; } .geo-location-window-button-container{ margin-bottom: 24px; text-align: center; margin-top: 24px; } .geo-location-window-button{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /*text-transform: uppercase;*/ color: #ffffff !important; vertical-align: middle; display: inline-block; text-decoration: none; border-radius: 2px; text-align: center; position: relative; line-height: 50px; padding: 0 36px; font-size: 14px; opacity: 0.9; height: 50px; } .geo-location-window-button:active{ position: relative; top: 1px; } .geo-location-window-button.modifed{ border-radius: 4px; opacity: 1; } .geo-location-window-button.disabled{ pointer-events: none; opacity: 0.5; } .geo-location-window-button.loading{ opacity: 0.5; } .geo-location-window-button.loading #geo-location-window-fast-loader{ display: block; opacity: 1; } .geo-location-window-search-values-cn{ position: relative; } .geo-location-window-search-values{ position: absolute; max-height: 141px; overflow: auto; width: 100%; left: 0px; top: 0px; } .geo-location-window-search-values .geo-location-list-item{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-top: 1px solid #e6e6e6; background-color: #eeeeee; } .geo-location-window-search-values .geo-location-list-item:hover{ background-color: #e1e1e1; } .geo-location-window-search-values .geo-location-list-item:first-child{ border: none; } .geo-location-window-search-values .geo-location-list-item a{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; line-height: 35px; padding: 0 24px; display: block; color: #000000; height: 35px; } .geo-location-window-search-values .geo-location-list-item a:hover{ opacity: 0.8; } .geo-location-window-search-values .geo-location-list-item a:active{ position: relative; top: 1px; } #geo-location-window .geo-location-window-exit{ position: absolute; display: block; height: 21px; width: 21px; right: 20px; top: 20px; } #geo-location-window .geo-location-window-exit{ background: url(/bitrix/components/webfly/cities.popup/templates/.default/images/exit.png) 0 0 no-repeat transparent; } #geo-location-window .geo-location-window-exit:hover{ background-position: 0 -21px ; } #geo-location-window .geo-location-window-exit:active{ background-position: 0 -42px ; } @media all and (max-width: 850px){ #geo-location-window .geo-location-window-container{ transform: translateX(0) translateY(-50%); width: 100%; left: 0px; } } @media all and (max-width: 700px) { #geo-location-window .geo-location-window-list-item{ width: 33.333%; } #geo-location-window .geo-location-window-container{ padding: 0 12px; } } @media all and (max-width: 500px) { #geo-location-window .geo-location-window-list-item{ width: 50%; } } @media all and (max-width: 400px) { #geo-location-window .geo-location-window-list-item{ width: 100%; } } /*loader*/ #geo-location-window-fast-loader{ -webkit-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; position: absolute; transform:scale(0.6); -o-transform:scale(0.6); -ms-transform:scale(0.6); -webkit-transform:scale(0.6); -moz-transform:scale(0.6); margin-left: -24px; display: none; height: 48px; width: 48px; opacity: 0; left: 50%; top: 0px; } .f_circleG{ position:absolute; background-color:rgb(255,255,255); height:9px; width:9px; display: block; border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; animation-name:f_fadeG; -o-animation-name:f_fadeG; -ms-animation-name:f_fadeG; -webkit-animation-name:f_fadeG; -moz-animation-name:f_fadeG; animation-duration:0.522s; -o-animation-duration:0.522s; -ms-animation-duration:0.522s; -webkit-animation-duration:0.522s; -moz-animation-duration:0.522s; animation-iteration-count:infinite; -o-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; animation-direction:normal; -o-animation-direction:normal; -ms-animation-direction:normal; -webkit-animation-direction:normal; -moz-animation-direction:normal; } #frotateG_01{ left:0; top:19px; animation-delay:0.1995s; -o-animation-delay:0.1995s; -ms-animation-delay:0.1995s; -webkit-animation-delay:0.1995s; -moz-animation-delay:0.1995s; } #frotateG_02{ left:6px; top:6px; animation-delay:0.256s; -o-animation-delay:0.256s; -ms-animation-delay:0.256s; -webkit-animation-delay:0.256s; -moz-animation-delay:0.256s; } #frotateG_03{ left:19px; top:0; animation-delay:0.3225s; -o-animation-delay:0.3225s; -ms-animation-delay:0.3225s; -webkit-animation-delay:0.3225s; -moz-animation-delay:0.3225s; } #frotateG_04{ right:6px; top:6px; animation-delay:0.389s; -o-animation-delay:0.389s; -ms-animation-delay:0.389s; -webkit-animation-delay:0.389s; -moz-animation-delay:0.389s; } #frotateG_05{ right:0; top:19px; animation-delay:0.4555s; -o-animation-delay:0.4555s; -ms-animation-delay:0.4555s; -webkit-animation-delay:0.4555s; -moz-animation-delay:0.4555s; } #frotateG_06{ right:6px; bottom:6px; animation-delay:0.522s; -o-animation-delay:0.522s; -ms-animation-delay:0.522s; -webkit-animation-delay:0.522s; -moz-animation-delay:0.522s; } #frotateG_07{ left:19px; bottom:0; animation-delay:0.5885s; -o-animation-delay:0.5885s; -ms-animation-delay:0.5885s; -webkit-animation-delay:0.5885s; -moz-animation-delay:0.5885s; } #frotateG_08{ left:6px; bottom:6px; animation-delay:0.645s; -o-animation-delay:0.645s; -ms-animation-delay:0.645s; -webkit-animation-delay:0.645s; -moz-animation-delay:0.645s; } @keyframes f_fadeG{ 0%{ background-color:rgb(0,0,0); } 100%{ background-color:rgb(255,255,255); } } @-o-keyframes f_fadeG{ 0%{ background-color:rgb(0,0,0); } 100%{ background-color:rgb(255,255,255); } } @-ms-keyframes f_fadeG{ 0%{ background-color:rgb(0,0,0); } 100%{ background-color:rgb(255,255,255); } } @-webkit-keyframes f_fadeG{ 0%{ background-color:rgb(0,0,0); } 100%{ background-color:rgb(255,255,255); } } @-moz-keyframes f_fadeG{ 0%{ background-color:rgb(0,0,0); } 100%{ background-color:rgb(255,255,255); } } @-webkit-keyframes zoomInLocation { from { opacity: 0; -webkit-transform: translateY(-50%) translateX(-50%) scale3d(.3, .3, .3); transform: translateY(-50%) translateX(-50%) scale3d(.3, .3, .3); -moz-transform: translateY(-50%) translateX(-50%) scale3d(.3, .3, .3); -o-transform: translateY(-50%) translateX(-50%) scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomInLocation { from { opacity: 0; -webkit-transform: translateY(-50%) translateX(-50%) scale3d(.3, .3, .3); transform: translateY(-50%) translateX(-50%) scale3d(.3, .3, .3); -moz-transform: translateY(-50%) translateX(-50%) scale3d(.3, .3, .3); -o-transform: translateY(-50%) translateX(-50%) scale3d(.3, .3, .3); } 50% { opacity: 1; } } .catalog_top_pane,.scroll-pane{overflow:auto;position:relative;height:798px}.jspContainer,.modal-open{overflow:hidden}.catalog_top_pane .jspVerticalBar,.scroll-pane .jspVerticalBar{opacity:0;transition:opacity .2s ease-in}.catalog_top_pane:hover .jspVerticalBar,.scroll-pane:hover .jspVerticalBar{opacity:.5}.jspCap,.modal-backdrop.fade{opacity:0}.scroll-pane-type02{height:958px}.jspContainer{position:relative}.jspPane{left:0!important;position:absolute;width:100.5%!important}.jspHorizontalBar *,.jspVerticalBar *{margin:0;padding:0}.jspCap{height:11px;display:block}.scroll-pane-type02 .jspCapTop{height:12px}.scroll-pane-type02 .jspCapBottom{height:18px}.jspVerticalBar .jspArrow{display:none}.jspVerticalBar .jspArrow:focus{outline:0}.jspVerticalBar{position:absolute;right:7px;top:0;width:7px;height:100%}.jspTrack{border-radius:2px;-webkit-border-radius:2px;background:#d7d7d7;position:relative}.jspDrag{background:#555;width:7px;border-radius:2px;-webkit-border-radius:2px;position:relative;top:0;left:0;cursor:pointer}.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer}.jspVerticalBar .jspArrow{height:20px}.jspArrowUp{display:none}.jspArrowDown{display:none;height:20px}.wf-modal-cities{display:none;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.wf-modal-cities.fade .wf-modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);transition:-webkit-transform .15s ease-in;transition:transform .15s ease-in}.wf-modal-cities.in .wf-modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.modal-open .wf-modal-cities{overflow-x:hidden;overflow-y:auto}.wf-modal-dialog{position:relative;width:auto;margin:10px}.wf-modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.in{opacity:.5}.wf-modal-header{padding:15px}.wf-modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.wf-modal-body{position:relative;padding:15px}.wf-modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.wf-modal-footer:after,.wf-modal-footer:before{content:" ";display:table}.wf-modal-footer:after{clear:both}.wf-modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.wf-modal-footer .btn-group .btn+.btn{margin-left:-1px}.wf-modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.wf-row{margin:0 -15px;overflow:auto}.col-x-2,.col-x-4{box-sizing:border-box;padding:0 15px;float:left;min-height:1px}.col-x-4{width:25%}.col-x-2{width:50%}.wf-modal-cities{font-family:Arial,sans-serif;font-size:13px;line-height:1.4}.wf-modal-cities .wf-modal-dialog{margin:30px auto}.wf-modal-cities .wf-modal-body,.wf-modal-cities .wf-modal-footer,.wf-modal-cities .wf-modal-header{padding-left:30px;padding-right:30px}.wf-modal-cities .wf-modal-header{padding-top:20px;padding-bottom:0;border-bottom:none}.wf-modal-cities .wf-modal-header .wf-modal-title{font-family:Arial,sans-serif;font-weight:700;font-size:15px;text-transform:uppercase;margin:0}.wf-modal-cities .wf-modal-header .wf-modal-close{position:absolute;display:block;top:-1px;left:100%;background:#f5f5f5;width:32px;height:32px;margin-left:-1px;cursor:pointer;border:1px solid rgba(0,0,0,.6);box-shadow:0 3px 10px rgba(0,0,0,.5)}.wf-modal-cities .wf-modal-header .wf-modal-close:after,.wf-modal-cities .wf-modal-header .wf-modal-close:before{position:absolute;display:block;content:''}.wf-modal-cities .wf-modal-header .wf-modal-close:before{width:24px;height:24px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABmFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADn+ofsAAAAh3RSTlMAIW+p0err1KtzJh2a8vagI1LnwHg+Kjx0vO1dZ8REUP6UBwOIXhuVhyWbyAYBH/T9BDD7J3DDBafQGcqzCrGBqncJ1tcUzuIRZr7TIs3fON0p2iT67uwTyxr51TnPNa1yCOAPY8HbDKyGNw74LKK/siDwiXorW2m4NrBgOh5l/PVrKK4vgIUlbshuAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAWBJREFUKM9VUvVXAkEQHiQNMNAjbFFMMDBQsc9CBATsLhBbbOz8/m1v77iHNz/MfvFmZ2feEkmhylFrtDq9ITeP/kd+gRGZMBUWZfXiEsBcWsZxFqsNsJfLegVQWSUTi2BZJVhdg9q6bLmjHmhgwKlFo6IhNcHYLBwtaG1TGi4b1ETu9o4ykYpup4vlLo+nm3rQy3Cft19FNDDoG2JsGCM0ijEGxyfAOyenMD3D2Cz8NAeLeFOAh34eQU4kIYRJhwWppVMDRKKZTcQWaUk2llcA/WrGWFukdWxIBZsI8+ADItlCkLaxw+DuFPaKnDwi+4wd4JCswgPYFL640Fe1bk4wdoQkRU2xY3G0E5YT4tK4044zonNcOJQrIR8uhXyVwrVSv4Hplp13QNKl0HEvISvw8CjLXWkIi8rEUwpI3z+7X0Kvhje8f2SrP70x4R/E1oRU8/WtaMj92OJ2e9j/K8t//MJX1igK5m4AAAAASUVORK5CYII=);opacity:.7;transition:opacity .2s ease-in;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.wf-modal-cities .wf-modal-header .wf-modal-close:after{width:20px;height:60px;top:0;right:100%;background:#fff}.wf-modal-cities .wf-modal-header .wf-modal-close:hover:before{opacity:1}.wf-modal-cities .wf-modal-footer{background:#f5f5f5;text-align:left}.wf-modal-cities .list-unstyled{list-style-type:none;margin:0;padding:0}.wf-modal-cities .list-unstyled li{margin-bottom:5px}.wf-modal-cities .pick-location,.wf-modal-cities .pick-location-final{color:#2874b4;text-decoration:underline;cursor:pointer}.wf-modal-cities .pick-location-final:hover,.wf-modal-cities .pick-location:hover{text-decoration:none;color:#2d81c9}.wf-modal-cities .pick-location-final:active,.wf-modal-cities .pick-location:active{-webkit-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px);color:#23679f}.wf-modal-cities .pick-location-final.active,.wf-modal-cities .pick-location.active{color:#767676!important;text-decoration:none;font-weight:700}.wf-modal-cities .list-districts .pick-location{color:#000;font-weight:700}.wf-primary-cities{overflow:auto;margin:0 -15px}@-webkit-keyframes wfPulse{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}}@keyframes wfPulse{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}}.wf-city{display:inline-block;outline:0!important}.wf-pulse{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:wfPulse;animation-name:wfPulse} /* End */ /* Start:/bitrix/templates/.default/components/arturgolubev/search.title/custom/style.css?172626388615625*/ /* div.title-search-result { display: block !important; } */ .bx_smart_searche, .bx_smart_searche *, .bx-searchtitle, .bx-searchtitle * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: Helvetica, Arial, sans-serif; font-size: 14px; } /* .bx-searchtitle { margin: 10px 0 0; } */ .bx-searchtitle-history { margin-top: 5px; } .bx-searchtitle-history a { color: #222; text-decoration: underline; } .bx-searchtitle-history a:hover { text-decoration: none; } .bx-searchtitle .bx-block-title { font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; color: #343434; text-transform: uppercase; font-size: 12px; margin-bottom: 9px; font-weight: 600; } .bx-searchtitle .bx-input-group { position: relative; display: block; border-collapse: separate; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bottomHeaderBlock .bx-searchtitle .bx-input-group { height: 36px; } .bx-searchtitle .bx-input-group .bx-form-control { display: table-cell; position: relative; z-index: 2; /* float: left; */ width: 100%; margin-bottom: 0; display: block; width: 100%; height: 34px; padding: 1px 30px 1px 22px; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #f8fafc; border: 1px solid #d5dadc; border-right: none; border-radius: 1px 0 0 1px; outline: none; box-shadow: none !important; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 50px; max-width: 542px; width: 100%; border: 0; font-family: roboto_ltregular; border-radius: 4px; } .bottomHeaderBlock .bx-searchtitle .bx-input-group .bx-form-control { height: 36px; max-width: 100%; vertical-align: top; color: #42113D; display: inline-block; } .bx-searchtitle .bx-input-group .bx-form-control:focus { background-color: #fff; } .bx-ios .bx-searchtitle .bx-input-group .bx-form-control { /* Fix of input shadow for IOS browsers. */ background-image: -webkit-linear-gradient(#f8fafc 0%, #f8fafc 100%); background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%); } .bx-searchtitle .bx-input-group-btn { position: absolute; display: block; right: 0; top: 50%; transform: translate(-50%, -50%); z-index: 3; } .loopa { display: block; } /* .bx-searchtitle .bx-input-group-btn button { position: relative; border: none; background: url(/bitrix/templates/.default/components/arturgolubev/search.title/custom/images/search-icon.png) center center no-repeat #95a1a8; display: inline-block; margin-bottom: 0; cursor: pointer; padding:0; border-radius: 0 1px 1px 0; color: #fff; font-size: 16px; line-height: 1.42857143; height: 34px; width: 40px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .bx-searchtitle .bx-input-group-btn button:hover { background-color: #1484CE; } */ div.title-search-result { border:0 none !important; border-top: 0 none; display:none; overflow:hidden; z-index:999; min-width: 200px; margin-top: 3px; background-color: #FFF; /* border-top: 0 none; */ border-radius: 2px; box-shadow: 0px 0px 7px -2px #d6d6d6; /* display: block !important; */ max-height: 400px; overflow-y: auto; } div.title-search-fader { display:none; background-image: url('/bitrix/templates/.default/components/arturgolubev/search.title/custom/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } p.title-search-preview { font-size:12px; } div.title-search-result td.title-search-price span { font-size: 26px; } /*========================*/ .bx_smart_searche { padding-top:8px; border-top: 0 none; border-radius: 0 0 3px 3px; } .bx_smart_searche .bx_info_wrap{ margin-left: 85px; } .bx_smart_searche .bx_img_element{ float: left; padding: 5px; width: 75px; text-align: center; } .bx_smart_searche .bx_item_block{ min-height: 65px; position: relative; } .bx_smart_searche .bx_image{ /* width: 45px; height: 45px; background-size: contain; background-position: center; background-repeat: no-repeat; border: 1px solid #e8e8e8; */ display: inline-block; max-width: 100%; } .bx_smart_searche .bx_image.empty_image{ background-image: url(/bitrix/templates/.default/components/arturgolubev/search.title/custom/image/noimg.png); } .bx_smart_searche .bx_item_element{ padding: 8px 0; } .bx_smart_searche .bx_item_element_all_result { text-align: center; } .bx_smart_searche .bx_item_element hr{ margin: 0; border: none; border-bottom: 1px solid #e5e5e5; } .bx_smart_searche .bx_item_element a{ margin-top: 5px; display: inline-block; color: #333; font-size: 14px; text-decoration: none; font-weight: bold; } .bx_smart_searche .bx_item_element a b{ font-weight: bold; } .bx_smart_searche .bx_item_element a b{color: #000;} .bx_smart_searche .bx_item_element a:hover, .bx_smart_searche .bx_item_element a:hover b{text-decoration: underline;} .bx_smart_searche .bx_item_preview_text{ font-size:13px; padding: 5px 10px 5px 0; } .bx_smart_searche .bx_price{ font-weight:bold; font-size:15px; margin-top: 5px; } .bx_smart_searche .bx_price .old{ font-weight: normal; text-decoration: line-through; color: #636363; font-size: 12px; vertical-align: middle; } .bx_smart_searche .bx_item_block.all_result{min-height:0} .bx_smart_searche .bx_item_block.others_result{ min-height: 0; line-height: 12px; padding: 0; } .bx_smart_searche .bx_item_block.all_result .all_result_button{ display: inline-block; font-size: 14px; background-color: #1485CE; border: 1px solid; border-color: #1485CE; color: #FFF; padding: 0 22px; height: 34px; text-decoration: none; border-radius: 2px; margin: 0 0 8px; line-height: 34px; text-transform: uppercase; font-weight: bold; letter-spacing: .5px; } .bx_smart_searche .bx_item_block_href, .search-item { display: block; text-decoration: none; padding: 8px; line-height: 14px; position: relative; color: #001a34; cursor: pointer; font-size: 16px; line-height: 1.25; margin-top: 1px; padding: 12px; } .bx_smart_searche .bx_item_block_href:hover { background-color: #feeed2; } .bx_smart_searche .bx_item_block_hrline { border-bottom: 1px solid #f5a61c; margin: 0 8px 5px; } .bx_item_block_item_clear { display: block; clear:both; } .bx_smart_searche .bx_item_block_item_info_wrap { display: block; } .bx_smart_searche .bx_item_block_item_info_wrap.wpic { padding-left: 39px; } .bx_smart_searche .bx_item_block_item_info { display: block; } .bx_smart_searche .bx_item_block_href_category_title { color: #a2a2a2; /* font-weight: bold; */ } .bx_smart_searche .bx_item_block_href_category_name { color: #f5a61c; font-weight: bold; text-transform: uppercase; } .bx_smart_searche .bx_item_block_item_image { width: 34px; height: 34px; float:left; background-size: contain; background-repeat: no-repeat; background-position: center; margin-right: 5px; } .bx_smart_searche .bx_item_block_item_name { color: #333; overflow: hidden; height: 34px; display: block; line-height: 17px; display: flex; } .bx_smart_searche .bx_item_block_item_name_flex_align { margin: auto 0 auto 15px; } .bx_smart_searche .bx_item_block_item_simple_name { color: #333; display: block; line-height: 17px; } .bx_smart_searche .bx_item_block_item_name b, .bx_smart_searche .bx_item_block_item_simple_name b { color: #f5a61c; } .bx_smart_searche .bx_item_block_item_price { float:right; text-align: right; color: #333; line-height: 17px; padding-left: 5px; } .bx_smart_searche .bx_item_block_item_price.bx_item_block_item_price_only_one { line-height: 34px; } .bx_smart_searche .bx_item_block_item_price .bx_price_new { white-space: nowrap; font-weight: bold; display: block; } .bx_smart_searche .bx_item_block_item_price .bx_price_old { white-space: nowrap; text-decoration: line-through; } .bx_smart_searche .bx_item_block_item_text { color: #9b9b9b; display: block; margin-top: 8px; font-size: 13px; line-height: 15px; } .bx_smart_searche .bx_item_block_item_props { color: #9b9b9b; display: block; margin-top: 8px; font-size: 13px; line-height: 15px; } .bx_smart_searche .bx_item_block_item_text.wpic, .bx_smart_searche .bx_item_block_item_props.wpic { /* padding-left: 39px; */ } .bx_item_block_item_prop_item { display: block; } .bx_smart_no_result_find { padding: 0 8px 8px; } /* preloader base */ .bx-searchtitle .bx-searchtitle-preloader { position: absolute; top: 2px; right: 110%; width: 30px; height: 30px; z-index: 5; display: none; /* display: block; */ } .bx-searchtitle .bx-searchtitle-preloader.view { background: url(/bitrix/templates/.default/components/arturgolubev/search.title/custom/images/loader_orange.gif) center center no-repeat; } /* blue */ .bx-searchtitle.theme-blue .bx-input-group .bx-form-control { border-color:#0083d1; } .bx-searchtitle.theme-blue .bx-searchtitle-preloader.view { background-image: url(/bitrix/templates/.default/components/arturgolubev/search.title/custom/images/loader_blue.gif); } .bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button{ background-color: #0083d1; border-color: #0083d1; } .bx-searchtitle.theme-blue .bx-input-group-btn button { background-color: #0083d1; border-color: #0083d1; color: #FFF; } .bx-searchtitle.theme-blue .bx-input-group-btn button:hover, .bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button:hover { background-color: #5ca6e4; border-color: #5ca6e4; text-decoration: none; } .bx_smart_searche.theme-blue .bx_item_element a b{ color: #5ca6e4; } .bx_smart_searche.theme-blue .bx_item_block_href:hover { background-color: #b2d9f1; } .bx_smart_searche.theme-blue .bx_item_block_href_category_name { color:#0083d1; } .bx_smart_searche.theme-blue .bx_item_block_item_name b, .bx_smart_searche.theme-blue .bx_item_block_item_simple_name b { color:#0083d1; } .bx_smart_searche.theme-blue .bx_item_block_hrline { border-color: #0083d1; } /* black */ .bx-searchtitle.theme-black .bx-input-group .bx-form-control { border-color:#333; } .bx-searchtitle.theme-black .bx-searchtitle-preloader.view { background-image: url(/bitrix/templates/.default/components/arturgolubev/search.title/custom/images/loader_black.gif); } .bx_smart_searche.theme-black .bx_item_block.all_result .all_result_button{ background-color: #8f295c; border-color: #8f295c; } /* .bx-searchtitle.theme-black .bx-input-group-btn button { background-color: #333; border-color: #333; color: #FFF; } */ /* .bx-searchtitle.theme-black .bx-input-group-btn button:hover, */.bx_smart_searche.theme-black .bx_item_block.all_result .all_result_button:hover { background-color: #5c5c5c; border-color: #5c5c5c; text-decoration: none; } #smart-title-search-top .search_icon { width: 18px; height: 18px; fill: #c4c4c4; } #smart-title-search-top .search_icon:hover, .input_icon:hover{fill: #892f5c;} #smart-title-search-input::-webkit-input-placeholder, #smart-title-search-input::-moz-placeholder, #smart-title-search-input:-moz-placeholder, #smart-title-search-input:-ms-input-placeholder {color:#97a1bb;line-height: 36px;} #smart-title-search-input::-webkit-input-placeholder, #smart-title-search-input::-moz-placeholder {-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;color:#97a1bb;font-family: roboto_ltregular; line-height: 36px;} .bx_smart_searche.theme-black .bx_item_element a b{ color: #5c5c5c; } .bx_smart_searche.theme-black { /* border:1px solid #333; */ border-top: 0 none; border-radius: 0 0 3px 3px; } .bx_smart_searche.theme-black .bx_item_block_href:hover { background-color: #8f295c26; } .bx_smart_searche.theme-black .bx_item_block_href_category_name { color:#333; } .bx_smart_searche.theme-black .bx_item_block_item_name b, .bx_smart_searche.theme-black .bx_item_block_item_simple_name b { color:#333; } .bx_smart_searche.theme-black .bx_item_block_hrline { border-color: #333; } /* green */ .bx-searchtitle.theme-green .bx-input-group .bx-form-control { border-color:#159ebb; } .bx-searchtitle.theme-green .bx-searchtitle-preloader.view { background-image: url(/bitrix/templates/.default/components/arturgolubev/search.title/custom/images/loader_green.gif); } .bx_smart_searche.theme-green .bx_item_block.all_result .all_result_button{ background-color: #159ebb; border-color: #159ebb; } .bx-searchtitle.theme-green .bx-input-group-btn button { background-color: #159ebb; border-color: #159ebb; color: #FFF; } .bx-searchtitle.theme-green .bx-input-group-btn button:hover, .bx_smart_searche.theme-green .bx_item_block.all_result .all_result_button:hover { background-color: #44b1c9; border-color: #44b1c9; text-decoration: none; } .bx_smart_searche.theme-green .bx_item_element a b{ color: #44b1c9; } .bx_smart_searche.theme-green .bx_item_block_href:hover { background-color: #d0ebf1; } .bx_smart_searche.theme-green .bx_item_block_href_category_name { color:#159ebb; } .bx_smart_searche.theme-green .bx_item_block_item_name b, .bx_smart_searche.theme-green .bx_item_block_item_simple_name b { color:#159ebb; } .bx_smart_searche.theme-green .bx_item_block_hrline { border-color: #159ebb; } /* red */ .bx-searchtitle.theme-red .bx-input-group .bx-form-control { border-color:#E22B2B; } .bx-searchtitle.theme-red .bx-searchtitle-preloader.view { background-image: url(/bitrix/templates/.default/components/arturgolubev/search.title/custom/images/loader_red.gif); } .bx_smart_searche.theme-red .bx_item_block.all_result .all_result_button{ background-color: #E22B2B; border-color: #E22B2B; } .bx-searchtitle.theme-red .bx-input-group-btn button { background-color: #E22B2B; border-color: #E22B2B; color: #FFF; } .bx-searchtitle.theme-red .bx-input-group-btn button:hover, .bx_smart_searche.theme-red .bx_item_block.all_result .all_result_button:hover { background-color: #e95c5c; border-color: #e95c5c; text-decoration: none; } .bx_smart_searche.theme-red .bx_item_element a b{ color: #e95c5c; } .bx_smart_searche.theme-green .bx_item_block_href:hover { background-color: #f9d4d4; } .bx_smart_searche.theme-red .bx_item_block_href_category_name { color:#E22B2B; } .bx_smart_searche.theme-red .bx_item_block_item_name b, .bx_smart_searche.theme-red .bx_item_block_item_simple_name b { color:#E22B2B; } .bx_smart_searche.theme-red .bx_item_block_hrline { border-color: #E22B2B; } /* yellow */ .bx-searchtitle.theme-yellow .bx-input-group .bx-form-control { border-color:#F9A91D; } .bx-searchtitle.theme-yellow .bx-searchtitle-preloader.view { background-image: url(/bitrix/templates/.default/components/arturgolubev/search.title/custom/images/loader_yellow.gif); } .bx_smart_searche.theme-yellow .bx_item_block.all_result .all_result_button{ background-color: #F9A91D; border-color: #F9A91D; } .bx-searchtitle.theme-yellow .bx-input-group-btn button { background-color: #F9A91D; border-color: #F9A91D; color: #FFF; } .bx-searchtitle.theme-yellow .bx-input-group-btn button:hover, .bx_smart_searche.theme-yellow .bx_item_block.all_result .all_result_button:hover { background-color: #faba4a; border-color: #faba4a; text-decoration: none; } .bx_smart_searche.theme-yellow .bx_item_element a b{ color: #faba4a; } .bx_smart_searche.theme-yellow .bx_item_block_href_category_name { color:#F9A91D; } .bx_smart_searche.theme-yellow .bx_item_block_item_name b, .bx_smart_searche.theme-yellow .bx_item_block_item_simple_name b { color:#F9A91D; } .bx_smart_searche.theme-yellow .bx_item_block_hrline { border-color: #F9A91D; } .js_search_href.bx_item_block_href::before, .search-item::before { background: #b3bcc5; bottom: -1px; content: ""; display: block; height: 1px; left: 48px; position: absolute; right: 0; z-index: 1; display: block; } @media all and (max-width: 440px) { div.title-search-result { left: 0 !important; width: 100vw !important; } } /* End */ /* Start:/bitrix/templates/dresscode/components/dresscode/compare.line/.default/style.css?1726263886660*/ .topCompare{ margin-right:12px} .topCompare .text{ position:relative; display:block; float:left} .topCompare .link{ float:left} .topCompare .link.active:hover{ opacity:.8} .topCompare .link.active:active{ position:relative; top:1px} .topCompare .label{ font-family:'robotomedium'; vertical-align:middle; text-decoration:none; display:inline-block; margin-left:6px; margin-top:8px; color:#000} .topCompare .value{ border:2px solid #d1d1d1; background-color:#fff; border-radius:50%; position:absolute; text-align:center; overflow:hidden; font-size:12px; color:#d1d1d1; height:20px; width:20px; right:8px; top:0} .topCompare .active .value:active{ top:1px} /* End */ /* Start:/bitrix/templates/dresscode/components/dresscode/favorite.line/.default/style.css?1726263886733*/ .topWishlist{ margin-right:12px} .topWishlist .text{ position:relative; display:block; float:left} .topWishlist .link{ float:left} .topWishlist .link.active:hover{ opacity:.8} .topWishlist .link.active:active{ position:relative; top:1px} .topWishlist .label{ font-family:'robotomedium'; vertical-align:middle; text-decoration:none; display:inline-block; margin-left:6px; margin-top:8px; color:#000} .topWishlist .active .icon:hover{ opacity:.7} .topWishlist .active .icon:active{ position:relative; top:1px} .topWishlist .value{ border:2px solid #d1d1d1; background-color:#fff; border-radius:50%; position:absolute; text-align:center; overflow:hidden; font-size:12px; color:#d1d1d1; height:20px; width:20px; right:8px; top:0} /* End */ /* Start:/bitrix/templates/dresscode/components/bitrix/sale.basket.basket.line/topCart/style.css?1726263886767*/ .cart .countLink{ display:inline-block; position:relative; font-size:14px; float:left; height:40px; width:60px } .cart .countLink.active:hover{ opacity:.7 } .cart .countLink.active:active{ top:1px } .cart .heading{ vertical-align:middle; text-decoration:none; display:inline-block; max-width:172px; margin-left:6px; margin-top:8px; color:#000 } .cart .heading.active:active{ position:relative; top:1px } .cart .heading .cartLabel{ font-family:"robotomedium"; margin-right:3px } .cart .heading .cartLabel:hover{ opacity:.7 } .cart .count{ border:2px solid #d1d1d1; background-color:#fff; border-radius:50%; position:absolute; text-align:center; overflow:hidden; font-size:12px; color:#d1d1d1; height:20px; width:20px; right:8px; top:0 } /* End */ /* Start:/bitrix/templates/dresscode/components/bitrix/menu/topMenu5/style.css?1726263886707*/ #subMenu{ vertical-align:middle; display:inline-block; white-space:nowrap; text-align:center; visibility:hidden; list-style:none; margin:0; font-size:0; padding:0} #subMenu li{ vertical-align:middle; display:inline-block; position:relative; list-style:none; font-size:14px; padding:0; margin:0} #subMenu li:last-child{ border:0} #subMenu li a { -webkit-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .2s ease-in-out; vertical-align:middle; text-decoration:none; display:inline-block; color:#000} #subMenu li a:first-child { padding-left: 28px; } #subMenu li a:not(:last-child) { padding-right:35px; } #subMenu li a:not(.selected):active{ position:relative; top:1px} /* End */ /* Start:/bitrix/templates/dresscode/components/bitrix/menu/_leftMenuSlim/style.css?17262638866771*/ #left #catalogMenuHeading.heading, #left #left_menu.collapsed { display: none; } #main .compliter { display: block; padding-left: 0; position: relative; } /* #left { position: relative; } */ #right { display: block; padding-left: 0; } #left #left_menu.collapsed { position: absolute; width: 100%; z-index: 99; } .catalog__categories { display: flex; max-height: calc(-300px + 100vh); } .catalog__subcategories { display: none; } .catalog__subcategories { background-color: #fff; } #leftMenu, .catalog__subcategories { overflow-y: auto; } .catalog__subcategories_active { box-sizing: border-box; display: flex; flex-direction: column; flex-grow: 1; position: relative; } #leftMenu { min-width: 290px; width: 100%; max-width: 290px; } .catalog__subcategories-and-products-block { align-items: flex-start; display: flex; flex-wrap: wrap; max-height: calc(100% - 40px); width: calc(100% - 40px); margin: 13px 15px 13px 25px; } .section-container { box-sizing: border-box; display: inline-block; line-height: 24px; width: 100%; } .section-container--multiple { margin-bottom: 40px; } .catalog__subcategories-block { -webkit-column-count:4; -moz-column-count:4; column-count:4; -webkit-column-gap:.24px; -moz-column-gap:.24px; column-gap: 24px; -webkit-perspective:1; margin-right: 20px; width: calc(100% - 140px); } #left_menu { box-shadow: 0 2px 3px 0 rgba(0,0,0,.2); } #leftMenu > li.eChild.activeDrop > a { background-color: #f5f5f5; } #leftMenu > li:hover > a { background-color: #f5f5f5 !important; } .section-name { color: #001a34; font-size: 14px; font-weight: 700; line-height: 1.29; margin-bottom: 16px; display: inline-block; } .sub-subsection { line-height: 18px; padding: 3px 0; display: inline-block; color: #3d5165; } .sub-subsection:not(:last-child) { margin-bottom: 10px; } .sub-subsections__container { display: flex; align-content: flex-start; align-items: flex-start; flex-direction: column; } .menuSlider .name { line-height: 18px; padding: 3px 0; margin-bottom: 10px; display: inline-block; color: #3d5165; } .menuSlider .picture { width: 120px; height: 70px; display: block; } .menuSlider img { width: 100%; height: 100%; object-fit: contain; } @media all and (max-width: 1280px) { #left #left_menu.collapsed { width: 100vw; left: 50%; margin-left: -50vw; } #leftMenu { padding-left: 0; } } @media all and (max-width: 1224px) { .catalog__subcategories-block { column-count: 3; } } @media all and (max-width: 960px) { .catalog__subcategories-block { column-count: 2; } } @media all and (max-width: 768px) { .drop { display: none; } #leftMenu { max-width: 100%; } } #leftMenu{background:#2b2b2b;padding:12px 0 12px 0;position:relative;list-style:none;z-index:33;margin:0} #leftMenu li{list-style:none} #leftMenu>li:first-child{border:0} #leftMenu>li{-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease;background:#2b2b2b;display:block;position:relative;} #leftMenu>li:hover,#leftMenu .activeDrop{background:#fff} #leftMenu li:hover .menuLink,#leftMenu .activeDrop .menuLink{color:#000} #leftMenu li .menuLink{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-decoration:none;padding-right:8px;position:relative;line-height:18px;font-size:13px;display:flex;color:#fff} #leftMenu .menuLink img{padding:8px 8px 8px 18px;max-height: 24px;} #leftMenu li .tb{display:table;width:100%} #leftMenu .pc,#leftMenu .tx{display:block;padding:0px 18px 0px 8px;margin: auto 0;} #leftMenu li .pc{-webkit-transition:all .1s;-moz-transition:all .1s;-o-transition:all .1s;transition:all .1s;padding-left:18px;text-align:center;height:21px;width:24px} #leftMenu .pc img{max-width:100%} #leftMenu ul{padding:0;margin:0} #leftMenu .drop{box-shadow:1px 1px 12px rgba(0,0,0,0.4);border-collapse:collapse;background:#fff;table-layout:fixed;position:absolute;overflow:hidden;z-index:999999;display:none;left:100%;width:1%;top:0} #leftMenu .menuItems{border-right:1px solid #e7e8ea;background-color:#fff;display:table-cell;vertical-align:top;padding:12px;width:245px} #leftMenu .menuItems>li:first-child{margin-top:0} #leftMenu .menuItems>li{position:relative;margin-top:8px} /* #leftMenu .menuItems span{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;text-transform:uppercase;font-family:'robotobold';font-size:14px;color:#444} */ #leftMenu .menuItems small{position:absolute;margin-top:-11px;line-height:22px;height:22px;color:#888;right:0;top:50%} #leftMenu .menuItems a{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;line-height:21px;display:block;color:#000} #leftMenu .menuItems a:hover{color:#999} #leftMenu .menuItems a img{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out} #leftMenu .menuItems a:hover img{opacity:.8} /* #leftMenu .menuSlider{background:#fff;background:-moz-linear-gradient(top,#fff 50%,#f9fafc 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(100%,#f9fafc));background:-webkit-linear-gradient(top,#fff 50%,#f9fafc 100%);background:-o-linear-gradient(top,#fff 50%,#f9fafc 100%);background:-ms-linear-gradient(top,#fff 50%,#f9fafc 100%);background:linear-gradient(to bottom,#fff 50%,#f9fafc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f9fafc',GradientType=0);vertical-align:middle;display:table-cell;position:relative;overflow:hidden;width:295px} */ #leftMenu .menuSlider>ul{position:relative;list-style:none;padding:0;margin:0} #leftMenu .menuSlider>ul>li{position:relative;float:left} #leftMenu .menuSlider .slideBtnLeft,#leftMenu .menuSlider .slideBtnRight{background:url(/bitrix/templates/dresscode/components/bitrix/menu/_leftMenuSlim/images/slideArrow.png) 0 0 no-repeat transparent;position:absolute;margin-top:3px;z-index:99;height:16px;opacity:.5;width:14px;top:30%} #leftMenu .menuSlider .slideBtnLeft:hover,#leftMenu .menuSlider .slideBtnRight:hover{opacity:.8} #leftMenu .menuSlider .slideBtnLeft:active,#leftMenu .menuSlider .slideBtnRight:active{opacity:1} #leftMenu .menuSlider .slideBtnLeft{left:12px} #leftMenu .menuSlider .slideBtnRight{background-position:-14px 0;right:12px} #leftMenu .product{position:relative !important;height:auto !important;width:100% !important;border:0 !important} #leftMenu .product .tabloid{border:0 !important;height:auto !important;position:static !important;background:transparent !important} #leftMenu .product:hover .tabloid{box-shadow:none} #leftMenu .cart_btn { width: 24px; height: 24px; } /* End */ /* Start:/bitrix/templates/dresscode/components/bitrix/form.result.new/need-help__footer/style.css?17262638864618*/ .visible { display: block !important; } #need-help-form__footer .sideBlockContent { display: grid; margin: 0 auto; grid-template-columns: 276px minmax(320px, 702px); justify-content: center; grid-gap: 100px; } #need-help-form__footer .sideBlockContent p { font-size: 20px; font-weight: 400; font-family: roboto_ltregular, Helvetica, Arial, sans-serif; line-height: 26px; text-align: left; color: #fff; margin: 0 0 12px 0; } #need-help-form__footer { overflow: hidden; padding: 40px 20px; background-color: #78295B; } #need-help-form__footer h4 { margin: 0; margin-bottom: 0px; font-size: 24px; font-family: robotoregular; font-weight: 700; text-transform: uppercase; line-height: 32px; } #need-help-form__footer .textBlock { color: #fff; text-align: left; width: 276px; } #need-help-form__footer .need-help-form { display: grid; max-width: 702px; grid-template-columns: 1fr 1fr; grid-row-gap: 14px; } #need-help-form__footer .divForm { display: block; width: 100%; } #need-help-form__footer input { display: inline-block; border-radius: 6px; border: 0; background: #fff; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: left; line-height: 50px; font-size: 17px; color: #B3BCD5; height: 60px; padding: 20px 25px; } #need-help-form__footer input::-webkit-input-placeholder { color: #B3BCD5 } #need-help-form__footer input::-moz-placeholder { color: #B3BCD5 } #need-help-form__footer input:focus::-webkit-input-placeholder { color: #B3BCD5 } #need-help-form__footer input:focus::-moz-placeholder { color: #B3BCD5 } #need-help-form__footer input:focus:-moz-placeholder { color: #B3BCD5 } #need-help-form__footer input:focus:-ms-input-placeholder { color: #B3BCD5 } #need-help-form__footer input:focus { color: #333; } #need-help-form__footer .submit { display: block; cursor: pointer; color: #fff; max-width: 326px; text-align: center; display: inline-block; margin-left: 20px; border-radius: 4px; background: #f44336; -webkit-appearance: none; appearance: none; font-size: 20px; line-height: 21px; font-family: robotobold; } #need-help-form__footer .submit:hover { background-color: #d42d20; } @media all and (max-width: 1000px) { #need-help-form__footer .sideBlockContent { grid-template-columns: 1fr; grid-gap: 18px; } #need-help-form__footer .textBlock { width: 100%; } #need-help-form__footer .need-help-form { max-width: 100%; grid-template-columns: 2fr 1fr; } } @media all and (max-width: 768px) { #need-help-form__footer .sideBlockContent p { font-size: 17px; } } @media all and (max-width: 480px) { #need-help-form__footer .need-help-form { grid-template-columns: 1fr; } #need-help-form__footer .submit { margin-left: 0; max-width: 100%; padding: 20px 0; } } .webFormError { display: none; } #need-help-form__footer .webFormError { color: #fff; border: 1px solid var(--second-bordered-color); } .modalFormDiv .webFormMessage { -webkit-transition: .1s all ease-in-out; -o-transition: .1s all ease-in-out; transition: .1s all ease-in-out; background: rgba(0, 0, 0, 0.4); line-height: 250px; position: fixed; overflow: auto; color: #000; display: none; z-index: 1000; height: 100%; width: 100%; left: 0; top: 0 } .modalFormDiv .webFormMessageContainer { box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.4); background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: -225px; position: absolute; text-align: center; margin-top: -125px; border-radius: 2px; padding: 0 24px; height: 250px; width: 450px; left: 50%; top: 50% } .modalFormDiv .webFormMessageMiddle { vertical-align: middle; display: inline-block; line-height: 21px } .modalFormDiv .webFormMessageHeading { margin-bottom: 24px; text-align: center; font-weight: 500; font-size: 18px } .modalFormDiv .webFormMessageDescription { text-align: center } .modalFormDiv .webFormMessageExit { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; background-color: #000; text-decoration: none; display: inline-block; text-align: center; border-radius: 2px; line-height: 40px; margin-top: 24px; padding: 0 24px; color: #fff; height: 40px } .modalFormDiv .webFormMessageExit:hover { opacity: .8 } .modalFormDiv .webFormMessageExit:active { position: relative; top: 1px } .webFormError { margin-top: 10px; } /* End */ /* Start:/bitrix/templates/dresscode/fonts/roboto/roboto.css?17262638861860*/ @font-face{font-family:robotobold;font-display:swap;src:url(/bitrix/templates/dresscode/fonts/roboto/roboto-bold.eot);src:url(/bitrix/templates/dresscode/fonts/roboto/roboto-bold.eot?#iefix) format('embedded-opentype'),url(/bitrix/templates/dresscode/fonts/roboto/roboto-bold.woff) format('woff'),url(/bitrix/templates/dresscode/fonts/roboto/roboto-bold.ttf) format('truetype');font-weight:700;font-style:normal} @font-face{font-family:robotomedium;font-display:swap;src:url(/bitrix/templates/dresscode/fonts/roboto/roboto-medium.eot);src:url(/bitrix/templates/dresscode/fonts/roboto/roboto-medium.eot?#iefix) format('embedded-opentype'),url(/bitrix/templates/dresscode/fonts/roboto/roboto-medium.woff) format('woff'),url(/bitrix/templates/dresscode/fonts/roboto/roboto-medium.ttf) format('truetype');font-weight:700;font-style:normal} @font-face{font-family:roboto_condensedlight;font-display:swap;src:url(/bitrix/templates/dresscode/fonts/roboto/robotocondensed-light.eot);src:url(/bitrix/templates/dresscode/fonts/roboto/robotocondensed-light.eot?#iefix) format('embedded-opentype'),url(/bitrix/templates/dresscode/fonts/roboto/robotocondensed-light.woff) format('woff'),url(/bitrix/templates/dresscode/fonts/roboto/robotocondensed-light.ttf) format('truetype');font-weight:400;font-style:normal} @font-face{font-family:roboto_cnregular;font-display:swap;src:url(/bitrix/templates/dresscode/fonts/roboto/roboto-condensed.eot);src:url(/bitrix/templates/dresscode/fonts/roboto/roboto-condensed.eot?#iefix) format('embedded-opentype'),url(/bitrix/templates/dresscode/fonts/roboto/roboto-condensed.woff) format('woff'),url(/bitrix/templates/dresscode/fonts/roboto/roboto-condensed.ttf) format('truetype');font-weight:400;font-style:normal} @font-face{font-family:roboto_ltregular;font-display:swap;src:url(/bitrix/templates/dresscode/fonts/roboto/roboto-light.eot);src:url(/bitrix/templates/dresscode/fonts/roboto/roboto-light.eot?#iefix) format('embedded-opentype'),url(/bitrix/templates/dresscode/fonts/roboto/roboto-light.woff) format('woff'),url(/bitrix/templates/dresscode/fonts/roboto/roboto-light.ttf) format('truetype');font-weight:400;font-style:normal} @font-face{font-family:robotoregular;font-display:swap;src:url(/bitrix/templates/dresscode/fonts/roboto/roboto-regular.eot);src:url(/bitrix/templates/dresscode/fonts/roboto/roboto-regular.eot?#iefix) format('embedded-opentype'),url(/bitrix/templates/dresscode/fonts/roboto/roboto-regular.woff) format('woff'),url(/bitrix/templates/dresscode/fonts/roboto/roboto-regular.ttf) format('truetype');font-weight:400;font-style:normal} @font-face{font-family:roboto_thregular;font-display:swap;src:url(/bitrix/templates/dresscode/fonts/roboto/roboto-thin.eot);src:url(/bitrix/templates/dresscode/fonts/roboto/roboto-thin.eot?#iefix) format('embedded-opentype'),url(/bitrix/templates/dresscode/fonts/roboto/roboto-thin.woff) format('woff'),url(/bitrix/templates/dresscode/fonts/roboto/roboto-thin.ttf) format('truetype');font-weight:400;font-style:normal} /* End */ /* Start:/bitrix/templates/dresscode/themes/white/coral/style.css?172626388615507*/ body.index{background-color:#f3f3f3}#left .heading{color:#fff}#left .opener{background:#f44336}#left .heading ins{cursor:pointer}#left .sideBlock .heading{background-color:#2b2b2b}#left #leftMenu .menuItems a:hover span,#main.color_white #leftMenu .menuItems a:hover,#main.color_white #subLeftMenu a:hover{color:#f44336!important}#catalogLine,#catalogLine select{border:1px solid #e7e8ea}#right .heading{background:#2b2b2b;color:#fff}#catalogLine select{color:#888}#appBasket .lower .tools .continue,#appBasket .lower .tools .icon{border-right:1px solid #4c4c4c}#catalogLine .viewList .element a{background:url(/bitrix/templates/dresscode/themes/white/coral/images/catalogView.png) no-repeat}#appBasketContainer{box-shadow:1px 1px 12px rgba(60,60,60,.3);background-color:#fff}#appBasket .heading{background-color:#424242;color:#fff}#appBasket .markerContainer .marker{background-color:#424242;color:#fff}#appBasket .name{color:#000}#appBasket .name:hover{color:#f44336}#appBasket .price{color:#000}#appBasket .price .discount{color:#888}#appBasket .minus,#appBasket .plus{background:url(/bitrix/templates/dresscode/themes/white/coral/images/plusMinus.png) no-repeat #424242}#appBasket .plus{background-position:0 -19px}#appBasket .plus:hover{background-position:-19px -19px}#appBasket .plus:active{background-position:-38px -19px}#appBasket .minus:hover{background-position:-19px 0x}#appBasket .minus:active{background-position:-38px 0}#appBasket .qty{background-color:#e7e8ea;color:#000}#appBasket .sum{background-color:#fbfbfb}#appBasket .sum .discount{color:#888}#appBasket .lower{background-color:#424242}#appBasket .lower .tools .icon:hover{background:#2b2b2b}#appBasket .lower .tools .continue a,#appBasket .lower .tools .goToBasket a{color:#fff}#appBasket .lower .tools .goToBasket{background-color:#f44336}#appBasket .lower .tools .goToBasket:hover{background-color:#d42d20}#appBasket .lower .tools .continue:hover{background:#2b2b2b}#appFastBuyContainer .heading{background-color:#424242;color:#fff}#appFastBuyContainer input{background-color:#f3f3f3;color:#000}#appFastBuyContainer textarea{background-color:#f3f3f3}#appFastBuyContainer input:focus,#appFastBuyContainer textarea:focus{background-color:#e9e9e9}#appFastBuyContainer input.error,#appFastBuyContainer textarea.error{border:1px solid red}#appFastBuyContainer #fastBuyFormSubmit{background-color:#f44336;color:#fff}#appFastBuyContainer #fastBuyFormSubmit:hover{background-color:#d42d20}#appFastBuyContainer #fastBuyFormSubmit.loading{background:url(/bitrix/templates/dresscode/themes/white/coral/images/loading.gif) 24px 50% no-repeat #d42d20!important}#fastBuyResult #fastBuyResultClose{background-color:#f44336;color:#fff}#fastBuyResult #fastBuyResultClose:hover{background-color:#d42d20}#appFastBuyContainer .marker{background-color:#424242;color:#fff}#appFastBuyContainer .name{color:#000}#appFastBuyContainer .name:hover{color:#f44336}#appFastBuyContainer .price{color:#000}#appFastBuyContainer .price .discount{color:#888}#appFastView .appFastViewExit,#fastViewStores .fastViewStoresExit{background:url(/bitrix/templates/dresscode/themes/white/coral/images/exit.png) no-repeat}#appFastView .appFastViewExit:hover,#fastViewStores .fastViewStoresExit:hover{background-position:0 -21px}#appFastView .appFastViewExit:active,#fastViewStores .fastViewStoresExit:active{background-position:0 -42px}#appProductPriceVariant .appPriceVariantExit{background:url(/bitrix/templates/dresscode/themes/white/coral/images/exit2.png) no-repeat}#appProductPriceVariant .appPriceVariantExit:hover{background-position:0 -21px}#appProductPriceVariant .appPriceVariantExit:active{background-position:0 -42px}#footerLine .item .callback,#footerTabsCaption .item a:hover{color:#f44336}#footerLine{box-shadow:1px 1px 12px #000}#authMenu li .selected:hover,#authMenu li a,#empty a{color:#000}#authMenu{border-bottom:1px solid #e7e8ea}#authMenu li a:hover{color:#f44336}#authMenu li .selected{border-bottom:1px dashed #000}#empty .emptyWrapper{border-bottom:1px solid #e7e8ea}#empty p a{border-bottom:1px dashed #000}#empty .back,#empty p a:hover{border-bottom:1px dashed #f44336}#empty .back,#empty a:hover{color:#f44336}#empty .back:hover{color:#d42d20}.product.last{background:#f9f9f9}.product .tabloid{background-color:#fff}.product .name,.product .price,.product.last .showMore{color:#000}.product .name:hover{color:#f44336}.product .price .discount{color:#888}.product .addCart{background:#f44336;color:#fff}.product .addCart:hover{background-color:#d42d20}.product .label{color:#717171}.product .label:hover{color:#000}.product .skuPropertyName{color:#888}.product .skuProperty .selected .skuPropertyLink{border:1px solid #f44336}.product .skuPropertyLink{border:1px solid #ddd;color:#000}.product:hover .tabloid{background:#fff;background:-moz-linear-gradient(top,#fff 50%,#f9fafc 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(100%,#f9fafc));background:-webkit-linear-gradient(top,#fff 50%,#f9fafc 100%);background:-o-linear-gradient(top,#fff 50%,#f9fafc 100%);background:-ms-linear-gradient(top,#fff 50%,#f9fafc 100%);background:linear-gradient(to bottom,#fff 50%,#f9fafc 100%)}.product.last .showMore:hover{color:#f44336}.addCart.added{background:#2b2b2b!important}.addCart.added:hover{background:#3b3b3b!important}.sideBlock .heading{background-color:#424242}.heading.collapsed{color:#fff}.bx-auth .alert{border:1px solid #e7e8ea;background-color:#f3f3f3}.bx-auth .alert.alert-danger{border:1px solid red;background-color:#fff}.bx-auth .alert.small{color:#000}.bx-authform-label-container{color:#333}.bx-auth .registerText{border-bottom:1px solid #e7e8ea}.bx-auth input.error{border:1px solid red!important}.bx-auth input[type=password],.bx-auth input[type=text]{background-color:#f3f3f3}.bx-auth input[type=password]:focus,.bx-auth input[type=text]:focus{background-color:#eee}.bx-auth .submit,.popup-window .btn{background:#f44336;color:#fff}.bx-auth .submit:hover,.popup-window .btn:hover{background:#d42d20}.bx-auth .clear{border:1px solid #e7e8ea;color:#000}.bx-auth .clear:hover{border:1px solid #ccc}.bx-auth .forgot,.bx-auth .registerLink{color:#000}.bx-auth .forgot:hover,.bx-auth .registerLink:hover{color:#f44336}.backToIndexPage,.blackLink{color:#000}.backToIndexPage:hover,.blackLink:hover{color:#f44336}div[id^=wait_comp_]{border:1px solid #e7e8ea!important;background-color:#fff!important}.contactList a{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;text-decoration:none;color:#000}.contactList a:hover{color:#f44336}@media all and (max-width:1800px){/* #brandList .item, */#popSection .item,.product{border-right:1px solid #e7e8ea!important;border-bottom:1px solid #e7e8ea!important}#brandList .item:nth-child(-n+4),#popSection .item:nth-child(-n+4),.product:nth-child(-n+4){border-top:1px solid #e7e8ea!important}/* #brandList .item:nth-child(4n+1), */#popSection .item:nth-child(4n+1),.product:nth-child(4n+1){border-left:1px solid #e7e8ea!important}} /* #brandList .item, */#popSection .item,.product{border-right:1px solid #e7e8ea!important;border-bottom:1px solid #e7e8ea!important} .product:nth-child(-n+4){border-top:1px solid #e7e8ea!important} .product:nth-child(4n+1){border-left:1px solid #e7e8ea!important} @media all and (max-width:1200px){#homeCatalog .item:nth-child(3n),#homeCatalog .item:nth-child(4n),#homeCatalog .item:nth-child(5n){border-right:1px solid #e7e8ea}#catalogLineList .column:last-child{background-color:#f9f9f9}}@media all and (max-width:1100px){/* #brandList .item, */#popSection .item,.product{border-right:1px solid #e7e8ea!important;border-bottom:1px solid #e7e8ea!important}#brandList .item:nth-child(-n+2),#popSection .item:nth-child(-n+2),.product:nth-child(-n+2){border-top:1px solid #e7e8ea!important}#brandList .item:nth-child(2n+1),#popSection .item:nth-child(2n+1),.product:nth-child(2n+1){border-left:1px solid #e7e8ea!important}}@media all and (max-width:480px){#brandList .item,#popSection .item,.product{border-right:1px solid #e7e8ea!important;border-bottom:1px solid #e7e8ea!important}#brandList .item:nth-child(-n+1),#popSection .item:nth-child(-n+1),.product:nth-child(-n+1){border-top:1px solid #e7e8ea!important}#brandList .item:nth-child(1n+1),#popSection .item:nth-child(1n+1),.product:nth-child(1n+1){border-left:1px solid #e7e8ea!important}}#ORDER_CONFIRM_BUTTON{background:#d42d20!important}.addCart.disabled{background-color:#ccc!important;border:1px solid #e7e8ea}#breadcrumbs{color:#999}#breadcrumbs ul li a{color:#000}#elementSmallNavigation .tab{border-right:1px solid #e7e8ea}#catalogLineList .name:hover,#catalogLineList .prop a:hover,#elementProperties .stats a:hover,#elementSmallNavigation .tab.active a,#files .item .info .name:hover,#set .setElement .name:hover,#showallReviews:hover,.elementProperties a:hover{color:#f44336}#elementSmallNavigation .tab.active span{border-bottom:1px dashed #f44336}#elementTools .addCart,#smallElementTools .addCart{background:#f44336}#elementTools .addCart:hover,#smallElementTools .addCart:hover{background-color:#d42d20}#elementContainer .elementSkuProperty .selected .elementSkuPropertyLink{border:1px solid #f44336}#catalogElement #newReview .submit,#catalogElement #newReview .usedSelect li a.selected{background:#f44336}#catalogElement #newReview .submit:hover{background:#d42d20}#catalogLineList .skuProperty .selected .skuPropertyLink{border:1px solid #f44336}#catalogTableList .name:hover{color:#d42d20}#catalogLineList .addCart,#catalogTableList .addCart,#catalogTableList .more{background-color:#f44336}#smartFilter .showALL{color:#f44336;}#smartFilter .showALL:hover{color:#d42d20;}#catalogLineList .addCart:hover,#catalogTableList .addCart:hover,#catalogTableList .more:hover,#smartFilter .dropdownList .item:hover,#smartFilter .dropdownList .selected{background-color:#d42d20}#smartFilter .checkbox label:hover,#smartFilter .hintValue .close,#smartFilter .radio label:hover{color:#f44336}#smartFilter .handler{background:url(/bitrix/templates/dresscode/themes/white/coral/images/handlerActive.png) no-repeat}#set_filter{background-color:#f44336}#set_filter:hover{background-color:#d42d20}#smartFilter .checkboxList .selected .icon,#smartFilter .dropdown .selected .icon{border-color:#f44336}#smartFilter .hintValue .close:hover,#topMenu .sub li:hover a,#topMenu li .selected,#topMenu li a:hover{color:#d42d20}#smartFilter button,#smartFilter input[type=reset],#smartFilter input[type=submit]{border:1px solid #f44336;background-color:#f44336}#smartFilter button:hover,#smartFilter input[type=submit]:hover{background-color:#d42d20}#modef{background:url(/bitrix/templates/dresscode/themes/white/coral/images/modef.png) no-repeat}#topMenu .bar>a{background:url(/bitrix/templates/dresscode/themes/white/coral/images/menuMore.png) 0 50% no-repeat}#topMenu .bar.active>a,#topMenu .bar>a:hover{background:url(/bitrix/templates/dresscode/themes/white/coral/images/menuMore.png) -21px 50% no-repeat}#personalMenu li a:hover{color:#f44336}#subLeftMenu .selected a{color:#d42d20}#newsContainer .column .item .title a:hover,.backToList:hover{color:#f44336}#newsDetail .more{background:#f44336}#newsDetail .more:hover{background-color:#d42d20}#newsContainer .column .item .more{background:#f44336}#newsContainer .column .item .more:hover{background-color:#d42d20}#collectionBlock .link,#collectionBlock .name:hover{color:#d42d20}#newsBlock .newsTitle:hover{color:#f44336}#serviceBlock .link,#serviceBlock .name:hover{color:#d42d20}#subscribeEdit a:hover,.bx_my_order_cancel a:hover,.bx_my_order_switch .bx_mo_link:hover{color:#f44336}.bx_my_order_cancel input[type=submit]{background:#f44336}.bx_my_order_cancel input[type=submit]:active,.bx_my_order_cancel input[type=submit]:hover{background:#d42d20}input[name=BuyButton]{background-color:#f44336}#subscribeEdit .submit{background:#f44336}#subscribeEdit .submit:hover{background:#d42d20}.bx-pagination .bx-pagination-container ul li.bx-active span{background:#f44336;color:#fff}#brandList .last .ps:hover,#brandList .last .showMore:hover,#brandList .name:hover{color:#d42d20}#mainProfile .profileSettings .heading,#orderSuccess a{color:#f44336}#homeCatalog .caption.selected{background-color:#f44336}#mainProfile .profileSettings .submit{background:#f44336}#mainProfile .profileSettings .submit:hover{background:#d42d20}#main input[name=BuyButton],#main input[type=submit],#newOrder{background-color:#f44336}#main input[name=BuyButton]:hover,#main input[type=submit]:hover,#newOrder:hover{background-color:#d42d20}#orderSuccess a:hover{color:#d42d20}#personalCart #tabsControl .item a:hover,#personalCart .productTable .clear a:hover,#personalCart .productTable .name a:hover{color:#f44336}#personalCart #basketView .item a{background:url(/bitrix/templates/dresscode/themes/white/coral/images/cartView.png) no-repeat}#personalCart #tabsControl .item .selected:hover{border-bottom:1px dashed #f44336}#orderMake{background-color:#f44336}#orderMake:hover{background-color:#d42d20}.orderLoad{background:url(/bitrix/templates/dresscode/themes/white/coral/images/orderLoad.gif) 24px 50% no-repeat #f44336!important}#wishlist .prop a:hover{color:#d42d20}#popSection .last .ps:hover,#popSection .last .showMore:hover,#popSection .name:hover,#storeDetail .storesMoreLink,#storesList .storesListTableLink{color:#f44336}#storeDetail .showByMapLink{color:#000}#storeDetail .showByMapLink:hover,#storeDetail .storesMoreLink:hover,#storesList .storesListTableLink:hover,#storesList .storesListTableMailLink:hover{color:#d42d20}#complect .complectListItemLink{color:#000}#complect .complectListItemLink:hover{color:#d42d20}#complect .complectResultEconomyValue{color:#ff305c}#appFastView .addCart,#geo-location-window .geo-location-window-button{background:#f44336}#appFastView .addCart:hover,#geo-location-window .geo-location-window-button:hover{background-color:#d42d20}#geo-location-window .geo-location-window-list-item .selected span{border-bottom:1px dashed #f44336;color:#f44336}#geo-location-window .geo-location-window-list-item a:hover{color:#f44336}.information-feedback,.shop-review-top-new-button{border:1px solid #f44336;color:#f44336}.information-feedback:hover,.shop-review-top-new-button:hover{border:1px solid #ff7300;color:#ff7300}.webFormTools input[type=button],.webFormTools input[type=submit]{background-color:#f44336}.webFormTools input[type=button]:hover,.webFormTools input[type=submit]:hover{background-color:#d42d20}#bx-soa-order-form .bx-blue .btn.btn-default{background-color:#f44336;border:1px solid #ff7300;color:#fff}#bx-soa-order-form textarea{outline:0}#bx-soa-order-form a,#bx-soa-order-form a:hover{color:#f44336}#bx-soa-order-form .bx-sls .quick-location-tag,.bx-slst .quick-location-tag{color:#23527c}#bx-soa-order-form .bx-blue .btn.btn-default:hover{background-color:#d42d20}#appProductPriceVariant .linkMore{background:#f44336}#appProductPriceVariant .linkMore:hover{background-color:#d42d20}#compareBlock .leftTools .all,#compareTools .hide,#requestPrice #requestPriceResultClose,#requestPrice #requestPriceSubmit,#scrollTable .addCart,#scrollTable .addSku,#slider .sliderContent .cButton,#specialProduct .more,#specialProduct .specialTimeItem{background-color:#f44336}#compareBlock .leftTools .all:hover,#compareTools .hide:hover,#requestPrice #requestPriceResultClose:hover,#requestPrice #requestPriceSubmit:hover,#scrollTable .addCart:hover,#slider .sliderContent .cButton:hover,#specialProduct .more:hover{background-color:#d42d20}#requestPrice .productNameBlock .productUrl:hover,#scrollTable a.name:hover{color:#d42d20}#requestPrice #requestPriceSubmit.loading{background:url(/bitrix/templates/dresscode/themes/white/coral/images/loading.gif) 24px 50% no-repeat #d42d20!important}#slider .sliderContent .bigTextColor,#slider .sliderContent .bigTextLightColor,#slider .sliderContent .mediumTextColor,#slider .sliderContent .smallTextColor{color:#f44336}::selection{background:#eca712;color:#fff}::-moz-selection{background:#eca712;color:#fff}::-webkit-selection{background:#eca712;color:#fff} /* End */ /* Start:/bitrix/templates/dresscode/template_styles.min.css?1726263886113829*/ .tablesWrapper { overflow: auto; } .p-absolute { position: absolute; } .p-relative { position: relative; } .qsn-icon_container { top: 50%; transform: translateY(-50%); left: 12px; cursor: pointer; } .qsn-icon { fill: #b3bcd5; height: 16px; width: 16px; transition: all .2s ease-in-out; vertical-align: middle; } .qsn-icon:hover { fill: #425796; } .qsn-header:hover .qsn-icon { fill: #425796; } .qsn-header .qsn-icon:hover input { border-color: #425796; } .wrap_a32a { z-index: 2147483646 !important; } .text-align-center { text-align: center; } .fd-column { flex-direction: column; } .displayBlock { display: block; } .cardView { padding: 20px 30px; border-radius: 6px; box-shadow: 0 0 10px #ccc; max-width: 1000px; box-sizing: border-box; } .jdiv { z-index: 99999 !important } a { text-decoration: none } .apple-banner-main { max-width: 414px } .hasQtnRightBlock { height: 42px; width: 42px; vertical-align: middle; fill: #3b405a } #loadFormStatus { top: 20px; position: fixed; left: 20px; display: none; background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, .25); width: 160px; height: 80px; border-radius: 6px; text-align: center; z-index: 99 } .loadFormStatus__main { top: calc(50% - 34px); margin: auto; vertical-align: middle; position: relative } .loadFormStatus__main .statusLoad { padding-bottom: 8px; display: inline-block; text-transform: uppercase; color: #3b405a; font-size: 12px; font-weight: 700 } .loadFormStatus__main #loadStatus { width: 22px; height: 22px } html { font-size: 100%; ms-text-size-adjust: 100%; webkit-text-size-adjust: 100%; scroll-behavior: smooth } .loader { border: 6px solid #f3f3f3; border-radius: 50%; border-top: 6px solid #f44336; width: 32px; height: 32px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; position: relative; left: calc(50% - 18px) } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0) } 100% { -webkit-transform: rotate(360deg) } } @keyframes spin { 0% { transform: rotate(0) } 100% { transform: rotate(360deg) } } :root { --main-bordered-color: #B3BCD5; --main-bordered-hover-color: #425796; --second-bordered-color: #F44336; --third-color: #D4D4D4 } .bordered { border: 1px solid var(--main-bordered-color); border-radius: 4px; padding: 11px 15px; color: #000 } .bordered:hover { border-color: var(--main-bordered-hover-color) } .swiper-parrent { position: relative } .flexContainer { display: flex } .between { justify-content: space-between } .v-center { align-items: center; } .bottom-btn__container { padding: 32px 15px; background: #000; color: #fff; align-items: center; justify-content: center } .bottom-btn__container .prod-var-title { font-size: 20px; margin-right: 32px } button { font-size: 14px; line-height: 16px; padding: 0; margin: 0; border: 0; background-color: transparent } button:hover { cursor: pointer } .price-in-items { font: 17px robotobold; line-height: 140%; margin: 0 } .discount { font-family: roboto_ltregular; margin-left: 18px; color: var(--second-bordered-color) } .swiper { overflow: hidden } .swiper-wrapper .picture { text-align: center; display: block } .swiper .middle { display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-height: 48px } .swiper .item { max-width: 236px; padding: 20px; box-sizing: border-box; height: 328px } .swiper .picture { height: 180px; line-height: 180px; position: relative } .swiper .picture img { margin: 0 auto; max-height: 100%; max-width: 100%; vertical-align: middle } .swiper .markerContainer { z-index: 3; left: 24px; top: 10px } .slider-text__container { margin-top: 20px } .slider-text__container a { text-align: left; color: #000; font-size: 17px; line-height: 140%; margin-bottom: 14px; height: 48px; display: block } .swiper .price-in-items { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .markerContainer { position: absolute } body { background-color: #fff; font: normal normal 14px roboto_ltregular, arial, sans-serif; line-height: 21px; margin: 0; webkit-font-smoothing: antialiased; webkit-text-size-adjust: none } img { border: 0 } input { font: normal normal 13px roboto_ltregular, arial, sans-serif; outline: 0 } input:-moz-placeholder, input:-ms-input-placeholder, input::-moz-placeholder, input[placeholder] { text-overflow: ellipsis } a, input:focus { outline: 0 } a:not([href]) { cursor: default } a[href^=tel] { color: inherit; text-decoration: none } :focus:-moz-placeholder, :focus:-ms-input-placeholder, :focus::-moz-placeholder, :focus::-webkit-input-placeholder { color: transparent } h1 { color: #000; display: block; font-size: 2em; line-height: 1.1em; margin: 0 0 24px; text-align: left } h2, h3 { font-size: 18px } b, h2, h3, strong { font-family: robotobold; font-weight: 400 } h3 { font-size: 16px } * { box-sizing: content-box; moz-box-sizing: content-box; webkit-box-sizing: content-box } .collapsed#left_menu { /* min-height:1000px; */ background-color: #fff } .swiper-button-disabled { display: none } .swiper-slider_btn { position: absolute; width: 40px; height: 40px; background-color: #fff; z-index: 2; top: calc(50% - 20px); cursor: pointer; border: 1px solid var(--main-bordered-color); border-radius: 100%; padding: 0; box-sizing: border-box } .slider-button { fill: transparent; margin-top: calc(50% - 9px); width: 100%; height: 18px } .swiper-slider_btn-next { right: -20px } .swiper-slider_btn-prev { left: -20px } .swiper-slider_btn-prev svg { transform: rotate(180deg) } .logo_icon { width: 215px; height: 30px; vertical-align: middle } .bold { font-family: robotobold } #appBasket, #appBasket .lower .tools .continue, #appBasket .lower .tools .goToBasket, #appBasket .lower .tools .icon, #appBasket .name, #appFastBuy, #appFastBuyContainer #fastBuyFormSubmit, #appFastBuyContainer #fastBuyPicture, #appFastBuyContainer .name, #appFastBuyContainer input, #appFastBuyContainer textarea, #appFastView, #appFastView .addCart, #appFastView .appFastViewInformationColumn .label, #appFastView .appFastViewMoreLink, #appFastView .appFastViewPictureCarousel, #appFastView .appFastViewPictureCarouselItemLink, #appFastView .appFastViewPictureCarouselItems, #appFastView .appFastViewPictureSlider, #appFastView .appFastViewPictureSliderItemLink, #appFastView .appFastViewPictureSliderItemLink img, #appFastView .appFastViewPictureSliderItems, #appFastView .appFastViewProductHeading a, #appFastView .priceValue, #appFastView .propertyTable .propertyValue a, #appFastView .skuPropertyLink, #appZoomWindow .appZoomContainer, #authMenu li a, #catalogLineList .picture .getFastView, #empty a, #error404 .errorPic, #fastBuyResult #fastBuyResultClose, #footerLine .item a, #left .heading .arrow, #left .sideBlock .heading, #nextSection-titles>ul li, #requestPrice, #requestPrice #requestPriceResultClose, #requestPrice #requestPriceSubmit, #requestPrice .productImageBlock a, #requestPrice .productNameBlock .productUrl, #requestPrice input, #requestPrice textarea, #specialProduct .productItem .getFastView, .ajaxContainer, .b-service-offers-block__content, .b-service-offers-block__header, .b-tags-list__hide:before, .b-tags-list__inner .b-tags-list__list a, .b-tags-list__more:after, .backToIndexPage, .blackLink, .bx-auth .forgot, .bx-auth .registerLink, .bx-auth .submit, .bx-auth input[type=password], .bx-auth input[type=text], .close_button::before, .contactList a, .getPricesWindow, .hide_sect, .inStock, .information-feedback, .information-list-item a, .mainContainer div[data-check] a, .mainContainer div[data-colors] a, .pilink, .popup-title:hover:after, .popup-window .btn, .product .addCart, .product .getFastView, .product .label, .product .name, .product .picture, .product .picture img, .product .skuPropertyLink, .product .tabloid, .product.last .showMore, .question_rbn, .sale_order_full_table input[name=BuyButton], .sale_order_full_table input[type=submit], .show_sect, .swiper-slider_btn, a.inStock:hover span, ul.b-service-offers__list li, ul.b-service-offers__list li i.icon-red, ul.b-service-offers__list li i.icon-red-h { o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; webkit-transition: all .2s ease-in-out; ms-transition: all .2s ease-in-out; moz-transition: all .2s ease-in-out } #appBasket .qty, #appFastBuyContainer #fastBuyResult, #appFastBuyContainer .column, #appFastBuyContainer input, #appFastBuyContainer textarea, #appFastView .appFastViewDescriptionColumnContainer, #appFastView .appFastViewInformationColumn, #appFastView .appFastViewPictureCarousel, #appFastView .appFastViewPictureCarouselItemLink:active, #appFastView .appFastViewPictureSliderItemLink:active, #appFastView .appFastViewProductHeading a:active, #appFastView .skuProperty li, #bx-soa-order *, #left .heading, #requestPrice #requestPriceResult, #requestPrice input, #requestPrice textarea, .bx-auth input[type=password], .bx-auth input[type=text], .information-text, .product, .product .row, .product .skuProperty li, .product .tabloid, ul.b-service-offers__list li { box-sizing: border-box !important; moz-box-sizing: border-box !important; webkit-box-sizing: border-box !important } #appFastBuyContainer #fastBuyFormSubmit:active, #appFastView .appFastViewInformationColumn a.label:active, #appFastView .appFastViewMoreLink:active, #appFastView .priceValue:active, #authMenu li a:active, #catalogLine .viewList .element .line:active, #catalogLine .viewList .element .squares:active, #catalogLine .viewList .element .table:active, #empty .back:active, #fastBuyResult #fastBuyResultClose:active, #requestPrice #requestPriceResultClose:active, #requestPrice #requestPriceSubmit:active, #requestPrice .productImageBlock a:active, #requestPrice .productNameBlock .productUrl:active, .addCart.requestPrice:active, .bx-auth .submit:active, .getPricesWindow:active, .information-list-item a:active, .pilink:active, .popup-window .btn:active, .product .picture:active { position: relative; top: 1px } .question_rbn { background: #f2f2f2; border: 1px solid #f2f2f2; border-radius: 3px; color: #666; display: inline-block; margin-right: 30px; margin-top: 5px; padding: 5px 10px; text-decoration: none } .close_button { width: 18px; height: 18px; display: block; cursor: pointer } .close_button::before { content: "\2715"; vertical-align: unset; font-style: normal; font-size: 18px } #main { margin-top: 30px; min-width: 320px } #main .compliter { border-collapse: collapse; display: table; table-layout: fixed; width: 100% } #left { display: table-cell; vertical-align: top; width: 355px } #left .heading { display: block; font-family: roboto_ltregular; font-size: 18px; font-weight: 400; height: 65px; line-height: 65px; padding-left: 24px; text-decoration: none } #left .heading .arrow { background-position: -27px 50% } #left .heading.opened .arrow { moz-transform: rotate(90deg); o-transform: rotate(90deg); transform: rotate(90deg); webkit-transform: rotate(90deg) } #left #catalogMenuHeading.heading, #left .menuRolled+.collapsed { display: none } #left .heading ins { display: inline-block; float: right; height: 65px; line-height: 65px; margin-right: 24px; vertical-align: middle; width: 27px } #left .sideBlock .heading { font-size: 16px; height: 60px; line-height: 60px } #left .sideBlock a.heading:hover { opacity: .95 } #left .banner { margin-top: 24px; text-align: center } #left .banner img { max-height: 100%; max-width: 100%; vertical-align: middle } #right { display: table-cell; padding-left: 24px; vertical-align: top } #slider { overflow: hidden; } #slider ul { list-style: none; margin: 0; padding: 0; position: relative } #slider ul li { float: left; position: relative; background-color: #fff; max-height: 300px; } #slider ol { bottom: 12px; left: 50%; list-style: none; margin: 0; padding: 0; position: absolute } #slider ol li { cursor: pointer; float: left; height: 18px; margin-right: 4px; width: 18px } #main.color_white #left #leftMenu { border-left: 1px solid #eee; border-right: 1px solid #eee; border-top: 1px solid #eee } #main.color_white #left #subLeftMenu { border-bottom: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee } #main.color_white #leftMenu, #main.color_white #leftMenu>li, #main.color_white #subLeftMenu { background-color: #fff !important } #main.color_white #leftMenu li .menuLink, #main.color_white #subLeftMenu a { color: #000 !important } #leftMenu .activeDrop, #main.color_white #leftMenu>li:hover { color: #f6f6f6 !important } #main.color_white #subLeftMenu { border-top: 1px solid #eee !important } #promoBlock { border-collapse: collapse; display: table; table-layout: fixed; width: 100% } #promoBlock>div[id*=bx_] { border-collapse: collapse; display: table; overflow: hidden; table-layout: fixed; width: 100% } #bannersBlock, #sliderBlock, #specialBlock { display: table-cell; vertical-align: top } #bannersBlock, #specialBlock { overflow: hidden; padding-left: 12px; position: relative; width: 356px } #specialBlock { padding-left: 24px; width: 344px } #left #specialBlock { display: block; margin-bottom: 24px; padding-left: 0; width: 100% } #right .heading { display: block; font-size: 18px; height: 60px; line-height: 60px; margin-bottom: 24px; padding-left: 24px } #footer { overflow: hidden; background-color: #42113d } #catalogLine { border-radius: 4px; line-height: 55px; margin-bottom: 24px; padding: 0 12px } .arSortFields_blocks { display: flex; flex-wrap: wrap; } #catalogLine .column { display: inline-block; } #selectSortParams, #selectCountElements, .search_available { margin-right: 12px; } #catalogLine .column:last-child { margin-left: auto } #catalogLine .label { display: inline-block; margin-right: 12px } #catalogLine select { border-radius: 4px; height: 30px; padding: 0 12px } #catalogLine .viewList { display: inline-block; overflow: hidden; vertical-align: middle } #catalogLine .viewList .element { float: left; margin-left: 12px } #catalogLine .column:first-child, #catalogLine .viewList .element:first-child { margin-left: 0 } #catalogLine .viewList .element a { display: inline-block; height: 55px; vertical-align: middle; width: 30px } #catalogLine .viewList .element .squares { background-position: 0 0 } #catalogLine .viewList .element .squares:hover { background-position: -30px 0 } #catalogLine .viewList .element .squares.selected { background-position: -60px 0 } #catalogLine .viewList .element .line { background-position: 0 -55px } #catalogLine .viewList .element .line:hover { background-position: -30px -55px } #catalogLine .viewList .element .line.selected { background-position: -60px -55px } #catalogLine .viewList .element .table { background-position: 0 -110px } #catalogLine .viewList .element .table:hover { background-position: -30px -110px } #catalogLine .viewList .element .table.selected { background-position: -60px -110px } #rowFooter { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; padding: 60px 20px; grid-row-gap: 68px } #rowFooter .column { grid-row: 1/3 } #rowFooter .heading { font-size: 20px; text-transform: uppercase; color: #fff; font-weight: 700; font-family: robotoregular; letter-spacing: .05em } #rowFooter .column ul { padding: 0; list-style: none; line-height: 32px; margin: 30px 0 0 0 } #rowFooter .column ul li a { color: #c5cae1; text-decoration: none; font-size: 17px; line-height: 130% } .leftColumn:not(.firstBlock) { align-self: end } .leftColumn .logo { margin-bottom: 32px; margin-top: -4px } #rowFooter p, .leftColumn h2 { font-size: 15px; color: #c5cae1; font-family: roboto_ltregular } #rowFooter .firstBlock, .contactsBlock { margin-right: 80px } #rowFooter .contactsBlock p.hr { font-size: 17px; color: #fff; line-height: 130% } #rowFooter .telephone { color: #fff; font-family: robotoregular; font-weight: 700; font-size: 32px; line-height: 37px; letter-spacing: .05em; margin-bottom: 28px } #rowFooter .email a { color: #fff; text-decoration: none; font-family: robotoregular; font-weight: 700; font-size: 17px; line-height: 130% } #rowFooter .email { margin-bottom: 28px } #rowFooter .contactsBlock a { color: #fff; text-decoration: none; padding: 15px 20px; border: 1px solid #f44336; box-sizing: border-box; border-radius: 4px; margin-top: 10px; display: inline-block; text-align: center } #appBasket { background: rgba(0, 0, 0, .4); display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 1001 } #appBasketContainer { height: 400px; left: 50%; margin-left: -350px; margin-top: -200px; position: absolute; top: 50%; width: 700px } #appBasket .heading { font-size: 18px; line-height: 60px; position: relative; text-align: center } #appBasket .close { display: block; height: 21px; position: absolute; right: 20px; top: 20px; width: 21px; text-decoration: none; color: #c3c3c3; line-height: 21px } #appBasket .close.close_button:before { font-size: 26px } #appBasket .close.close_button:hover:before { color: #000 } #appBasket .container { overflow: hidden; position: relative } #appBasket .markerContainer { left: 8px; position: absolute; top: 8px } #appBasket .rating { position: absolute; right: 12px; top: 12px; width: 79px; z-index: 2 } #appBasket .rating i { background: url(/bitrix/templates/dresscode/images/rating.png) repeat 0 0 transparent; display: block; height: 15px; left: 0; position: absolute; top: 0; width: 79px } #appBasket .rating i.m { background: url(/bitrix/templates/dresscode/images/rating.png) repeat 0 -14px transparent; width: 0; z-index: 10 } #appBasket .markerContainer .marker { font: normal normal 12px roboto_ltregular, arial, sans-serif; line-height: 16px; margin-bottom: 8px; padding: 3px 4px; z-index: 2 } #appBasket .picture { float: left; height: 280px; line-height: 280px; position: relative; text-align: center; width: 300px } #appBasket .picture img { max-height: 90%; max-width: 90%; vertical-align: middle } #appBasket .information { line-height: 280px } #appBasket .information .wrapper { display: inline-block; line-height: 21px; vertical-align: middle } #appBasket .name { display: block; font-size: 14px; margin-bottom: 18px; max-width: 300px; text-decoration: none } #appBasket .price { display: block; font-family: robotobold; font-size: 18px; margin-bottom: 18px } #appBasket .price .discount { font-family: roboto_ltregular; font-size: 14px; padding-left: 8px } #appBasket .qtyBlock { margin-bottom: 18px; overflow: hidden } #appBasket .qtyBlock .label { padding-right: 4px } #appBasket .minus, #appBasket .plus { display: inline-block; height: 19px; vertical-align: middle; width: 19px } #appBasket .qty { border: 0; display: inline-block; font-size: 12px; height: 19px; margin: 0 2px; padding: 0 2px; text-align: center; vertical-align: middle; width: 40px } #appBasket .qty.error { border: 1px solid red } #appBasket .sum { font-family: robotobold; font-size: 18px; height: 50px; line-height: 50px; padding: 0 24px } #appBasket .sum .discount { font-family: roboto_ltregular; font-size: 14px; padding-left: 8px } #appBasket .lower { height: 60px; line-height: 60px; overflow: hidden } #appBasket .lower .tools { border-collapse: collapse; border-spacing: 0; table-layout: fixed; width: 100% } #appBasket .lower tbody { vertical-align: top } #appBasket .lower .tools td { padding: 0 } #appBasket .lower .tools .icon { height: 60px; line-height: 60px; text-align: center; vertical-align: top; width: 70px } #appBasket .lower .tools .av:hover { background: unset } #appBasket .lower .tools .icon a { color: transparent; display: block; text-decoration: none } #appBasket .lower .tools .icon .ico { display: inline-block; height: 16px; vertical-align: middle; width: 17px } #appBasket .lower .tools .continue { text-align: center; width: 50% } #appBasket .lower .tools .goToBasket svg { padding-right: 6px } #appBasket .lower .tools .continue a, #appBasket .lower .tools .goToBasket a { display: block; font-size: 14px; line-height: 60px; text-decoration: none } #appBasket .lower .tools .continue .text, #appBasket .lower .tools .goToBasket .text { display: inline-block; margin-top: 2px } #appBasket .lower .tools .goToBasket { text-align: center; width: 50% } #appFastBuy { background: rgba(0, 0, 0, .4); display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 1001 } #appFastBuyContainer { background-color: #fff; box-shadow: 1px 1px 12px rgba(60, 60, 60, .3); height: 430px; left: 50%; margin-left: -350px; margin-top: -215px; overflow: hidden; position: absolute; top: 50%; width: 700px } #appFastBuyContainer .column { float: left; margin-top: 24px; width: 380px } #appFastBuyContainer .column:first-child { text-align: center; width: 320px } #appFastBuyContainer .heading { font-size: 18px; height: 60px; line-height: 60px; position: relative; text-align: center } #appFastBuyContainer .title { display: block; font-size: 16px; margin-bottom: 12px; margin-right: 24px; text-align: center } #appFastBuyContainer .formLine { margin-bottom: 12px } #appFastBuyContainer input { border: 0; font-family: roboto_ltregular; height: 50px; padding-left: 12px; width: 354px } #appFastBuyContainer input[type=checkbox] { display: inline-block; height: 14px; margin-right: 6px; margin-top: 0; vertical-align: middle; width: 14px } #appFastBuyContainer input[type=checkbox].error+label { border-bottom: 1px solid red !important } #appFastBuyContainer textarea { border: 0; font-family: roboto_ltregular; height: 60px; padding-left: 12px; padding-top: 12px; resize: none; width: 354px } #appFastBuyContainer input:focus, #appFastBuyContainer textarea:focus { outline: 0 } #appFastBuyContainer #fastBuyFormSubmit { display: block; font-size: 14px; height: 50px; line-height: 50px; text-align: center; text-decoration: none; width: 354px } #appFastBuyContainer #fastBuyFormSubmit.loading { opacity: .9; o-transition: background 0s !important; text-indent: 12px; transition: background 0s !important; webkit-transition: background 0s !important } #appFastBuyContainer #fastBuyFormSubmit.loading img { display: none } #appFastBuyContainer #fastBuyFormSubmit svg { padding-right: 4px; vertical-align: middle } #appFastBuyContainer .markerContainer { left: 12px; position: absolute; top: 0 } #appFastBuyContainer #fastBuyResult { padding: 0 24px; transform: translateY(50%) } #fastBuyResult #fastBuyResultMessage, #fastBuyResult #fastBuyResultTitle { margin-top: 24px; text-align: center } #fastBuyResult #fastBuyResultTitle { font-size: 16px } #fastBuyResult #fastBuyResultClose { display: block; font-size: 14px; height: 50px; line-height: 50px; margin: 24px auto; text-align: center; text-decoration: none; width: 254px } #appFastBuyContainer .marker { font: normal normal 12px roboto_ltregular, arial, sans-serif; line-height: 16px; margin-bottom: 8px; padding: 3px 4px; z-index: 2 } #appFastBuyContainer .name { display: block; font-size: 14px; height: 44px; line-height: 44px; margin-bottom: 12px; overflow: hidden; text-decoration: none } #appFastBuyContainer .middle { display: inline-block; line-height: 21px; vertical-align: middle } #appFastBuyContainer .price { display: block; font-family: robotobold; font-size: 18px; margin-bottom: 12px; text-decoration: none } #appFastBuyContainer .price .discount { font-family: roboto_ltregular; font-size: 14px; padding-left: 4px } #appFastBuyContainer #fastBuyName { padding: 0 24px } #appFastBuyContainer #fastBuyPicture { display: block; height: 230px; line-height: 230px; margin-bottom: 12px; position: relative; text-align: center } #appFastBuyContainer #fastBuyPicture .url { display: block; height: 230px; line-height: 230px; text-align: center } #appFastBuyContainer #fastBuyPicture .picture { max-height: 90%; max-width: 90%; vertical-align: middle } #appFastBuy .close { display: block; height: 21px; position: absolute; right: 20px; top: 20px; width: 21px; text-decoration: none; line-height: 26px; color: #c3c3c3 } #appFastBuy .close.close_button:before { font-size: 26px } #appFastBuy .close:active:before, #appFastBuy .close:hover:before { color: #000 } #appFastView { background: rgba(0, 0, 0, .4); height: 100%; left: 0; overflow: auto; position: fixed; top: 0; width: 100%; z-index: 1000 } #appFastView .appFastViewContainer { animation-duration: .2s; animation-fill-mode: both; animation-name: zoomIn; background-color: #fff; box-shadow: 1px 1px 12px rgba(60, 60, 60, .3); height: 550px; left: 50%; margin-left: -500px; margin-top: -275px; position: absolute; top: 50%; webkit-animation-duration: .2s; webkit-animation-fill-mode: both; webkit-animation-name: zoomIn; width: 1000px } #appFastView .appFastViewColumnContainer { height: 490px } #appFastView .appFastViewPictureColumn { border-right: 1px solid #ddd; float: left; height: 490px; position: relative; width: 336px } #appFastView .appFastViewDescriptionColumn { float: left; height: 100%; overflow: hidden; position: relative; width: 410px } #appFastView .appFastViewDescriptionColumnContainer { height: 100%; left: 24px; overflow-x: hidden; overflow-y: scroll; padding-right: 24px; padding-top: 24px; position: absolute; width: 100% } #appFastView .appFastViewDescriptionColumn:after { background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%); bottom: 0; content: ""; display: block; height: 50px; pointer-events: none; position: absolute; width: 100% } #appFastView .appFastViewInformationColumn { background-color: #f3f3f3; float: left; height: 100%; padding: 0 24px; position: relative; width: 251px } #appFastView .markerContainer { color: #fff; left: 12px; position: absolute; top: 12px; z-index: 88 } #appFastView .marker { font: normal normal 12px roboto_ltregular, arial, sans-serif; line-height: 16px; margin-bottom: 8px; padding: 3px 4px; z-index: 2 } #appFastView .appFastViewPictureCarousel, #appFastView .appFastViewPictureCarouselItems, #appFastView .appFastViewPictureSlider, #appFastView .appFastViewPictureSliderItems { overflow: hidden; position: relative } #appFastView .appFastViewPictureCarouselItems, #appFastView .appFastViewPictureSliderItems { left: 0 } #appFastView .appFastViewPictureCarouselItems { padding-bottom: 12px } #appFastView .appFastViewPictureCarousel { margin: 0 24px; padding: 0 12px 12px 12px } #appFastView .appFastViewPictureCarouselItem, #appFastView .appFastViewPictureSliderItem { float: left; text-align: center } #appFastView .appFastViewPictureSliderItem { height: 380px; line-height: 380px } #appFastView .appFastViewPictureSliderItemLayout { display: inline-block; line-height: 0; vertical-align: middle } #appFastView .appFastViewPictureCarouselItem { height: 60px; line-height: 60px } #appFastView .appFastViewPictureCarouselItemPicture, #appFastView .appFastViewPictureSliderItemPicture { max-height: 100%; max-width: 100%; vertical-align: middle } #appFastView .appFastViewPictureCarouselLeftButton, #appFastView .appFastViewPictureCarouselRightButton { background: url(/bitrix/templates/dresscode/images/carouselArrowSmall.png) 0 0 no-repeat transparent; height: 16px; margin-top: -14px; opacity: .5; position: absolute; top: 50%; width: 14px; z-index: 99 } #appFastView .appFastViewPictureCarouselLeftButton:hover, #appFastView .appFastViewPictureCarouselRightButton:hover { opacity: .8 } #appFastView .appFastViewPictureCarouselItemLink.active:hover, #appFastView .appFastViewPictureCarouselLeftButton:active, #appFastView .appFastViewPictureCarouselRightButton:active { opacity: 1 } #appFastView .appFastViewPictureCarouselLeftButton:active { left: 1px } #appFastView .appFastViewPictureCarouselRightButton:active { right: 1px } #appFastView .appFastViewPictureCarouselLeftButton { left: 0 } #appFastView .appFastViewPictureCarouselRightButton { background-position: -14px 0; right: 0 } #appFastView .appFastViewPictureSliderItemLink { display: inline-block; height: auto; line-height: 0; position: relative } #appFastView .appFastViewPictureCarouselItemLink { display: block; height: 60px; opacity: .3; position: relative } #appFastView .appFastViewPictureCarouselItemLink:hover, #appFastView .appFastViewPictureSliderItemLink:hover img { opacity: .9 } #appFastView .appFastViewPictureCarouselItemLink.active { opacity: 1; pointer-events: none; position: relative } #appFastView .appFastViewPictureCarouselItemLink.active:after { background: #000; bottom: -4px; content: ""; display: block; height: 2px; left: 50%; position: absolute; transform: translateX(-50%); width: 20% } #appFastView .appFastViewPictureLoupe { background-repeat: no-repeat; border: 1px solid #000; border-radius: 50%; cursor: crosshair; height: 150px; left: -9999px; margin-left: -75px; margin-top: -75px; position: absolute; top: -9999px; width: 150px } #appFastView .appFastViewHeading { background-color: #424242; color: #fff; font-size: 18px; line-height: 60px; position: relative; text-align: center } #appFastView .appFastViewProductHeading { font-size: 21px; line-height: 33px } #appFastView .appFastViewProductHeading a { color: #000; text-decoration: none } #appFastView .appFastViewProductHeading a:hover { color: #555 } #appFastView .appFastSkuProductPropertiesHeading, #appFastView .appFastViewProductPropertiesHeading { font-size: 16px; margin-top: 24px } #appFastView .appFastViewProductPropertiesHeading { margin-bottom: 12px } #appFastView .propertyTable { display: table; table-layout: fixed; width: 100%; font-size: 13px } #appFastView .propertyTable .propertyName, #appFastView .propertyTable .propertyValue { background-color: #fff; display: table-cell; overflow: hidden; padding: 4px 0; position: relative; vertical-align: middle } #appFastView .propertyTable .propertyValue { padding-left: 12px; width: 40% } #appFastView .propertyTable .propertyName:after { border-bottom: 1px dotted #ccc; content: ""; height: 13px; margin-left: 12px; position: absolute; width: 100% } #appFastView .propertyTable .propertyValue a { color: #555 } #appFastView .propertyTable .propertyValue a:hover { color: #000 } #appFastView .appFastViewDescription, #appFastView .skuProperty .disabled { display: none } #appFastView .appFastViewDescription.visible { display: block } #appFastView .appFastViewDescriptionHeading { font-size: 16px; margin-top: 24px } #appFastView .appFastViewDescriptionText { font-size: 13px; line-height: 21px; margin-top: 12px } #appFastView .skuPropertyList { list-style: none; margin: 0 0 0 -6px; overflow: hidden; padding: 0 } #appFastView .skuProperty { margin: 12px 0; overflow: hidden } #appFastView .skuProperty:last-child { margin-bottom: 0 !important } #appFastView .skuPropertyName { font-size: 13px; padding-left: 2px } #appFastView .skuProperty li { float: left; margin-top: 12px; min-width: 18%; overflow: hidden; padding: 0 6px } #appFastView .skuProperty .selected .skuPropertyLink { pointer-events: none; position: relative } #appFastView .skuPropertyLink { display: block; line-height: 28px; min-height: 28px; padding: 4px 6px; text-align: center; text-decoration: none } #appFastView .skuPropertyLink:hover { opacity: .8 } #appFastView .skuPropertyList img { max-height: 100%; max-width: 100%; vertical-align: middle } #appFastView .skuProperty .selected .skuPropertyLink { border: 1px solid #ff9601 } #appFastView .skuPropertyLink { border: 1px solid #ddd; color: #000 } #appFastView .appFastViewExit { display: block; height: 21px; position: absolute; right: 20px; top: 20px; width: 21px } #appFastView .appFastViewMoreLink { color: #000; display: inline-block; margin-bottom: 24px; margin-top: 24px; position: relative; z-index: 0 } #appFastView .appFastViewMoreLink:hover { color: #555 } #appFastView .addCart { border-radius: 4px; color: #fff; display: block; font-size: 16px; height: 60px; line-height: 60px; margin-bottom: 16px; margin-top: 12px; text-align: center; text-decoration: none } #appFastView .price { color: #000; display: block; font-family: robotobold; font-size: 21px; line-height: 28px; margin-top: 12px; position: relative; text-decoration: none } #appFastView .getPriceWindow { line-height: 33px } #appFastView .priceValue { border-bottom: 1px dashed #bbb; color: #000; display: inline-block; padding-bottom: 8px } #appFastView .priceValue:hover { color: #333 } #appFastView .article { color: #888; margin-top: 24px } #appFastView .article.hidden { display: none } #appFastView .discount { color: #888; font-family: roboto_ltregular; font-size: 14px; padding-left: 4px } #appFastView .price .oldPriceLabel { color: #888; display: block; font-family: roboto_ltregular; font-size: 14px; margin-top: 6px; text-decoration: none } #appFastView .price .discount { color: #888; font-family: roboto_ltregular; font-size: 14px; padding-left: 4px } #appFastView .icon { display: inline-block; vertical-align: middle } #appFastView .addCart .icon { margin-top: -4px; padding-right: 12px } #appFastView .rating { display: inline-block; height: 15px; margin-left: 6px; margin-top: -4px; overflow: hidden; position: relative; vertical-align: middle; width: 79px; z-index: 2 } #appFastView .rating i { background: url(/bitrix/templates/dresscode/images/rating2.png) repeat 0 0 transparent; display: block; height: 15px; left: 0; position: absolute; top: 0; width: 79px } #appFastView i.m { background: url(/bitrix/templates/dresscode/images/rating2.png) repeat 0 -14px transparent; width: 0; z-index: 10 } #appFastView .icon { display: inline-block; vertical-align: middle } #appFastView .appFastViewInformationColumn .row { margin-bottom: 12px; position: relative } #appFastView .appFastViewInformationColumn .row img { margin-top: -4px; padding-right: 6px; vertical-align: middle; height: 16px } #appFastView .appFastViewInformationColumn .label { color: #717171; font-family: roboto_condensedlight; font-size: 15px; line-height: 21px; text-decoration: none } #appFastView .appFastViewInformationColumn a.label:hover { color: #000 } #appFastView .appFastViewInformationColumn a.inStock span { padding-bottom: 2px } #personalCart input[name=BuyButton] { display: block; margin-bottom: 24px; margin-top: 24px } #footerTabsCaption { margin-top: 50px } #footerTabsCaption .items { text-align: left; width: 100% } #footerTabsCaption .item:last-child { margin-right: 0 } #footerTabsCaption .item { display: inline-block; margin-right: 34px; width: auto } #footerTabsCaption .item .selected, #footerTabsCaption .item .selected:hover { color: #000 } #footerTabsCaption .item a { margin-bottom: 32px; text-transform: uppercase; letter-spacing: .05em; display: block; font: 20px robotobold; color: var(--second-bordered-color); text-decoration: none } #footerTabs { width: 100%; margin-bottom: 25px } #fcBigData { width: 100% } #footerTabs .tab { display: none; position: relative } #footerTabs .tab.selected { display: block } #footerTabs .product { border: 0 !important } #footerTabs .product:hover .tabloid { border-color: transparent } .swiper-wrapper .product .tabloid { padding: 20px; height: 326px; text-align: left } .swiper-wrapper .product .picture { height: 180px; line-height: 180px } .swiper-wrapper .product .picture img { max-width: 100%; max-height: 100% } .swiper-wrapper .product .name { margin-top: 22px; margin-bottom: 14px; font-size: 17px; text-align: left } .swiper-wrapper .product .middle { vertical-align: top } #personalCart .product:hover .tabloid { border-bottom-color: #e7e8ea } #footerLine { bottom: 0; height: 50px; line-height: 54px; position: fixed; width: 100%; z-index: 999; display: none; background-color: #fff; border: 0 } #footerLine .wrapper { box-sizing: border-box; moz-box-sizing: border-box; padding: 0 24px; webkit-box-sizing: border-box } #footerLine .col { float: left; width: 50% } #footerLine .col:last-child { text-align: right } #footerLine .item .callback { font-size: 14px; o-transition: all .2s ease-in-out; text-decoration: none; text-transform: uppercase; transition: all .2s ease-in-out; webkit-transition: all .2s ease-in-out } #footerLine .item .callback .icon { display: inline-block; height: 24px; margin-right: 4px; margin-top: -2px; vertical-align: middle; width: 24px; background: 0 0 } #footerLine .item .callback:hover svg { fill: #d42d20 } #footerLine .item .cart, #footerLine .item .compare, #footerLine .item .wishlist { text-transform: uppercase } #footerLine .item .cart .mark, #footerLine .item .compare .mark, #footerLine .item .wishlist .mark { border-radius: 4px; height: 20px; line-height: 21px; margin-left: 12px; overflow: hidden; padding: 2px 12px } #footerLine .item .cart .icon, #footerLine .item .compare .icon, #footerLine .item .wishlist .icon { background: 0 0; display: inline-block; height: 24px; margin-top: -2px; vertical-align: middle; width: 21px; stroke: #777; fill: none } #footerLine .item .cart.active, #footerLine .item .cart.active .mark, #footerLine .item .compare.active, #footerLine .item .compare.active .mark, #footerLine .item .wishlist.active, #footerLine .item .wishlist.active .mark { color: #fff } #footerLine .item .cart .icon { width: 26px } #footerLine .item a { font-size: 14px } #footerLine .item { display: inline-block; margin-right: 24px; vertical-align: middle } #footerLine .item a:active { position: relative; top: 1px } #footerLine .item:last-child { margin-right: 0 } #authMenu { list-style: none; margin-bottom: 24px; overflow: hidden; padding: 0 } #authMenu li { float: left; margin-bottom: 24px; margin-right: 24px } #authMenu li:last-child { margin-right: 0 } #authMenu li a { font-size: 16px; text-decoration: none; text-transform: uppercase } #authMenu li .selected { font-family: robotobold; padding-bottom: 4px } #empty { overflow: hidden } #empty .emptyWrapper { overflow: hidden; padding-bottom: 24px } #empty .pictureContainer { float: left; margin-right: 24px } #empty h3 { font-family: robotobold; font-size: 16px; font-weight: 400; margin: 0; padding: 0; text-transform: uppercase } #empty p { font-size: 14px } #empty a { font-size: 14px; text-decoration: none } #empty a:active { position: relative } #empty a img { padding-right: 12px; vertical-align: middle } #empty .emptyTitle { font-family: robotobold; font-size: 14px; margin-top: 24px; text-transform: uppercase } #empty .emptyMenu { list-style: none; margin: 24px 0 0 0; overflow: hidden; padding: 0 } #empty .emptyMenu li { float: left; margin-bottom: 12px; width: 33.333333% } #empty .back { padding-bottom: 2px } #overlap { background-color: #000; display: none; height: 100%; left: 0; opacity: .3; position: fixed; top: 0; width: 100%; z-index: 97 } .ajaxContainer.loading { opacity: 1 } .ajaxContainer.loading:before { background: 0 0 } .personal-order-info { margin-bottom: 12px } .personalInfoLabel { font-size: 14px; margin-top: 24px } .productList { list-style: none; margin: 0; padding: 0 } .product { float: left; height: 373px; width: 20% } .product:nth-child(1), .product:nth-child(2), .product:nth-child(3), .product:nth-child(4), .product:nth-child(5) { height: 374px } .product.last { line-height: 346px } .product .tabloid { border: 1px solid transparent; height: 372px; overflow: hidden; padding: 7px; position: relative; z-index: 1 } .product .markerContainer { left: 8px; position: absolute; top: 8px; z-index: 88 } #elementContainer .marker, .product .marker { font: normal normal 12px roboto_ltregular, arial, sans-serif; line-height: 16px; z-index: 2; background-color: #fff; font-weight: 700; letter-spacing: .3px; display: inline-block } .popup-title:after { content: attr(data-title); opacity: 0; visibility: hidden; z-index: 1000; position: absolute; top: 2.3em; left: 30%; padding: 2px 8px; font-size: 13px; font-weight: 300; white-space: nowrap; color: #fff; background: #007aff; border-radius: 3px; box-shadow: 0 0 5px #ccc } .popup-title:hover:after { opacity: 1; visibility: visible } #elementContainer .marker svg, .product .marker svg { height: 20px; width: 22px } .product .rating { position: absolute; right: 8px; top: 8px; width: 79px; z-index: 2 } .product .rating .rate-num { position: absolute; right: 0; top: 17px; font-size: 13px; font-weight: 700; color: #f3705a } .product .rating i, .top-card-info .rating i { display: block; height: 15px; left: 0; position: absolute; top: 0; width: 79px } .product .rating i.m, .top-card-info .rating i.m { width: 0; z-index: 10 } .product .name { display: block; font-size: 14px; height: 44px; line-height: 44px; margin-bottom: 12px; overflow: hidden; text-decoration: none } .product .middle { display: inline-block; line-height: 21px; vertical-align: middle } .product .price { display: block; font-family: robotobold; font-size: 15px; font-weight: 900; margin-bottom: 12px; text-decoration: none } .product .price .measure { font-size: 16px } .product .price .discount { font-family: roboto_ltregular; font-size: 12px; padding-left: 2px } .product .picture { display: block; height: 240px; line-height: 240px; position: relative; text-align: center } .product .picture img { margin: 0 auto; max-height: 90%; max-width: 90%; vertical-align: middle } .product .picture:hover img { opacity: .85 } .loading .product .getFastView { pointer-events: none } #catalogLineList .picture .getFastView, #specialProduct .productItem .getFastView, .product .getFastView { background-color: #2b2b2b; border-radius: 2px; color: #fff; cursor: pointer; font-family: roboto_condensedlight; height: 40px; left: 50%; line-height: 40px; margin-left: -75px; margin-top: -20px; opacity: 0; position: absolute; text-align: center; text-decoration: none; top: 50%; visibility: hidden; width: 150px; z-index: 2 } #catalogLineList .picture:hover .getFastView, #specialProduct .productItem .picture:hover .getFastView, .product:hover .getFastView { opacity: .9; visibility: visible } #catalogLineList .picture .getFastView:hover, #specialProduct .productItem .getFastView:hover, .product .getFastView:hover { opacity: 1 } .product .addCart { border-radius: 4px; display: block; font-size: 16px; height: 60px; line-height: 60px; margin-bottom: 12px; margin-top: 20px; text-align: center; text-decoration: none } .product .icon, .top-card-info .icon { display: inline-block; vertical-align: middle } .product .addCart .icon { margin-top: -4px; padding-right: 12px } .product .row { overflow: hidden; display: table-cell } .product .label { display: block; float: left; font-family: roboto_condensedlight; font-size: 14px; line-height: 21px; text-decoration: none; margin-right: 7.5%; margin-bottom: 10px } .product .label .icon { margin-top: -4px; padding-right: 6px; height: 16px } .inStock { color: #2caf30; text-decoration: none } .inStock:hover { color: #1f8822 !important } .inStock:hover svg { fill: #1f8822 } a.inStock span { border-bottom: 1px dashed #2caf30 !important } a.inStock:hover span { opacity: 1; color: #1f8822; border-bottom: 1px dashed #1f8822 !important } .outOfStock { color: red } .outOfStock:hover { color: red } .product .skuPropertyList { list-style: none; margin: 0; overflow: hidden; padding: 0 } .product .skuProperty { margin: 12px 0; overflow: hidden } .product .skuPropertyName { font-size: 13px; padding-bottom: 2px; padding-left: 2px } .product .skuProperty li { float: left; min-width: 20%; overflow: hidden; padding: 4px } .product .skuProperty .selected .skuPropertyLink { pointer-events: none; position: relative } .product .skuProperty .disabled { display: none } .product .skuPropertyLink { display: block; font-size: 12px; line-height: 21px; padding: 6px 4px; text-align: center; text-decoration: none } .product .skuPropertyLink:hover { opacity: .8 } .product .skuPropertyList img { max-height: 100%; max-width: 100%; vertical-align: middle } .product:hover { position: relative } .product:hover .tabloid { height: auto !important; position: absolute; width: 100%; z-index: 3 } .product:hover .morePhoto { display: block } .product.last .wp { display: inline-block; line-height: 21px; text-align: center; vertical-align: middle; width: 100% } .product.last .showMore { display: inline-block; text-align: center; vertical-align: middle; width: 100% } .product.last .showMore:hover { opacity: .7 } .product.last .icon { display: inline-block; height: 54px; line-height: 21px; margin-bottom: 12px; text-align: center; width: 100% } .product.last .ps { font-size: 18px } .product.last .value { font-size: 18px; padding-left: 6px } .product.last .small { display: inline-block; width: 100% } .sideBlock .heading { padding-left: 18px } .bx-auth { overflow: hidden } .bx-auth .alert { display: inline-block; font-family: robotobold; font-size: 12px; font-weight: 400; margin-bottom: 24px; padding: 12px 48px; text-transform: uppercase } .bx-auth .alert.small { font-family: roboto_ltregular; font-size: 14px; line-height: 28px; max-width: 600px } .bx-authform-label-container { margin-bottom: 8px } .bx-auth .bx-authform-description-container { margin-bottom: 12px } .bx-auth input { font-family: roboto_ltregular, arial, sans-serif; font-size: 14px } .bx-auth .leftContainer, .bx-auth .rightContainer { float: left } .bx-auth .leftContainer { margin-right: 48px } .bx-auth .rightContainer p { display: block; max-width: 450px } .bx-auth input[type=checkbox]+label, .bx-auth input[type=radio]+label { cursor: pointer } .bx-auth input[type=checkbox]:not(checked), .bx-auth input[type=radio]:not(checked) { opacity: 0; position: absolute } .bx-auth input[type=checkbox]:not(checked)+label, .bx-auth input[type=radio]:not(checked)+label { padding-left: 24px; position: relative } .bx-auth input[type=checkbox]+label:before { background: url(/bitrix/templates/dresscode/images/checkBox.png) 0 0 no-repeat transparent } .bx-auth input[type=checkbox]:not(checked)+label:before { content: " "; height: 17px; left: 0; position: absolute; top: 0; width: 17px } .bx-auth input[type=checkbox]:not(checked)+label:hover:before { background-position: 0 -17px } .bx-auth input[type=checkbox]:checked+label:before { background-position: 0 -34px } .bx-auth input[type=checkbox]:checked+label:hover:before { background-position: 0 -51px } .bx-auth input[type=checkbox]:disabled+label { cursor: default } .bx-auth input[type=checkbox]:disabled+label:before { background-position: 0 -68px !important } .bx-auth input[type=password], .bx-auth input[type=text] { border: 0; height: 48px; margin-bottom: 12px; padding: 0 12px; width: 420px } .bx-auth .submit, .popup-window .btn { border: 0; cursor: pointer; display: inline-block; font-size: 14px; height: 48px; line-height: 48px; margin-top: 24px; text-align: center; text-decoration: none; width: 224px } .bx-auth .send .submit { margin-top: 12px } .popup-window .btn { height: 30px; line-height: 30px; margin-left: 12px; margin-top: 0 } .bx-auth .forgot, .bx-auth .registerLink { display: inline-block; margin-left: 12px } .bx-auth .registerLink { margin-left: 0 } .contscts_page.socials { padding: 6px 0 24px 0; justify-content: start; background-color: transparent } .contscts_page.socials a:not(:last-child) { margin-right: 8px } .contscts_page.socials .socials__icon { width: 24px; height: 24px; fill: #000 } .contactList { list-style: none; margin-bottom: 24px; margin-top: 24px; overflow: hidden; padding: 0 } .contactList li { float: left; width: 25% } .contactList li table { table-layout: fixed; width: 100% } .contactList li table td { text-align: left; vertical-align: top } .contactList li table td:first-child { padding-right: 12px; text-align: center; width: 42px } .contactList li table td img { vertical-align: middle } .contactList a { text-decoration: none } .contactLabel { font-size: 16px; margin-top: 0 } .blurred { background: #fff; filter: blur(2px); moz-filter: blur(2px); ms-filter: blur(2px); o-filter: blur(2px); webkit-filter: blur(2px) } #upButton { cursor: pointer; display: block; height: 60px; background-color: #ae4178; font-size: 20px; text-align: center; text-transform: uppercase; font-family: robotoregular; font-weight: 700; letter-spacing: 2px; color: #fff; width: 100%; border: 0; padding: 0 } #upButton:before { color: #fff; content: ""; background: url(/bitrix/templates/dresscode/images/arrow.svg) no-repeat left center; width: 20px; height: 16px; display: inline-block; padding-right: 12px } #requestPrice { background: rgba(0, 0, 0, .4); display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 1001 } #requestPrice #requestPriceResult { padding: 0 24px; transform: translateY(50%) } #requestPrice #requestPriceResultMessage, #requestPrice #requestPriceResultTitle { margin-top: 24px; text-align: center } #requestPrice #requestPriceResultTitle { font-size: 16px } #requestPrice #requestPriceResultClose { color: #fff; display: block; font-size: 14px; height: 50px; line-height: 50px; margin: 24px auto; text-align: center; text-decoration: none; width: 254px } #requestPrice #requestPriceContainer { background-color: #fff; box-shadow: 1px 1px 12px rgba(60, 60, 60, .3); height: 430px; left: 50%; margin-left: -350px; margin-top: -215px; overflow: hidden; position: absolute; top: 50%; width: 700px } #requestPrice .requestPriceHeading { background-color: #424242; color: #fff; font-size: 18px; height: 60px; line-height: 60px; position: relative; text-align: center } #requestPrice .requestPriceHeading .close { background: url(/bitrix/templates/dresscode/images/exit.png) 0 0 no-repeat transparent; display: block; height: 21px; position: absolute; right: 20px; top: 20px; width: 21px } #requestPrice .requestPriceHeading .close:hover { background-position: 0 -21px } #requestPrice .requestPriceHeading .close:active { background-position: 0 -42px } #requestPrice .requstProductContainer { border-collapse: collapse; display: table; table-layout: fixed; width: 100% } #requestPrice .productColumn { display: table-cell; text-align: center; vertical-align: middle; width: 320px } #requestPrice .productNameBlock { padding: 0 24px } #requestPrice .productNameBlock .productUrl { color: #000; display: block; font-size: 14px; height: 44px; line-height: 44px; margin-bottom: 12px; overflow: hidden; text-decoration: none } #requestPrice .productImageBlock { display: block; height: 270px; line-height: 270px; text-align: center } #requestPrice .productImageBlock a { display: block; height: 270px; line-height: 270px } #requestPrice .productImageBlock a:hover { opacity: .8 } #requestPrice .productImageBlock img { max-height: 100%; max-width: 100%; vertical-align: middle } #requestPrice .productNameBlock .middle { display: inline-block; line-height: 21px; vertical-align: middle } #requestPrice .formColumn { display: table-cell; vertical-align: middle; width: 380px } #requestPrice .requestPriceFormHeading { display: block; font-size: 16px; margin-bottom: 12px; margin-right: 24px; margin-top: 24px; text-align: center } #requestPrice input, #requestPrice textarea { border: 0; font-family: roboto_ltregular; height: 50px; margin-bottom: 12px; padding-left: 12px; width: 354px; background-color: #f3f3f3; color: #000 } #requestPrice .personalInfoRequest { margin-bottom: 12px } #requestPrice input[type=checkbox] { display: inline-block; height: 14px; margin-bottom: 0; margin-right: 6px; margin-top: -2px; vertical-align: middle; width: 14px } #requestPrice input[type=checkbox].error+label { border-bottom: 1px solid red !important } #requestPrice textarea { height: 60px; padding-top: 12px; resize: none } #requestPrice input:focus, #requestPrice textarea:focus { background-color: #e9e9e9; outline: 0 } #requestPrice #requestPriceSubmit { color: #fff; cursor: pointer; display: block; font-size: 14px; height: 50px; line-height: 50px; text-align: center; text-decoration: none; width: 354px } #requestPrice #requestPriceSubmit.loading { opacity: .9; o-transition: background 0s !important; text-indent: 12px; transition: background 0s !important; webkit-transition: background 0s !important } #requestPrice #requestPriceSubmit.loading img { display: none } #requestPrice #requestPriceSubmit img { margin-top: -2px; padding-right: 4px; vertical-align: middle } #requestPrice .markerContainer { left: 12px; position: absolute; top: 0 } #requestPrice .error { border: 1px solid red } #error404 { margin-bottom: 24px; text-align: center } #error404 h1 { font-family: roboto_thregular; font-size: 48px; line-height: 48px; margin-bottom: 24px; text-align: center } #error404 .errorPic { display: block; margin-bottom: 48px; margin-top: 48px; text-align: center } #error404 .errorPic img { max-height: 90%; max-width: 90% } #error404 .errorPic:hover { opacity: .8 } #error404 .errorText { font-family: robotobold; line-height: 28px; text-transform: uppercase } #error404 .errorText a { color: #ff9601 } #error404 #empty { border-top: 1px solid #e5e5e5; margin-top: 48px } #error404 #empty .emptyTitle { margin-top: 48px; text-align: center } #error404 #empty .emptyMenu a { display: inline-block; text-align: left; width: 250px } #modef { left: 371px } #nextSection-titles ul { margin: 10px 0; padding: 0 } #nextSection-titles>ul li { background-color: #f0f0f0; border-radius: 15px; color: #666; display: inline-block; font-size: 13px; line-height: 27px; margin: 0 4px 10px 0; padding: 2px 10px; text-decoration: none; vertical-align: top; width: auto; } #nextSection-titles>ul li a { color: #666; text-decoration: none } #nextSection-titles>ul li.selected { background: #e64e53; color: #fff } #nextSection-titles>ul li.selected a { color: #fff } #nextSection-titles>ul li:hover { background: #e64e53; box-shadow: 0 0 0 1px #e64e53; color: #fff } #nextSection-titles>ul li:hover a { color: #fff } #nextSection-titles>ul li.selected:hover { background: #e64e53; box-shadow: 0 0 0 1px #e64e53; color: #fff } #nextSection-titles ul li:nth-child(n+6) { display: none } .b-tags-list__inner { border-bottom: 1px solid #f5f5f5; border-top: 1px solid #f5f5f5; padding: 20px 0 10px 0 } .b-tags-list__inner .b-tags-list__header { font-size: 36px; margin-bottom: 30px } .b-tags-list__inner .b-tags-list__list a, .hide_sect, .show_sect { background-color: #f0f0f0; color: #666; display: inline-block; font-size: 13px; line-height: 30px; padding: 0 15px; text-decoration: none; vertical-align: top } .b-tags-list__inner .b-tags-list__list a:hover, .hide_sect:hover, .show_sect:hover { background: #e64e53; box-shadow: 0 0 0 1px #e64e53; color: #fff } .b-tags-list__other { display: inline } .b-tags-list__hide, .b-tags-list__more, .hide_sect, .show_sect { background-color: var(--second-bordered-color); color: #fff; position: relative; border-color: var(--second-bordered-color) } .hide_sect { display: none } .socials { background-color: #892f5c; display: flex; padding: 26px; justify-content: center } .socials__icon { width: 38px; height: 38px; display: block; fill: #fff } .socials a:not(:last-child) { margin-right: 28px } .clean { overflow: hidden; padding: 0 2px; position: relative } .limiter { clear: both; margin: auto; max-width: 1920px; padding: 0 75px; box-sizing: border-box } .limiter .compliter>div[id*=bx_] { display: table-cell; vertical-align: top; width: 355px } .limiter .compliter>div[id*=bx_] #left { padding-right: 0 } .skuPropertyValue.loading { position: relative } .skuPropertyValue.loading img { opacity: 0 } .skuPropertyValue.loading:after { background: url(/bitrix/templates/dresscode/images/loaderMin.gif) 50% 50% no-repeat #fff; content: ""; display: block; height: 20px; left: 50%; margin-left: -10px; margin-top: -10px; position: absolute; top: 50%; width: 20px } .clear { clear: both } .hidden, .hiddenZone { display: none } .footer_stars_pattern { position: absolute; left: -9999px } .svg_icon_set { height: 16px; width: 16px; fill: #c3c3c3; transition: all .2s ease-in-out; vertical-align: middle } .svg_icon_set:not(.star_icon) { stroke: #c3c3c3 } .cart_btn.svg_icon_set { stroke: #fff; fill: transparent } .changeCart.added .cart_btn.svg_icon_set { fill: #fff } #catalogMenuHeading .svg_icon_set { width: 28px; height: 28px; fill: #fff } .file_icon_set { height: 42px; width: 42px; transition: all .2s ease-in-out; vertical-align: middle } .file_icon_set:hover { transform: scale(1.1) } .instock_icon { width: 16px; margin-top: -3px !important } .instock_icon__green { fill: #2caf30 } .cart_btn, .compare_icon, .star_icon { margin-top: -2px !important } .eye_icon { fill: #fff } .eye_icon { width: 20px; height: 20px } .phone_icon { fill: #f44336 } .star_icon { fill: #c3c3c3; width: 79px } .star_icon__yellow { fill: #ffc92a } .star_icon, .star_icon__yellow { vertical-align: baseline; margin-top: 0 !important } .star_icon__yellow:hover { fill: #ffc92a } .label:hover { color: #3b405a } .label:hover svg { fill: #ea5059; stroke: #ea5059 } .label:hover .instock_icon { fill: #1f8822 } #searchResult .cart_btn, .footer_icon { width: 24px; height: 24px } #ORDER_CONFIRM_BUTTON { height: 50px !important; line-height: 50px !important; text-shadow: none !important } .addCart.disabled { cursor: default; pointer-events: none } .addSetEl.disabled { background-color: #ccc !important; border: 1px solid #e7e8ea } .addCart.requestPrice { background-color: #2b2b2b !important; cursor: pointer !important; pointer-events: auto !important } .addCart.requestPrice:hover { opacity: .8 !important } .sale_order_full_table input[name=BuyButton], .sale_order_full_table input[type=submit] { border: 0; cursor: pointer; height: 50px; line-height: 50px; padding: 0 48px; text-decoration: none } div.bx-debug-summary { z-index: 99999 !important } .appZoomContainerExit { background: url(/bitrix/templates/dresscode/images/exitWindow.png) 0 0 no-repeat transparent; height: 38px; position: absolute; right: -38px; top: -38px; width: 38px } .appZoomContainerExit:hover { background-position: 0 -38px } .appZoomContainerExit:active { background-position: 0 -76px } #appZoomWindow .appZoomContainer.loading { background: url(/bitrix/templates/dresscode/images/windowLoader.gif) 50% 50% no-repeat transparent; min-height: 100px; min-width: 100px } .fastBack.disabled { cursor: not-allowed } .fastBack.disabled:hover { color: #717171 } .fastBack.disabled:active { top: 0 } .getPricesWindow { cursor: pointer !important } .getPricesWindow:hover { color: #444 } .getPricesWindow .priceIcon { background: url(/bitrix/templates/dresscode/images/priceInfo.png) 0 0 no-repeat transparent; display: inline-block; height: 21px; margin-right: 10px; margin-top: -2px; vertical-align: middle; width: 21px } .getPricesWindow .priceIcon:hover { background-position: 0 -21px } .getPricesWindow .priceIcon:active { background-position: 0 -42px } .global-block-container { border-collapse: collapse; display: table; table-layout: fixed; width: 100% } .global-content-block, .global-information-block { display: table-cell; vertical-align: top } .global-information-block { overflow: hidden; padding-left: 24px; position: relative; width: 280px } .global-information-block.fixed .global-information-block-cn { overflow: hidden; padding-top: 24px; position: fixed; top: 0; width: 280px } .global-information-block-hide-scroll { max-height: 100vh; overflow: auto; padding-right: 24px; width: 320px } .global-information-block-hide-scroll-cn { width: 280px } .global-information-block.max-scroll .global-information-block-cn { bottom: 0; position: absolute; top: auto } .information-heading { font-family: robotomedium; font-size: 21px; margin-bottom: 12px } .information-text { box-sizing: border-box; color: #555; moz-box-sizing: border-box; padding-right: 12px; webkit-box-sizing: border-box } .information-list-item { border: 1px solid #f1f1f1; border-radius: 2px; margin-top: 24px; padding: 12px 12px } .information-item-icon { padding-right: 24px; width: 42px } .information-list-item a { color: #000; o-transition: all .2s ease-in-out; text-decoration: none; transition: all .2s ease-in-out; webkit-transition: all .2s ease-in-out } .information-list-item a:hover { color: #777 } .information-list-item a:active { position: relative; top: 1px } .information-feedback-container { margin-top: 24px } .information-feedback { display: block; font-size: 16px; o-transition: all .1s ease-in-out; padding: 18px 12px; text-align: center; text-decoration: none; transition: all .1s ease-in-out; webkit-transition: all .1s ease-in-out } .information-feedback:active { position: relative; top: -1px } .pilink { color: #888; o-transition: all .2s ease-in-out; text-decoration: none; transition: all .2s ease-in-out; webkit-transition: all .2s ease-in-out } .pilink:hover { opacity: .7 } .pilink:active { position: relative; top: 1px } .tb { border-collapse: collapse; display: table; table-layout: fixed; width: 100% } .tc { display: table-cell; vertical-align: middle } .bx-sls .quick-location-tag, .bx-slst .quick-location-tag { color: #23527c !important } .bx-soa-pp-company { z-index: 1 !important } #reformal_tab { z-index: 9991 !important } .sale_order_full_table input[name=BuyButton] { margin-bottom: 24px } .microdata { display: none } .products-slider { letter-spacing: 2px; margin-top: 25px; margin-bottom: 5px; padding-top: 14px; padding-left: 24px; letter-spacing: .05em; font-weight: 800; font-family: robotobold; color: #000; } .products-slider__title { text-transform: uppercase; font-size: 20px; } .products-slider__sublink { margin-left: 12px; text-decoration: none; color: var(--second-bordered-color); } @media all and (max-width:1800px) { .limiter { padding: 0 45px } .product { /* border:0!important; */ height: 373px !important; width: 25% } .product:nth-child(-n+4) { height: 374px !important; border-top: 1px solid #e7e8ea !important } /* #brandList .item, */ #popSection .item { border: 0 !important; width: 25% !important } #catalogLineList .prop { width: 80% } #catalogTableList .column:nth-child(3) { display: none } .product:nth-child(4n+1) { border-left: 1px solid #e7e8ea !important } #brandList .item:nth-child(-n+4), #popSection .item:nth-child(-n+4) { border-top: 1px solid #e7e8ea !important } /* #brandList .item:nth-child(4n+1), */ #popSection .item:nth-child(4n+1) { border-left: 1px solid #e7e8ea !important } #bigDataCarousel .product:nth-child(4n+1), #topProduct .product:nth-child(4n+1), #viewedProduct .product:nth-child(4n+1) { border-left: none !important } #bigDataCarousel .productList>li:first-child .product, #topProduct .productList>li:first-child .product, #viewedProduct .productList>li:first-child .product { border-left: 1px solid #e7e8ea !important } } @media all and (max-width:1568px) { #rowFooter .telephone { font-size: 28px; line-height: 21px } } @media all and (max-width:1550px) { #catalogLineList .description, #catalogTableList .column:nth-child(4) { display: none } #catalogLineList .prop { width: 100% } #left { width: 320px } #slider .slideVideoContainer, #slider .videoPoster, #modef { left: 335px } } @media all and (max-width:1500px) { #catalogLineList .column:first-child { width: 340px } #middleSlider { display: none } #newsContainer .column { width: 100% } #newsContainer .column .item { overflow: hidden } #newsContainer .column .item .bigPicture { float: left; margin-right: 48px; width: 30% } } @media all and (max-width:1499px) { #catalogLine .column:last-child .label { display: none } #searchResult .product { width: calc(100% / 5) } } @media all and (max-width:1408px) { #rowFooter .telephone { font-size: 22px } } @media all and (max-width:1366px) { #catalogLineList .column:first-child { width: 300px } .contactList li { margin-bottom: 24px; width: 50% } #left { width: 280px } #modef { left: 295px } } @media all and (max-width:1300px) { .arSortFields_blocks>.column:nth-child(4) { order: 4; } #topService .city { display: none } #empty .emptyMenu li { width: 50% } .product { border: 0 !important; height: 373px !important; width: 33.33333%; border-bottom: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important } /* #brandList .item, */ #popSection .item { border: 0 !important; width: 33.33333% !important; border-bottom: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important } #brandList .item:nth-child(-n+3), #popSection .item:nth-child(-n+3), .product:nth-child(-n+3) { border-top: 1px solid #e7e8ea !important } /* #brandList .item:nth-child(3n+1), */ #popSection .item:nth-child(3n+1), .product:nth-child(3n+1) { border-left: 1px solid #e7e8ea !important } #slider .slideVideoContainer, #slider .videoPoster { height: 384px } } @media all and (max-width:1300px) and (min-width:1100px) { #brandList .item:nth-child(3n+1).last, #popSection .item:nth-child(3n+1).last, .product:nth-child(3n+1).last { height: 70px !important; line-height: 70px !important; width: 100% !important } #brandList .item:nth-child(3n+1).last .icon, #brandList .item:nth-child(3n+1).last .small, #popSection .item:nth-child(3n+1).last .icon, #popSection .item:nth-child(3n+1).last .small, .product:nth-child(3n+1).last .icon, .product:nth-child(3n+1).last .small { display: none } } @media all and (max-width:1280px) { .global-block-container { min-height: auto !important } .global-block-container .global-information-block { display: none } #left { width: 330px } #homeCatalog .captionList, #left #specialProduct .specialProductHeading, #left .sideBlock .heading, #right .heading { height: 55px; line-height: 55px } #modef { left: 345px } } @media all and (max-width:1200px) { #footerLine .col:first-child { width: 30% } #footerLine .col:last-child { float: right; width: 70% } #footerLine .col:first-child .item:nth-child(1n+2) { display: none } #homeCatalog .item:nth-child(2n) { border-right: 0 } #homeCatalog .item { width: 50% } #catalogLineList .column:last-child, #catalogLineList .itemRow { display: block; overflow: hidden } #catalogLineList .column:first-child { width: 40% } #catalogLineList .column:nth-child(2) { width: 60% } #catalogLineList .column:first-child, #catalogLineList .column:nth-child(2) { float: left } #catalogLineList .column:last-child { border: 0; clear: both; height: 60px; line-height: 60px; padding: 0 0; width: 100% } #catalogLineList .resizeColumn { float: left; text-align: center; width: 30% } #catalogLineList .column .resizeColumn.last { text-align: right; width: 40% } #catalogLineList .column:last-child .priceLabel { display: inline-block; float: none; padding-left: 24px } #catalogLineList .column:last-child .price { display: inline-block; margin: 0 } #catalogLineList .column:last-child .addCart { display: inline-block; font-size: 14px; height: 40px; line-height: 40px; margin: 9px auto; padding: 0 24px; width: auto } #catalogLineList .column:last-child .optional { font-size: 14px; margin: 9px 0 0 0 } #catalogLineList .column:last-child .optional .row { margin-bottom: 4px; padding: 0 } #catalogLineList .column:last-child .optional .label { font-size: 14px; text-align: left; width: 50% } #catalogLineList .column:last-child .article, #catalogTableList .column:nth-child(7), #leftMenu li .pc, #slider .sliderBtnLeft, #slider .sliderBtnRight { display: none } #homeCatalog .item:nth-child(3n), #homeCatalog .item:nth-child(4n), #homeCatalog .item:nth-child(5n) { border-right: 1px solid #e7e8ea } #catalogLineList .column:last-child { background-color: #f9f9f9 } #slider .sliderContent .bigText, #slider .sliderContent .bigTextColor, #slider .sliderContent .bigTextLight { font-size: 30px; line-height: 36px; margin-top: 12px } #slider .sliderContent .mediumText, #slider .sliderContent .mediumTextColor, #slider .sliderContent .mediumTextLight { font-size: 16px; line-height: 24px; margin-top: 12px } #slider .sliderContent .cButton, #slider .sliderContent .cButtonLight, #slider .sliderContent .smallText, #slider .sliderContent .smallTextColor, #slider .sliderContent .smallTextLight { margin-top: 12px } #slider .leftContainer, #slider .sliderContent { left: 24px } #slider .rightContainer { right: 24px } #leftMenu .pc, #leftMenu .tx { padding: 8px 24px } #left { width: 260px } #modef { left: 275px } } @media all and (max-width:1199px) { #searchResult .product { width: calc(100% / 4) } } @media all and (max-width:1160px) { .limiter { padding: 0 20px } } @media all and (max-width:1100px) { .product { border: 0 !important; height: 373px !important; width: 50%; border-bottom: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important } #brandList .item, #popSection .item { border: 0 !important; width: 50% !important; border-bottom: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important } #brandList .item:nth-child(-n+2), #popSection .item:nth-child(-n+2), .product:nth-child(-n+2) { border-top: 1px solid #e7e8ea !important } #brandList .item:nth-child(2n+1), #popSection .item:nth-child(2n+1), .product:nth-child(2n+1) { border-left: 1px solid #e7e8ea !important } } @media all and (max-width:1024px) { #right #breadcrumbs ul li:nth-last-child(1), #right #breadcrumbs ul li:nth-last-child(2) { display: none } #right #breadcrumbs ul li:nth-last-child(3) { padding-left: 12px; position: relative } #right #breadcrumbs ul li:nth-last-child(3):before { background: url(/bitrix/templates/dresscode/images/back.png) 0 50% no-repeat; content: ""; height: 10px; left: 0; position: absolute; top: 5px; width: 5px } #smartFilter span.mbhd { background-color: #e64e53; border-radius: 50%; height: 48px; position: absolute; top: 52px; width: 48px } #smartFilter span.mbhd:before { background: url(/bitrix/templates/dresscode/images/filter.svg) 0 50% no-repeat; background-position: 50%; background-size: 100%; content: ""; height: 28px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 24px } #appFastView, #catalogLineList .picture .getFastView, #colorSwitcher, #fastViewStores, #left #collectionBlock, #left #newsBlock, #left #popCats, #left #promoBlock, #left #serviceBlock, #left .banner, #nextSection ul, #slider .slideVideo, #slider ol, #smartFilterForm .slider, #specialBlock, #specialProduct .productItem .getFastView, /* .drop, */ .product .getFastView, .product:hover .fastShow, .templateSwitcher, .templateSwitcherSettings { display: none !important } #left .collapsed, #smartFilterForm { display: none } #bestsellers { margin-top: 0 } /* #left{margin-bottom:24px} */ #left, #right { display: block; width: 100% } #smartFilter .heading { height: 46px; line-height: 46px } #right { padding-left: 0 } #nextSection .title, #smartFilter .heading { cursor: pointer } .appZoomContainerImage { max-height: 60vh !important; max-width: 60vh !important } .product { border: 0 !important; height: 373px !important; width: 33.33333%; border-bottom: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important } #brandList .item, #popSection .item { border: 0 !important; width: 33.33333% !important; border-bottom: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important } #brandList .item:nth-child(3n+1), #popSection .item:nth-child(3n+1), .product:nth-child(3n+1) { border-left: 1px solid #e7e8ea !important } /* #brandList .item:nth-child(-n+3), */ #popSection .item:nth-child(-n+3) { border-top: 1px solid #e7e8ea !important } #leftMenu li .pc { display: table-cell } #leftMenu .pc, #leftMenu .tx { padding: 8px } #slider .videoPoster { display: block } } @media all and (max-width:1024px) and (min-width:870px) { #brandList .item:nth-child(3n+1).last, #popSection .item:nth-child(3n+1).last, .product:nth-child(3n+1).last { height: 70px !important; line-height: 70px !important; width: 100% !important } #brandList .item:nth-child(3n+1).last .icon, #brandList .item:nth-child(3n+1).last .small, #popSection .item:nth-child(3n+1).last .icon, #popSection .item:nth-child(3n+1).last .small, .product:nth-child(3n+1).last .icon, .product:nth-child(3n+1).last .small { display: none } } @media all and (max-width:1000px) { #error404 .errorText { display: none } #rowFooter { grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 69px; grid-row-gap: 0 } #rowFooter .firstBlock, .contactsBlock { margin: 0 } .leftColumn:not(.firstBlock) { margin-bottom: 35px } .leftColumn:not(.firstBlock) p { margin-top: 0 } .rightColumn { grid-column: 2/4 } #rowFooter .telephone { line-height: 21px; font-size: 28px } } @media all and (max-width:870px) { h1 { font-size: 1.5em } .product { border: 0 !important; height: 373px !important; width: 50%; border-bottom: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important } #brandList .item, #popSection .item { border: 0 !important; width: 50% !important; border-bottom: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important } #catalogLine .column:last-child .label { display: none } #brandList .item:nth-child(-n+2), #popSection .item:nth-child(-n+2), .product:nth-child(-n+2) { border-top: 1px solid #e7e8ea !important } #brandList .item:nth-child(2n+1), #popSection .item:nth-child(2n+1), .product:nth-child(2n+1) { border-left: 1px solid #e7e8ea !important } } @media all and (max-width:850px) { #footerLine .col:first-child { display: none } #footerLine .col:last-child { float: left; text-align: center; width: 100% } #catalogLineList .column:last-child .price, #catalogLineList .column:last-child .priceLabel { font-size: 18px } #modef { display: none !important } } @media all and (max-width:799px) { #searchResult .product { width: calc(100% / 3) } } @media all and (max-width:768px) { #rowFooter { grid-template-columns: 1fr 1fr; grid-row-gap: 40px; grid-column-gap: 20px } #rowFooter .column { grid-row: 1 } .rightColumn { grid-column: 2 } #rowFooter .telephone { font-size: 20px } .leftColumn { grid-row: 4; grid-column: 1/3 } .leftColumn:not(.firstBlock) { margin: 0; grid-row: 5 } #main .compliter { display: flex !important; flex-direction: column } .limiter .compliter>div[id*=bx_] { width: 100% !important } #set .setlist_flx { display: none } #set .setTools { text-align: center } #set .setTools .heading2 { margin-right: 0 } } @media all and (max-width:750px) { #requestPrice .productColumn { display: none } #requestPrice #requestPriceContainer, #requestPrice .formColumn { box-sizing: border-box; moz-box-sizing: border-box; webkit-box-sizing: border-box } #requestPrice .formColumn { padding: 0 24px; width: 100% } #requestPrice #requestPriceSubmit, #requestPrice input, #requestPrice textarea { width: 100% } #requestPrice input { height: 45px } #requestPrice textarea { height: 50px } #requestPrice #requestPriceContainer { background-color: #fff; left: 50%; margin-left: 0; padding-left: 0; padding-right: 0; transform: translateX(-50%); width: 90% } #requestPriceForm { margin-bottom: 24px } #requestPrice .requestPriceFormHeading { margin-right: 0 } } @media all and (max-width:700px) { #slider .slideVideoContainer, #slider .videoPoster, #slider ul li span { height: 300px } #left { box-sizing: border-box; display: block; padding: 0 5px; width: 100%; position: relative } #right { box-sizing: border-box; display: block; padding: 0 5px } #leftMenu li a { font-size: 16px } #catalogLineList .resizeColumn { width: 40% } #catalogLineList .column .resizeColumn.last { width: 20% } #catalogLineList .column:last-child .optional .label { width: 100% } .blurred { filter: blur(0) !important; moz-filter: blur(0) !important; ms-filter: blur(0) !important; o-filter: blur(0) !important; webkit-filter: blur(0) !important } #newsContainer .column .item .bigPicture { float: none; width: 100% } #appBasket, #catalogLine .column:nth-child(3), #catalogLineList .column:last-child .optional .label:first-child, #catalogLineList .column:last-child .priceLabel, #catalogSection .sectionItems .item .itemContainer .description, #catalogTableList .column:nth-child(8), #overlap { display: none } } @media all and (max-width:634px) { #catalogLineList .column .resizeColumn.last, #catalogLineList .prop, #catalogTableList .column:nth-child(1) { display: none } #catalogLineList .column, #catalogLineList .column .resizeColumn { width: 50% } #catalogTableList .column:nth-child(2) { padding-left: 24px; width: auto } .contactList li { margin-bottom: 24px; width: 100% } #empty .emptyMenu li { width: 100% } } @media all and (max-width:599px) { #searchResult .product { width: calc(100% / 2) } .socials__icon { width: 30px; height: 30px } } @media all and (max-width:500px) { #footerLine { display: block } #footerLine .item a { position: relative; font-size: 0 } #footerLine .item .cart .mark, #footerLine .item .compare .mark, #footerLine .item .wishlist .mark { font-size: 14px; position: absolute; padding: 1px 7px; left: 50%; top: -25px; transition: all .2s ease-in-out; background-color: #f44336; border-radius: 20px; margin: 0; color: #fff } #footerLine .item { margin-right: 48px } #main { margin-top: 12px } #left .heading { font-size: 0; padding: 0 } #searchResult { width: 100% } #flushFooterCart .item:nth-child(1), #flushFooterCart .item:nth-child(2) { display: inline-block } #footerLine .item { margin-right: 48px } .product .row:first-child .fastBack { display: none } #smallElementTools .mainTool .price { width: 50%; margin: auto 0 } #elementTools .row, #smallElementTools .row { margin-bottom: 0 } #elementTools .addCart, #smallElementTools .addCart { width: 140px; margin-left: auto; margin-top: 0; margin-bottom: 0; font-size: 14px } #smallElementTools .secondTool { margin-top: 30px } #smallElementTools .secondTool .addWishlist { font-size: 0 } #smallElementTools .secondTool .rating_row { width: calc(100% - 98px); display: inline-block } #smallElementTools .secondTool .instock_row .inStock img { margin-top: 0 } #smallElementTools .secondTool .compare_row { display: flex; height: 22px; width: 22px; position: relative; float: right; right: 42px } #smallElementTools .secondTool .compare_row a, #smallElementTools .secondTool .wishlist_row a { font-size: 0 } #smallElementTools .secondTool .addCompare { display: block; font-size: 0 } #smallElementTools .secondTool .wishlist_row { width: 24px; display: inline-flex; position: relative; float: right; right: -22px; margin-top: -2px; height: 24px } #smallElementTools .secondTool .instock_row .inStock { width: auto; position: relative; float: right; margin-right: 10px; z-index: 3 } #smallElementTools .secondTool .instock_row { display: block; height: 21px; position: absolute; top: 23px; right: 20px; text-align: right; width: auto } #smallElementTools .secondTool .row:nth-child(6) a img { padding-right: 0; margin-left: -34px } #smallElementTools { margin-bottom: 0 } .opt_price_block { padding: 0 } #showallQuestions { margin: 0 auto } #catalogQuestions .reviewTable .reviewColumn:first-child { display: block; width: calc(100% - 48px); margin-bottom: 20px } #catalogQuestions .reviewTable .reviewColumn { display: block } #catalogQuestions .reviewTable .reviewColumn .impressions .label { font-style: italic } #set .setList_b1, #set .setList_b2 { border-right: 0 } #set .setElement .middle { line-height: 18px } #set .setElement .name { font-size: 14px; margin-bottom: 7px } #set .setElement .desc_name .middle { font-size: 12px; font-style: italic } #set .wrap .setTools { display: flex } #set .wrap .setTools .rt .addSetEl { width: 40px; padding: 0; height: 40px; font-size: 0 } #set .wrap .setTools .rt .addSetEl .icon { margin-right: 0; margin-top: 12px !important } #set .wrap .setTools li { margin: auto 0 } #set .wrap { margin-top: 8px } #set .wrap .setTools div:first-child { width: calc(100% - 40px) } #set .wrap .setTools li:nth-child(2) { padding-right: 15% } #catalogElement #hint { width: calc(100% - 26px); left: 0 !important } #questionAddButton, #smallElementTools .secondTool .row:nth-child(7), #smallElementTools .secondTool .row:nth-child(7) a { float: right } .user-geo-position { padding-right: 12px; text-align: right } #panel { position: fixed; z-index: 9999 } .product .label, .product .row .addCompare { width: 100% } .product .row { display: grid } #breadcrumbs ul li { display: none } } @media all and (max-width:486px) { #catalogLine .column:last-child { display: none } } @media all and (max-width:480px) { .products-slider { flex-wrap: wrap; } .products-slider__sublink { margin: 12px 0 0 0; } .limiter { padding: 0 8px } #right { padding: 0 } .swiper { margin: 0 -8px } .swiper~.swiper-slider_btn { display: none } #rowFooter { grid-template-columns: 1fr; padding: 50px 20px } #rowFooter .column ul { margin-top: 20px } .rightColumn { grid-column: 1 } .leftColumn { grid-row: 5; grid-column: 1 } .leftColumn:not(.firstBlock) { grid-row: 6 } #rowFooter .contactsBlock a { width: 100% } #rowFooter .telephone { font-size: 20px } #rowFooter .firstBlock p:nth-of-type(2) { margin-bottom: 0 } #rowFooter .column { grid-row: auto } .product .price { font-size: 13px } .product .price .measure { font-size: 11px } .product .price .discount { font-size: 10px; padding-left: 0 } .product:nth-child(-n+4) { height: 368px !important } .product { border: 0 !important; height: 368px !important; width: 100%; border-bottom: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important } #brandList .item, #popSection .item { border: 0 !important; border-bottom: 1px solid #e7e8ea !important; border-right: 1px solid #e7e8ea !important } #homeCatalog { margin-top: 0 } .product .addCart { width: 100%; display: inline-block; margin-top: 5px } .product .optional { position: relative; margin: auto 0; margin-top: 5px } .product .optional .row:nth-child(2) { margin-bottom: 0; margin: auto 0; position: relative } .product .optional .row:nth-child(2) a, .product .optional .row:nth-child(2) span { height: 16px; margin: 5px 0 } .product .rate-num { display: none } #slider .sliderBtnLeft, #slider .sliderBtnRight { display: none !important } #slider .slideVideoContainer, #slider .videoPoster, #slider ul li span { height: 240px } #catalogTableList .column:nth-child(2) { margin-top: 0 } #catalogTableList .column { display: block; text-align: center } #catalogTableList .column:nth-child(1) { display: block; margin-top: 24px } #catalogTableList .name { text-align: center } #catalogTableList .price .discount { right: 48px } #catalogTableList .addCart, #catalogTableList .more { margin: 0 } #brandList .item:nth-child(-n+1), #popSection .item:nth-child(-n+1), .product:nth-child(-n+1) { border-top: 1px solid #e7e8ea !important } #brandList .item:nth-child(1n+1), #popSection .item:nth-child(1n+1), .product:nth-child(1n+1) { border-left: 1px solid #e7e8ea !important; width: 50% } #slider .sliderContent { box-sizing: border-box; left: unset; moz-box-sizing: border-box; moz-transform: translate(0, -50%); o-transform: translate(0, -50%); right: unset; text-align: center; transform: translate(0, -50%); webkit-box-sizing: border-box; webkit-transform: translate(0, -50%); width: 100% } #slider .sliderContent .bigText, #slider .sliderContent .bigTextColor, #slider .sliderContent .bigTextLight { font-size: 24px; line-height: 30px } #slider .sliderContent br { display: none } /* #slider ul li span{filter:blur(3px);filter:url(#blur);opacity:.5;transition:1s filter linear;webkit-filter:blur(3px);webkit-filter:url(#blur);webkit-transition:1s -webkit-filter linear}#slider ul li span:hover{filter:blur(0);transform:scale(1);webkit-filter:blur(0)} */ .product .label { margin-bottom: 0 } .socials a:not(:last-child) { margin-right: 22px } .socials__icon { width: 28px; height: 28px } } @media all and (max-width:430px) { #requestPrice #requestPriceContainer { height: 450px } #requestPrice .requestPriceHeading { font-size: 16px } #requestPrice .requestPriceHeading .close { display: none } #requestPrice .requestPriceFormHeading { margin-top: 32px } } @media all and (max-width:400px) { .bx-pag-next, .bx-pag-prev { display: block !important } .product .marker { font-size: 11px; line-height: 14px; margin-bottom: 7px; padding: 2px 3px } .product .tabloid { padding: 10px } .product .markerContainer { left: 5px } .product .rating { right: 6px } .socials a:not(:last-child) { margin-right: 16px } .socials__icon { width: 24px; height: 24px } } @media all and (max-width:380px) { #smallElementTools .mainTool .price { width: 60%; margin: auto 0 } #elementTools .addCart, #smallElementTools .addCart { width: 80px; font-size: 0 } } @media all and (max-width:360px) { .product .rating { right: 4px } .product .marker { font-size: 11px; line-height: 10px; margin-bottom: 5px; padding: 2px 1px } .product .markerContainer { left: 2px; top: 10px } #catalogLine select { padding: 0 } } @media all and (max-width:350px) { #homeCatalog .item, .product:nth-child(n+1) { width: 100% } .product .optional .row:nth-child(2) a, .product .optional .row:nth-child(2) span { font-size: 14px } #homeCatalog .product .name, #homeCatalog .product .price .discount, #homeCatalog .product .price .measure { font-size: 16px } #homeCatalog .product .price { font-size: 20px } .product .row { display: table-cell } .product .label { margin-bottom: 10px; width: 100% } .product .row:first-child .fastBack { display: block } .product .optional .row:nth-child(2) a, .product .optional .row:nth-child(2) span { height: 100%; margin-bottom: 10px; margin-top: 0 } } @media all and (max-width:320px) { .product .marker { font-size: 9px } .product .rating { right: 2px } } @-webkit-keyframes zoomIn { from { opacity: 0; transform: scale3d(.3, .3, .3); webkit-transform: scale3d(.3, .3, .3) } 50% { opacity: 1 } } @keyframes zoomIn { from { opacity: 0; transform: scale3d(.3, .3, .3); webkit-transform: scale3d(.3, .3, .3) } 50% { opacity: 1 } } @-webkit-keyframes opacity { 3% { fill-opacity: 1 } 75% { fill-opacity: 0 } } @keyframes opacity { 3% { fill-opacity: 1 } 75% { fill-opacity: 0 } } @-webkit-keyframes transform { 10% { transform: scale(.75); transform-origin: 70px 70px; webkit-transform: scale(.75); webkit-transform-origin: 70px 70px } } @keyframes transform { 10% { transform: scale(.75); transform-origin: 70px 70px; webkit-transform: scale(.75); webkit-transform-origin: 70px 70px } } @media all and (max-width:1024px) { #breadcrumbs ul li:nth-last-child(-n+3) { display: inline-block } } .web-inp-fam { display: none } @media all and (min-width:1501px) { #searchResult .product { width: calc(100% / 6) } } #left .collapsed { top: -30px; max-height: calc(-300px + 100vh); overflow: hidden; } .blue_mk { border-radius: 4px; background-color: #06C; color: #FFF; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; } .container-title { margin-top: 50px; margin-bottom: 25px; text-transform: uppercase; letter-spacing: .05em; font-weight: 800; font-size: 20px; display: block; font: 20px robotobold; color: #000; } .pop_suggestions .container-title { margin-bottom: 5px; padding-top: 14px; padding-left: 24px; } /* Стили кнопок для Меркурий 185Ф */ .button_blue { font-size: 1rem; font-weight: bold; padding: 0 0.3rem; border-width: 2px 3px 4px; border-style: solid; border-color: #56AEF9 #4BABFC #2482d2 #3A78B3; background: #90CAFB; border-radius: 2px; font-family: Tahoma, Geneva, sans-serif; } .btn { padding: 0 0.3rem; border-width: 2px 3px 4px; border-style: solid; border-color: #cdcdcd #c9c9c9 #9a9a9a #c0c0c0; font-size: 1rem; color: #000; background: #ececec; border-radius: 2px; font-weight: bold; font-family: Tahoma, Geneva, sans-serif; } .button_green-115 { font-size: 1rem; font-weight: bold; padding: 0 0.3rem; border-width: 2px 3px 4px; border-style: solid; border-color: #67E26A #44DB46 #22B624 #2C862E; background: #88E98A; border-radius: 2px; font-family: Tahoma, Geneva, sans-serif; } .button_yellow-115 { font-size: 1rem; font-weight: bold; padding: 0 0.3rem; border-width: 2px 3px 4px; border-style: solid; border-color: #F1C405 #FBCD01 #A2800A #B49B16; background: #FFE061; border-radius: 2px; font-family: Tahoma, Geneva, sans-serif; } .button_gray-115 { font-size: 1rem; font-weight: bold; padding: 0 0.3rem; border-width: 2px 3px 4px; border-style: solid; border-color: #666 #888 #555 #535353; background: #999; border-radius: 2px; font-family: Tahoma, Geneva, sans-serif; } .button_black-115 { color: #CFCFCF; font-size: 1rem; font-weight: bold; padding: 0 0.3rem; border-width: 2px 3px 4px; border-style: solid; border-color: #252525 #373737 #222222 #252323; background: #444444; border-radius: 2px; font-family: Tahoma, Geneva, sans-serif; } .fonred { background: #892F5C; font-weight: bold; border-top: 0.6rem solid #892F5C; border-bottom: 0.6rem solid #892F5C; border-left: 0.6rem solid #892F5C; border-radius: 8px; color: white; } /* Стили кнопок для Меркурий 180Ф */ .button_green_white-180 { color: #fff; font-size: 1rem; font-weight: bold; padding: 0 0.6rem; border-width: 2px 3px 4px; border-style: solid; border-color: #40CD26 #359813 #0C730C #287C24; border-radius: 10px; font-family: Tahoma, Geneva, sans-serif; background-color: #299E00; } .button_gray-white-180 { color: #fff; font-size: 1rem; font-weight: bold; padding: 0 0.6rem; border-width: 2px 3px 4px; border-style: solid; border-color: #55a6e5 #488ec3 #356a93 #305b7c; background: #4484b5; border-radius: 10px; font-family: Tahoma, Geneva, sans-serif; } .button_yellow-180 { font-size: 1rem; font-weight: bold; padding: 0 0.6rem; border-width: 2px 3px 4px; border-style: solid; border-color: #F1C405 #FBCD01 #A2800A #B49B16; background: #FFE061; border-radius: 10px; font-family: Tahoma, Geneva, sans-serif; } .button_blue_white-180 { color: #fff; font-size: 1rem; font-weight: bold; padding: 0 0.6rem; border-radius: 10px; font-family: Tahoma, Geneva, sans-serif; background-color: #005EDD; border-top: 2px solid #055CA5; border-right: 3px solid #0370CD; border-bottom: 4px solid #0F375A; border-left: 3px solid #20405B; } .but_red_white-180 { color: #fff; font-size: 1rem; font-weight: bold; padding: 0 0.6rem; border-width: 2px 3px 4px; border-style: solid; border-color: #CF0006 #C11717 #971111 #CD2525; background: #FF0000; border-radius: 10px; font-family: Tahoma, Geneva, sans-serif; } /* Стили кнопок для Меркурий 130Ф */ .button_blue_white { color: #fff; font-size: 1rem; font-weight: bold; padding: 0 0.3rem; border-radius: 2px; font-family: Tahoma, Geneva, sans-serif; background-color: #005EDD; border-top: 2px solid #055CA5; border-right: 3px solid #0370CD; border-bottom: 4px solid #0F375A; border-left: 3px solid #20405B; } .button_green_white-115 { color: #fff; font-size: 1rem; font-weight: bold; padding: 0 0.3rem; border-width: 2px 3px 4px; border-style: solid; border-color: #40CD26 #359813 #0C730C #287C24; border-radius: 2px; font-family: Tahoma, Geneva, sans-serif; background-color: #299E00; } .button_yellow-130-romb { font-size: 1rem; font-weight: bold; padding: 0 0.3rem; border-width: 2px 3px 4px; background: #FFE061; font-family: Tahoma, Geneva, sans-serif; display: inline-flex; align-items: center; justify-content: center; margin: 0 auto; width: 55px; height: 59px; overflow: hidden; position: relative; -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); } .button_black-115 { color: #CFCFCF; font-size: 1rem; font-weight: bold; padding: 0 0.3rem; border-width: 2px 3px 4px; border-style: solid; border-color: #252525 #373737 #222222 #252323; background: #444444; border-radius: 2px; font-family: Tahoma, Geneva, sans-serif; } /* Кнопки Атол 91Ф */ .blue_mk_91f { border-radius: 4px; background-color: #06C; color: #FFF; padding: 0.3em 0.7em; } .button_gray_white_91f { color: #fff; font-size: 1rem; font-weight: bold; padding: 0.3rem 0.5rem; border-width: 2px 3px 4px; border-style: solid; border-color: #373737 #3E3E3E #555555 #707070; background: #454545; border-radius: 8px; font-family: Tahoma, Geneva, sans-serif; } .but_red_white_91f { color: #fff; font-size: 1rem; font-weight: bold; padding: 0.2rem 0.7rem; border-width: 2px 3px 4px; border-style: solid; border-color: #CF0006 #C11717 #971111 #CD2525; background: #FF0000; border-radius: 8px; font-family: Tahoma, Geneva, sans-serif; } /* Кнопки Элвес-МФ */ .btn_elves { padding: 0.2rem 0.5rem; border-width: 2px 3px 4px; border-style: solid; border-color: #cdcdcd #c9c9c9 #9a9a9a #c0c0c0; font-size: 1rem; color: #000; background: #ececec; border-radius: 6px; font-weight: bold; font-family: Tahoma, Geneva, sans-serif; } .button_blue_elves { color: white; font-size: 1rem; font-weight: bold; padding: 0.2rem 0.5rem; border-width: 2px 3px 4px; border-style: solid; border-color: #AC75C5 #AC75C5 #704C80 #AC75C5; background: #B185C5; border-radius: 6px; font-family: Tahoma, Geneva, sans-serif; } .button_yellow_elves { color: white; font-size: 1rem; font-weight: bold; padding: 0.2rem 0.5rem; border-width: 2px 3px 4px; border-style: solid; border-color: #F1C405 #FBCD01 #A2800A #B49B16; background: #FFE061; border-radius: 6px; font-family: Tahoma, Geneva, sans-serif; } .button_green_elves { color: white; font-size: 1rem; font-weight: bold; padding: 0.2rem 0.5rem; border-width: 2px 3px 4px; border-style: solid; border-color: #51A955 #51A955 #3E9942 #51A955; background: #57B25C; border-radius: 6px; font-family: Tahoma, Geneva, sans-serif; } .but_red_elves { color: white; font-size: 1rem; font-weight: bold; padding: 0.2rem 0.5rem; border-width: 2px 3px 4px; border-style: solid; border-color: #F86C82 #F8768B #F64B66 #F6637A; background: #FA7B90; border-radius: 6px; font-family: Tahoma, Geneva, sans-serif; } .tablo { font-family: 'DotGothic16', sans-serif; font-size: 18px; background-color: #EAF0AE; border: 1px solid #000; padding-top: 3px; padding-right: 10px; padding-bottom: 3px; padding-left: 10px; } /* Кнопки Атол 92Ф */ .button_gray_white_92f { color: #fff; font-size: 1rem; font-weight: bold; padding: 0.3rem 0.5rem; border-width: 2px 3px 4px; border-style: solid; border-color: #373737 #3E3E3E #555555 #707070; background: #454545; border-radius: 3px; font-family: Tahoma, Geneva, sans-serif; } .but_red_white_92f { color: red; font-size: 1rem; font-weight: bold; padding: 0.2rem 0.7rem; border-width: 2px 3px 4px; border-style: solid; border-color: #373737 #3E3E3E #555555 #707070; background: #454545; border-radius: 3px; font-family: Tahoma, Geneva, sans-serif; } /* SIGMA */ .sigma-table { border: 2px solid black; margin-bottom: 2em; border-spacing: 1px; } .sigma-table thead td { font-weight: bold; text-align: center; font-size: 150%; } .sigma-table td { width: 25%; border: 1px solid #dedede; padding: 3px; } .sigma-table img { border: 0; width: 72px; height: 72px; display: inline; vertical-align: middle; } /* Таблица стилей для сравнений касс Эвотор */ table.sravnenie-evotor { text-decoration: none; border-collapse: collapse; width: 99%; text-align: center; } table.sravnenie-evotor th { margin: auto; font-weight: bold; font-size: 16px; color: #ffffff; background-color: #892F5C; white-space: normal; padding-top: 20px; padding-bottom: 20px; border: 2px solid #892f5c; } table.sravnenie-evotor td { font-size: 14px; color: #354251; padding-top: 15px; padding-bottom: 15px; border: 2px solid #892f5c; } table.sravnenie-evotor tr:hover { background-color: #f9fafb } table.sravnenie-evotor tr:hover td { color: #354251; cursor: default; } .mobile-table { width: 100%; max-width: 100%; overflow-x: auto; } /* Кнопки Пионер 114Ф */ .but_grey_pioner { color: white; font-size: 1rem; font-weight: bold; padding: 0.2rem 0.5rem; border-width: 2px 3px 4px; border-style: solid; border-color: #3E373D; background: #454244; font-family: Tahoma, Geneva, sans-serif; } .but_light_grey_pioner { color: white; font-size: 1rem; font-weight: bold; padding: 0.2rem 0.5rem; border-width: 2px 3px 4px; border-style: solid; border-color: #454244; background: #5c5c5c; font-family: Tahoma, Geneva, sans-serif; } .top-position { display: flex; position: relative; width: 40px; height: 40px; justify-content: center; align-content: center; color: #fff; border-radius: 100%; font-size: 18px; line-height: 40px; font-weight: 700; } .swiper .top-position { width: 16px; height: 16px; font-size: 11px; line-height: 16px; } .swiper .markerContainer { align-items: center; } .markerContainer>*:not(:last-child) { margin-right: 4px; } #catalog .top-position { width: 20px; height: 20px; font-size: 14px; line-height: 20px; } .but_green_pioner { color: white; font-size: 1rem; font-weight: bold; padding: 0.2rem 0.5rem; border-width: 2px 3px 4px; border-style: solid; border-color: #15B200; background: #15B200; font-family: Tahoma, Geneva, sans-serif; } .pioner_instr_list ul { line-height: 30px; } .table-wrapper { /* overflow: auto; */ position: relative; } .table-wrapper table { display: inline-block; vertical-align: top; max-width: 100%; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; } .scroll-right:after { content: ''; display: block; width: 15px; position: absolute; top: 0; right: 0; bottom: 0; z-index: 500; background: radial-gradient(ellipse at right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 100% center; background-repeat: no-repeat; background-attachment: scroll; background-size: 15px 100%; background-position: 100% 0%; } .scroll-left:before { content: ''; display: block; width: 15px; position: absolute; top: 0; bottom: 0; left: 0; z-index: 500; background: radial-gradient(ellipse at left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 0 center; background-repeat: no-repeat; background-attachment: scroll; background-size: 15px 100%; } #main .limiter, #botom_include .limiter, .ai-description .limiter { max-width: 1590px; } .ai-description { font-size: 18px; line-height: 140%; } .ai-description h3 { font-size: 36px; line-height: 140%; } .ai-description p, .ai-description li { margin-top: 20px; } /* End */ /* /bitrix/templates/dresscode/css/swiper-bundle.min.css?172626388613681 */ /* /bitrix/templates/dresscode/headers/header6/css/style.css?172626388610006 */ /* /bitrix/components/webfly/cities.popup/templates/.default/styles.min.css?172626744219563 */ /* /bitrix/templates/.default/components/arturgolubev/search.title/custom/style.css?172626388615625 */ /* /bitrix/templates/dresscode/components/dresscode/compare.line/.default/style.css?1726263886660 */ /* /bitrix/templates/dresscode/components/dresscode/favorite.line/.default/style.css?1726263886733 */ /* /bitrix/templates/dresscode/components/bitrix/sale.basket.basket.line/topCart/style.css?1726263886767 */ /* /bitrix/templates/dresscode/components/bitrix/menu/topMenu5/style.css?1726263886707 */ /* /bitrix/templates/dresscode/components/bitrix/menu/_leftMenuSlim/style.css?17262638866771 */ /* /bitrix/templates/dresscode/components/bitrix/form.result.new/need-help__footer/style.css?17262638864618 */ /* /bitrix/templates/dresscode/fonts/roboto/roboto.css?17262638861860 */ /* /bitrix/templates/dresscode/themes/white/coral/style.css?172626388615507 */ /* /bitrix/templates/dresscode/template_styles.min.css?1726263886113829 */