/* Start:/local/css/swiper-bundle.min.css?173858008318451*/ /** * Swiper 10.3.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 21, 2023 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;overflow:clip;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/light/components/bitrix/menu/light_main_menu/style.min.css?1738580083490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/light/components/bitrix/menu/light_main_menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/local/templates/light/components/bitrix/breadcrumb/breadCrumb/style.min.css?1738580083467*/ .bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0} /* End */ /* Start:/local/templates/light/template_styles.css?1753094026274604*/ .body{ background-color: #ffffff; box-sizing: border-box; /* display: flex; flex-direction: column; justify-content: center; */ gap: 10px; margin: 0; min-height: 100vh; } main{ flex:1; max-width: 1920px; /*min-width: 1320px;*/ margin: auto; } .idea{ margin-top: 150px; margin-bottom: 150px; width: 1320px; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 40px; display: flex } .body_index{ background-color: #ffffff; box-sizing: border-box; /* display: flex; flex-direction: column; justify-content: center; */ gap: 10px; margin:0; align-items: center; background-image: url('/local/templates/light/images/static/фото.png'); background-repeat: no-repeat; background-size: 100% 860px; min-height: 100vh; } .body_profile{ background-color: #ffffff; box-sizing: border-box; /* display: flex; flex-direction: column; justify-content: flex-start; */ gap: 10px; margin:0; align-items: center; background-image: url('/local/templates/light/images/static/Лк.png'); background-repeat: no-repeat; background-size: cover; min-height: 100vh; background-attachment: fixed; background-position: center; } .about_book{ display: flex; justify-content: center; gap: 215px; } .about_book_container{ max-width: 673px; height: auto; flex-direction: column; justify-content: center; align-items: flex-start; gap: 40px; display: flex } .about_book_container_content{ align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: flex } .about_book_title_container{ align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 12px; display: flex } .about_book_text_container{ align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 12px; display: flex } .image_container{ max-width: 432px; max-height: 704px; flex-direction: column; justify-content: flex-start; align-items: center; display: flex } .book_image{ min-width: 430px; max-height: 700px; display: flex; } .page_number{ display: flex; justify-content: center; align-items: center; height: auto; align-self: stretch; gap: 12px } .page_number_container{ justify-content: flex-start; align-items: flex-start; gap: 4px; display: flex; } .number_container{ width: 24px; height: 24px; position: relative; border-radius: 3px; background-color: transparent; border-color: transparent; } .number_pointer{ width: 24px; height: 24px; left: 0px; top: 0px; position: absolute; background: transparent; border-radius: 5px } .number_container:hover .number_pointer{ background: #DF7A2B; } .dot{ left: 7px; top: 3px; position: absolute; text-align: center; color: #DF7A2B; font-size: 14px; font-family: Inter; font-weight: 400; line-height: 16.80px; word-wrap: break-word } .number_container:hover .dot{ color: white; } .number{ left: 8px; top: 3px; position: absolute; text-align: center; color: #DF7A2B; font-size: 14px; font-family: Inter; font-weight: 400; line-height: 16.80px; word-wrap: break-word } .number_container:hover .number{ color: white; } .hundred{ left: 0px; top: 3px; position: absolute; text-align: center; color: #DF7A2B; font-size: 14px; font-family: Inter; font-weight: 400; line-height: 16.80px; word-wrap: break-word } .number_container:hover .hundred{ color: white; } .arrow{ left: 6px; top: 3px; position: absolute; text-align: center; stroke: #DF7A2B; font-size: 14px; font-family: Inter; font-weight: 400; line-height: 16.80px; word-wrap: break-word } .number_container:hover .arrow{ stroke: white; } .body_about{ background-color: #ffffff; box-sizing: border-box; /* display: flex; flex-direction: column; justify-content: center; */ gap: 10px; margin:0; align-items: center; background-image: url('/local/templates/light/images/static/Фон личный кабинет.png'); background-repeat: no-repeat; background-size: 100% 1000px; background-position: 0px 840px; } div.news-detail { word-wrap: break-word; } div.news-detail img.detail_picture { float:left; margin:0 8px 6px 1px; } .news-date-time { color:#486DAA; } .detail_styler{ display: flex; margin: auto; flex-direction: column; gap:30px; align-items: center; } .news_container_text_container{ align-self: stretch; height: 139px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: flex; overflow: hidden; } .news_title{ align-self: stretch; color: #391F12; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 20.80px; word-wrap: break-word } .news_text{ opacity: 0.80; color: #391F12; font-size: 14px; font-family: Inter; font-weight: 300; line-height: 18.20px; word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; line-clamp: 6; -webkit-box-orient: vertical; } .news_box{ background: #ffffff; flex: 0 0 375px; min-height: 560px; border-radius: 30px; border: 1px rgba(223.28, 122.42, 42.57, 0.30) solid; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: flex; } .news_box:hover{ border: 1px #DF7A2B solid; } .news_box_image{ min-width: 425px; height: 240px; background: #F8F8F8; border-radius: 30px } .news_navigation{ display: flex; gap: 40px; } .news_navigation_link{ color: #DF7A2B; font-size: 16px; font-family: Inter; font-weight: 400; text-decoration: none; text-transform: uppercase; line-height: 19.20px; word-wrap: break-word } .news_navigation_link:hover{ text-decoration: underline; } .news_box_bottom{ flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 40px; display: flex; padding: 24px; } .news_box_without_button{ align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: inline-flex } .news_box_without_button .read_next_button_container{ text-decoration: none; cursor: pointer; } .news_box_teg_container{ align-self: stretch; justify-content: flex-start; align-items: center; gap: 10px; display: inline-flex } .news_container{ margin-top:150px; /*min-width: 1320px*/; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 40px; display: flex; margin-bottom: 150px; } .news{ display: flex; justify-content: center; } .news_title_box{ display: flex; justify-content: space-between; align-items: center; align-self: stretch; width: 100%; } .news_title_box button{ background-color: transparent; border: none; } .tizer_title_container{ align-self: stretch; height: auto; justify-content: space-between; align-items:flex-start; display: flex; min-width: 320px; gap: 32px; } .detail_news{ display: flex; justify-content: center; flex-direction: column; margin-top: 20px; gap: 40px } .detail_linear{ display: flex; width: 720px; justify-content: flex-start; gap: 87px; align-items: center; flex-direction: column; } .detail_linear_box{ width: 720px; gap:40px; display: flex; flex-direction: column; } .detail_linear_title_container{ align-self: stretch; display: flex; height: auto; justify-content: center; flex-direction: column; text-align: center; } .detail_linear_text_box{ align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: flex } .detail_linear_text_container{ align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 40px; display: inline-flex } .detail_linear_text_line{ flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 12px; display: flex } .detail_linear_text{ color: #646464; font-size: 16px; font-family: Inter; font-weight: 300; line-height: 20.80px; word-wrap: break-word } .detail_image_container{ width: 100%; height: 100%; background: #ffffff; border-radius: 30px; } .detail_image_container img{ width: 100%; height: 100%; background: #F8F8F8; border-radius: 30px; object-fit: cover; } .bread{ height: 1320px; align-self: stretch; height: auto; justify-content: flex-start; align-items: center; display: flex; flex-wrap: wrap; } .bread_text_prev{ color: #391F12; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 20.80px; word-wrap: break-word; text-decoration: none; cursor: pointer; } .bread_text_prev:not(:first-child) { margin-left: 5px; } .body_profile .bread_text_prev{ color: #FFF !important; } .bread_profile_text_prev{ color: white; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 20.80px; word-wrap: break-word; text-decoration: none; cursor: pointer; } .bread a{ text-decoration: none; color: inherit } .bred_text_curent { color: #DF7A2B; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 20.80px; word-wrap: break-word; margin-left: 5px; } .road{ box-sizing: border-box; display: flex; flex-direction: column; /* Чтобы блоки располагались по вертикали */ /* Центрирование блоков по горизонтали */ justify-content: center; /* Центрирование блоков по вертикали */ gap: 10px; margin:auto; align-items: center; width: 100%; max-width: 1920px; background-image: url('/local/templates/light/images/static/fireworks-2.svg'), url('/local/templates/light/images/static/business-management-team-up.svg'), url('/local/templates/light/images/static/envelope-pigeon.svg') , url('/local/templates/light/images/static/business-management-teamwork-clap.svg'), url('/local/templates/light/images/static/stairs-ascend.svg'), url('/local/templates/light/images/static/design-tool-magic-wand.svg'), url('/local/templates/light/images/static/creativity-idea-bulb.svg'), url('/local/templates/light/images/static/security-user-lock.svg'), url('/local/templates/light/images/static/ПУТЬ ПО САЙТУ.svg'); background-size: 50px 50px, 50px 50px, 50px 50px, 50px 50px, 50px 50px, 50px 50px, 50px 50px, 50px 45px, 94% 102%; background-position: 33% 84%, 96% 68%, 51% 3055px, 47% 52%, 84% 50%, 32% 1404px, 12% 18%, 57% 11%, 104% 418px; background-repeat: no-repeat; } @media screen and (min--moz-device-pixel-ratio:0) { .road { background-size: 50px 50px, 50px 50px, 50px 50px, 50px 50px, 50px 50px, 50px 50px, 50px 50px, 50px 45px, 94% 102%; background-position: 33% 84%, 96% 68%, 51% 2950px, 47% 52%, 84% 50%, 32% 1330px, 12% 17%, 57% 10%, 104% 395px; } } textarea{ resize: none; } .side-menu { position: fixed; top: 0; left: -130%; max-width: 300px; height: 100vh; background-color: #ffffff; box-shadow: 2px 0 5px rgba(0, 0, 0, 0.2); transition: left 0.3s ease-in-out; z-index: 1000; padding: 20px; } .side-menu ul { list-style: none; padding: 0; margin: 0; } .side-menu li { margin: 15px 0; } .side-menu a { color: #391F12; font-size: 14px; font-family: Inter; font-weight: 300; line-height: 18.20px; word-wrap: break-word; text-decoration: none; } .side-menu a:hover { color: #DF7A2B; text-decoration: underline; } .close-button { font-size: 24px; cursor: pointer; position: absolute; top: 10px; right: 10px; } .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; z-index: 999; } /* Активное состояние */ .overlay.active { visibility: visible; } .side-menu.active { left: 0; } .header_container { max-width: 1320px; height: auto; align-items: center; display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; padding: 0 20px; } .menu_button_container{ align-self: stretch; height: auto; padding-left: 0.05px; padding-right: 3.05px; padding-top: 10px; padding-bottom: 10px; justify-content: center; align-items: flex-start; gap: 10px; display: flex; border-color: transparent; cursor: pointer; background-color: transparent; } .phone_number{ align-self: stretch; align-items: end; display: flex; text-decoration: none; padding-top: 10px; padding-bottom: 10px; border-color: transparent; background-color: transparent; cursor: pointer; } .phone{ align-self: center; color: #391F12; font-size: 20px; font-family: Inter; font-weight: 400; text-transform: lowercase; line-height: 26px; word-wrap: break-word; } .body_profile .phone { color: #FFF !important; } .line{ width: 1320px; height: 0px; display: flex; align-items: center; opacity: 0.10; border: 1px #DF7A2B solid; } .prewiew_container{ display: flex; justify-content: center; margin-top: 80px; } .prewiew{ width: 1320px; height: auto; display: flex; justify-content: flex-start; gap:24px; flex-wrap: nowrap; position: relative; } .prewiew_who_container{ max-width: 480px; align-self: stretch; height: auto; padding: 10px; background: #F8F8F8; border-radius: 10px; border: 1px rgba(223.28, 122.42, 42.57, 0.30) solid; justify-content: center; align-items: center; gap: 10px; display: flex; } .prewiew_who_book{ color: #DF7A2B; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 20.80px; word-wrap: break-word } .prewiew_title_container{ align-self: stretch; height: auto; padding: 10px; justify-content: flex-start; align-items: center; gap: 10px; display: flex } .prewiew_title_orange{ color: #DF7A2B; font-size: 50px; font-family: Inter; font-weight: 400; text-transform: uppercase; line-height: 60px; word-wrap: break-word } .prewiew_title_black{ color: #391F12; font-size: 50px; font-family: Inter; font-weight: 400; text-transform: uppercase; line-height: 60px; word-wrap: break-word } .prewiew_text_container{ align-self: stretch; height: auto; padding: 10px; justify-content: flex-start; align-items: center; gap: 10px; display: flex; max-width: 607px; } .prewiew_text{ color: #646464; font-size: 16px; font-family: Inter; font-weight: 300; line-height: 20.80px; word-wrap: break-word; text-align: justify; } .prewiew_text_B{ color: #646464; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 20.80px; word-wrap: break-word } .prewiew_image{ top: -89px; left: 730px; width: 720.69px; height: 790.22px; transform-origin: 0 0; /* overflow: visible; */ position: absolute; } @media screen and (min--moz-device-pixel-ratio:0) { .prewiew_image { top: -78px; left: 720px; width: 703.69px; height: 725.22px; } } .prewiew_button_container{ align-self: stretch; height: auto; margin-top:24px; justify-content: flex-start; align-items: center; display: flex } .prewiew_button_container a{ align-self: stretch; height: auto; margin-top:24px; justify-content: flex-start; align-items: center; display: flex; text-decoration: none } .application{ padding-left: 25px; padding-right: 25px; padding-top: 8px; padding-bottom: 8px; width: 180px; height: 50px; background: linear-gradient(90deg, #DF7A2B 0%, #E9A035 100%); box-shadow: 0px 20px 9px -13px rgba(231, 171, 59, 0.3); border-radius: 100px; overflow: hidden; justify-content: center; align-items: center; gap: 10px; display: flex; border-color: transparent; white-space: nowrap; border:none } .application:hover{ box-shadow: 0px 0px 0px 0px rgba(231, 171, 59, 0.3); cursor: pointer; background: linear-gradient(90deg, #FC8A30 0%, #FCAF3E 100%); } .aplication_text{ color: white; font-size: 14px; font-family: Inter; font-weight: 500; line-height: 16.80px; word-wrap: break-word; background: transparent; border: none; } .modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(59, 45, 30, 0.371); justify-content: center; align-items: center; z-index: 99; } .modal-content { position: relative; max-width: 636px; height: auto; padding: 40px; background: white; border-radius: 24px; flex-direction: column; justify-content: flex-start; align-items:center; gap: 24px; display: flex } .modal-content h2 { color: #391F12; font-size: 24px; font-family: Inter; font-weight: 400; text-transform: uppercase; line-height: 28.80px; word-wrap: break-word } .modal-content .close { width: 24px; height: 24px; justify-content: center; align-items: center; display: inline-flex; cursor: pointer; } .modal_input_title{ align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 8px; display: inline-flex } .modal_input_title_text{ color: #391F12; font-size: 16px; font-family: Inter; font-weight: 300; line-height: 20.80px; word-wrap: break-word } .modal_title{ align-self: stretch; height: auto; justify-content: space-between; align-items: center; display: flex } .modal_container{ align-self: stretch; height: auto; flex-direction: column; justify-content: center; align-items: center; gap: 24px; display: inline-flex } .modal_linear{ border-radius: 8px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 8px; display: flex } .modal_container_box_input{ flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 2px; display: flex; } .modal_container_box_input_place{ width: 465px; padding-left: 16px; padding-right: 16px; padding-top: 12px; padding-bottom: 12px; border-radius: 10px; overflow: hidden; border: 1px rgba(223.28, 122.42, 42.57, 0.30) solid; justify-content: flex-start; align-items: center; gap: 10px; display: inline-flex; outline: none; flex: 1 1 0; color: #391F12; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 24px; word-wrap: break-word } .modal_container_box_input_place:hover{ border: 1px #DF7A2B solid; } .modal_container_box_input_place:focus{ border: 1px #DF7A2B solid; } .modal_application{ padding-left: 25px; padding-right: 25px; padding-top: 8px; padding-bottom: 8px; min-width: 500px; height: 50px; background: linear-gradient(90deg, #DF7A2B 0%, #E9A035 100%); box-shadow: 0px 20px 9px -13px rgba(231, 171, 59, 0.3); border-radius: 100px; overflow: hidden; justify-content: center; align-items: center; gap: 10px; display: flex; border-color: transparent; white-space: nowrap; border: none; } .modal_application:hover{ box-shadow: 0px 0px 0px 0px rgba(231, 171, 59, 0.3); cursor: pointer; background: linear-gradient(90deg, #FC8A30 0%, #FCAF3E 100%); } .modal_aplication_text{ color: white; font-size: 14px; font-family: Inter; font-weight: 600; line-height: 16.80px; word-wrap: break-word } .tizer{ display: flex; justify-content: center; } .tizer_container{ margin-top:330px; width: 1320px; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 40px; display: flex } .tizer_title_container{ align-self: stretch; height: auto; justify-content: space-between; align-items: center; display: flex; width: 100%; gap:38px } .tizer_title{ color: #391F12; font-size: 30px; font-family: Inter; font-weight: 400; text-transform: uppercase; line-height: 36px; word-wrap: break-word } .tizer_subtitle{ color: #391F12; font-size: 24px; font-family: Inter; font-weight: 400; line-height: 28.8px; word-wrap: break-word } .tizer_scroll_button{ align-self: stretch; height: auto; justify-content: flex-start; align-items: center; gap: 30px; display: inline-flex } .tizer_scroll_button_container{ justify-content: flex-start; align-items: center; gap: 10px; display: flex } .swiper-button-prev, .swiper-button-next{ width: 50px !important; height: 50px !important; border-radius: 100px; overflow: hidden; border: 1px #DF7A2B solid; background-color: transparent; position: unset !important; } .swiper-button-prev:hover, .swiper-button-next:hover { background: linear-gradient(90deg, #DF7A2B 0%, #E9A035 100%); border-color: transparent; cursor: pointer; } .swiper-button-prev:after, .swiper-button-next:after { content: none !important; } .swiper-button-prev:hover .scroll_arrow, .swiper-button-next:hover .scroll_arrow{ stroke: #ffffff; } .news_box img{ max-width: 425px; max-height: 240px; height: 100%; border-radius: 30px; } .swiper{ max-width: 1320px; height: auto; justify-content: flex-start; align-items: flex-start; gap: 20px; display: flex; overflow-x: hidden; overflow-y: hidden; flex-wrap: nowrap; } .swiper-wrapper{ display: flex; } .swiper-slide{ flex: 0 0 auto; width: 427px } .scroll_arrow{ stroke: #DF7A2B; font-size: 25px; font-family: Inter; font-weight: 300; text-transform: uppercase; line-height: 36px; word-wrap: break-word } .tizer_box{ flex: 0 0 375px; min-height: 240px; padding: 24px; border-radius: 30px; border: 1px #DF7A2B solid; flex-direction: column; justify-content: flex-start; align-items: center; gap: 20px; display: flex; background-color: white; text-align: center; } .tizer_box_text{ align-self: stretch; color: #391F12; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 20.80px; word-wrap: break-word; text-align: center; } .demo{display: flex; justify-content: center;} .demo_form{ display: flex; flex: 0 0 100%; max-width: 1198px; height: auto; background: #F8F8F8; border-radius: 30px; border: 1px #DF7A2B solid; margin-top:150px; padding: 60px; flex-direction: column; gap:20px } .demo_title_container{ align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 40px; display: flex } .demo_title_container_box{ align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: flex } .demo_title_container_box_title{ flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 12px; display: flex } .demo_title_container_box_title_text{ opacity: 0.80; color: #646464; font-size: 16px; font-family: Inter; font-weight: 300; line-height: 20.80px; word-wrap: break-word } .demo_title_container_box_title_subtext{ align-self: stretch; color: #DF7A2B; font-size: 30px; font-family: Inter; font-weight: 400; text-transform: uppercase; line-height: 36px; word-wrap: break-word } .questions_container{ align-self: stretch; height: auto; justify-content: flex-start; align-items: flex-start; gap: 130px; display: flex; } .questions_container_box{ align-self: stretch; flex-direction: column; justify-content: flex-start; gap: 8px; display: flex; } .questions_container_box_icon_box{ justify-content: flex-start; align-items: center; gap: 5px; display: flex; margin-top: 20px; } .questions_container_box_icon{ align-self: stretch; height: auto; padding-top: 1.50px; padding-bottom: 1.47px; padding-right: 0.79px; justify-content: center; align-items: center; display: flex } .questions_container_box_title{ color: #391F12; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 20.80px; word-wrap: break-word } .questions_container_box_input{ flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 2px; display: flex; } .questions_container_box_input_place{ width: 500px; padding-left: 16px; padding-right: 16px; padding-top: 12px; padding-bottom: 12px; border-radius: 10px; overflow: hidden; border: 1px #E2E2E2 solid; justify-content: flex-start; align-items: center; gap: 10px; display: inline-flex; outline: none; background: transparent; } .questions_container_box_input_place:focus{ border: 1px #DF7A2B solid; } .question_container_box_button{ justify-content: flex-end; align-items: flex-end; gap: 12px; display: flex; margin-top: 44px; } .question_container_box_button a{ text-decoration: none; } .application_next{ width: 200px; height: 50px; padding-left: 25px; padding-right: 25px; padding-top: 8px; padding-bottom: 8px; background: linear-gradient(90deg, #DF7A2B 0%, #E9A035 100%); border-radius: 100px; overflow: hidden; justify-content: center; align-items: center; gap: 10px; display: flex; border-color: transparent; white-space: nowrap; border: none; } .application_next:hover{ box-shadow: 0px 0px 0px 0px rgba(231, 171, 59, 0.3); cursor: pointer; background: linear-gradient(90deg, #FC8A30 0%, #FCAF3E 100%); } .application_back{ width: 200px; height: 50px; padding-left: 25px; padding-right: 25px; padding-top: 8px; padding-bottom: 8px; border-radius: 100px; overflow: hidden; justify-content: center; align-items: center; gap: 10px; display: flex; white-space: nowrap; border: 1px #DF7A2B solid; background-color: white; } .application_back:hover{ background: linear-gradient(90deg, #FC8A30 0%, #FCAF3E 100%); border-color: transparent; cursor:pointer; border: none; } .application_back:hover .aplication_text_back{ color: white; } .aplication_text_back{ color: #DF7A2B; font-size: 14px; font-family: Inter; font-weight: 600; line-height: 16.80px; word-wrap: break-word } .andrew{ display: flex; justify-content: center; } .andrew_container{ max-width: 1320px; height: auto; justify-content: flex-start; align-items: center; gap: 100px; display: flex; margin-top: 150px } .andrew_photo{ max-width: 547px; min-height: 700px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%); border-radius: 30px } .andrew_right_container{ flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 40px; display: flex } .andrew_about_author_without_button{ align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: flex } .andrew_about_author_title_container{ align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 12px; display: flex } .andrew_about_author_title_container_about{ padding: 10px; background: #F8F8F8; border-radius: 10px; border: 1px rgba(223.28, 122.42, 42.57, 0.30) solid; justify-content: center; align-items: center; gap: 10px; display: flex } .andrew_about_author_title_container_about_text{ color: #DF7A2B; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 20.80px; word-wrap: break-word } .andrew_about_author_title{ color: #391F12; font-size: 30px; font-family: Inter; font-weight: 400; text-transform: uppercase; line-height: 36px; word-wrap: break-word } .andrew_about_author_text_container{ flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 12px; display: flex } .andrew_about_author_text{ color: #646464; font-size: 16px; font-family: Inter; font-weight: 300; line-height: 20.80px; word-wrap: break-word } .andrew_button_container{ align-self: stretch; height: auto; justify-content: flex-start; align-items: center; display: flex } .account{ display: flex; justify-content: flex-start; width: 68%; min-width: 1320px; background-image: url('/local/templates/light/images/static/Личный кабинет.svg'); background-size: 100% 100%; background-repeat: no-repeat; z-index: -9999; position: relative; } .a .account_dark{ position: absolute; width: 1320px; height: 573px; margin-top: 75px; background: url('/local/templates/light/images/static/Личный кабинет.svg'); opacity: 0.5; left: 0px; top: 0px; border-radius: 30px; } .a .account_fair{ position: absolute; width: 1320px; height: 573px; margin-top: 75px; background-image: url('/local/templates/light/images/static/fireworks-2_white.svg'), url('/local/templates/light/images/static/business-management-team-up_white.svg'), url('/local/templates/light/images/static/envelope-pigeon_white.svg') ,url('/local/templates/light/images/static/business-management-teamwork-clap_white.svg'), url('/local/templates/light/images/static/stairs-ascend_white.svg'), url('/local/templates/light/images/static/design-tool-magic-wand_white.svg'), url('/local/templates/light/images/static/creativity-idea-bulb_white.svg'), url('/local/templates/light/images/static/security-user-lock_white.svg'); background-size: 50px 50px, 50px 50px, 60px 60px, 50px 50px, 50px 50px, 50px 50px, 50px 50px, 50px 45px; background-position: 91% 39%, 82% 22%, 78% 67%, 64% 58%, 42% 70%, 58% 96%, 34% 95%, 16% 94%; background-repeat: no-repeat; left: 0px; top: 0px; border-radius: 30px; } .a{ position: relative; } .account_container{ width: 88%; min-height: 573px; border-radius: 30px; overflow: hidden; justify-content: flex-start; align-items: flex-start; display: flex; margin-top: 150px; visibility: hidden; background-repeat: no-repeat; } .account_fair .account_container{ width: 65%; min-height: 573px; border-radius: 30px; overflow: hidden; justify-content: flex-start; align-items: flex-start; display: flex; margin-top: 0; visibility: visible; background-repeat: no-repeat; } .account_container_personal_container{ align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 40px; display: flex; padding: 80px } .account_container_personal_block{ align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: flex } .account_container_personal_title{ align-self: stretch; color: white; font-size: 28px; font-family: Inter; font-weight: 350; text-transform: uppercase; line-height: 38.40px; word-wrap: break-word } .account_container_personal_text{ max-width: 775px;color: white; font-size: 16px; font-family: Inter; font-weight: 300; line-height: 20.80px; word-wrap: break-word } .account_in_button{ height: 50px; padding-left: 50px; padding-right: 50px; padding-top: 16px; padding-bottom: 16px; border-radius: 100px; overflow: hidden; justify-content: center; align-items: center; gap: 10px; display: flex; white-space: nowrap; border-color: transparent; background-color: white; } .account_in_button:hover{ background-color:#e6e6e6; cursor: pointer; } .news_container{ margin-top:150px; min-width: 1320px; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 40px; display: flex; margin-bottom: 150px; } .news{ display: flex; justify-content: center; } .news_title_box{ display: flex; justify-content: space-between; align-items: center; align-self: stretch; width: 100%; } .news_box{ background: #ffffff; flex: 0 0 375px; min-height: 560px; border-radius: 30px; border: 1px rgba(223.28, 122.42, 42.57, 0.30) solid; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: flex; } .news_box:hover{ border: 1px #DF7A2B solid; } .news_box_image{ min-width: 425px; height: 240px; background: #F8F8F8; border-radius: 30px; display: flex; justify-content: center; } .news_navigation{ display: flex; gap: 40px; } .news_navigation_link{ color: #DF7A2B; font-size: 16px; font-family: Inter; font-weight: 400; text-decoration: none; text-transform: uppercase; line-height: 19.20px; word-wrap: break-word } .news_navigation_link:hover{ text-decoration: underline; } .news_box_bottom{ flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 40px; display: flex; padding: 24px; } .news_box_without_button{ align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: inline-flex } .news_box_teg_container{ align-self: stretch; justify-content: flex-start; align-items: center; gap: 10px; display: inline-flex } .teg_button{ padding: 8px; background: #FFE8D5; border-radius: 10px; flex-direction: column; justify-content: center; align-items: center; gap: 10px; display: inline-flex; border-color: transparent; position: relative; } .teg_button:hover{ background: #DF7A2B; } .teg_button_text{ color: #DF7A2B; font-size: 14px; font-family: Inter; font-weight: 300; line-height: 18.20px; word-wrap: break-word" } .teg_button:hover .teg_button_text{ color: white } .tooltip{ visibility: hidden; /* Скрыто в начале */ opacity: 0; /* Для плавного появления */ position: absolute; bottom: 120%; /* Расположено выше кнопки */ left: 120%; transform: translateX(-50%); padding: 6px 8px; /* Упрощена запись отступов */ background: #FFF; /* Белый фон */ border-radius: 8px; display: flex; justify-content: center; align-items: center; z-index: 10; transition: opacity 0.3s ease-in-out; /* Анимация появления */ align-self: stretch; height: auto; box-shadow: 0px 10px 30px rgba(30.53, 33.54, 60.56, 0.10); flex-direction: column; justify-content: flex-start; align-items: flex-start; display: flex; text-wrap: nowrap; } .tooltip::after{ content: ''; /* Псевдоэлемент для треугольника */ position: absolute; top: 100%; /* Расположен ниже подсказки */ left: 40%; transform: translateX(-50%); width: 0; height: 0; border-left: 6px solid transparent; /* Левая граница треугольника */ border-right: 6px solid transparent; /* Правая граница треугольника */ border-top: 6px solid #FFF; /* Цвет треугольника совпадает с фоном подсказки */ } .tooltip_text{ color: #391F12; font-size: 14px; font-family: Inter; font-weight: 300; line-height: 18.20px; word-wrap: break-word; } .teg_button:hover .tooltip { visibility: visible; opacity: 1; } .timer_container{ justify-content: flex-start; align-items: center; gap: 4px; display: flex } .timer_container_image{ width: 20px; height: 20px; padding-top: 3px; padding-bottom: 2px; padding-left: 3px; padding-right: 3px; justify-content: center; align-items: center; display: flex; } .timer_text{ opacity: 0.40; color: #391F12; font-size: 14px; font-family: Inter; font-weight: 300; line-height: 18.20px; word-wrap: break-word } .read_next_button_container{ align-self: stretch; justify-content: space-between; align-items: center; display: inline-flex; text-decoration: none; } .read_next_button{ max-width: 173.25px; color: #DF7A2B; font-size: 14px; font-family: Inter; font-weight: 600; text-decoration: none; line-height: 16.80px; word-wrap: break-word; } .read_next_button_container button{ background-color: transparent; border: none; text-decoration: none;cursor: pointer;; } .read_next_button:hover{ text-decoration: underline; } .read_next_arrow{ max-width: 24px; height: 24px; padding-left: 2px; padding-right: 2px; padding-top: 6px; padding-bottom: 6px; justify-content: center; align-items: center; display: flex } .footer{ width: 100%; min-height: 293px; padding-top: 60px; padding-bottom: 60px; background: linear-gradient(90deg, #DF7A2B 0%, #E9A035 100%); border-top-left-radius: 60px; border-top-right-radius: 60px; flex-direction: column; justify-content: center; align-items: center; gap: 10px; display: inline-flex } .footer_info_container { max-width: 1300px; justify-content: space-between; align-items: flex-start; display: flex; width: 100%; } .footer_info_segment_container{ justify-content: flex-start; align-items: flex-start; gap: 100px; display: flex } .footer_info_segment{ flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: flex } .footer_title{ color: white; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 20.80px; word-wrap: break-word } .footer_text_container{ flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 8px; display: flex; } .footer_text{ color: white; font-size: 12px; font-family: Inter; font-weight: 300; line-height: 15.60px; word-wrap: break-word; } .footer_text a, .footer_title a{ text-decoration: none; color: inherit; } .footer_phone{ flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 8px; display: flex; text-decoration: none; } .footer_account_in_button{ height: 50px; padding-left: 50px; padding-right: 50px; padding-top: 16px; padding-bottom: 16px; border-radius: 100px; overflow: hidden; justify-content: center; align-items: center; gap: 10px; display: flex; white-space: nowrap; border-color: transparent; background-color: white; } .footer_account_in_button:hover{ background-color:#e6e6e6; cursor: pointer; } .news_container_page{ max-width: 1320px; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 40px; display: flex; margin-bottom: 150px; width: 100%; } .news_page{ max-width: 1320px; height: auto; justify-content: flex-start; align-items: flex-start; gap: 20px; display: flex; flex-wrap: wrap; } .news_page_container{ align-items: stretch; justify-content: flex-start; align-items: center; gap: 17px; display: flex; flex-wrap: wrap; } .info_container{ min-width: 1269px; margin: auto; max-width: 1269px; height: auto; padding: 24px; border-radius: 24px; border: 1px rgba(223.28, 122.42, 42.57, 0.30) solid; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: flex; margin-top: 20px; margin-bottom: 190px; } .auth_info_container{ min-width: 650px; margin: auto; max-width: 652px; height: auto; padding: 24px; border-radius: 24px; border: 1px rgba(223.28, 122.42, 42.57, 0.30) solid; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: flex; margin-top: 20px; /*margin-bottom: 190px;*/ text-align:justify; } .info_text{ max-width: 848px; color: #646464; font-size: 14px; font-family: Inter; font-weight: 300; line-height: 18.20px; word-wrap: break-word } .info_text a{ max-width: 848px; color: #646464; font-size: 14px; font-family: Inter; font-weight: 300; line-height: 18.20px; word-wrap: break-word } .aplication_text_back a{ text-decoration: none; color: #DF7A2B } .form_cont{ display: flex; flex-direction: column; align-items: center; gap: 24px; } .registration_container{ min-width: 650px; max-height: 773px; padding-left: 24px; padding-right: 24px; padding-top: 48px; padding-bottom: 48px; border-radius: 24px; border: 1px rgba(223.28, 122.42, 42.57, 0.30) solid; flex-direction: column; justify-content: center; align-items: center; gap: 20px; display: flex; margin: auto; margin-top: 40px; margin-bottom: 150px; max-width: 650px; } .test__pages__container { width: 100%; } .question__form1 { color: #391F12; font-family: 'Inter'; font-weight: 300; } .test-box__container1 { padding: 0px; } .wheel_image img { object-fit: cover; width: 100%; height: 100%; } .wheel_image { max-width: 500px; border-radius: 20px; overflow: hidden; } .test-area .questions_container { flex-wrap: wrap; gap: 35px; flex-direction: column; max-width: 540px; } .title__containter__flex { display: flex; justify-content: space-between; } .question_pane_container { max-width: 1320px; height: auto; border-radius: 24px; border: 1px #DF7A2B solid; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; margin-top: 20px; background: rgba(57, 31, 18, 0.80); } .question_pane_buttons { align-self: stretch; height: auto; display: flex; justify-content: flex-start; gap: 24px; align-items: end; flex-direction: column; position: relative; padding: 60px 0 0 0; } .question__image__flex { display: flex; flex-wrap: wrap; justify-content: space-around; margin: -10px; } .image_selector { flex: 1 1 auto; padding: 10px; cursor: pointer; display: flex; flex-direction: column; gap: 8px; position: relative; } .image_selector input { opacity: 0; position: absolute; left: 0; bottom: 0; } .image__box { min-height: 285px; background-size: cover; background-position: center; border: 1px solid; border-radius: 10px; border-color: #DF7A2B; } .image_selector:has(input[checked]) .image__box, .image_selector:has(input:checked) .image__box { border-color: #DF7A2B; } .input__line1 { display: flex; align-items: center; justify-content: space-between; gap: 20px; } .test__input__container:not(:last-child) { margin-bottom: 20px; } .test__input__container > span { margin-bottom: 8px; display: block; } .input__line1 input[type="text"], .input__line1 textarea { flex: 1 1 auto; } input, label { font-family: 'Inter'; } .text__input__area { background: transparent; border: 1px solid #DF7A2B; border-radius: 10px; font-size: 16px; font-weight: 300; line-height: 20.8px; color: #391F12; padding: 12px 16px; outline: none; } .test-area { padding-top: 20px; } .timed__question__container { display: flex; flex-direction: column; gap: 20px; } .timed__question__container .input__line1 { display: flex; flex-direction: column; align-items: normal; } .test__checkbox { display: flex; gap: 10px; cursor: pointer; position: relative; } .test__checkbox input { opacity: 0; position: absolute; bottom: -8px; left: -10px; } .test__checkbox::before { content: ''; display: inline-block; width: 20px; height: 20px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjAnIGhlaWdodD0nMjEnIHZpZXdCb3g9JzAgMCAyMCAyMScgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48Y2lyY2xlIGN4PScxMCcgY3k9JzEwLjUnIHI9JzkuNScgc3Ryb2tlPSd1cmwoI3BhaW50MF9saW5lYXJfNzE1XzgxODIpJy8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSdwYWludDBfbGluZWFyXzcxNV84MTgyJyB4MT0nMCcgeTE9JzEwLjUnIHgyPScyMCcgeTI9JzEwLjUnIGdyYWRpZW50VW5pdHM9J3VzZXJTcGFjZU9uVXNlJz48c3RvcCBzdG9wLWNvbG9yPScjREY3QTJCJy8+PHN0b3Agb2Zmc2V0PScxJyBzdG9wLWNvbG9yPScjRTlBMDM1Jy8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+Cg=="); background-size: contain; background-position: center; background-repeat: no-repeat; } .test__checkbox:has(input[checked])::before, .test__checkbox:has(input:checked)::before { content: ''; display: inline-block; min-width: 20px; height: 20px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjAnIGhlaWdodD0nMjAnIHZpZXdCb3g9JzAgMCAyMCAyMCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48ZyBjbGlwLXBhdGg9J3VybCgjY2xpcDBfNzIwXzgyMTkpJz48Y2lyY2xlIGN4PScxMCcgY3k9JzEwJyByPSc5LjUnIHN0cm9rZT0ndXJsKCNwYWludDBfbGluZWFyXzcyMF84MjE5KScvPjxjaXJjbGUgY3g9JzEwJyBjeT0nMTAnIHI9JzYuNScgZmlsbD0ndXJsKCNwYWludDFfbGluZWFyXzcyMF84MjE5KScgc3Ryb2tlPSd1cmwoI3BhaW50Ml9saW5lYXJfNzIwXzgyMTkpJy8+PC9nPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0ncGFpbnQwX2xpbmVhcl83MjBfODIxOScgeDE9JzAnIHkxPScxMCcgeDI9JzIwJyB5Mj0nMTAnIGdyYWRpZW50VW5pdHM9J3VzZXJTcGFjZU9uVXNlJz48c3RvcCBzdG9wLWNvbG9yPScjREY3QTJCJy8+PHN0b3Agb2Zmc2V0PScxJyBzdG9wLWNvbG9yPScjRTlBMDM1Jy8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9J3BhaW50MV9saW5lYXJfNzIwXzgyMTknIHgxPSczJyB5MT0nMTAnIHgyPScxNycgeTI9JzEwJyBncmFkaWVudFVuaXRzPSd1c2VyU3BhY2VPblVzZSc+PHN0b3Agc3RvcC1jb2xvcj0nI0RGN0EyQicvPjxzdG9wIG9mZnNldD0nMScgc3RvcC1jb2xvcj0nI0U5QTAzNScvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSdwYWludDJfbGluZWFyXzcyMF84MjE5JyB4MT0nMycgeTE9JzEwJyB4Mj0nMTcnIHkyPScxMCcgZ3JhZGllbnRVbml0cz0ndXNlclNwYWNlT25Vc2UnPjxzdG9wIHN0b3AtY29sb3I9JyNERjdBMkInLz48c3RvcCBvZmZzZXQ9JzEnIHN0b3AtY29sb3I9JyNFOUEwMzUnLz48L2xpbmVhckdyYWRpZW50PjxjbGlwUGF0aCBpZD0nY2xpcDBfNzIwXzgyMTknPjxyZWN0IHdpZHRoPScyMCcgaGVpZ2h0PScyMCcgZmlsbD0nd2hpdGUnLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4K"); background-size: contain; background-position: center; background-repeat: no-repeat; } .hidden { display: none; } .application_next:disabled { filter: grayscale(1); } .r{ min-width: 650px; max-height: 773px; padding-left: 24px; padding-right: 24px; padding-top: 48px; padding-bottom: 48px; border-radius: 24px; border: 1px rgba(223.28, 122.42, 42.57, 0.30) solid; flex-direction: column; justify-content: center; align-items: center; gap: 20px; display: flex; margin: auto; margin-top: 40px; margin-bottom: 30px !important; max-width: 650px; } .registration_container_title{ align-self: stretch; height: auto; flex-direction: column; justify-content: center; align-items: center; gap: 20px; display: flex } .registration_title{ align-self: stretch; text-align: center; color: #391F12; font-size: 30px; font-family: Inter; font-weight: 400; text-transform: uppercase; line-height: 36px; word-wrap: break-word } .registration_title_subtitle{ color: #391F12; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 20.80px; word-wrap: break-word } .registration_title_subtitle_in{ color: #DF7A2B; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 20.80px; word-wrap: break-word; border-color: transparent; background-color: transparent; text-decoration: none; } .registration_title_subtitle_in a{ text-decoration: none; color: #DF7A2B; } .registration_title_subtitle_in:hover{ text-decoration: underline; cursor: pointer; } .registration_title_subtitle_in:hover a{ text-decoration: underline; cursor: pointer; } .regtistration_application{ padding-left: 25px; padding-right: 25px; padding-top: 8px; padding-bottom: 8px; min-width: 180px; min-height: 50px; background: linear-gradient(90deg, #DF7A2B 0%, #E9A035 100%); box-shadow: 0px 20px 9px -13px rgba(231, 171, 59, 0.3); border-radius: 100px; overflow: hidden; justify-content: center; align-items: center; gap: 10px; display: flex; border-color: transparent; white-space: nowrap; border: none; } .regtistration_application:hover{ box-shadow: 0px 0px 0px 0px rgba(231, 171, 59, 0.3); cursor: pointer; background: linear-gradient(90deg, #FC8A30 0%, #FCAF3E 100%); } .registration_checkbox{ align-self: stretch; padding-left: 12px; padding-right: 12px; padding-top: 4px; padding-bottom: 4px; justify-content: center; align-items: center; gap: 8px; display: flex; } .registration_checkbox_container{ width: auto; height: auto; justify-content: center; align-items: center; display: flex; border-radius: 4px; } .registration_checkbox_container:checked{ color: #DF7A2B; } .registration_checkbox_container input { display: none; } .registration_checkbox_container span { width: 16px; height: 16px; border: 0.2px solid #646464; display: inline-block; margin-right: 10px; vertical-align: middle; border-radius: 4px; } /* Стиль для активного состояния чекбокса */ .registration_checkbox_container input:checked + span { background-color: #DF7A2B; border-color: transparent; background-image: url("/local/templates/light/images/static/Vector 784.svg"); background-repeat: no-repeat; background-position: 1px 1px; background-size: 13px 13px; } /* Мышка на наведении */ .registration_checkbox_container span:hover { border-color: #888; } .ok_text{ color: #391F12; font-size: 14px; font-family: Inter; font-weight: 300; line-height: 18.20px; word-wrap: break-word } .ok_text_href{ color: #DF7A2B; font-size: 14px; font-family: Inter; font-weight: 300; line-height: 18.20px; word-wrap: break-word; text-decoration: none; } .ok_text_href:hover{ text-decoration: underline; cursor: pointer; } .modal_text{ color: #391F12; font-size: 16px; font-family: Inter; font-weight: 300; line-height: 20.80px; word-wrap: break-word } .registration-modal-content { position: relative; min-width: 636px; height: auto; padding: 40px; background: white; border-radius: 24px; flex-direction: column; justify-content: flex-start; align-items:stretch; display: flex } .registration-modal-content h2 { color: #391F12; font-size: 30px; font-family: Inter; font-weight: 400; text-transform: uppercase; line-height: 28.80px; word-wrap: break-word; margin-top: 0px } .registration-modal-content .close { width: 16px; height: 16px; padding: 7.76px; justify-content: center; align-items: center; display: inline-flex; cursor: pointer; position: absolute; top: 17px; left: 668px } .in_checkbox{ align-self: stretch; /*padding-left: 75px; padding-right: 12px;*/ padding-top: 4px; padding-bottom: 4px; justify-content:space-between; align-items: center; gap: 8px; display: flex; width: 500px; } .recovery_link a{ text-decoration: none; color: #391F12; font-size: 14px; font-family: Inter; font-weight: 300; line-height: 18.20px; word-wrap: break-word } .recovery_link:hover a{ text-decoration: underline; cursor: pointer; } .registration_checkbox_container{ width: auto; height: auto; justify-content: center; align-items: center; display: flex; border-radius: 4px; } .registration_checkbox_container:checked{ color: #DF7A2B; } .registration_checkbox_container input { display: none; } .registration_checkbox_container span { width: 16px; height: 16px; border: 0.2px solid #646464; display: inline-block; margin-right: 10px; vertical-align: middle; border-radius: 4px; } /* Стиль для активного состояния чекбокса */ .registration_checkbox_container input:checked + span { background-color: #DF7A2B; border-color: transparent; background-image: url("/local/templates/light/images/static/Vector 784.svg"); background-repeat: no-repeat; background-position: 1px 1px; background-size: 13px 13px; } /* Мышка на наведении */ .registration_checkbox_container span:hover { border-color: #888; } .ok_text{ color: #391F12; font-size: 14px; font-family: Inter; font-weight: 300; line-height: 18.20px; word-wrap: break-word } .ok_text_href{ color: #DF7A2B; font-size: 14px; font-family: Inter; font-weight: 300; line-height: 18.20px; word-wrap: break-word; text-decoration: none; } .ok_text_href:hover{ text-decoration: underline; cursor: pointer; } .aplication_text a{ color: white; text-decoration: none; font-size: 14px; font-family: Inter; font-weight: 400; line-height: 16.80px; word-wrap: break-word } .recover_title_subtitle{ text-align: center; color: #646464; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 20.80px; word-wrap: break-word; max-width: 602px; } .modal_text a { color: #391F12; } .catalog{ display: flex; justify-content: center; } .catalog_container_page{ max-width: 1320px; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 40px; display: flex; margin-bottom: 150px; } .catalog_box{ background: #ffffff; flex: 0 0 218px; height: auto; border-radius: 30px; border: 1px rgba(223.28, 122.42, 42.57, 0.30) solid; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: flex; padding: 16px 16px 26px 16px; text-decoration: none; } .catalog_box_image{ min-width: 218px; height: 170px; background: #F8F8F8; border-radius: 15px; display: flex; justify-content: flex-end; align-items: flex-start; } .sale_container{ max-width: 51px; height: auto; padding: 4px; background: linear-gradient(90deg, #DF7A2B 0%, #E9A035 100%); border-radius: 15px; justify-content: center; align-items: center; gap: 8px; display: inline-flex } .sale{ color: white; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 19.20px; word-wrap: break-word } .catalog_box_bottom{ flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 40px; display: flex; } .catalog_box_without_button{ align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 7px; display: inline-flex } .sale_price{ text-align: center; color: #DF7A2B; font-size: 24px; font-family: Inter; font-weight: 400; text-transform: uppercase; line-height: 28.80px; word-wrap: break-word } .price{ text-align: center; color: #646464; font-size: 14px; font-family: Inter; font-weight: 300; text-decoration: line-through; line-height: 18.20px; word-wrap: break-word } .catalog_container_text_container{ align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: flex; } .in_stock_container{ align-self: stretch; height: auto; justify-content: space-between; align-items: center; display: flex; } .in_stock_container_teg{ background: #FFE8D5; border-radius: 10px; justify-content: flex-start; align-items: center; display: flex; gap: 7px; padding-left: 7px; padding-right: 7px; } .in_stock_container_teg span{ color: #DF7A2B; font-size: 12px; font-family: Inter; font-weight: 300; line-height: 15.60px; word-wrap: break-word } .basket_button{ width: 40px; height: 40px; position: relative; background: linear-gradient(90deg, #DF7A2B 0%, #E9A035 100%); border-radius: 10px; border-color: transparent; position: relative; border: none; } .basket_button:hover{ cursor:pointer } .basket_button:hover .teg_button_text{ color: white } .basket_button:hover .tooltip { visibility: visible; opacity: 1; } .catalog_page_container{ align-items: stretch; justify-content: flex-start; align-items: center; gap: 13px; display: flex; flex-wrap: wrap; } .catalog_box:hover{ border: 1px #DF7A2B solid; background-color: rgba(223, 122, 43, 0.05); cursor:default; } .catalog_checkbox{ width: auto; height: auto; padding-left: 12px; padding-top: 10px; padding-right: 5px; justify-content: center; align-items: center; gap: 8px; display: flex; } .catalog_checkbox_container{ width: auto; height: auto; justify-content: center; align-items: center; display: flex; border-radius: 4px; position: relative; } .catalog_checkbox_container:checked{ color: #DF7A2B; } .catalog_checkbox_container input { display: none; } .catalog_checkbox_container span { width: 24px; height: 24px; background-image: url('/local/templates/light/images/static/Vector.svg'); background-repeat: no-repeat; display: inline-block; margin-right: 5px; vertical-align: middle; border-radius: 4px; cursor: pointer; } /* Стиль для активного состояния чекбокса */ .catalog_checkbox_container input:checked + span { background-image: url('/local/templates/light/images/static/Vectoractive.svg'); border-color: transparent; background-repeat: no-repeat; cursor:pointer } /* Мышка на наведении */ .catalog_checkbox_container span:hover { border-color: #888; } .catalog_checkbox:hover{ cursor:pointer } .catalog_checkbox_container:hover .tooltip { visibility: visible; opacity: 1; } .catalog_filter{ width: 1320px; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 32px; display: flex } .catalog_filter_container{ align-self: stretch; justify-content: space-between; align-items: center; display: inline-flex } .catalog_filter_container_box{ justify-content: flex-start; align-items: flex-start; gap: 32px; display: flex } .catalog_filter_container_box_parametrs{ justify-content: flex-start; align-items: center; gap: 4px; display: flex } .catalog_filter_container_box_parametrs_text{ color: #391F12; font-size: 16px; font-family: Inter; font-weight: 300; line-height: 20.80px; word-wrap: break-word; } .catalog_filter_container_box_parametrs_text:hover{ color: #DF7A2B; cursor: pointer; } .catalog_filter_arrow{ stroke: #391F12; } .catalog_filter_arrow:hover{ stroke: #DF7A2B; cursor: pointer } .catalog_filter_grey_text{ color: #646464; font-size: 14px; font-family: Inter; font-weight: 300; line-height: 18.20px; word-wrap: break-word; } .filter_params{ align-self: stretch; height: auto; justify-content: flex-start; align-items: center; gap: 16px; display: flex } .filter_params_box{ align-self: stretch; padding-left: 16px; padding-right: 16px; padding-top: 4px; padding-bottom: 4px; background: #FFE8D5; border-radius: 10px; justify-content: center; align-items: center; gap: 8px; display: flex } .filter_params_active{ color: #DF7A2B; font-size: 14px; font-family: Inter; font-weight: 300; line-height: 18.20px; word-wrap: break-word } .filter_delete{ color: #646464; font-size: 14px; font-family: Inter; font-weight: 300; line-height: 18.20px; word-wrap: break-word; border-color: transparent; background-color: transparent; cursor: pointer; } .catalog_sw .swiper-slide{ flex: 0 0 auto; width: 248px !important; margin-right:17px } .product{ max-width: 1320px; height: auto; justify-content: flex-start; align-items: center; gap: 50px; display: flex; margin-top:40px } .product_image{ min-width: 600px; height: 478px; border-radius: 24px; overflow: hidden; border: 1px #DF7A2B solid; flex-direction: column; justify-content: center; align-items: center; gap: 11.32px; display: inline-flex } .product_function{ align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 40px; display: inline-flex } .product_function_box_title{ flex-direction: column; justify-content: center; align-items: flex-start; gap: 24px; display: flex } .product_function_title_in{ color: #DF7A2B; font-size: 14px; font-family: Inter; font-weight: 300; line-height: 18.20px; word-wrap: break-word } .product_function_title{ color: #391F12; font-size: 30px; font-family: Inter; font-weight: 400; text-transform: uppercase; line-height: 36px; word-wrap: break-word } .product_function_box_weight{ border-radius: 10px; border: 1px rgba(223.28, 122.42, 42.57, 0.30) solid; justify-content: flex-start; align-items: flex-start; gap: 14px; display: inline-flex } .product_function_box_weight_button{ align-self: stretch; height: auto; padding: 8px 16px 8px 16px; border-radius: 4px; flex-direction: column; justify-content: center; align-items: center; gap: 8px; display: flex; border-color: transparent; background-color: transparent; } .product_function_box_weight_button_simvol{ text-align: center; color: #646464; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 24px; word-wrap: break-word } .product_function_box_weight_button_text{ text-align: center; color: #646464; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 24px; word-wrap: break-word } .product_function_box_weight_button_simvol:hover{ cursor:pointer } .product_function_box_price{ align-self: stretch; color: #391F12; font-size: 24px; font-family: Inter; font-weight: 400; text-transform: uppercase; line-height: 28.80px; word-wrap: break-word } .product_button_and_heart{ justify-content: flex-start; align-items: flex-start; gap: 5px; display: flex } .product_checkbox{ width: auto; height: auto; justify-content: center; align-items: center; gap: 8px; display: flex; } .product_checkbox_container{ width: auto; height: auto; justify-content: center; align-items: center; display: flex; border-radius: 100px; } .product_checkbox_container:checked{ color: #DF7A2B; } .product_checkbox_container input { display: none; } .product_checkbox_container span { width: 50px; height: 50px; border: 1px #DF7A2B solid; background-image: url('/local/templates/light/images/static/favourite.svg'); background-repeat: no-repeat; background-position: center; display: inline-block; margin-right: 5px; vertical-align: middle; border-radius: 100px; cursor: pointer; } /* Стиль для активного состояния чекбокса */ .product_checkbox_container input:checked + span { background-image: url('/local/templates/light/images/static/Vectoractive.svg'); border-radius: 100px; background-repeat: no-repeat; background-position: center; cursor:pointer; } /* Мышка на наведении */ .catalog_checkbox_container span:hover { border-color: #888; } .catalog_checkbox:hover{ cursor:pointer } .product_description{ align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 8px; display: flex } .product_description_title{ max-width: 636px; color: #391F12; font-size: 24px; font-family: Inter; font-weight: 400; text-transform: uppercase; line-height: 28.80px; word-wrap: break-word } .product_description_text{ max-width: 465px; color: #646464; font-size: 14px; font-family: Inter; font-weight: 300; line-height: 18.20px; word-wrap: break-word } .bascket_page{ display: flex; justify-content: center; } .bascket_container_page{ max-width: 1320px; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 40px; display: flex; } .bascket_item{ align-self: stretch; height: auto; gap: 24px; justify-content: flex-start; display: flex; align-items: flex-start; } .bascket_item_container{ max-width: 872px; height: auto; display: flex; gap:24px; justify-content: flex-start; align-items: flex-start; flex-direction: column; } .item_container{ min-width: 838px; height: auto; padding: 16px; background: white; border-radius: 30px; border: 1px rgba(223.28, 122.42, 42.57, 0.30) solid; justify-content: flex-start; align-items: flex-start; gap: 16px; display: flex } .item_image{ min-width: 180px; min-height: 170px; background: #F8F8F8; border-radius: 15px; } .item_container_box{ flex: 1 1 0; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: flex } .item_box_title{ align-self: stretch; justify-content: space-between; align-items: flex-start; gap: 8px; display: flex } .item_box_title_container{ flex: 1 1 0; height: 21px; justify-content: flex-start; align-items: center; gap: 8px; display: flex } .item_title{ flex: 1 1 0; align-self: stretch; color: #391F12; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 20.80px; word-wrap: break-word; } .item_checkbox{ width: auto; height: auto; justify-content: center; align-items: center; gap: 8px; display: flex; } .item_checkbox_container{ width: auto; height: auto; justify-content: center; align-items: center; display: flex; border-radius: 4px; } .item_checkbox_container:checked{ color: #DF7A2B; } .item_checkbox_container input { display: none; } .item_checkbox_container span { width: 24px; height: 24px; background-image: url('/local/templates/light/images/static/favourite2.svg'); background-repeat: no-repeat; display: inline-block; margin-right: 5px; vertical-align: middle; border-radius: 4px; cursor: pointer; } /* Стиль для активного состояния чекбокса */ .item_checkbox_container input:checked + span { background-image: url('/local/templates/light/images/static/Vectoractive.svg'); border-color: transparent; background-repeat: no-repeat; cursor:pointer } /* Мышка на наведении */ .item_checkbox_container span:hover { border-color: #888; } .item_checkbox:hover{ cursor:pointer } .item_title_button{ align-self: stretch; height: auto; justify-content: flex-start; align-items: flex-start; gap: 16px; display: flex } .delete_button{ width: 24px; height: 24px; justify-content: center; align-items: center; display: flex; border-color: transparent; background-color: transparent; cursor: pointer; padding:0; } .item_box_price{ align-self: stretch; justify-content: space-between; align-items: center; gap: 8px; display: flex } .item_price_container{ display: flex; gap: 8px; align-items: center; } .bascket_payment{ max-width: 424px; height: auto; display: flex; gap: 15px; justify-content: flex-start; align-items: flex-start; flex-direction: column; } .bascket_payment_window{ align-self: stretch; height: auto; padding: 24px; background: white; border-radius: 30px; overflow: hidden; border: 1px rgba(223.28, 122.42, 42.57, 0.30) solid; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 32px; display: inline-flex } .payment_linear{ border-radius: 8px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 8px; display: flex } .payment_container_box_input{ flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 2px; display: flex; } .payment_container_box_input_place{ min-width: 343px; padding-left: 16px; padding-right: 16px; padding-top: 12px; padding-bottom: 12px; border-radius: 10px; overflow: hidden; border: 1px rgba(223.28, 122.42, 42.57, 0.30) solid; justify-content: flex-start; align-items: center; gap: 10px; display: inline-flex; outline: none; flex: 1 1 0; color: #391F12; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 24px; word-wrap: break-word; text-align: s; } .payment_container_box_input_place:hover{ border: 1px #DF7A2B solid; } .payment_container_box_input_place:focus{ border: 1px #DF7A2B solid; } .payment_sale{ align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: flex; } .payment_sale_container{ align-self: stretch; justify-content: space-between; align-items: center; gap: 16px; display: flex } .payment_sale_text{ color: #391F12; font-size: 16px; font-family: Inter; font-weight: 300; line-height: 20.80px; word-wrap: break-word } .payment_all_text{ color: #391F12; font-size: 24px; font-family: Inter; font-weight: 400; text-transform: uppercase; line-height: 28.80px; word-wrap: break-word } .payment_all_numbers{ text-align: right; color: #DF7A2B; font-size: 24px; font-family: Inter; font-weight: 400; text-transform: uppercase; line-height: 28.80px; word-wrap: break-word } .payment_line{ align-self: stretch; height: 0px; border: 1px rgba(223.28, 122.42, 42.57, 0.30) solid } .payment_button{ justify-content: flex-start; align-items: flex-start; gap: 5px; display: flex; } .payment_application{ padding-left: 25px; padding-right: 25px; padding-top: 8px; padding-bottom: 8px; min-width: 376px; min-height: 50px; background: linear-gradient(90deg, #DF7A2B 0%, #E9A035 100%); box-shadow: 0px 20px 9px -13px rgba(231, 171, 59, 0.3); border-radius: 100px; overflow: hidden; justify-content: center; align-items: center; gap: 10px; display: flex; border-color: transparent; white-space: nowrap; border: none; } .payment_application:hover{ box-shadow: 0px 0px 0px 0px rgba(231, 171, 59, 0.3); cursor: pointer; background: linear-gradient(90deg, #FC8A30 0%, #FCAF3E 100%); } .payment_button a{ text-decoration: none; } .profile_tree_mobile{ align-self: stretch; min-height: 340px; padding: 30px; display: none; justify-content: flex-start; align-items: flex-start; background-repeat: no-repeat; background-position: center; border-radius: 30px; } .payment_tip{ align-self: stretch; color: #391F12; font-size: 14px; font-family: Inter; font-weight: 300; line-height: 18.20px; word-wrap: break-word } .pay_and_delivery{ align-self: stretch; height: auto; justify-content: flex-start; align-items: flex-start; gap: 4px; display: flex } .pay_and_delivery_text{ color: #391F12; font-size: 14px; font-family: Inter; font-weight: 300; line-height: 18.20px; word-wrap: break-word } .pay_and_delivery_link a{ color: #DF7A2B; font-size: 14px; font-family: Inter; font-weight: 300; line-height: 18.20px; word-wrap: break-word; text-decoration: none; } .pay_and_delivery_link:hover a{ text-decoration: underline; } .oformlenie_container_title{ align-self: stretch; height: auto; flex-direction: column; justify-content: center; align-items: flex-start; gap: 20px; display: flex } .oformlenie_title{ color: #391F12; font-size: 24px; font-family: Inter; font-weight: 400; text-transform: uppercase; line-height: 28.80px; word-wrap: break-word } .oformlenie_linear{ border-radius: 8px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 8px; display: flex } .oformlenie_container_box_input{ flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 2px; display: flex; } .oformlenie_container_box_input_place{ max-width: 616px; padding-left: 16px; padding-right: 16px; padding-top: 12px; padding-bottom: 12px; border-radius: 10px; overflow: hidden; border: 1px rgba(223.28, 122.42, 42.57, 0.30) solid; justify-content: flex-start; align-items: center; gap: 10px; display: inline-flex; outline: none; flex: 1 1 0; color: #391F12; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 24px; word-wrap: break-word } .oformlenie_container_box_input_place:hover{ border: 1px #DF7A2B solid; } .oformlenie_container_box_input_place:focus{ border: 1px #DF7A2B solid; } .oformlenie_radio{ align-self: stretch; justify-content: flex-start; align-items: center; gap: 8px; display: flex; } .oformlenie_checkbox_container{ width: auto; height: auto; justify-content: center; align-items: center; display: flex; border-radius: 4px; } .oformlenie_checkbox_container:checked{ color: #DF7A2B; } .oformlenie_checkbox_container input { display: none; } .oformlenie_checkbox_container label{ display: flex; cursor: pointer; position: relative; align-items: center; margin-right: 0; line-height: 18px; user-select: none; } /* Мышка на наведении */ .oformlenie_checkbox_container span:hover { border-color: #888; } .oformlenie_checkbox_container label:before { content: ""; display: inline-block; width: 24px; height: 24px; background: url('/local/templates/light/images/static/VectorRadio.svg') 0 0 no-repeat; } /* Checked */ .oformlenie_checkbox_container input:checked + label:before { background: url('/local/templates/light/images/static/radio-button.svg') 0 0 no-repeat; background-position: -2px -2px; } .oformlenie_checkbox_container input:not(:checked) + label:not(:before) { background: url('/local/templates/light/images/static/radio-button.svg') 0 0 no-repeat; } .radio_text{ color: #646464; font-size: 16px; font-family: Inter; font-weight: 300; line-height: 20.80px; word-wrap: break-word; margin-left: 8px; } .oformlenie_item{ align-self: stretch; height: auto; gap: 395px; justify-content: flex-start; display: flex; align-items: flex-start; margin-bottom: 150px; } .oformlenie_product{ align-self: stretch; height: auto; background: white; justify-content: flex-start; align-items: center; gap: 16px; display: flex } .oformlenie_image{ min-width: 85px; min-height: 80px; background: #F8F8F8; border-radius: 15px } .oformlenie_product_container{ flex: 1 1 0; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 8px; display: flex } .oformlenie_product_title{ align-self: stretch; height: auto; justify-content: flex-start; align-items: center; gap: 8px; display: flex } .oformlenie_p_title{ align-self: stretch; color: #391F12; font-size: 16px; font-family: Inter; font-weight: 300; line-height: 20.80px; word-wrap: break-word } .info_container a{ text-decoration: none; } .profile_container{ display: flex; justify-content: center; } .profile_container_page{ max-width: 1320px; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 20px; display: flex; margin-top: 40px; width: 100%; } .profile_tree{ align-self: stretch; min-height: 340px; padding: 30px; display: flex; justify-content: flex-start; align-items: flex-start; background-repeat: no-repeat; background-position: center; border-radius: 30px; } .level_0 {background-image: url('/images/tree/tree_level1.png');} .level_1 {background-image: url('/images/tree/tree_level2.png');} .level_2 {background-image: url('/images/tree/tree_level3.png');} .level_3 {background-image: url('/images/tree/tree_level4.png');} .level_4 {background-image: url('/images/tree/tree_level5.png');} .level_5 {background-image: url('/images/tree/tree_level6.png');} .bread_profile{ height: 1320px; align-self: stretch; height: auto; justify-content: flex-start; align-items: center; display: flex; margin-top: 40px } .bread_profile_text_prev{ color: white; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 20.80px; word-wrap: break-word; text-decoration: none; cursor: pointer; } .bread_profile_text_prev a{ text-decoration: none; color: inherit } .bread_profile_text_curent{ color: white; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 20.80px; word-wrap: break-word" } .profile_tree_title{ color: white; font-size: 30px; font-family: Inter; font-weight: 400; text-transform: uppercase; line-height: 36px; word-wrap: break-word } .profile_test_and_avatar_container{ align-self: stretch; height: auto; display: flex; justify-content: flex-start; gap:20px; align-items: center; margin-bottom: 100px } .profile_avatar_and_skills_container{ align-self: stretch; height: auto; display: flex; justify-content: flex-start; gap:20px; align-items: center; flex-direction: column; position: relative; } .profile_avatar{ min-width: 260px; min-height: 260px; display: flex; padding: 20px; justify-content: flex-end; align-items: flex-start; border-radius: 24px; position: relative; background-size: cover; background-position: center; background-image: url('/local/templates/light/images/static/babanin-whatsapp-fotografi_1040974-1165464229.jpg'); } .setting_save_buuton{ display: flex; flex-direction: row; gap: 10px; justify-content: space-between; min-width: 500px; } .settings-toggle{ border-color: transparent; background-color: transparent; cursor: pointer; z-index: 1000; transition: transform 0.3s ease; } .profile_skills_container{ align-self: stretch; height: auto; display: flex; gap: 20px; justify-content: flex-start; align-items: center; } .profile_skills{ padding: 11px; min-width: 119px; min-height: 58px; border-radius: 24px; border: 1px #DF7A2B solid; background: rgba(57, 31, 18, 0.50); flex-direction: column; justify-content: center; align-items: center; gap:10px; display: flex; } .profile_skills_descritpion{ color: white; font-size: 20px; font-family: Inter; font-weight: 400; text-transform: uppercase; line-height: 24px; word-wrap: break-word } .profile_test_container{ align-self: stretch; height: auto; display: flex; justify-content: flex-start; gap: 20px; align-items: flex-start; flex-direction: column; width: 100%; } .profile_test_container a{ text-decoration: none; width: 100%; } .profile_test{ min-height: 118px; align-items: center; justify-content: center; border-radius: 24px; border: 1px #DF7A2B solid; display: flex; } .settings-toggle:hover .rotate{ transform: rotate(90deg); } .rotate{ transition: 0.3s; } /* Всплывающее меню настроек */ .settings-menu { position: absolute; left: 323px; top: 0px; width: 915px; background: #FFE8D5; z-index: 999; display: none; /* Скрыто по умолчанию */ flex-direction: column; padding: 40px 40px 20px 40px; border-radius: 24px; height: 362px; } .modal_container_box_input input[type="file"]{ padding-left: 25px; padding-right: 25px; padding-top: 8px; padding-bottom: 8px; min-width: 180px; min-height: 50px; background: linear-gradient(90deg, #DF7A2B 0%, #E9A035 100%); box-shadow: 0px 20px 9px -13px rgba(231, 171, 59, 0.3); border-radius: 100px; overflow: hidden; justify-content: center; align-items: center; gap: 10px; display: flex; border-color: transparent; white-space: nowrap; border: none; } .input-file { position: relative; display: inline-block; } .input-file span { padding-left: 25px; padding-right: 25px; padding-top: 8px; padding-bottom: 8px; min-width: 180px; min-height: 50px; background: linear-gradient(90deg, #DF7A2B 0%, #E9A035 100%); box-shadow: 0px 20px 9px -13px rgba(231, 171, 59, 0.3); border-radius: 100px; overflow: hidden; justify-content: center; align-items: center; gap: 10px; display: flex; border-color: transparent; white-space: nowrap; border: none; color:white; font-size: 14px; font-family: Inter; font-weight: 500; line-height: 16.80px; word-wrap: break-word; } .input-file input[type=file] { position: absolute; z-index: -1; opacity: 0; display: block; width: 0; height: 0; } /* Focus */ .input-file input[type=file]:focus + span { box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25); } /* Hover/active */ .input-file:hover span { box-shadow: 0px 0px 0px 0px rgba(231, 171, 59, 0.3); cursor: pointer; background: linear-gradient(90deg, #FC8A30 0%, #FCAF3E 100%); } .input-file:active span { box-shadow: 0px 0px 0px 0px rgba(231, 171, 59, 0.3); cursor: pointer; background: linear-gradient(90deg, #FC8A30 0%, #FCAF3E 100%); } /* Disabled */ .input-file input[type=file]:disabled + span { background-color: #eee; } .modal_container_box_input .typefile:hover{ box-shadow: 0px 0px 0px 0px rgba(231, 171, 59, 0.3); cursor: pointer; background: linear-gradient(90deg, #FC8A30 0%, #FCAF3E 100%); } /* Заголовок в меню */ .settings-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } .setting_title{ color: #391F12; font-size: 20px; font-family: Inter; font-weight: 400; text-transform: uppercase; line-height: 24px; word-wrap: break-word } .setting_title a{ text-decoration: none; color: #391F12 } /* Кнопка закрытия */ .settings-close { background: transparent; border: none; color: #DF7A2B; font-size: 20px; cursor: pointer; } /* Контент в меню */ .settings-content { font-size: 16px; color: #391F12; display: flex; flex-direction: column; gap: 10px; } .settings-menu.show { display: block; /* Показываем меню, когда добавляется класс .show */ } /* Когда меню открыто */ .settings-menu.open { display: flex; /* Показываем меню */ } .settings-toggle:hover .setting_tooltip { visibility: visible; opacity: 1; } .setting_tooltip{ visibility: hidden; /* Скрыто в начале */ opacity: 0; /* Для плавного появления */ position: absolute; bottom: 95%; /* Расположено выше кнопки */ left: 105%; transform: translateX(-50%); padding: 6px 8px; /* Упрощена запись отступов */ background: #FFF; /* Белый фон */ border-radius: 8px; display: flex; justify-content: center; align-items: center; z-index: 10000; transition: opacity 0.3s ease-in-out; /* Анимация появления */ align-self: stretch; height: auto; box-shadow: 0px 10px 30px rgba(30.53, 33.54, 60.56, 0.10); flex-direction: column; justify-content: flex-start; align-items: flex-start; display: flex; text-wrap: nowrap; } .setting_tooltip::after{ content: ''; /* Псевдоэлемент для треугольника */ position: absolute; top: 100%; /* Расположен ниже подсказки */ left: 20%; transform: translateX(-50%); width: 0; height: 0; border-left: 6px solid transparent; /* Левая граница треугольника */ border-right: 6px solid transparent; /* Правая граница треугольника */ border-top: 6px solid #FFF; /* Цвет треугольника совпадает с фоном подсказки */ } .setting_menu_scroll_container{ max-width: 915px; height: 460px; overflow-y: scroll; } .setting_modal_container{ align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: flex } .modal_container{ align-self: stretch; height: auto; flex-direction: column; justify-content: center; align-items: flex-start; gap: 24px; display: inline-flex } .modal_linear{ border-radius: 8px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 8px; display: flex } .modal_container_box_input{ flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 2px; display: flex; } .modal_container_box_input_place{ max-width: 466px; padding-left: 16px; padding-right: 16px; padding-top: 12px; padding-bottom: 12px; border-radius: 10px; overflow: hidden; border: 1px rgba(223.28, 122.42, 42.57, 0.30) solid; justify-content: flex-start; align-items: center; gap: 10px; display: inline-flex; outline: none; flex: 1 1 0; color: #391F12; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 24px; word-wrap: break-word } .modal_container_box_input_place:hover{ border: 1px #DF7A2B solid; } .modal_container_box_input_place:focus{ border: 1px #DF7A2B solid; } .setting_modal_input_title{ align-self: stretch; justify-content: space-between; align-items: flex-start; gap: 8px; display: inline-flex } .setting_redaction_text{ color: #391F12; font-size: 16px; font-family: Inter; font-weight: 300; line-height: 20.80px; word-wrap: break-word; background-color: transparent; border-color: transparent; } .setting_redaction_text:hover{ text-decoration: underline; cursor: pointer; } .test_title{ color: #DF7A2B; font-size: 30px; font-family: Inter; font-weight: 400; text-transform: uppercase; line-height: 36px; word-wrap: break-word; margin-top: 20px; } .test_box{ flex: 0 0 375px; min-height: 216px; padding: 24px; border-radius: 30px; border: 1px #DF7A2B solid; flex-direction: column; justify-content: center; align-items: center; gap: 10px; display: flex; background: rgba(57, 31, 18, 0.80); } .test_content{ align-self: stretch; height: auto; flex-direction: column; justify-content: center; align-items: center; gap: 40px; display: flex; background-image: url('/local/templates/light/local/templates/light/images/static/locked.svg'); } .test_content_box{ align-self: stretch; height: auto; flex-direction: column; justify-content: center; align-items: center; gap: 10px; display: flex } .test_content_title{ align-self: stretch; text-align: center; color: white; font-size: 24px; font-family: Inter; font-weight: 400; text-transform: uppercase; line-height: 28.80px; word-wrap: break-word } .test_content_text{ width: 367.50px; opacity: 0.80; text-align: center; color: white; font-size: 14px; font-family: Inter; font-weight: 300; line-height: 18.20px; word-wrap: break-word } .test_content a{ text-decoration: none; } .test_box:hover{ background:linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ), url('/local/templates/light/images/static/Rectangle 194.png'); } .wheel_box_container{ align-self: stretch; height: auto; display: flex; justify-content: space-between; gap:20px; align-items: center; padding:0 60px 0 60px } .wheel_container{ max-width: 1320px; height: auto; border-radius: 24px; border: 1px #DF7A2B solid; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: flex; margin-top: 20px; background: rgba(57, 31, 18, 0.80) } .whell_box_container_text{ align-self: stretch; height: auto; flex-direction: column; justify-content: center; align-items: flex-start; gap: 40px; display: flex; } .whell_text_container{ align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: flex } .wheel_title_box{ align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 12px; display: flex } .whell_title{ color: #DF7A2B; font-size: 30px; font-family: Inter; font-weight: 400; text-transform: uppercase; line-height: 36px; word-wrap: break-word } .whell_text_box{ flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 12px; display: flex; } .wheel_text1{ opacity: 0.80; color: #391F12; font-size: 16px; font-family: Inter; font-weight: 300; line-height: 20.80px; word-wrap: break-word } .wheel_image_and_button{ align-self: stretch; height: auto; display: flex; justify-content: flex-start; gap:24px; align-items: center; flex-direction: column; position: relative; padding: 60px 0 60px 0; } .wheel_image{ min-width: 434px; min-height: 344px; border-radius: 30px } .wheel_container_box_button { justify-content: flex-end; align-items: flex-end; gap: 34px; display: flex; } .wheel_container_box_button a{ text-decoration: none; } .wheel_application_back{ min-width: 200px; min-height: 50px; padding-left: 25px; padding-right: 25px; padding-top: 8px; padding-bottom: 8px; border-radius: 100px; overflow: hidden; justify-content: center; align-items: center; gap: 10px; display: flex; white-space: nowrap; border: 1px #DF7A2B solid; background-color: transparent; } .wheel_application_back:hover{ background: linear-gradient(90deg, #FC8A30 0%, #FCAF3E 100%); border-color: transparent; cursor:pointer } .wheel_application_back:hover .aplication_text_back{ color: white; } .wheel_demo_form{ display: flex; flex: 0 0 1197px; max-width: 1320px; height: auto; background: rgba(57, 31, 18, 0.80);; border-radius: 30px; border: 1px #DF7A2B solid; padding: 60px; margin-top:40px; flex-direction: column; gap:20px } .wheel_container_box_title{ color: white; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 20.80px; word-wrap: break-word } .wheel_container_box_input_place{ background: transparent; } .wheel_container_box_input { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; position: relative; } /* Стили для значения */ .range_value { position: absolute; top: -25px; /* Расположение над ползунком */ left: 0px; font-size: 16px; font-family: Inter, sans-serif; font-weight: 400; color: white; opacity: 0.8; pointer-events: none; /* Чтобы текст не мешал */ transition: left 0.1s ; /* Плавное движение */ } /* Ползунок */ .wheel_container_box_input_place { min-width: 535px; background: transparent; outline: none; appearance: none; cursor: pointer; height: 5px; background: linear-gradient(to right, #DF7A2B, #DF7A2B) no-repeat, white; background-size: 50% 100%; /* Изначальное соотношение */ } /* Трек ползунка */ .wheel_container_box_input_place::-webkit-slider-runnable-track { background-repeat: no-repeat; background-color: white; height: 5px; border-radius: 10px; appearance: none; background: transparent; /* Скрываем трек, он будет виден через background */ } /* Бегунок ползунка */ .wheel_container_box_input_place::-webkit-slider-thumb { background-color: #DF7A2B; width: 17px; height: 17px; border-radius: 50%; appearance: none; margin: -6px 0 0 0; } input[type="range"]::-moz-range-thumb { background-color: #DF7A2B; width: 17px; height: 17px; border-radius: 50%; cursor: pointer; } #container { width: auto; justify-content: center; display: none; position: relative; flex-direction: column; } #categories { display: flex; flex-wrap: wrap; justify-content: space-evenly; gap: 15px; } #chart { max-width: 1320px; min-width: 750px; margin: auto; } .result_container_page{ min-width: 1320px; height: auto; justify-content: center; align-items: center; gap: 20px; display: flex; } .result_container{ min-width: 650px; height: 650px; background: rgba(57, 31, 18, 0.80); border-radius: 9999px; border: 1px #DF7A2B solid; display: flex; justify-content: center; align-items: center; position: relative; } .pos{ left: 325px; top: 326px; position: absolute; min-width: 325px; height: 0px; transform-origin: 0 0; border: 1px rgba(223.28, 122.42, 42.57, 0.30) solid } .inside_pos{ left: 325px; top: 326px; position: absolute; width: 167.80px; height: 0px; transform-origin: 0 0; border: 1px #DF7A2B solid } .nonagon { min-width: 332px; min-height: 328px; display: flex; justify-content: center; align-items: center; background-color: rgba(223, 122, 43, 0.30); border: 1px #DF7A2B solid; clip-path: polygon( 50% 0%, /* Вершина 1 */ 82.39% 10.34%, /* Вершина 2 */ 100% 41.18%, /* Вершина 3 */ 94.45% 74.88%, /* Вершина 4 */ 68.45% 98.55%, /* Вершина 5 */ 33.55% 99.55%, /* Вершина 6 */ 6.55% 77.88%, /* Вершина 7 */ 0% 43.18%, /* Вершина 8 */ 15.61% 12.34% /* Вершина 9 */ ); } .level_container{ width: 132px; height: 57px; justify-content: flex-start; align-items: center; display: flex; flex-direction: column; } .level_number{ align-self: stretch; text-align: center; color: white; font-size: 30px; font-family: Inter; font-weight: 400; text-transform: uppercase; line-height: 36px; word-wrap: break-word } .level_text{ align-self: stretch; color: white; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 20.80px; word-wrap: break-word } .razvitie{ left: 64%; top: -1%; position: absolute; min-width: 30px; min-height: 30px; position: absolute; background-image: url('/local/templates/light/images/static/Layer 21.svg'); background-repeat: no-repeat; background-size: 100% 100%; } .razvitie_position_container{ left: 200px; top: 189px; position: absolute; } .container{ align-self: stretch; height: auto; border-radius: 3px; display: flex; justify-content: center; align-items: center; } .okruzhenie_position_container{ left: 313px; top: 150px; position: absolute; } .okruzhenie{ left: 19%; top: 76%; min-width: 30px; min-height: 30px; position: absolute; background-image: url('/local/templates/light/images/static/Layer 2.svg'); background-repeat: no-repeat; background-size: 100% 100%; } .happy_position_container{ left: 421px; top: 185px; position: absolute; } .happy{ left: 4%; top: 50%; position: absolute; min-width: 30px; min-height: 30px; position: absolute; background-image: url('/local/templates/light/images/static/happy-outline.svg'); background-repeat: no-repeat; background-size: 100% 100%; } .container_box{ align-self: stretch; height: auto; background: white; border-radius: 5px; border: 1px #DF7A2B solid; padding: 3px 8px 3px 8px; } .container_text{ text-align: center; color: #DF7A2B; font-size: 14px; font-family: Inter; font-weight: 400; line-height: 16.80px; word-wrap: break-word } .love{ left: 86%; top: 20%; position: absolute; min-width: 30px; min-height: 30px; position: absolute; background-image: url('/local/templates/light/images/static/Layer 22.svg'); background-repeat: no-repeat; background-size: 100% 100%; } .love_position_container{ left: 474px; top: 284px; position: absolute; } .health_position_container{ left: 456px; top: 394px; position: absolute; } .health{ left: 33%; top: -1%; position: absolute; min-width: 30px; min-height: 30px; position: absolute; background-image: url('/local/templates/light/images/static/medkit-outline.svg'); background-repeat: no-repeat; background-size: 100% 100%; } .create{ left: 77%; top: 77%; position: absolute; min-width: 30px; min-height: 30px; position: absolute; background-image: url('/local/templates/light/images/static/Layer 23.svg'); background-repeat: no-repeat; background-size: 100% 100%; } .create_position_container{ left: 372px; top: 466px; position: absolute; } .carier{ left: 91%; top: 50%; position: absolute; min-width: 30px; min-height: 30px; position: absolute; background-image: url('/local/templates/light/images/static/business-outline.svg'); background-repeat: no-repeat; background-size: 100% 100%; } .carier_position_container{ left: 261px; top: 468px; position: absolute; } .clever{ left: 48%; top: 87%; position: absolute; min-width: 30px; min-height: 30px; position: absolute; background-image: url('/local/templates/light/images/static/Layer 24.svg'); background-repeat: no-repeat; background-size: 100% 100%; } .clever_position_container{ left: 173px; top: 400px; position: absolute; } .money{ left: 9%; top: 19%; position: absolute; min-width: 30px; min-height: 30px; position: absolute; background-image: url('/local/templates/light/images/static/cash-outline.svg'); background-repeat: no-repeat; background-size: 100% 100%; } .money_position_container{ left: 148px; top: 290px; position: absolute; } .mg{ margin-top:220px } @media (max-width: 768px){ .body_index{ background-color: #ffffff; box-sizing: border-box; display: flex; flex-direction: column; /* Чтобы блоки располагались по вертикали */ /* Центрирование блоков по горизонтали */ justify-content: center; /* Центрирование блоков по вертикали */ gap: 10px; margin:0; align-items: center; background-image: url('/local/templates/light/images/static/фото.png'); background-repeat: no-repeat; background-size: 100% 860px; } .header_container{ max-width: 320px; height: auto; align-items: center; display: flex; justify-content: space-between; flex-wrap: wrap; } .road{ box-sizing: border-box; display: flex; flex-direction: column; /* Чтобы блоки располагались по вертикали */ /* Центрирование блоков по горизонтали */ justify-content: center; /* Центрирование блоков по вертикали */ gap: 10px; margin:auto; align-items: center; width: 100%; max-width: 360px; background-image: none; min-width: 320px; } .prewiew_container{ display: flex; justify-content: center; margin-top: 24px; } .prewiew{ max-width: 320px; height: auto; display: flex; justify-content: center; gap:16px; flex-wrap: nowrap; position: relative; } .prewiew_who_container{ max-width: 248px; align-self: stretch; height: auto; padding: 10px; background: #F8F8F8; border-radius: 10px; border: 1px rgba(223.28, 122.42, 42.57, 0.30) solid; justify-content: center; align-items: center; gap: 10px; display: flex; text-align: center; margin-left: auto; margin-right: auto; } .prewiew_who_book{ color: #DF7A2B; font-size: 13px; font-family: Inter; font-weight: 300; line-height: 20.80px; word-wrap: break-word } .prewiew_title_container{ align-self: stretch; height: auto; padding: 0px; justify-content: center; align-items: center; gap: 10px; display: flex; text-align: center; } .prewiew_title_orange{ color: #DF7A2B; font-size: 26px; font-family: Inter; font-weight: 400; text-transform: uppercase; line-height: 31px; word-wrap: break-word } .prewiew_title_black{ color: #391F12; font-size: 26px; font-family: Inter; font-weight: 400; text-transform: uppercase; line-height: 31px; word-wrap: break-word } .prewiew_text_container{ align-self: stretch; height: auto; padding: 0px; justify-content: flex-start; align-items: center; gap: 10px; display: flex; text-align: center; } .prewiew_text{ color: #646464; font-size: 13px; font-family: Inter; font-weight: 300; line-height: 16.90px; word-wrap: break-word } .prewiew_text_B{ color: #646464; font-size: 13px; font-family: Inter; font-weight: 300; line-height: 16.90px; word-wrap: break-word } .prewiew_image{ top: 473px; left: 30px; width: 280.69px; height: 300.22px; transform-origin: 0 0; /* overflow: visible; */ position: absolute; } .prewiew_button_container{ align-self: stretch; height: auto; margin-top:24px; justify-content: center; align-items: center; display: flex } .application{ padding-left: 25px; padding-right: 25px; padding-top: 8px; padding-bottom: 8px; width: 180px; height: 50px; background: linear-gradient(90deg, #DF7A2B 0%, #E9A035 100%); box-shadow: 0px 20px 9px -13px rgba(231, 171, 59, 0.3); border-radius: 100px; overflow: hidden; justify-content: center; align-items: center; gap: 10px; display: flex; border-color: transparent; white-space: nowrap; } .application:hover{ box-shadow: 0px 0px 0px 0px rgba(231, 171, 59, 0.3); cursor: pointer; background: linear-gradient(90deg, #FC8A30 0%, #FCAF3E 100%); } .aplication_text{ color: white; font-size: 12px; font-family: Inter; font-weight: 500; line-height: 16.80px; word-wrap: break-word } .prewiew_box{ display: flex; gap:16px !important } .tizer{ display: flex; justify-content: center; } .tizer_container{ margin-top:360px; max-width: 320px; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 40px; display: flex } .tizer_title_container{ align-self: stretch; height: auto; justify-content: space-between; align-items:flex-start; display: flex; min-width: 320px; gap: 32px; } .news_container .tizer_title_container{ align-self: stretch; height: auto; justify-content: flex-end; align-items:flex-start; display: flex; min-width: 320px; flex-direction: column; gap: 32px; } .tizer_title{ color: #391F12; font-size: 24px; font-family: Inter; font-weight: 400; text-transform: uppercase; line-height: 28.80px; word-wrap: break-word } .tizer_scroll_button{ align-self: stretch; height: auto; justify-content: flex-start; align-items: center; gap: 30px; display: inline-flex } .tizer_scroll_button_container{ justify-content: flex-start; align-items: center; gap: 10px; display: flex } .swiper-button-prev, .swiper-button-next{ width: 40px !important; height: 40px !important; border-radius: 100px; overflow: hidden; border: 1px #DF7A2B solid; background-color: transparent; position: unset !important; } .swiper-button-prev:hover, .swiper-button-next:hover { background: linear-gradient(90deg, #DF7A2B 0%, #E9A035 100%); border-color: transparent; cursor: pointer; } .image__box { min-height: 150px; background-size: cover; background-position: center; border: 1px solid; border-radius: 10px; border-color: #DF7A2B; } .image_selector { flex: 1 1 auto; padding: 5px; cursor: pointer; display: flex; flex-direction: column; gap: 8px; position: relative; } .test__checkbox::before { content: ''; display: inline-block; min-width: 15px; height: 20px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjAnIGhlaWdodD0nMjEnIHZpZXdCb3g9JzAgMCAyMCAyMScgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48Y2lyY2xlIGN4PScxMCcgY3k9JzEwLjUnIHI9JzkuNScgc3Ryb2tlPSd1cmwoI3BhaW50MF9saW5lYXJfNzE1XzgxODIpJy8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSdwYWludDBfbGluZWFyXzcxNV84MTgyJyB4MT0nMCcgeTE9JzEwLjUnIHgyPScyMCcgeTI9JzEwLjUnIGdyYWRpZW50VW5pdHM9J3VzZXJTcGFjZU9uVXNlJz48c3RvcCBzdG9wLWNvbG9yPScjREY3QTJCJy8+PHN0b3Agb2Zmc2V0PScxJyBzdG9wLWNvbG9yPScjRTlBMDM1Jy8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+Cg==); background-size: contain; background-position: center; background-repeat: no-repeat; } .test__checkbox:has(input[checked])::before, .test__checkbox:has(input:checked)::before { content: ''; display: inline-block; min-width: 15px; height: 20px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjAnIGhlaWdodD0nMjAnIHZpZXdCb3g9JzAgMCAyMCAyMCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48ZyBjbGlwLXBhdGg9J3VybCgjY2xpcDBfNzIwXzgyMTkpJz48Y2lyY2xlIGN4PScxMCcgY3k9JzEwJyByPSc5LjUnIHN0cm9rZT0ndXJsKCNwYWludDBfbGluZWFyXzcyMF84MjE5KScvPjxjaXJjbGUgY3g9JzEwJyBjeT0nMTAnIHI9JzYuNScgZmlsbD0ndXJsKCNwYWludDFfbGluZWFyXzcyMF84MjE5KScgc3Ryb2tlPSd1cmwoI3BhaW50Ml9saW5lYXJfNzIwXzgyMTkpJy8+PC9nPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0ncGFpbnQwX2xpbmVhcl83MjBfODIxOScgeDE9JzAnIHkxPScxMCcgeDI9JzIwJyB5Mj0nMTAnIGdyYWRpZW50VW5pdHM9J3VzZXJTcGFjZU9uVXNlJz48c3RvcCBzdG9wLWNvbG9yPScjREY3QTJCJy8+PHN0b3Agb2Zmc2V0PScxJyBzdG9wLWNvbG9yPScjRTlBMDM1Jy8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9J3BhaW50MV9saW5lYXJfNzIwXzgyMTknIHgxPSczJyB5MT0nMTAnIHgyPScxNycgeTI9JzEwJyBncmFkaWVudFVuaXRzPSd1c2VyU3BhY2VPblVzZSc+PHN0b3Agc3RvcC1jb2xvcj0nI0RGN0EyQicvPjxzdG9wIG9mZnNldD0nMScgc3RvcC1jb2xvcj0nI0U5QTAzNScvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSdwYWludDJfbGluZWFyXzcyMF84MjE5JyB4MT0nMycgeTE9JzEwJyB4Mj0nMTcnIHkyPScxMCcgZ3JhZGllbnRVbml0cz0ndXNlclNwYWNlT25Vc2UnPjxzdG9wIHN0b3AtY29sb3I9JyNERjdBMkInLz48c3RvcCBvZmZzZXQ9JzEnIHN0b3AtY29sb3I9JyNFOUEwMzUnLz48L2xpbmVhckdyYWRpZW50PjxjbGlwUGF0aCBpZD0nY2xpcDBfNzIwXzgyMTknPjxyZWN0IHdpZHRoPScyMCcgaGVpZ2h0PScyMCcgZmlsbD0nd2hpdGUnLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4K"); background-size: contain; background-position: center; background-repeat: no-repeat; } .input__line { display: flex; align-items: center; flex-direction: column; justify-content: space-between; gap: 20px; } .idea { margin-top: 60px; margin-bottom: 0px; width: 320px; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 40px; display: flex ; } .swiper-button-prev:after, .swiper-button-next:after { content: none !important; } .swiper-button-prev:hover .scroll_arrow, .swiper-button-next:hover .scroll_arrow{ color: #ffffff; } .swiper{ max-width: 320px; height: auto; justify-content: flex-start; align-items: flex-start; gap: 20px; display: flex; overflow-x: scroll; overflow-y: hidden; flex-wrap: nowrap; } .swiper-wrapper{ display: flex; } .swiper-slide{ flex: 0 0 auto; width: 320px !important } .scroll_arrow{ color: #DF7A2B; font-size: 25px; font-family: Inter; font-weight: 300; text-transform: uppercase; line-height: 36px; word-wrap: break-word } .tizer_box{ flex: 0 0 375px; min-height: 240px; padding: 24px; border-radius: 30px; border: 1px #DF7A2B solid; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: flex; background-color: white; } .tizer_box_text{ align-self: stretch; color: #391F12; font-size: 13px; font-family: Inter; font-weight: 400; line-height: 16.90px; word-wrap: break-word } .demo{ display: flex; justify-content: center; } .demo_form{ display: flex; flex: 0 0 100%; max-width: 287px; height: auto; background: #F8F8F8; border-radius: 30px; border: 1px #DF7A2B solid; margin-top:80px; padding: 30px 16px 30px 16px; flex-direction: column; gap:20px } .demo_title_container{ align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 40px; display: flex; } .demo_title_container_box{ align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: flex } .demo_title_container_box_title{ flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 12px; display: flex } .demo_title_container_box_title_text{ opacity: 0.80; color: #646464; font-size: 14px; font-family: Inter; font-weight: 300; line-height: 18.20px; word-wrap: break-word } .demo_title_container_box_title_subtext{ align-self: stretch; color: #DF7A2B; font-size: 24px; font-family: Inter; font-weight: 400; text-transform: uppercase; line-height: 28.8px; word-wrap: break-word } .questions_container{ align-self: stretch; height: auto; justify-content: flex-start; align-items: flex-start; gap: 8px; display: flex; flex-direction: column; } .questions_container_box{ align-self: stretch; flex-direction: column; justify-content: flex-start; gap: 8px; display: flex; } .questions_container_box_icon_box{ justify-content: flex-start; align-items: center; gap: 5px; display: flex; margin-top: 20px; } .questions_container_box_icon{ align-self: stretch; height: auto; padding-top: 1.50px; padding-bottom: 1.47px; padding-right: 0.79px; justify-content: center; align-items: center; display: flex } .questions_container_box_title{ color: #391F12; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 20.80px; word-wrap: break-word } .question__image__flex { display: flex; flex-wrap: wrap; justify-content: space-around; margin: -10px; flex-direction: column; } .questions_container_box_input{ flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 2px; display: flex; } .questions_container_box_input_place{ max-width: 254px; padding-left: 16px; padding-right: 16px; padding-top: 12px; padding-bottom: 12px; border-radius: 10px; overflow: hidden; border: 1px #E2E2E2 solid; justify-content: flex-start; align-items: center; gap: 10px; display: inline-flex; outline: none; background: transparent; } .questions_container_box_input_place:focus{ border: 1px #DF7A2B solid; } .question_container_box_button{ justify-content: space-between; align-items: center; gap: 20px !important; display: flex; margin-top: 24px; } .question_container_box_button a{ text-decoration: none; } .application_next{ width: 133px; height: 50px; padding-left: 25px; padding-right: 25px; padding-top: 8px; padding-bottom: 8px; background: linear-gradient(90deg, #DF7A2B 0%, #E9A035 100%); border-radius: 100px; overflow: hidden; justify-content: center; align-items: center; gap: 10px; display: flex; border-color: transparent; white-space: nowrap; } .application_next:hover{ box-shadow: 0px 0px 0px 0px rgba(231, 171, 59, 0.3); cursor: pointer; background: linear-gradient(90deg, #FC8A30 0%, #FCAF3E 100%); } .application_back{ width: 133px; height: 50px; padding-left: 25px; padding-right: 25px; padding-top: 8px; padding-bottom: 8px; border-radius: 100px; overflow: hidden; justify-content: center; align-items: center; gap: 10px; display: flex; white-space: nowrap; border: 1px #DF7A2B solid; background-color: white; } .application_back:hover{ background: linear-gradient(90deg, #FC8A30 0%, #FCAF3E 100%); border-color: transparent; cursor:pointer } .andrew{ display: flex; justify-content: center; margin-bottom: 80px !important } .andrew_container{ max-width: 320px; height: auto; justify-content: flex-start; align-items: center; gap: 32px; display: flex; margin-top: 80px; flex-direction: column; } .andrew_photo{ max-width: 320px; min-height: 410px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%); border-radius: 30px } .andrew_right_container{ flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 40px; display: flex } .andrew_about_author_without_button{ align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: flex } .andrew_about_author_title_container{ align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 12px; display: flex } .andrew_about_author_title_container_about{ padding: 10px; background: #F8F8F8; border-radius: 10px; border: 1px rgba(223.28, 122.42, 42.57, 0.30) solid; justify-content: center; align-items: center; gap: 10px; display: flex } .andrew_about_author_title_container_about_text{ color: #DF7A2B; font-size: 14px; font-family: Inter; font-weight: 400; line-height: 18.20px; word-wrap: break-word } .andrew_about_author_title{ color: #391F12; font-size: 24px; font-family: Inter; font-weight: 400; text-transform: uppercase; line-height: 28.8px; word-wrap: break-word } .andrew_about_author_text_container{ flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 12px; display: flex } .andrew_about_author_text{ color: #646464; font-size: 14px; font-family: Inter; font-weight: 300; line-height: 18.20px; word-wrap: break-word } .andrew_button_container{ align-self: stretch; height: auto; justify-content: flex-start; align-items: center; display: flex } .account{ display: flex; justify-content: center; width: 320px; min-width: 320px; } .account_dark{ display: none; } .a .account_fair{ display: none; width: 320px; } .account_container{ width: 320px; background: linear-gradient(90deg, #DF7A2B 0%, #E9A035 100%); border-radius: 40px; overflow: hidden; justify-content: flex-start; align-items: flex-start; display: flex; margin-top: 80px; background-image: url('/local/templates/light/images/static/Личный кабинетmobile.png'); background-repeat: no-repeat; min-width: 0px; min-height: 559px; visibility: visible; } .news_box img{ max-width: 320px; } .account_container_personal_container{ align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 40px; display: flex; padding: 40px 16px 0 16px; width: 85%; } .account_container_personal_block{ align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: flex } .test-box__container { padding: 20px; } .account_container_personal_title { align-self: stretch; color: white; font-size: 18px; font-family: Inter; font-weight: 400; text-transform: uppercase; line-height: 28.80px; word-wrap: break-word; } .account_container_personal_text{ color: white; font-size: 14px; font-family: Inter; font-weight: 300; line-height: 18.20px; word-wrap: break-word } .account_in_button{ height: 50px; padding-left: 50px; padding-right: 50px; padding-top: 16px; padding-bottom: 16px; border-radius: 100px; overflow: hidden; justify-content: center; align-items: center; gap: 10px; display: flex; white-space: nowrap; border-color: transparent; background-color: white; } .account_in_button:hover{ background-color:#e6e6e6; cursor: pointer; } .news_container{ margin-top:80px; min-width: 320px; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 40px; display: flex; margin-bottom: 80px; } .news{ display: flex; justify-content: center; } .news_box{ background: #ffffff; flex: 0 0 318px; min-height: 320px; border-radius: 30px; border: 1px rgba(223.28, 122.42, 42.57, 0.30) solid; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: flex; } .news_box:hover{ border: 1px #DF7A2B solid; } .news_title_box{ display: flex; justify-content: space-between; align-items: center; } .news_box_image{ min-width: 318px; height: 240px; background: #F8F8F8; border-radius: 30px } .news_navigation{ display: flex; gap: 40px; flex-wrap: wrap; } .news_navigation_link{ color: #DF7A2B; font-size: 16px; font-family: Inter; font-weight: 400; text-decoration: none; text-transform: uppercase; line-height: 19.20px; word-wrap: break-word } .news_navigation_link:hover{ text-decoration: underline; } .news_box_bottom{ flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 40px; display: flex; padding: 24px; } .news_box_without_button{ align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: inline-flex } .news_box_teg_container{ align-self: stretch; justify-content: flex-start; align-items: center; gap: 10px; display: inline-flex } .teg_button{ padding: 8px; background: #FFE8D5; border-radius: 10px; flex-direction: column; justify-content: center; align-items: center; gap: 10px; display: inline-flex; border-color: transparent; position: relative; } .teg_button:hover{ background: #DF7A2B; } .teg_button_text{ color: #DF7A2B; font-size: 14px; font-family: Inter; font-weight: 300; line-height: 18.20px; word-wrap: break-word" } .teg_button:hover .teg_button_text{ color: white } .wrapper{ max-width: 320px; margin: auto; font-family: 'Inter'; padding: 0 20px; } .tooltip{ visibility: hidden; /* Скрыто в начале */ opacity: 0; /* Для плавного появления */ position: absolute; bottom: 120%; /* Расположено выше кнопки */ left: 120%; transform: translateX(-50%); padding: 6px 8px; /* Упрощена запись отступов */ background: #FFF; /* Белый фон */ border-radius: 8px; display: flex; justify-content: center; align-items: center; z-index: 10; transition: opacity 0.3s ease-in-out; /* Анимация появления */ align-self: stretch; height: auto; box-shadow: 0px 10px 30px rgba(30.53, 33.54, 60.56, 0.10); flex-direction: column; justify-content: flex-start; align-items: flex-start; display: flex; text-wrap: nowrap; } .tooltip::after{ content: ''; /* Псевдоэлемент для треугольника */ position: absolute; top: 100%; /* Расположен ниже подсказки */ left: 40%; transform: translateX(-50%); width: 0; height: 0; border-left: 6px solid transparent; /* Левая граница треугольника */ border-right: 6px solid transparent; /* Правая граница треугольника */ border-top: 6px solid #FFF; /* Цвет треугольника совпадает с фоном подсказки */ } .tooltip_text{ color: #391F12; font-size: 14px; font-family: Inter; font-weight: 300; line-height: 18.20px; word-wrap: break-word; } .teg_button:hover .tooltip { visibility: visible; opacity: 1; } .timer_container{ justify-content: flex-start; align-items: center; gap: 4px; display: flex } .timer_container_image{ width: 20px; height: 20px; padding-top: 3px; padding-bottom: 2px; padding-left: 3px; padding-right: 3px; justify-content: center; align-items: center; display: flex; } .timer_text{ opacity: 0.40; color: #391F12; font-size: 14px; font-family: Inter; font-weight: 300; line-height: 18.20px; word-wrap: break-word } .news_container_text_container{ align-self: stretch; height: 139px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: flex; } .news_title{ align-self: stretch; color: #391F12; font-size: 14px; font-family: Inter; font-weight: 400; line-height: 18.20px; word-wrap: break-word } .news_text{ opacity: 0.80; color: #391F12; font-size: 13px; font-family: Inter; font-weight: 300; line-height: 16.90px; word-wrap: break-word } .read_next_button_container{ align-self: stretch; justify-content: space-between; align-items: center; display: inline-flex } .read_next_button{ max-width: 173.25px; color: #DF7A2B; font-size: 14px; font-family: Inter; font-weight: 600; text-decoration: none; line-height: 16.80px; word-wrap: break-word } .read_next_button:hover{ text-decoration: underline; } .footer{ width: 100%; min-height: 293px; padding-top: 40px; padding-bottom: 40px; background: linear-gradient(90deg, #DF7A2B 0%, #E9A035 100%); border-top-left-radius: 60px; border-top-right-radius: 60px; flex-direction: column; justify-content: center; align-items: center; gap: 10px; display: inline-flex } .footer_info_container{ max-width: 300px; justify-content: space-between; align-items: center; display: flex; gap: 24px; flex-direction: column; } .footer_info_segment_container{ justify-content: center; align-items: center; gap: 100px; display: flex } .footer_info_segment{ flex-direction: column; justify-content: center; align-items: center; gap: 16px; display: flex;text-align: center; } .footer_title{ color: white; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 20.80px; word-wrap: break-word; text-align: center; } .footer_text_container{ flex-direction: column; justify-content: center; align-items: center; gap: 8px; display: flex; text-align: center; } .footer_text{ color: white; font-size: 12px; font-family: Inter; font-weight: 300; line-height: 15.60px; word-wrap: break-word; } .footer_text a, .footer_title a{ text-decoration: none; color: inherit; } .footer_phone{ flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 8px; display: flex; text-decoration: none; } .footer_account_in_button{ height: 50px; padding-left: 50px; padding-right: 50px; padding-top: 16px; padding-bottom: 16px; border-radius: 100px; overflow: hidden; justify-content: center; align-items: center; gap: 10px; display: flex; white-space: nowrap; border-color: transparent; background-color: white; } .footer_account_in_button:hover{ background-color:#e6e6e6; cursor: pointer; } .modal-content { position: relative; max-width: 320px; height: auto; padding: 40px 16px 40px 16px; background: white; border-radius: 24px; flex-direction: column; justify-content: flex-start; align-items:center; gap: 24px; display: flex } .wth{ width: 320px !important; } .modal-content h2 { color: #391F12; font-size: 24px; font-family: Inter; font-weight: 400; text-transform: uppercase; line-height: 28.80px; word-wrap: break-word } .modal-content .close { width: 24px; height: 24px; padding: 7.76px; justify-content: center; align-items: center; display: inline-flex; cursor: pointer; } .modal_input_title{ align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 8px; display: inline-flex } .modal_input_title_text{ color: #391F12; font-size: 16px; font-family: Inter; font-weight: 300; line-height: 20.80px; word-wrap: break-word } .modal_title{ align-self: stretch; height: auto; justify-content: flex-end; align-items: flex-end; display: flex; max-width: 300px; flex-direction: column-reverse; } .modal_container{ align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items:center; gap: 24px; display: flex } .modal_linear{ border-radius: 8px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 8px; display: flex } .modal_container_box_input{ flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 2px; display: flex; } .modal_container_box_input_place{ width: 254px; padding-left: 16px; padding-right: 16px; padding-top: 12px; padding-bottom: 12px; border-radius: 10px; overflow: hidden; border: 1px rgba(223.28, 122.42, 42.57, 0.30) solid; justify-content: flex-start; align-items: center; gap: 10px; display: inline-flex; outline: none; flex: 1 1 0; color: #391F12; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 24px; word-wrap: break-word } .modal_container_box_input_place:hover{ border: 1px #DF7A2B solid; } .modal_container_box_input_place:focus{ border: 1px #DF7A2B solid; } .modal_application{ padding-left: 25px; padding-right: 25px; padding-top: 8px; padding-bottom: 8px; min-width: 288px; height: 50px; background: linear-gradient(90deg, #DF7A2B 0%, #E9A035 100%); box-shadow: 0px 20px 9px -13px rgba(231, 171, 59, 0.3); border-radius: 100px; overflow: hidden; justify-content: center; align-items: center; gap: 10px; display: flex; border-color: transparent; white-space: nowrap; } .modal_application:hover{ box-shadow: 0px 0px 0px 0px rgba(231, 171, 59, 0.3); cursor: pointer; background: linear-gradient(90deg, #FC8A30 0%, #FCAF3E 100%); } .modal_aplication_text{ color: white; font-size: 14px; font-family: Inter; font-weight: 600; line-height: 16.80px; word-wrap: break-word } .body_about{ background-color: #ffffff; box-sizing: border-box; display: flex; flex-direction: column; /* Чтобы блоки располагались по вертикали */ /* Центрирование блоков по горизонтали */ justify-content: center; /* Центрирование блоков по вертикали */ gap: 16px; margin:0; align-items: center; background-image: url('/local/templates/light/images/static/Фон личный кабинет mobile.png'); background-repeat: no-repeat; background-size: 100% 1010px; background-position: 0px 1220px; } .about_book{ display: flex; justify-content: center; gap: 24px; flex-direction: column; margin-bottom: 40px; } .r{ min-width: 250px; max-height: 773px; padding-left: 24px; padding-right: 24px; padding-top: 48px; padding-bottom: 48px; border-radius: 24px; border: 1px rgba(223.28, 122.42, 42.57, 0.30) solid; flex-direction: column; justify-content: center; align-items: center; gap: 20px; display: flex; margin: auto; margin-top: 40px; margin-bottom: 30px !important; max-width: 300px; white-space: nowrap; } .about_book_container{ max-width: 320px; height: auto; flex-direction: column; justify-content: center; align-items: flex-start; gap: 24px; display: flex } .about_book_container_content{ align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: flex } .about_book_title_container{ align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 12px; display: flex } .about_book_text_container{ align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 12px; display: flex } .image_container{ max-width: 265px; max-height: 432px; flex-direction: column; justify-content: flex-start; align-items: center; display: flex } .book_image{ min-width: 265px; max-height: 432px; display: flex; } .detail_news{ display: flex; justify-content: center; flex-direction: column; margin-top: 16px; gap: 32px } .detail_linear{ display: flex; width: 320px; justify-content: flex-start; gap: 32px; align-items: center; flex-direction: column !important; } .detail_linear_box{ width: 320px; gap:32px; display: flex; flex-direction: column; } .detail_linear_title_container{ align-self: stretch; display: flex; height: auto; } .detail_linear_text_box{ align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: flex } .detail_linear_text_container{ align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 40px; display: inline-flex } .detail_linear_text_line{ flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 12px; display: flex } .detail_linear_text{ color: #646464; font-size: 16px; font-family: Inter; font-weight: 300; line-height: 20.80px; word-wrap: break-word } .detail_image_container{ width: 320px; height: 410px; background: #F8F8F8; border-radius: 30px } .news_container_page{ max-width: 320px; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 32px; display: flex; margin-bottom: 150px; } .news_page{ max-width: 320px; height: auto; justify-content: flex-start; align-items: flex-start; gap: 20px; display: flex; flex-wrap: wrap; } .news_page_container{ align-items: stretch; justify-content: flex-start; align-items: center; gap: 20px; display: flex; flex-wrap: wrap; } .registration_container{ min-width: 320px; max-height: 773px; padding-left: 0px; padding-right: 0px; padding-top: 40px; padding-bottom: 40px; border-radius: 16px; border: 1px rgba(223.28, 122.42, 42.57, 0.30) solid; flex-direction: column; justify-content: center; align-items: center; gap: 48px; display: flex; margin-top: 40px; margin-bottom: 150px; } .registration_container_title{ align-self: stretch; height: auto; flex-direction: column; justify-content: center; align-items: center; gap: 20px; display: flex } .registration_title{ align-self: stretch; text-align: center; color: #391F12; font-size: 24px; font-family: Inter; font-weight: 400; text-transform: uppercase; line-height: 28.80px; word-wrap: break-word } .registration_title_subtitle{ color: #391F12; font-size: 14px; font-family: Inter; font-weight: 400; line-height: 18.20px; word-wrap: break-word } .registration_title_subtitle_in{ color: #DF7A2B; font-size: 14px; font-family: Inter; font-weight: 400; line-height: 18.20px; word-wrap: break-word; border-color: transparent; background-color: transparent; text-decoration: none; } .registration_title_subtitle_in a{ text-decoration: none; color: #DF7A2B; } .registration_title_subtitle_in:hover{ text-decoration: underline; cursor: pointer; } .registration_title_subtitle_in:hover a{ text-decoration: underline; cursor: pointer; } .regtistration_application{ padding-left: 25px; padding-right: 25px; padding-top: 8px; padding-bottom: 8px; min-width: 288px; min-height: 50px; background: linear-gradient(90deg, #DF7A2B 0%, #E9A035 100%); box-shadow: 0px 20px 9px -13px rgba(231, 171, 59, 0.3); border-radius: 100px; overflow: hidden; justify-content: center; align-items: center; gap: 10px; display: flex; border-color: transparent; white-space: nowrap; } .regtistration_application:hover{ box-shadow: 0px 0px 0px 0px rgba(231, 171, 59, 0.3); cursor: pointer; background: linear-gradient(90deg, #FC8A30 0%, #FCAF3E 100%); } .registration_checkbox{ max-width: 296px; padding-left: 12px; padding-right: 12px; padding-top: 4px; padding-bottom: 4px; justify-content: center; align-items: center; gap: 8px; display: flex; } .registration_checkbox_container{ width: auto; height: auto; justify-content: center; align-items: center; display: flex; border-radius: 4px; } .registration_checkbox_container:checked{ color: #DF7A2B; } .registration_checkbox_container input { display: none; } .registration_checkbox_container span { width: 24px; height: 16px; border: 0.2px solid #646464; display: inline-block; margin-right: 10px; vertical-align: middle; border-radius: 4px; } .auth_info_container{ min-width: 258px; margin: auto; max-width: 320px; height: auto; padding: 24px; border-radius: 24px; border: 1px rgba(223.28, 122.42, 42.57, 0.30) solid; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: flex; margin-top: 20px; /*margin-bottom: 190px;*/ text-align:justify; } /* Стиль для активного состояния чекбокса */ .registration_checkbox_container input:checked + span { background-color: #DF7A2B; border-color: transparent; background-image: url("/local/templates/light/images/static/Vector 784.svg"); background-repeat: no-repeat; background-position: 1px 1px; background-size: 13px 13px; } /* Мышка на наведении */ .registration_checkbox_container span:hover { border-color: #888; } .ok_text{ color: #391F12; font-size: 14px; font-family: Inter; font-weight: 300; line-height: 18.20px; word-wrap: break-word } .ok_text_href{ color: #DF7A2B; font-size: 14px; font-family: Inter; font-weight: 300; line-height: 18.20px; word-wrap: break-word; text-decoration: none; } .ok_text_href:hover{ text-decoration: underline; cursor: pointer; } .modal_text{ color: #391F12; font-size: 16px; font-family: Inter; font-weight: 300; line-height: 20.80px; word-wrap: break-word } .registration-modal-content { position: relative; text-align: center; min-width: 320px; height: auto; padding: 40px 16px 40px 16px; background: white; border-radius: 24px; flex-direction: column; justify-content: flex-start; display: flex; align-items: center; } .registration-modal-content h2 { color: #391F12; font-size: 24px; font-family: Inter; font-weight: 400; text-transform: uppercase; line-height: 28.80px; margin-top: 0px; max-width: none; } .registration-modal-content .close { width: 16px; height: 16px; padding: 7.76px; justify-content: center; align-items: center; display: inline-flex; cursor: pointer; position: inherit; } .in_checkbox{ align-self: stretch; padding-left: 18px; padding-right: 12px; padding-top: 4px; padding-bottom: 4px; justify-content:space-between; align-items: center; gap: 8px; display: flex; width: 285px; } .in_checkbox .registration_checkbox_container span{ width: 16px; height: 16px; border: 0.2px solid #646464; display: inline-block; margin-right: 10px; vertical-align: middle; border-radius: 4px; } .recovery_link a{ text-decoration: none; color: #391F12; font-size: 14px; font-family: Inter; font-weight: 300; line-height: 18.20px; word-wrap: break-word } .recovery_link:hover a{ text-decoration: underline; cursor: pointer; } .aplication_text a{ color: white; text-decoration: none; font-size: 14px; font-family: Inter; font-weight: 400; line-height: 16.80px; word-wrap: break-word } .recover_title_subtitle{ text-align: center; color: #646464; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 20.80px; word-wrap: break-word } .modal_text a { color: #391F12; } .recover_title_subtitle{ text-align: center; color: #646464; font-size: 14px; font-family: Inter; font-weight: 400; line-height: 18.20px; word-wrap: break-word; max-width: 290px; } .recover{ max-width: 290px; padding: 0 16px; } .rec{ padding: 10px 0 40px 0; } .mg{ margin-top:40px } .info_container{ min-width: 251px; max-width: 271px; height: auto; padding: 24px; border-radius: 24px; border: 1px rgba(223.28, 122.42, 42.57, 0.30) solid; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: flex; margin-bottom: 15px; } .catalog_container_page{ max-width: 360px; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 20px; display: flex; margin-bottom: 80px; } .catalog_box{ background: #ffffff; flex: 0 0 287px; height: auto; border-radius: 30px; border: 1px rgba(223.28, 122.42, 42.57, 0.30) solid; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: flex; padding: 16px 16px 26px 16px; text-decoration: none; } .catalog_box_image{ min-width: 287px; max-width: 288px; height: 170px; background: #F8F8F8; border-radius: 15px; display: flex; justify-content: flex-end; align-items: flex-start; } .sale_container{ max-width: 51px; height: auto; padding: 4px; background: linear-gradient(90deg, #DF7A2B 0%, #E9A035 100%); border-radius: 15px; justify-content: center; align-items: center; gap: 8px; display: inline-flex } .sale{ color: white; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 19.20px; word-wrap: break-word } .catalog_box_bottom{ flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 40px; display: flex; } .catalog_box_without_button{ align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 7px; display: inline-flex } .sale_price{ text-align: center; color: #DF7A2B; font-size: 24px; font-family: Inter; font-weight: 400; text-transform: uppercase; line-height: 28.80px; word-wrap: break-word } .price{ text-align: center; color: #646464; font-size: 14px; font-family: Inter; font-weight: 300; text-decoration: line-through; line-height: 18.20px; word-wrap: break-word } .catalog_container_text_container{ align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: flex; } .in_stock_container{ align-self: stretch; height: auto; justify-content: space-between; align-items: center; display: flex; } .in_stock_container_teg{ background: #FFE8D5; border-radius: 10px; justify-content: flex-start; align-items: center; display: flex; gap: 7px; padding-left: 7px; padding-right: 7px; } .in_stock_container_teg span{ color: #DF7A2B; font-size: 12px; font-family: Inter; font-weight: 300; line-height: 15.60px; word-wrap: break-word } .basket_button{ width: 40px; height: 40px; position: relative; background: linear-gradient(90deg, #DF7A2B 0%, #E9A035 100%); border-radius: 10px; border-color: transparent; position: relative; } .basket_button:hover{ cursor:pointer } .basket_button:hover .teg_button_text{ color: white } .basket_button:hover .tooltip { visibility: visible; opacity: 1; } .catalog_page_container{ align-items: stretch; justify-content: flex-start; align-items: center; gap: 13px; display: flex; flex-wrap: wrap; } .catalog_box:hover{ border: 1px #DF7A2B solid; background-color: rgba(223, 122, 43, 0.05); cursor:default; } .catalog_checkbox{ width: auto; height: auto; padding-left: 12px; padding-top: 10px; padding-right: 5px; justify-content: center; align-items: center; gap: 8px; display: flex; } .catalog_checkbox_container{ width: auto; height: auto; justify-content: center; align-items: center; display: flex; border-radius: 4px; position: relative; } .catalog_checkbox_container:checked{ color: #DF7A2B; } .catalog_checkbox_container input { display: none; } .catalog_checkbox_container span { width: 24px; height: 24px; background-image: url('/local/templates/light/images/static/Vector.svg'); background-repeat: no-repeat; display: inline-block; margin-right: 5px; vertical-align: middle; border-radius: 4px; cursor: pointer; } /* Стиль для активного состояния чекбокса */ .catalog_checkbox_container input:checked + span { background-image: url('/local/templates/light/images/static/Vectoractive.svg'); border-color: transparent; background-repeat: no-repeat; cursor:pointer } /* Мышка на наведении */ .catalog_checkbox_container span:hover { border-color: #888; } .catalog_checkbox:hover{ cursor:pointer } .catalog_checkbox_container:hover .tooltip { visibility: visible; opacity: 1; } .catalog_filter{ width: 320px; height: 0; flex-direction: column; justify-content: flex-start; align-items: flex-start; display: flex; visibility: hidden; } .catalog_filter_container{ align-self: stretch; justify-content: space-between; align-items: center; display: inline-flex } .catalog_filter_container_box{ justify-content: flex-start; align-items: flex-start; gap: 32px; display: flex } .catalog_filter_container_box_parametrs{ justify-content: flex-start; align-items: center; gap: 4px; display: flex } .catalog_filter_container_box_parametrs_text{ color: #391F12; font-size: 16px; font-family: Inter; font-weight: 300; line-height: 20.80px; word-wrap: break-word; } .catalog_filter_container_box_parametrs_text:hover{ color: #DF7A2B; cursor: pointer; } .catalog_filter_arrow{ stroke: #391F12; } .catalog_filter_arrow:hover{ stroke: #DF7A2B; cursor: pointer } .catalog_filter_grey_text{ color: #646464; font-size: 14px; font-family: Inter; font-weight: 300; line-height: 18.20px; word-wrap: break-word; } .filter_params{ align-self: stretch; height: auto; justify-content: flex-start; align-items: center; gap: 16px; display: flex } .filter_params_box{ align-self: stretch; padding-left: 16px; padding-right: 16px; padding-top: 4px; padding-bottom: 4px; background: #FFE8D5; border-radius: 10px; justify-content: center; align-items: center; gap: 8px; display: flex } .filter_params_active{ color: #DF7A2B; font-size: 14px; font-family: Inter; font-weight: 300; line-height: 18.20px; word-wrap: break-word } .filter_delete{ color: #646464; font-size: 14px; font-family: Inter; font-weight: 300; line-height: 18.20px; word-wrap: break-word; border-color: transparent; background-color: transparent; cursor: pointer; } .catalog_sw .swiper-slide{ flex: 0 0 auto; width: 248px !important; margin-right:17px } .product{ max-width: 320px; height: auto; justify-content: flex-start; align-items: center; gap: 50px; display: flex; margin-top:40px; flex-direction: column; } .product_image{ min-width: 320px; height: 320px; border-radius: 24px; overflow: hidden; border: 1px #DF7A2B solid; flex-direction: column; justify-content: center; align-items: center; gap: 11.32px; display: inline-flex } .product_function{ align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 40px; display: inline-flex } .product_function_box_title{ flex-direction: column; justify-content: center; align-items: flex-start; gap: 24px; display: flex } .product_function_title_in{ color: #DF7A2B; font-size: 14px; font-family: Inter; font-weight: 300; line-height: 18.20px; word-wrap: break-word } .product_function_title{ color: #391F12; font-size: 24px; font-family: Inter; font-weight: 400; text-transform: uppercase; line-height: 28.80px; word-wrap: break-word } .product_function_box_weight{ border-radius: 10px; border: 1px rgba(223.28, 122.42, 42.57, 0.30) solid; justify-content: flex-start; align-items: flex-start; gap: 14px; display: inline-flex } .product_function_box_weight_button{ align-self: stretch; height: auto; padding: 0px 12px 0px 11px; border-radius: 4px; flex-direction: column; justify-content: center; align-items: center; gap: 8px; display: flex; border-color: transparent; background-color: transparent; } .product_function_box_weight_button_simvol{ text-align: center; color: #646464; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 24px; word-wrap: break-word } .product_function_box_weight_button_text{ text-align: center; color: #646464; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 24px; word-wrap: break-word } .product_function_box_weight_button_simvol:hover{ cursor:pointer } .product_function_box_price{ align-self: stretch; color: #391F12; font-size: 24px; font-family: Inter; font-weight: 400; text-transform: uppercase; line-height: 28.80px; word-wrap: break-word } .product_button_and_heart{ justify-content: flex-start; align-items: flex-start; gap: 5px; display: flex } .product_checkbox{ width: auto; height: auto; justify-content: center; align-items: center; gap: 8px; display: flex; } .product_checkbox_container{ width: auto; height: auto; justify-content: center; align-items: center; display: flex; border-radius: 100px; } .product_checkbox_container:checked{ color: #DF7A2B; } .product_checkbox_container input { display: none; } .product_checkbox_container span { width: 50px; height: 50px; border: 1px #DF7A2B solid; background-image: url('/local/templates/light/images/static/favourite.svg'); background-repeat: no-repeat; background-position: center; display: inline-block; margin-right: 5px; vertical-align: middle; border-radius: 100px; cursor: pointer; } /* Стиль для активного состояния чекбокса */ .product_checkbox_container input:checked + span { background-image: url('/local/templates/light/images/static/Vectoractive.svg'); border-radius: 100px; background-repeat: no-repeat; background-position: center; cursor:pointer; } /* Мышка на наведении */ .catalog_checkbox_container span:hover { border-color: #888; } .catalog_checkbox:hover{ cursor:pointer } .product_description{ align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 8px; display: flex } .product_description_title{ max-width: 636px; color: #391F12; font-size: 24px; font-family: Inter; font-weight: 400; text-transform: uppercase; line-height: 28.80px; word-wrap: break-word } .product_description_text{ max-width: 465px; color: #646464; font-size: 13px; font-family: Inter; font-weight: 300; line-height: 16.90px; word-wrap: break-word } .mob{ visibility: hidden; height: 40px; width: 0; } .bascket_page{ display: flex; justify-content: center; } .bascket_container_page{ max-width: 320px; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 40px; display: flex; } .bascket_item{ align-self: stretch; height: auto; gap: 24px; justify-content: flex-start; display: flex; align-items: flex-start; flex-direction: column; } .bascket_item_container{ max-width: 320px; height: auto; display: flex; gap:24px; justify-content: flex-start; align-items: flex-start; flex-direction: column; } .item_container{ min-width: 285px; max-width: 287px; height: auto; padding: 16px; background: white; border-radius: 30px; border: 1px rgba(223.28, 122.42, 42.57, 0.30) solid; justify-content: flex-start; align-items: flex-start; gap: 16px; display: flex } .item_image{ min-width: 100px; min-height: 105px; background: #F8F8F8; border-radius: 15px; margin-top: 24px; } .item_container_box{ flex: 1 1 0; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: flex } .item_box_title{ align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 8px; display: flex; } .item_box_title_container{ flex: 1 1 0; height: auto; justify-content: flex-start; align-items: center; gap: 8px; display: flex; flex-direction: column-reverse; } .item_title{ flex: 1 1 0; align-self: stretch; color: #391F12; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 20.80px; word-wrap: break-word; } .item_checkbox{ width: auto; height: auto; justify-content: center; align-items: center; gap: 8px; display: flex; } .item_checkbox_container{ width: auto; height: auto; justify-content: center; align-items: center; display: flex; border-radius: 4px; } .item_checkbox_container:checked{ color: #DF7A2B; } .item_checkbox_container input { display: none; } .item_checkbox_container span { width: 24px; height: 24px; background-image: url('/local/templates/light/images/static/favourite2.svg'); background-repeat: no-repeat; display: inline-block; margin-right: 5px; vertical-align: middle; border-radius: 4px; cursor: pointer; } /* Стиль для активного состояния чекбокса */ .item_checkbox_container input:checked + span { background-image: url('/local/templates/light/images/static/Vectoractive.svg'); border-color: transparent; background-repeat: no-repeat; cursor:pointer } /* Мышка на наведении */ .item_checkbox_container span:hover { border-color: #888; } .item_checkbox:hover{ cursor:pointer } .item_title_button{ align-self: stretch; height: auto; justify-content: flex-end; align-items: flex-start; gap: 16px; display: flex; } .delete_button{ width: 24px; height: 24px; justify-content: center; align-items: center; display: flex; border-color: transparent; background-color: transparent; cursor: pointer; padding:0; } .item_box_price{ align-self: stretch; justify-content: space-between; align-items: flex-start; gap: 8px; display: flex; flex-direction: column; } .item_price_container{ display: flex; gap: 8px; align-items: center; } .bascket_payment{ max-width: 320px; height: auto; display: flex; gap: 15px; justify-content: flex-start; align-items: flex-start; flex-direction: column; } .bas{ visibility: visible; height: 24px; } .bascket_payment_window{ align-self: stretch; height: auto; padding: 24px; background: white; border-radius: 30px; overflow: hidden; border: 1px rgba(223.28, 122.42, 42.57, 0.30) solid; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 32px; display: inline-flex } .payment_linear{ border-radius: 8px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 8px; display: flex } .payment_container_box_input{ flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 2px; display: flex; } .payment_container_box_input_place{ min-width: 247px; max-width: 320px; padding-left: 16px; padding-right: 16px; padding-top: 12px; padding-bottom: 12px; border-radius: 10px; overflow: hidden; border: 1px rgba(223.28, 122.42, 42.57, 0.30) solid; justify-content: flex-start; align-items: center; gap: 10px; display: inline-flex; outline: none; flex: 1 1 0; color: #391F12; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 24px; word-wrap: break-word; text-align: s; } .payment_container_box_input_place:hover{ border: 1px #DF7A2B solid; } .payment_container_box_input_place:focus{ border: 1px #DF7A2B solid; } .payment_sale{ align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: flex; } .payment_sale_container{ align-self: stretch; justify-content: space-between; align-items: center; gap: 16px; display: flex } .payment_sale_text{ color: #391F12; font-size: 16px; font-family: Inter; font-weight: 300; line-height: 20.80px; word-wrap: break-word } .payment_all_text{ color: #391F12; font-size: 24px; font-family: Inter; font-weight: 400; text-transform: uppercase; line-height: 28.80px; word-wrap: break-word } .payment_all_numbers{ text-align: right; color: #DF7A2B; font-size: 24px; font-family: Inter; font-weight: 400; text-transform: uppercase; line-height: 28.80px; word-wrap: break-word } .payment_line{ align-self: stretch; height: 0px; border: 1px rgba(223.28, 122.42, 42.57, 0.30) solid } .payment_button{ justify-content: flex-start; align-items: flex-start; gap: 5px; display: flex; } .payment_application{ padding-left: 25px; padding-right: 25px; padding-top: 8px; padding-bottom: 8px; min-width: 272px; min-height: 50px; background: linear-gradient(90deg, #DF7A2B 0%, #E9A035 100%); box-shadow: 0px 20px 9px -13px rgba(231, 171, 59, 0.3); border-radius: 100px; overflow: hidden; justify-content: center; align-items: center; gap: 10px; display: flex; border-color: transparent; white-space: nowrap; } .payment_application:hover{ box-shadow: 0px 0px 0px 0px rgba(231, 171, 59, 0.3); cursor: pointer; background: linear-gradient(90deg, #FC8A30 0%, #FCAF3E 100%); } .payment_button a{ text-decoration: none; } .payment_tip{ align-self: stretch; color: #391F12; font-size: 14px; font-family: Inter; font-weight: 300; line-height: 18.20px; word-wrap: break-word } .pay_and_delivery{ align-self: stretch; height: auto; justify-content: flex-start; align-items: flex-start; gap: 4px; display: flex } .pay_and_delivery_text{ color: #391F12; font-size: 14px; font-family: Inter; font-weight: 300; line-height: 18.20px; word-wrap: break-word } .pay_and_delivery_link a{ color: #DF7A2B; font-size: 14px; font-family: Inter; font-weight: 300; line-height: 18.20px; word-wrap: break-word; text-decoration: none; } .pay_and_delivery_link:hover a{ text-decoration: underline; } .oformlenie_item{ align-self: stretch; height: auto; gap: 40px; justify-content: flex-start; display: flex; align-items: flex-start; margin-bottom: 80px; flex-direction: column; } .body_profile{ background-color: #ffffff; box-sizing: border-box; display: flex; flex-direction: column; /* Чтобы блоки располагались по вертикали */ /* Центрирование блоков по горизонтали */ justify-content: flex-start; /* Центрирование блоков по вертикали */ gap: 10px; margin:0; align-items: center; background-image: url('/local/templates/light/images/static/фон.png'); background-repeat: no-repeat; background-size: cover; } .body_profile .bread_text_prev { color: #FFF; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 20.80px; word-wrap: break-word; text-decoration: none; cursor: pointer; } .profile_container_page{ max-width: 320px; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 20px; display: flex; margin-top: 40px; } .profile_tree{ align-self: stretch; min-height: 340px; padding: 30px; display: none; justify-content: flex-start; align-items: flex-start; background-image: url('/local/templates/light/images/static/1.png'); background-repeat: no-repeat; background-position: center; border-radius: 30px; } .profile_tree_mobile{ align-self: stretch; min-height: 145px; padding: 16px; display: flex; justify-content: center; align-items: flex-end; background-image: url('/local/templates/light/images/static/Rectangle 189.svg'); background-repeat: no-repeat; background-position: center; border-radius: 30px; } .bread_profile{ height: 320px; align-self: stretch; height: auto; justify-content: flex-start; align-items: center; display: flex; margin-top: 40px } .bread_profile_text_prev{ color: white; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 20.80px; word-wrap: break-word; text-decoration: none; cursor: pointer; } .bread_profile_text_prev a{ text-decoration: none; color: inherit } .bread_profile_text_curent{ color: white; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 20.80px; word-wrap: break-word" } .profile_tree_title{ color: white; font-size: 24px; font-family: Inter; font-weight: 400; text-transform: uppercase; line-height: 28.80px; word-wrap: break-word } .profile_test_and_avatar_container{ align-self: stretch; height: auto; display: flex; justify-content: flex-start; gap:20px; align-items: center; margin-bottom: 100px; flex-direction: column; } .profile_avatar_and_skills_container{ align-self: stretch; height: auto; display: flex; justify-content: flex-start; gap:20px; align-items: center; flex-direction: column; position: relative; } .profile_avatar{ min-width: 280px; min-height: 140px; display: flex; padding: 20px; background-image: url('/local/templates/light/images/static/Rectangle 191.svg'); justify-content: flex-end; align-items: flex-start; border-radius: 24px; position: relative; background-repeat: no-repeat; } .settings-toggle{ border-color: transparent; background-color: transparent; cursor: pointer; z-index: 1000; transition: transform 0.3s ease; } .profile_skills_container{ align-self: stretch; height: auto; display: flex; gap: 10px; justify-content: flex-start; align-items: center; } .profile_skills{ padding: 11px; min-width: 131px; flex-wrap: wrap; min-height: 27px; border-radius: 24px; border: 1px #DF7A2B solid; background: rgba(57, 31, 18, 0.50); flex-direction: row; justify-content: center; align-items: center; gap:10px; display: flex; } .profile_skills_descritpion{ color: white; font-size: 20px; font-family: Inter; font-weight: 400; text-transform: uppercase; line-height: 24px; word-wrap: break-word } .profile_test_container{ align-self: stretch; height: auto; display: flex; justify-content: flex-start; gap: 20px; align-items: flex-start; flex-direction: column; } .profile_test_container a{ text-decoration: none; } .profile_mobile_1{ background-image: url('/local/templates/light/images/static/Frame 2085661416.png') !important; } .profile_mobile_2{ background-image: url('/local/templates/light/images/static/Frame 2085661415.png') !important; } .profile_mobile_3{ background-image: url('/local/templates/light/images/static/Frame 2085661418.png') !important; } .profile_test{ min-width: 320px; min-height: 118px; align-items: center; justify-content: center; border-radius: 24px; border: 1px #DF7A2B solid; display: flex; } .settings-toggle:hover .rotate{ transform: rotate(90deg); } .rotate{ transition: 0.3s; } .question_pane_buttons { align-self: stretch; height: auto; display: flex; justify-content: flex-start; gap: 24px; align-items: center; flex-direction: column; position: relative; padding: 60px 0 0 0; } .level_0 {background-image: url('/images/tree/tree_level1.png'); background-size: cover} .level_1 {background-image: url('/images/tree/tree_level2.png'); background-size: cover} .level_2 {background-image: url('/images/tree/tree_level3.png'); background-size: cover} .level_3 {background-image: url('/images/tree/tree_level4.png'); background-size: cover} .level_4 {background-image: url('/images/tree/tree_level5.png'); background-size: cover} .level_5 {background-image: url('/images/tree/tree_level6.png'); background-size: cover} /* Всплывающее меню настроек */ .settings-menu { position: absolute; left: 0px; top: 0px; width: 288px; background: #FFE8D5; z-index: 9999; display: none; /* Скрыто по умолчанию */ flex-direction: column; padding: 40px 16px 20px 16px; border-radius: 24px; height: 378px; z-index: 0; } /* Заголовок в меню */ .settings-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } .setting_title{ color: #391F12; font-size: 20px; font-family: Inter; font-weight: 400; text-transform: uppercase; line-height: 24px; word-wrap: break-word } .setting_save_buuton{ display: flex; flex-direction: row; gap: 10px; justify-content: space-between; min-width: 288px; max-width: 288px; } .setting_save_buuton .regtistration_application{ min-width: 108px; padding: 8px 15px; } /* Кнопка закрытия */ .settings-close { background: transparent; border: none; color: #DF7A2B; font-size: 20px; cursor: pointer; } /* Контент в меню */ .settings-content { font-size: 16px; color: #391F12; display: flex; flex-direction: column; gap: 10px; } .settings-menu.show { display: block; /* Показываем меню, когда добавляется класс .show */ } /* Когда меню открыто */ .settings-menu.open { display: flex; /* Показываем меню */ } .settings-toggle:hover .setting_tooltip { visibility: visible; opacity: 1; } .setting_tooltip{ visibility: hidden; /* Скрыто в начале */ opacity: 0; /* Для плавного появления */ position: absolute; bottom: 95%; /* Расположено выше кнопки */ left: 105%; transform: translateX(-50%); padding: 6px 8px; /* Упрощена запись отступов */ background: #FFF; /* Белый фон */ border-radius: 8px; display: flex; justify-content: center; align-items: center; z-index: 10000; transition: opacity 0.3s ease-in-out; /* Анимация появления */ align-self: stretch; height: auto; box-shadow: 0px 10px 30px rgba(30.53, 33.54, 60.56, 0.10); flex-direction: column; justify-content: flex-start; align-items: flex-start; display: flex; text-wrap: nowrap; } .setting_tooltip::after{ content: ''; /* Псевдоэлемент для треугольника */ position: absolute; top: 100%; /* Расположен ниже подсказки */ left: 20%; transform: translateX(-50%); width: 0; height: 0; border-left: 6px solid transparent; /* Левая граница треугольника */ border-right: 6px solid transparent; /* Правая граница треугольника */ border-top: 6px solid #FFF; /* Цвет треугольника совпадает с фоном подсказки */ } .setting_menu_scroll_container{ max-width: 915px; height: auto; overflow-y: scroll; } .setting_modal_container{ align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: flex } .modal_container{ align-self: stretch; height: auto; flex-direction: column; justify-content: center; align-items: flex-start; gap: 24px; display: inline-flex } .modal_linear{ border-radius: 8px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 8px; display: flex } .modal_container_box_input{ flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 2px; display: flex; max-width: 288px; } .modal_container_box_input_place{ max-width: 466px; padding-left: 16px; padding-right: 16px; padding-top: 12px; padding-bottom: 12px; border-radius: 10px; overflow: hidden; border: 1px rgba(223.28, 122.42, 42.57, 0.30) solid; justify-content: flex-start; align-items: center; gap: 10px; display: inline-flex; outline: none; flex: 1 1 0; color: #391F12; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 24px; word-wrap: break-word } .modal_container_box_input_place:hover{ border: 1px #DF7A2B solid; } .modal_container_box_input_place:focus{ border: 1px #DF7A2B solid; } .setting_modal_input_title{ align-self: stretch; justify-content: space-between; align-items: flex-start; gap: 8px; display: inline-flex } .setting_redaction_text{ color: #391F12; font-size: 16px; font-family: Inter; font-weight: 300; line-height: 20.80px; word-wrap: break-word; background-color: transparent; border-color: transparent; } .setting_redaction_text:hover{ text-decoration: underline; cursor: pointer; } .test_title{ color:white; font-size: 24px; font-family: Inter; font-weight: 400; text-transform: uppercase; line-height: 28.80px; word-wrap: break-word; margin-top: 16px; } .wheel_box_container{ align-self: stretch; height: auto; display: flex; justify-content: center; gap:20px; align-items: center; padding:30px 16px 30px 16px; flex-direction: column; } .wheel_container{ max-width: 320px; height: auto; border-radius: 24px; border: 1px #DF7A2B solid; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: flex; margin-top: 20px; background: rgba(57, 31, 18, 0.80) } .whell_box_container_text{ align-self: stretch; height: auto; flex-direction: column; justify-content: center; align-items: flex-start; gap: 40px; display: flex; } .whell_text_container{ align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: flex } .wheel_title_box{ align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 12px; display: flex } .whell_title{ color: #DF7A2B; font-size: 30px; font-family: Inter; font-weight: 400; text-transform: uppercase; line-height: 36px; word-wrap: break-word } .whell_text_box{ flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 12px; display: flex; } .wheel_text{ opacity: 0.80; color: white; font-size: 16px; font-family: Inter; font-weight: 300; line-height: 20.80px; word-wrap: break-word } .wheel_image_and_button{ align-self: stretch; height: auto; display: flex; justify-content: flex-start; gap:24px; align-items: center; flex-direction: column; position: relative; padding: 0px 0 0px 0; } .wheel_image{ min-width: 288px; max-width: 288px; min-height: 230px; border-radius: 30px } .wheel_image img{ max-width: 288px; } .wheel_container_box_button { justify-content: flex-end; align-items: flex-end; gap: 20px; display: flex; } .wheel_container_box_button a{ text-decoration: none; } .wheel_application_back{ min-width: 134px; min-height: 50px; padding-left: 25px; padding-right: 25px; padding-top: 8px; padding-bottom: 8px; border-radius: 100px; overflow: hidden; justify-content: center; align-items: center; gap: 10px; display: flex; white-space: nowrap; border: 1px #DF7A2B solid; background-color: transparent; } .wheel_application_back:hover{ background: linear-gradient(90deg, #FC8A30 0%, #FCAF3E 100%); border-color: transparent; cursor:pointer } .wheel_application_back:hover .aplication_text_back{ color: white; } .wheel_demo_form{ display: flex; flex: 0 0 320px; max-width: 287px; height: auto; background: rgba(57, 31, 18, 0.80);; border-radius: 30px; border: 1px #DF7A2B solid; padding: 30px 16px; margin-top:40px; flex-direction: column; gap:20px } .wheel_container_box_title{ color: white; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 20.80px; word-wrap: break-word } .wheel_container_box_input_place{ background: transparent; } .wheel_container_box_input { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; position: relative; } .wheel_container_box_input_place{ background: transparent; } .wheel_container_box_input { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; position: relative; } /* Стили для значения */ .range_value { position: absolute; top: -25px; /* Расположение над ползунком */ left: 0px; font-size: 16px; font-family: Inter, sans-serif; font-weight: 400; color: white; opacity: 0.8; pointer-events: none; /* Чтобы текст не мешал */ transition: left 0.1s ; /* Плавное движение */ } .input-file span { padding-left: 25px; padding-right: 25px; padding-top: 8px; padding-bottom: 8px; min-width: 140px; min-height: 50px; background: linear-gradient(90deg, #DF7A2B 0%, #E9A035 100%); box-shadow: 0px 20px 9px -13px rgba(231, 171, 59, 0.3); border-radius: 100px; overflow: hidden; justify-content: center; align-items: center; gap: 10px; display: flex; border-color: transparent; white-space: nowrap; border: none; color:white; font-size: 14px; font-family: Inter; font-weight: 500; line-height: 16.80px; word-wrap: break-word; } /* Ползунок */ .wheel_container_box_input_place { min-width: 285px; background: transparent; outline: none; appearance: none; cursor: pointer; height: 5px; background: linear-gradient(to right, #DF7A2B, #DF7A2B) no-repeat, white; background-size: 50% 100%; /* Изначальное соотношение */ border-radius: 4px; } /* Трек ползунка */ .wheel_container_box_input_place::-webkit-slider-runnable-track { background-repeat: no-repeat; background-color: white; height: 5px; border-radius: 10px; appearance: none; background: transparent; /* Скрываем трек, он будет виден через background */ } /* Бегунок ползунка */ .wheel_container_box_input_place::-webkit-slider-thumb { background-color: #DF7A2B; width: 17px; height: 17px; border-radius: 50%; appearance: none; margin: -6px 0 0 0; } input[type="range"]::-moz-range-thumb { background-color: #DF7A2B; width: 17px; height: 17px; border-radius: 50%; cursor: pointer; } .result_container_page{ min-width: 320px; height: auto; justify-content: center; align-items: center; gap: 20px; display: flex; } .result_container{ min-width: 275px; max-width: 276px; height: 276px; background: rgba(57, 31, 18, 0.80); border-radius: 9999px; border: 1px #DF7A2B solid; display: flex; justify-content: center; align-items: center; position: relative; } .pos{ left: 138px; top: 138px; position: absolute; min-width: 136px; height: 0px; transform-origin: 0 0; border: 1px rgba(223.28, 122.42, 42.57, 0.30) solid } .inside_pos{ left: 138px; top: 139px; position: absolute; width: 75.80px; height: 0px; transform-origin: 0 0; border: 1px #DF7A2B solid } .nonagon { min-width: 150px; min-height: 150px; display: flex; justify-content: center; align-items: center; background-color: rgba(223, 122, 43, 0.30); border: 1px #DF7A2B solid; clip-path: polygon( 50% 0%, /* Вершина 1 */ 82.39% 10.34%, /* Вершина 2 */ 100% 41.18%, /* Вершина 3 */ 94.45% 74.88%, /* Вершина 4 */ 68.45% 98.55%, /* Вершина 5 */ 33.55% 99.55%, /* Вершина 6 */ 6.55% 77.88%, /* Вершина 7 */ 0% 43.18%, /* Вершина 8 */ 15.61% 12.34% /* Вершина 9 */ ); } .level_container{ width: auto; height: auto; justify-content: flex-start; align-items: center; display: flex; flex-direction: column; } .level_number{ align-self: stretch; text-align: center; color: white; font-size: 16px; font-family: Inter; font-weight: 400; text-transform: uppercase; line-height: 19.20px; word-wrap: break-word } .level_text{ align-self: stretch; color: white; font-size: 12px; font-family: Inter; font-weight: 400; line-height: 15.60px; word-wrap: break-word } .container{ align-self: stretch; height: auto; border-radius: 3px; display: flex; justify-content: center; align-items: center; } .okruzhenie_position_container{ left: 133px; top: 58px; position: absolute; } .okruzhenie{ left: 20%; top: 70%; min-width: 15px; min-height: 15px; position: absolute; background-image: url('/local/templates/light/images/static/Circle.svg'); background-repeat: no-repeat; background-size: 100% 100%; } .container_box{ align-self: stretch; height: auto; max-height: 8px; background: white; border-radius: 5px; border: 1px #DF7A2B solid; padding: 1.5px 3.5px 1.5px 3.5px; display: flex; justify-content: center; align-items: flex-end; } .container_text{ text-align: center; color: #DF7A2B; font-size: 5.97px; font-family: Inter; font-weight: 400; line-height: 7.17px; word-wrap: break-word } .razvitie{ left: 64%; top: -1%; position: absolute; min-width: 15px; min-height: 15px; position: absolute; background-image: url('/local/templates/light/images/static/Layer 12.svg'); background-repeat: no-repeat; background-size: 100% 100%; } .razvitie_position_container{ left: 81px; top: 76px; position: absolute; } .happy_position_container{ left: 180px; top: 75px; position: absolute; } .happy{ left: 4%; top: 46%;; position: absolute; min-width: 15px; min-height: 15px; position: absolute; background-image: url('/local/templates/light/images/static/happy-outline2.svg'); background-repeat: no-repeat; background-size: 100% 100%; } .love{ left: 87%; top: 18%; position: absolute; min-width: 15px; min-height: 15px; position: absolute; background-image: url('/local/templates/light/images/static/Layer 13.svg'); background-repeat: no-repeat; background-size: 100% 100%; } .love_position_container{ left: 204px; top: 119px; position: absolute; } .health_position_container{ left: 197px; top: 170px; position: absolute; } .health{ left: 33%; top: -1%; position: absolute; min-width: 15px; min-height: 15px; position: absolute; background-image: url('/local/templates/light/images/static/medkit-outline2.svg'); background-repeat: no-repeat; background-size: 100% 100%; } .create{ left: 77%; top: 68%; position: absolute; min-width: 15px; min-height: 15px; position: absolute; background-image: url('/local/templates/light/images/static/Layer 14.svg'); background-repeat: no-repeat; background-size: 100% 100%; } .create_position_container{ left: 159px; top: 205px; position: absolute; } .carier{ left: 91%; top: 46%; position: absolute; min-width: 15px; min-height: 15px; position: absolute; background-image: url('/local/templates/light/images/static/business-outline2.svg'); background-repeat: no-repeat; background-size: 100% 100%; } .carier_position_container{ left: 108px; top: 206px; position: absolute; } .clever{ left: 47%; top: 78%; position: absolute; min-width: 15px; min-height: 15px; position: absolute; background-image: url('/local/templates/light/images/static/Layer 15.svg'); background-repeat: no-repeat; background-size: 100% 100%; } .clever_position_container{ left: 67px; top: 173px; position: absolute; } .money{ left: 8%; top: 17%; position: absolute; min-width: 15px; min-height: 15px; position: absolute; background-image: url('/local/templates/light/images/static/cash-outline2.svg'); background-repeat: no-repeat; background-size: 100% 100%; } .money_position_container{ left: 57px; top: 122px; position: absolute; } .test_box{ flex: 0 0 270px; min-height: 216px; padding: 24px; border-radius: 30px; border: 1px #DF7A2B solid; flex-direction: column; justify-content: center; align-items: center; gap: 10px; display: flex; background: rgba(57, 31, 18, 0.80); } .test_content{ align-self: stretch; height: auto; flex-direction: column; justify-content: center; align-items: center; gap: 40px; display: flex } .test_content_box{ align-self: stretch; height: auto; flex-direction: column; justify-content: center; align-items: center; gap: 10px; display: flex } .test_content_title{ align-self: stretch; text-align: center; color: white; font-size: 16px; font-family: Inter; font-weight: 400; text-transform: uppercase; line-height: 19.20px; word-wrap: break-word } .test_content_text{ width: auto; opacity: 0.80; text-align: center; color: white; font-size: 13px; font-family: Inter; font-weight: 300; line-height: 16.90px; word-wrap: break-word } .test_content a{ text-decoration: none; } .test_box:hover{ background:linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ), url('/templates/light/images/static/Rectangle 194.pnglocal'); background-size: 100% 100%; } .test_content .regtistration_application{ min-width: 180px !important; } #chart { max-width: 360px; min-width: 320px; margin: auto; } main { flex:1; max-width: 1920px; min-width: 320px; margin: auto; overflow: hidden; } } .apexcharts-pie line { stroke: rgba(223.28, 122.42, 42.57, 0.30); } .apexcharts-pie circle { stroke: rgba(223.28, 122.42, 42.57, 0.30); } .bx-404-container { font-family: 'Inter'; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 20px; margin-top: 200px; margin-bottom: 300px; } .bx-404-container a { text-decoration: none; color: #DF7A2B; } .info-popup { display: block; position: fixed; top: 35px; left: 50%; text-align: center; z-index: 200; background-color: #FFF; padding: 12px 30px; border-radius: 12px; transform: translateX(-50%); font-weight: 400 !important; visibility: visible; opacity: 1; font-family: 'Inter'; box-shadow: 0px 10px 30px 0px #1F223D1A; } .info-popup.hidden { display: block !important; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; } .bx-basket { max-width: 1320px; margin: auto; margin-top: auto; margin-bottom: auto; margin-top: 40px; margin-bottom: 120px; } /* Order */ #bx-soa-order { display: flex; counter-reset: heading; transition: 500ms opacity ease; } .bx-soa-more-btn.col button { padding: 8px 15px; color: #FFF; } .bx-soa-more-btn.col { display: flex; justify-content: space-between; } .bx-soa-more-btn.col button { padding: 8px 15px; color: #FFF; } .bx-soa-cart-total.bx-soa-cart-total-fixed { position: fixed; top: 130px; } @media (max-width: 990px) { .bx-soa-cart-total.bx-soa-cart-total-fixed { position: unset !important; top: 0 !important; } } .bx-soa-cart-total-ghost { padding: 0 !important; } .bx-soa-sidebar { position: relative; height: 100%; flex: 0 0 420px; margin-left: 25px; } .bx-soa-coupon-item strong.bx-soa-coupon-item-success { color: #3ba428; display: flex; align-items: center; } .bx-soa-section-title-container { overflow: hidden; padding: 7px 15px; background: #f2f5f7; font-size: 14px; display: flex; align-items: center; justify-content: space-between; } .bx-soa-tooltip.bx-soa-tooltip-success .tooltip-inner { background: #dff0d8; color: #3c763d; padding: 0 12px; margin-left: 10px; } .bx-soa-pp.row { display: flex; } .bx-soa-pp-item-container { flex: 1 1 auto; } .bx-soa-pp .bx-soa-pp-company { flex: 0 0 25%; padding: 7px; } .bx-soa-pp-desc-container { padding-top: 7px; flex: 0 0 250px; } .bx-soa-coupon-block { display: flex; } .bx-soa-coupon-input { position: relative; top: 0; display: inline-block; vertical-align: middle; } a.btn.btn-primary.btn-lg.btn-order-save { padding: 13px; color: #FFF; font-weight: 600; font-size: 16px; } a.btn.btn-primary.btn-lg.d-none.d-sm-inline-block { padding: 13px; color: #FFF; font-weight: 600; font-size: 16px; } .bx-soa-cart-d { float: right; color: #333; text-align: right; display: flex; gap: 10px; } .bx-soa-cart-total { padding: 20px; border: 1px solid #e8e9eb; border-radius: 20px; background-color: #fff; transition: opacity .2s ease; } .bx-soa-cart-total-line.bx-soa-cart-total-line-highlighted { border-color: transparent; background-color: #F8F5F0; border-radius: 10px; } .bx-soa-section { margin-bottom: 6px; border: 1px solid #e8e9eb; border-radius: 12px; background-color: #fff; transition: border-color .3s ease; overflow: hidden; } .bx-soa-pp-company { position: relative; z-index: 10; } .bx-soa-pp.row .row { display: flex; flex-wrap: wrap; } .alert { margin-bottom: 20px; padding: 15px; border: 0; border-radius: 12px; font-size: 14px; } .alert.alert-success div { padding: 0 10px !important; display: flex; align-items: center; gap: 20px; } .alert-success { border-color: #BDAA8A; background-color: #F8F5F0; color: #BDAA8A; } .bx-soa-section.bx-step-completed { border: 1px solid #DF7A2B; } .bx-soa-section.bx-step-completed .bx-soa-section-title-count { border-color: #3D518C; background: #3D518C; } div#bx-soa-total-mobile { display: none; } .icon-success { display: none !important; } .bx-soa-section-title-count { display: none !important; } .bx-soa-section-title-count:before { display: none !important; } .form-group.bx-soa-customer-field { display: flex; flex-direction: column; margin-top: 20px; } .bx-soa-customer-comment { margin-left: 0px; width: 100%; } .bx-soa-customer input, .bx-soa-customer textarea { width: 100%; } .bx-soa-customer .form-group input { padding: 5px; } .bx-soa-customer .form-control { background-color: #f8fafc; border: 1px solid #d5dadc; box-shadow: none; border-radius: 2px; } .bx-soa-customer .form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-body-bg); background-clip: padding-box; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; outline: none; border: 1px solid #EDE8E1; border-radius: 8px; } textarea#soa-property-7 { resize: vertical; } textarea#orderDescription { outline: none; border: 1px solid #EDE8E1; border-radius: 8px; max-width: 100%; resize: vertical; min-height: 200px; } /* .bx-soa-section-content:not(.container-fluid) .row { display: flex; justify-content: space-between; align-items: center; } */ .bx-soa-pp-company-selected { display: flex; align-items: center; } .col-lg-8.col-md-7.bx-soa { flex: 1 1 auto; } #bx-soa-order-form { max-width: 1320px; margin: auto; font-family: 'Inter' !important; margin-top: 40px; margin-bottom: 100px; } .logout__link a { font-size: 16px; font-family: Inter; font-weight: 400; line-height: 20.80px; word-wrap: break-word; text-decoration: none; cursor: pointer; color: #FFF; } .bread__flex { display: flex; justify-content: space-between; width: 100%; margin-top: 40px } .personal__deco { width: 50px; height: 50px; position: fixed; background: url('/images/personal-corner-deco.svg'); z-index: 0; display: none; } .personal__deco.tl { top: 20px; left: 20px; } .personal__deco.bl { bottom: 20px; left: 20px; } .personal__deco.br { bottom: 20px; right: 20px; } .personal__deco.tr { top: 20px; right: 20px; } .timer { display: none; position: fixed; right: 60px; bottom: 50px; background: #00000070; color: #FFF; font-family: 'Inter'; padding: 10px 25px; border-radius: 8px; z-index: 999; } /* popups */ .popup { top: 0; left: 0; width: 100vw; height: 100vh; background-color: #00000040; position: fixed; display: flex; align-items: center; justify-content: center; z-index: 900; } .popup__window { max-width: 640px; background-color: #FFF; padding: 40px; border-radius: 24px; } .popup__title { margin-bottom: 25px; display: flex; justify-content: space-between; align-items: flex-start; } .popup__btnrow { margin-top: 30px; display: flex; gap: 10px; /* justify-content: center; */ } .popup__btnrow button { padding: 8px 20px; } .popup__close { position: relative; bottom: 20px; left: 20px; } .popup__close:hover { background-color: transparent !important; } .hidden { display: none; } .body__noscroll { overflow: hidden; } .info-popup { display: block; position: fixed; top: 35px; left: 50%; text-align: center; z-index: 200; background-color: #00000090; padding: 12px 30px; border-radius: 12px; transform: translateX(-50%); font-weight: 600 !important; color: #FFF; visibility: visible; opacity: 1; } .info-popup.hidden { display: block !important; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; } .headline.h2{ align-self: center; color: #391F12; font-size: 20px; font-family: Inter; font-weight: 400; text-transform: lowercase; line-height: 26px; word-wrap: break-word; } .text.b1{ text-align: center; color: #391F12; font-size: 14px; font-family: Inter; font-weight: 400; line-height: 16.80px; word-wrap: break-word; } .linkbtn.lb2{ color: white; font-size: 14px; font-family: Inter; font-weight: 500; line-height: 16.80px; word-wrap: break-word; background: transparent; border: none; } :root { --white: #FFF; --bg-beige: #F8F5F0; --text: #5F6371; --text-semi: #5F637160; --text-dark: #393E51; --pri-blue: #DF7A2B; --pri-brown: #DF7A2B; --hover-blue: #DF7A2B; --hover-beige: #FDFAF6; --hover-beige-dark: #F8F6F0; --max-width: 1280px; --max-width-margin: calc((100vw - 1280px) / 2); } .catalog, .catalog__detail { display: block !important; font-family: 'Inter' !important; max-width: 1320px; margin: auto; margin-top: 40px; margin-bottom: 100px; } .flex { display: flex !important; } .flex--col { flex-direction: column; } .flex--vcen { align-items: center; } .flex--hcen { justify-content: center; } .flex--vend { align-items: flex-end; } .flex--spaced { justify-content: space-between; } .flex--catalog { justify-content: space-between; margin: -8px; flex-wrap: wrap; } .flex--catalog > .flex__cell { padding: 8px; flex: 0 0 20%; } .sort__body { display: flex; flex-direction: column; align-items: flex-end; } .sort__header { gap: 5px; cursor: pointer; user-select: none; } .sort__content { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding: 20px; border-radius: 8px; background: #FFF; position: absolute; text-wrap: nowrap; z-index: 50; margin-top: 20px; } .filtersort__header { gap: 5px; } /* Catalog */ .home__popular__categories { margin-top: 100px; margin-bottom: 60px; } .header__mobile__menu { position: fixed; top: 0; left: 0; width: 280px; height: 100%; z-index: 999; background: #FFF; padding: 20px; display: flex; flex-direction: column; justify-content: space-between; transform: translateX(0px); transition: transform .2s; } .header__mobile__menu.closed { transform: translateX(-280px); transition: transform .2s; } .header__mobile__menu nav.upper__menu { gap: 20px; } .header__mobile__menu nav.upper__menu span { font-size: 16px !important; line-height: 19.2px !important; } .mobile__menu__city { margin-bottom: 8px; } .mobile__menu__workhrs { margin-bottom: 20px; } .mobile__number a { background-color: #BDAA8A; color: #FFF; display: block; padding: 8px; text-align: center; border-radius: 10px; } .mobile__menu__socbtns { gap: 5px; margin-left: -8px; margin-bottom: 20px; } .mobile__menu__top { margin-bottom: 20px; } .header__mobile__menu .upper__menu { flex-direction: column; align-items: flex-start; } .catalog__menu__parent { display: flex; flex-direction: column; align-items: center; } .catalog__menu { width: 160px; display: flex; flex-direction: column; align-items: flex-start; background-color: #FFF; border-radius: 3px; padding: 16px 20px; position: absolute; margin-top: 50px; color: #5F637199; } .catalog__menu a { margin-bottom: 8px; color: #5F637199 !important; } .catalog__menu a:hover { color: var(--pri-blue); } .catalog__filter { margin-bottom: 30px; } .catalog-flex, .catalog-flex-services { display: flex; flex-wrap: wrap; margin: -8px; } .catalog-flex > *, .catalog-flex-services > *{ height: auto; position: unset; padding: 8px; } .catalog-flex > * { flex: 0 0 calc((100% - 80px) / 5); } .catalog-flex-services > * { flex: 0 0 33.3%; } .card { height: 100%; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #DF7A2B4D; border-radius: 24px; padding: 16px; background-color: transparent; transition: border linear .2s, background-color linear .2s; } .card img { border-radius: 5px; } .card:hover { background-color: #DF7A2B0D; border: 1px solid #DF7A2B; transition: border linear .2s, background-color linear .2s; } .card:hover a { color: #DF7A2B; } .card__price { color: var(--pri-blue); font-size: 24px; font-weight: 400; } .card__availabie, .card__name { display: block; } .card__available { background-color: #FFE8D5; padding: 3px 6px; border-radius: 20px; font-size: 12px; color: #DF7A2B; line-height: 12px; } .card__available::before { content: '•'; font-size: 14px; font-weight: 900; } .card__name { margin-top: 8px; } .card__fav__btn { position: absolute; top: 0; right: 0; } .card__priceline { padding: 16px 0; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-family: 'Jost'; } .card__price__old { font-size: 14px !important; line-height: 19.2px; text-decoration: line-through; color: #646464; font-weight: 300; } .card__discount__badge { color: #FFF; background: var(--pri-blue); padding: 2px 4px; border-radius: 12px; position: absolute; bottom: 4px; } @media (max-width: 875px) { .catalog-flex > * { flex: 0 0 25%; } } @media (max-width: 710px) { .catalog-flex > * { flex: 0 0 50%; } } /* Detail page */ .detail__pic { flex: 0 0 40%; } .detail__info { flex: 1 1 auto; padding-left: 50px; } .detail__price { gap: 8px; } .detail__quantity { padding: 40px 0; } .quantity-box { padding: 10px; border: 1px solid #EDE8E1; border-radius: 10px; } .quantity-box input { width: 50px; border: none; outline: none; text-align: center; } .quantity-box button { border: none; background: none; color: var(--pri-blue); cursor: pointer; width: 30px; } .detail__btn__line { padding: 40px 0; gap: 5px; } .description__headline { margin-bottom: 8px; } .detail__price .price__new { color: var(--pri-blue); font-family: Jost; font-size: 24px; font-weight: 400; line-height: 28.8px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } .detail__price .price__old { color: #646464; text-decoration: line-through; font-family: Jost; font-size: 16px; font-weight: 400; line-height: 28.8px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } .detail__available { margin-bottom: 24px; } .detail__available span { color: var(--pri-brown); font-family: Inter; font-size: 14px; font-weight: 300; line-height: 18.2px; } @media (max-width: 875px) { .detail__main__row { flex-direction: column; } .detail__info { padding-left: 0px; } } /* Imageboxes */ .img-box { padding-top: 100%; position: relative; max-width: 100%; overflow: hidden; display: block; } .img-box.img-box--detail { padding-top: 75%; } .img-box img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; } /* Blocks */ .wide__block, .wide__block--halved { display: flex; margin-bottom: 40px; } .wide__block--halved > * { flex: 0 0 50%; } .text__inner { margin: 100px; } .block__image { flex: 1 1 auto; background-size: cover; background-position: center; } @media (max-width: 875px) { .wide__block, .wide__block--halved { display: flex; flex-direction: column; } .block__image { flex: 1 1 400px; } } @media (max-width: 550px) { .text__inner { margin: 50px; padding: 0 !important; } } /* Collapsable */ .price-table { width: 100%; margin-top: 10px; margin-bottom: 20px; border: 1px solid #ccc; } .price-table td, .price-table th { padding: 6px 10px; } .price-table th { text-align: center; } .price-table tr:nth-child(odd) { background: #f5ffe3; } .price-table tr { border-bottom: 1px solid #ccc; transition: .3s; } .collapsable.content { overflow: hidden; transition: all .2s; max-height: 20000px; transition: max-height 0.3s cubic-bezier(1, 0, 1, 0); } .collapsable.content > * { margin-top: 16px; } .collapsable.content.collapsed { border-top: 0px solid transparent; transition: all .5s; max-height: 0px; transition: max-height 0.3s cubic-bezier(0, 1, 0, 1); } .collapsable.block { background-color: white; border-top: 1px solid #e5e5e5; display: flex; align-items: center; padding: 8px 0px; gap: 20px; } .collapsable.block:last-child { border-bottom: 1px solid #e5e5e5; } .collapsable.header { display: flex; align-items: center; justify-content: space-between; font-size: 20px; font-weight: 600; cursor: pointer; user-select: none; background: transparent; position: unset; } .collapsable.arrow { flex: 0 0 48px; transform: rotate(180deg); transition: transform .3s; } .collapsable.arrow.collapsed { transform: rotate(0deg); transition: transform .3s; } .collapsable.inner { flex: 1 1; } @media (max-width: 875px) { .collapsable.arrow { flex: 0 0 36px; } } @media (max-width: 875px) { .filtersort__parent { margin: 20px 0; } .filtersort__line { flex-direction: column; align-items: flex-start; } .filter__box__content { gap: 12px; padding: 20px; padding-left: 0px !important; border-radius: 8px; position: unset !important; margin-top: 0px !important; } .sort__header { width: 100%; justify-content: space-between; } .sort__header * { font-size: 14px !important; line-height: 16.8px !important; font-weight: 500 !important; color: var(--text-dark) !important; } .sort__content { display: flex; flex-direction: column; align-items: flex-start !important; gap: 8px; padding: 20px; padding-left: 0px !important; border-radius: 8px; background: #FFF; position: unset !important; text-wrap: nowrap; z-index: 50; margin-top: 0px !important; } .sort__body { display: flex; flex-direction: column; align-items: flex-start !important; } .catalog__filter { margin-bottom: 15px !important; } .filter__box__title { width: 100% !important; justify-content: space-between !important; } .filtersort__line .filter, .filtersort__line .sorter { width: 100%; } .filtersort__header { margin-bottom: 20px; align-items: center; user-select: none; cursor: pointer; } } /* Buttons & Links */ a { text-decoration: none; color: #391F12; font-size: 16px; font-weight: 400; } a:hover { color: var(--hover-blue); text-decoration: none; } a.headline__link { gap: 15px; } a.headline__link.desktop { display: flex; } a.headline__link.mobile { display: none; margin-top: 20px; } @media (max-width: 490px) { a.headline__link.mobile { display: flex; } a.headline__link.desktop { display: none; } } .btn { cursor: pointer; background: linear-gradient(90deg, #DF7A2B 0%, #E9A035 100%); border-radius: 10px; border: none; display: flex; justify-content: center; align-items: center; transition: all .2s; } .btn:disabled { opacity: 0.5; cursor: not-allowed; } .btn span { color: #FFF; } .btn:not(:disabled):hover { background: var(--hover-blue); transition: all .2s; } .btn.btn--nobg { background: transparent; transition: all .2s; } .btn.btn--nobg:hover { background: var(--hover-beige-dark); transition: all .2s; } .btn.btn--small { width: 40px; height: 40px; } .btn.btn--small:not(:disabled):hover { background: var(--pri-brown); } .btn.btn--text { padding: 13px 40px; } .btn.btn--icon { padding: 13px 24px; align-items: end; gap: 5px; } .btn.btn--catalog { border-radius: 10px; padding: 0 32px; gap: 5px; height: 45px; /* Ensure same height as header searchbar */ } .btn.btn--catalog span { padding-top: 5px; } .btn.btn--symbolic { background: transparent; width: 35px; height: 35px; transition: all .2s; } .btn.btn--close-sm { background: transparent; padding: 0; margin: 0; width: 24px; height: 24px; } .btn.btn--symbolic:hover, .btn.btn--close-sm:hover { background: transparent; } .btn.btn--symbolic.light--symbol [colorable-stroke] { stroke:var(--pri-brown); transition: all .2s; } .btn.btn--symbolic.light--symbol [colorable-fill] { fill:var(--pri-brown); transition: all .2s; } .btn.btn--symbolic.light--symbol:hover [colorable-stroke] { stroke:var(--pri-blue); transition: all .2s; background-color: transparent; } .btn.btn--symbolic.light--symbol:hover [colorable-fill] { fill:var(--pri-blue); transition: all .2s; background-color: transparent; } .btn.btn--symbolic:hover [colorable-stroke] { stroke:var(--pri-brown); transition: all .2s; background-color: transparent; } .btn.btn--symbolic:hover [colorable-fill] { fill:var(--pri-brown); transition: all .2s; background-color: transparent; } .btn.arrow { background: transparent; height: 48px; width: 48px; border: 1px solid ; border-color: var(--pri-blue); border-radius: 35px; } .btn.arrow.arrow--white { border-color: var(--white); } .btn.arrow.arrow--white:hover { background-color: var(--white); } .btn.arrow.arrow--white:hover svg path { stroke: var(--text-dark); } .btn.arrow:hover, .headline__link:hover .btn.arrow { background-color: var(--pri-blue); } .btn.arrow:hover svg path, .headline__link:hover .btn.arrow svg path{ stroke: var(--white); } section.home__popular__categories { margin-bottom: 60px; } .btn.btn--mainslider { height: 48px; padding: 14px 40px; background-color: #FFF; } .btn.btn--mainslider > *, .btn.btn--mainslider:hover > *{ color: var(--text-dark); font-weight: 500; text-decoration: none; } .btn.btn--mainslider:hover { background-color: #ccc; text-decoration: none; } .btn.btn--fav { width: 48px; background-color: #fff; border: 1px solid var(--pri-blue); } .btn.btn--fav.active { background-color: var(--pri-blue); } .btn.btn--card__fav.active path{ fill: var(--pri-blue); stroke: #DF7A2B; } @media (max-width: 875px) { .btn.btn--mainslider { height: 48px; } .btn.arrow { height: 36px; width: 36px; } } .hidden { display: none !important; } .swiper.products-slider { padding: 0 0 40px; } .card__fav__btn path, .card__fav__btn:hover path { stroke: #DF7A2B !important; } .detail__pic { border: 1px solid #DF7A2B; padding: 20px; border-radius: 24px; } .nophoto { width: 100%; min-height: 350px; display: flex; align-items: center; justify-content: center; } .fancy.h2 { font-family: Jost; font-size: 30px; font-weight: 400; line-height: 36px; color: #391F12; } .fancy.h3 { font-family: Jost; font-size: 24px; font-weight: 400; line-height: 28.8px; } .font.h5 { font-family: Inter; font-size: 14px; font-weight: 300; line-height: 18.2px; } .all-caps { text-transform: uppercase; } .detail__cart-btn { background: linear-gradient(90deg, #DF7A2B 0%, #E9A035 100%); border: none; border-radius: 100px; font-size: 14px; font-weight: 600; line-height: 16.8px; font-family: 'Inter'; color: #fff; padding: 16px 22px; cursor: pointer; height: 50px; } .detail__cart-btn:disabled { opacity: 0.5; cursor: not-allowed; } .detail__fav-btn { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid #DF7A2B; background: transparent; cursor: pointer; } .detail__fav-btn.active, .detail__fav-btn:hover { border: 0px solid transparent; background: linear-gradient(90deg, #DF7A2B 0%, #E9A035 100%); } .detail__fav-btn.active path, .detail__fav-btn:hover path { stroke: #FFF; } .filter__param__box { display: flex; flex-direction: column; align-items: flex-start; } .filter__box__title { gap: 5px; cursor: pointer; user-select: none; } .filter__box__content { gap: 12px; padding: 20px; border-radius: 8px; position: absolute; margin-top: 20px; background-color: #FFF; } .smart-filter-form input { padding: 8px 12px; border: none; } .filter__go { color: #FFF !important; background-color: #BDAA8A; border-radius: 3px; cursor: pointer; } .filter__clear { background: transparent; color: #5F6371 !important; cursor: pointer; padding: 0 !important; } .filter__cur__line { margin-top: 15px; } .products-slider-section { padding: 70px 0; } .products-slider-header { display: flex; margin-bottom: 40px; justify-content: space-between; align-items: flex-end; } .products-slider-link-all { display: block; margin-left: 40px; padding: 5px 30px; background-color: #E6EDFF; border-radius: 10px; font-size: 16px; line-height: 140%; color: #3E5DA7; } @media (max-width: 700px) { .products-slider-link-all { margin-left: 0px; padding: 5px 10px; font-size: 14px; } } .swiper.products-slider { padding: 0 0 14px; } .products-slider .swiper-wrapper .swiper-slide { height: auto; } .products-slider--no-init .swiper-wrapper .swiper-slide { flex: 0 0 calc(20% - 17px); max-width: calc(20% - 17px); margin-right: 17px; } .products-slider-controll { margin-left: auto; display: flex; align-items: center; } @media (max-width: 1000px) { .products-slider-header { display: flex; align-items: center; margin-bottom: 40px; justify-content: space-between; } /* .products-slider-controll { display: none; } */ /* .products-slider-section .swiper { width: calc(100% + 40px) !important; margin-left: -20px !important; padding: 0 20px !important; } */ } /* .products-slider-section .swiper-button-prev, .products-slider-section .swiper-button-next { position: static; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; border: 1px solid #3E5DA7; border-radius: 4px; --swiper-navigation-size: 12px; --swiper-navigation-color: #3E5DA7; } .products-slider-section .swiper-button-prev:hover, .products-slider-section .swiper-button-next:hover { background-color: #3E5DA7; --swiper-navigation-color: #fff; } .products-slider-section .swiper-button-next { margin-left: 8px; } .swiper-button-next::after, .swiper-button-prev::after { content: '' !important; } .swiper-button-next svg, .swiper-button-prev svg { width: auto !important; height: auto !important; object-fit: none !important; transform-origin: center; } */ /* @media (max-width: 700px) { .products-slider-section .products-btn-group { display: none; } } */ .products-slider .swiper-wrapper .swiper-slide { height: 100% !important; } .product-item-container { position: relative; height: 100%; flex: 0 0 calc((100% - 80px) / 5); padding: 8px; } /*region Sidebar */ .product-item-detail-pay-block { position: relative; margin-bottom: 15px; padding: 15px 15px 0; border: 1px solid #e4e4e4; border-radius: 3px; background-color: #fff; } .bx-retina .product-item-detail-pay-block { border-width: .5px; } /*endregion*/ /*region Compare*/ .product-item-detail-compare-container { position: relative; margin: 0 -15px 1px -14px; padding: 4px 15px; min-height: 30px; border-top: 1px solid #e4e4e4; background: #f3f3f3; box-shadow: inset 0 1px 1px 0 #eee; color: #4e4e4e; vertical-align: middle; font-size: 12px; line-height: 20px; border-radius: 1px; } .product-item-detail-compare .checkbox { margin: 0; padding: 0; } /*endregion*/ /*region Price */ .product-item-detail-price-current { color: #d0021b; white-space: nowrap; font-weight: var(--ui-font-weight-bold); text-align: center; font-size: 30px; line-height: 33px; transition: font-size 200ms ease; } .product-item-detail-price-old { color: #bdbdbd; text-align: center; text-decoration: line-through; white-space: nowrap; font-weight: var(--ui-font-weight-bold); font-size: 14px; line-height: 17px; } .product-item-detail-economy-price { color: #333; text-align: center; /*white-space: nowrap;*/ font-weight: var(--ui-font-weight-bold); font-size: 14px; line-height: 17px; } /*endregion*/ .product-item-detail-info-container-title { color: #a5a5a5; font-size: 12px; } /*region SCU */ .product-item-scu-container-title { color: #a5a5a5; font-size: 12px; } .product-item-scu-block { } .product-item-scu-list { margin: 0; } .product-item-scu-item-list { overflow: hidden; margin: 0; padding: 0; list-style: none; } .product-item-scu-item-color-container, .product-item-scu-item-text-container { display: inline-block; box-sizing: border-box; padding: 5px 3px; max-width: 100%; vertical-align: middle; } .product-item-scu-item-text-container { min-width: 48px; } .product-item-scu-item-color-container { max-width: 60px; width: 25%; } .product-item-scu-item-color-block { position: relative; padding-top: 100%; outline: 1px solid #c0cfda; cursor: pointer; } .bx-no-touch .product-item-scu-item-color-block { transition: outline 200ms ease; } .bx-retina .product-item-scu-item-color-block { outline-width: .5px; } .product-item-scu-item-color-container.selected .product-item-scu-item-color-block { outline-width: 2px; } .bx-retina .product-item-scu-item.selected .product-item-scu-item-color-block { outline-width: 1px; } .product-item-scu-item-color { position: absolute; top: 2px; right: 2px; bottom: 2px; left: 2px; background-position: center; background-size: contain; background-repeat: no-repeat; } .product-item-scu-item-text-block { position: relative; padding: 0 5px; outline: 1px solid #c0cfda; cursor: pointer; } .bx-no-touch .product-item-scu-item-text-block { transition: outline 300ms ease; } .bx-retina .product-item-scu-item-text-block { outline-width: .5px; } .product-item-scu-item-text-block:hover, .product-item-scu-item-color-block:hover, .product-item-scu-item-text-container.selected .product-item-scu-item-text-block, .product-item-scu-item-color-container.selected .product-item-scu-item-color-block { outline-color: var(--theme-color-primary); } .product-item-scu-item-text-container.selected .product-item-scu-item-text-block { outline-width: 2px; } .bx-retina .product-item-scu-item.selected .product-item-scu-item-text-block { outline-width: 1px; } .product-item-scu-item-text { overflow: hidden; max-width: 100%; vertical-align: middle; text-align: center; text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; line-height: 18px; } .product-item-scu-item-color-container.notallowed .product-item-scu-item-color-block, .product-item-scu-item-text-container.notallowed .product-item-scu-item-text-block { position: relative; overflow: hidden; outline-color: #a9adb4 !important; } .product-item-scu-item-color-container.notallowed .product-item-scu-item-color-block:after, .product-item-scu-item-text-container.notallowed .product-item-scu-item-text-block:after { position: absolute; top: -2px; right: -2px; bottom: -2px; left: -2px; background: rgba(255, 255, 255, 0.75) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2Ij4gIDxwYXRoIGZpbGw9IiNBOUFEQjQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE0LjM5MjEyNjgsMTMuMjMyMzAyOSBMMjUuOTkyLDEuNDE4IEwyNC42LDAgTDEyLjk5OTk5NTYsMTEuODE0NDM2NCBMMS40LDAgTDAuMDA5LDEuNDE5IEwxMS42MDc4Njg3LDEzLjIzMjI5NzUgTDAuNDczLDI0LjU3MyBMMS44NjUsMjUuOTkxIEwxMi45OTk5OTkzLDE0LjY1MDE2NDUgTDI0LjEzNCwyNS45OSBMMjUuNTI2LDI0LjU3MiBMMTQuMzkyMTI2OCwxMy4yMzIzMDI5IFoiLz48L3N2Zz4=) no-repeat center; background-size: 80% 80%; content: ""; } .product-item-selected-scu-container { word-spacing: 1px } .product-item-selected-scu { display: inline-block; overflow: hidden; padding: 0 5px; min-width: 22px; height: 22px; outline: 1px solid #c0cfda; outline-color: var(--theme-color-primary); vertical-align: middle; text-align: center; text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; line-height: 22px; } .bx-retina .product-item-selected-scu { outline-width: .5px; } .product-item-selected-scu-color { background-position: center; background-size: 20px 20px; background-repeat: no-repeat; } /*endregion*/ /*region Amount*/ .product-item-amount { padding: 0 0 2px; text-align: center; } .product-item-amount-field-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; max-width: 150px; margin: 0 auto 15px; } .product-item-amount-field-btn-plus, .product-item-amount-field-btn-minus { position: relative; display: block; min-width: 22px; height: 22px; border-radius: 2px; background-color: #f2f2f2; color: #fff; vertical-align: middle; text-align: center; cursor: pointer; transition: background 300ms ease, opacity 300ms ease; } .bx-retina .product-item-amount-field-btn-plus, .bx-retina .product-item-amount-field-btn-minus { border-width: .5px; } .product-item-amount-field-btn-plus:hover, .product-item-amount-field-btn-minus:hover { background: #d3d3d3; } .product-item-amount-field-btn-plus:after, .product-item-amount-field-btn-minus:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; opacity: .8; transition: opacity 300ms ease, background 300ms ease; } .product-item-amount-field-btn-disabled.product-item-amount-field-btn-plus:after, .product-item-amount-field-btn-disabled.product-item-amount-field-btn-minus:after { opacity: .3 !important; cursor: default; } .product-item-amount-field-btn-disabled.product-item-amount-field-btn-plus:hover, .product-item-amount-field-btn-disabled.product-item-amount-field-btn-minus:hover { background-color: #f2f2f2; } .product-item-amount-field-btn-minus:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; opacity: .8; transition: opacity 300ms ease; } .product-item-amount-field-btn-plus:after { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4gIDxwYXRoIGZpbGw9IiM1MjVDNjgiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE4LDEyIEwxOCwwIEwxMiwwIEwxMiwxMiBMMCwxMiBMMCwxOCBMMTIsMTggTDEyLDMwIEwxOCwzMCBMMTgsMTggTDMwLDE4IEwzMCwxMiBMMTgsMTIgWiIvPjwvc3ZnPg==) no-repeat center; background-size: 10px; } .product-item-amount-field-btn-minus:after { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4gIDxyZWN0IHdpZHRoPSIzMCIgaGVpZ2h0PSI2IiB5PSIxMiIgZmlsbD0iIzUyNUM2OCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat center; background-size: 10px; } .product-item-amount-field-btn-plus:hover:after, .product-item-amount-field-btn-minus:hover:after { opacity: 1; } .product-item-amount-field-block { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .product-item-amount-field { display: block; padding: 0; width: 100%; height: 22px; border: 1px solid transparent; border-radius: 2px; background: transparent !important; color: #000; vertical-align: middle; text-align: center; font-weight: var(--ui-font-weight-bold); font-size: 19px; line-height: 22px; transition: border 300ms ease; } .bx-retina .product-item-amount-field { border-width: .5px; } .product-item-amount-field:focus { outline: none !important; border-color: #006cc0; border-color: var(--theme-color-primary); } .bx-no-touch input.product-item-amount-field::-webkit-outer-spin-button, .bx-no-touch input.product-item-amount-field::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; } .product-item-amount-description-container { position: absolute; top: 100%; left: 0; right: 0; color: #a5a5a5; white-space: nowrap; font-size: 12px; } .product-item-amount-description-container strong { color: #333; white-space: nowrap; } .product-item-amount-label-container { margin: 5px 0; color: #a5a5a5; font-weight: var(--ui-font-weight-bold); font-size: 12px; } /**/ .product-item-quantity { color: #333; font-weight: normal; font-size: 12px; } /*endregion*/ /*region Buy button*/ .btn.product-item-detail-buy-button { position: relative; display: block; margin: 0 auto; max-width: 250px; width: 100%; padding-top: 12px; padding-bottom: 12px; font-weight: var(--ui-font-weight-bold); text-transform: uppercase; } .product-item-detail-short-card-btn .btn.product-item-detail-buy-button { margin: 0; } .btn.product-item-detail-buy-button span { position: absolute; top: 50%; right: 0; left: 0; display: inline-block; min-height: 16px; max-width: 100%; white-space: normal; line-height: 16px; transform: translateY(-50%); } .btn-link.product-item-detail-buy-button { height: 25px; } /*endregion*/ /*region Slider */ .product-item-detail-slider-container { position: relative; max-width: 100%; background: transparent; transition: background 800ms ease; z-index: 90; } .product-item-detail-slider-block { position: relative; box-sizing: border-box; padding-top: 56.25%; height: 0; } .product-item-detail-slider-block.product-item-detail-slider-block-square { padding-top: 100%; } .product-item-detail-slider-images-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .product-item-detail-slider-image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-align: center; opacity: 0; transition: opacity 250ms linear; } .product-item-detail-slider-image.active { z-index: 10; opacity: 1; } .product-item-detail-slider-image img { position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; width: auto; height: auto; outline: 1px solid transparent; background-position: center; background-repeat: no-repeat; transition: background-size 450ms ease, width 450ms ease, height 450ms ease, outline 450ms ease; transform: translateY(-50%) translateX(-50%); } .product-item-detail-slider-progress-bar { position: absolute; bottom: 0; left: 0; z-index: 180; height: 3px; background-color: #006cc0; background-color: var(--theme-color-primary) } /*endregion*/ /*region Slider Controls*/ .product-item-detail-slider-controls-block { padding: 10px 0; text-align: center; } .product-item-detail-slider-controls-image { position: relative; display: inline-block; overflow: hidden; width: 65px; height: 65px; outline: 1px solid #c0cfda; background-color: #fff; text-align: center; cursor: pointer; } .product-item-detail-slider-controls-image:hover, .product-item-detail-slider-controls-image.active { outline-color: var(--theme-color-primary); } .bx-no-retina .product-item-detail-slider-controls-image.active { outline-width: 2px; } .bx-retina .product-item-detail-slider-controls-image { outline-width: .5px; } .bx-retina .product-item-detail-slider-controls-image.active { outline-width: 1px; } .product-item-detail-slider-controls-image img { position: absolute; top: 50%; left: 50%; max-width: 65px; max-height: 65px; width: auto; height: auto; transform: translateY(-50%) translateX(-50%); } .product-item-detail-slider-left, .product-item-detail-slider-right { position: absolute; top: 0; bottom: 0; z-index: 111; display: block; width: 25%; background: rgba(255, 255, 255, 0) url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2230%22%20viewBox%3D%220%200%2016%2030%22%3E%3Cpolygon%20fill%3D%22%23000000%22%20fill-rule%3D%22evenodd%22%20points%3D%2216%2050%202%2036%2016%2022%2015%2021%201%2035%200%2036%201%2037%2015%2051%22%20transform%3D%22translate(0%20-21)%22%2F%3E%3C%2Fsvg%3E') no-repeat center; opacity: .57; cursor: pointer; transition: all 300ms ease; } .product-item-detail-slider-left { left: 0; } .product-item-detail-slider-right { right: 0; transform: rotate(180deg); } .product-item-detail-slider-left:hover, .product-item-detail-slider-right:hover { background-color: rgba(255, 255, 255, .4); opacity: .8; } .product-item-detail-slider-close { display: none; } .product-item-detail-slider-container.popup .product-item-detail-slider-close { position: absolute; top: 4px; right: 110px; bottom: 0; z-index: 150; display: block; width: 50px; height: 50px; background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpolygon%20fill%3D%22%23000000%22%20fill-rule%3D%22evenodd%22%20points%3D%2216%2015.1%208.944%208%2016%201%2015.006%200%208.05%207%20.994%200%200%201%207.056%208%200%2015.1%20.994%2016%208.05%209%2015.006%2016%22%2F%3E%3C%2Fsvg%3E') no-repeat center; opacity: .27; cursor: pointer; transition: all 300ms ease; } .product-item-detail-slider-container.popup .product-item-detail-slider-close:hover { opacity: 1; } .product-item-detail-slider-container.popup .product-item-detail-slider-right { right: 105px; } /*endregion*/ /*region magnified*/ .product-item-detail-slider-container.magnified .product-item-detail-slider-image { z-index: 100; } .product-item-detail-slider-container.magnified .product-item-detail-slider-image img { outline-color: #ddd; } .product-item-detail-slider-container.magnified .product-item-detail-slider-left, .product-item-detail-slider-container.magnified .product-item-detail-slider-right { z-index: 50; } .product-item-detail-slider-container.magnified .product-item-label-text, .product-item-detail-slider-container.magnified .product-item-label-ring { opacity: 0; } /* >>> popup*/ .product-item-detail-slider-container.popup { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999999; background: #fff; animation-name: imgPopupShow; animation-duration: 300ms; } .product-item-detail-slider-container.popup .product-item-detail-slider-images-container { right: 105px; } .product-item-detail-slider-container.popup .product-item-detail-slider-block { padding-top: 0; height: 100vh; } .product-item-detail-slider-container.popup .product-item-detail-slider-image { position: absolute; top: 50%; left: 50%; max-height: 100vh; width: calc(100% - 150px); transform: translateY(-50%) translateX(-50%); } @-webkit-keyframes imgPopupShow { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes imgPopupShow { from { opacity: 0; } to { opacity: 1; } } @-ms-keyframes imgPopupShow { from { opacity: 0; } to { opacity: 1; } } @-o-keyframes imgPopupShow { from { opacity: 0; } to { opacity: 1; } } @keyframes imgPopupShow { from { opacity: 0; } to { opacity: 1; } } .product-item-detail-slider-container.popup .product-item-detail-slider-image img { max-width: 100%; max-height: 90vh; width: auto; cursor: default } .product-item-detail-slider-container.popup .product-item-detail-slider-controls-block { position: absolute; top: 0; right: 0; bottom: 0; overflow-y: auto; padding: 20px; border-left: 1px solid #d3d3d3; background-color: #fff; } .product-item-detail-slider-container.popup .product-item-detail-slider-controls-image { display: block; margin-bottom: 20px; } /*endregion*/ /*region Slider Mobile*/ @media (max-width: 767px) { .product-item-detail-slider-container.popup .product-item-detail-slider-images-container { right: 0; } .product-item-detail-slider-container.popup .product-item-detail-slider-block { padding-top: 0; height: calc(100vh - 111px); } .product-item-detail-slider-container.popup .product-item-detail-slider-image { width: 90%; } .product-item-detail-slider-container.popup .product-item-detail-slider-image img { max-width: 100%; max-height: calc(100vh - 115px); width: auto; cursor: default; } .product-item-detail-slider-container.popup .product-item-detail-slider-controls-block { position: absolute; top: auto; right: 0; bottom: 0; left: 0; overflow-x: auto; max-height: 111px; border-top: 1px solid #d3d3d3; border-left: none; white-space: nowrap; } .product-item-detail-slider-container.popup .product-item-detail-slider-controls-image { display: inline-block; margin-bottom: 0; } .product-item-detail-slider-container.popup .product-item-detail-slider-close { right: 10px; z-index: 200; } .product-item-detail-slider-left, .product-item-detail-slider-right { max-width: 75px; } .product-item-detail-slider-container.popup .product-item-detail-slider-right { right: 0; } } /*endregion*/ /*region Label*/ .product-item-label-text, .product-item-label-ring { position: absolute; z-index: 190; opacity: 1; transition: opacity 450ms ease; } .product-item-label-text span, .product-item-label-ring { display: inline-block; clear: both; margin-bottom: 2px; background: #f42c2c; color: #fff; vertical-align: middle; text-align: center; transition: all 250ms ease; } .bx-red .product-item-label-text span, .bx-red .product-item-label-ring { background-color: #fba90c; } .product-item-label-text > div, .product-item-label-ring > div { line-height: 0; } .product-item-detail-slider-container.popup .product-item-label-text, .product-item-detail-slider-container.popup .product-item-label-ring { display: none; } /* TEXT */ .product-item-label-text span { padding: 2px 5px; vertical-align: middle; font-weight: var(--ui-font-weight-bold); } .product-item-label-text.product-item-label-small span { margin-bottom: 1px; padding: 2px 7px; font-weight: normal; font-size: 13px; line-height: 14px; } .product-item-label-text.product-item-label-big span { padding: 4px 10px; font-size: 13px; line-height: 17px; } @media (max-width: 767px) { .product-item-label-text > div { line-height: 0; } .product-item-label-text.product-item-label-small span, .product-item-scalable-card.hover .product-item-label-text.product-item-label-small span { margin-bottom: 1px; padding: 2px 7px; font-size: 10px; line-height: 14px; } .product-item-big-card .product-item-label-text.product-item-label-small span, .product-item-label-text.product-item-label-big span, .product-item-scalable-card.hover .product-item-label-text.product-item-label-big span { margin-bottom: 1px; padding: 3px 12px; font-size: 14px; line-height: 16px; } .product-item-big-card .product-item-label-text.product-item-label-big span { padding: 3px 12px; font-size: 20px; line-height: 25px; } } /*RING*/ .product-item-label-ring { box-sizing: border-box; border-radius: 50%; font-weight: var(--ui-font-weight-bold); } .product-item-label-ring.product-item-label-small { width: 40px; height: 40px; font-size: 14px; line-height: 40px; } .product-item-label-ring.product-item-label-big { width: 50px; height: 50px; font-size: 18px; line-height: 50px; } @media (max-width: 767px) { .product-item-label-ring.product-item-label-small, .product-item-scalable-card.hover .product-item-label-ring.product-item-label-small { width: 20px; height: 20px; font-size: 13px; line-height: 20px; } .product-item-big-card .product-item-label-ring.product-item-label-small, .product-item-label-ring.product-item-label-big, .product-item-scalable-card.hover .product-item-label-ring.product-item-label-big { width: 35px; height: 35px; font-size: 12px; line-height: 35px; } .product-item-big-card .product-item-label-ring.product-item-label-big { width: 70px; height: 70px; font-size: 24px; line-height: 70px; } } .product-item-label-top { top: -5px; } .product-item-label-center { left: 50%; transform: translateX(-50%); } .product-item-label-center > div { text-align: center; } .product-item-label-left { left: -5px; } .product-item-label-left > div { text-align: left; } .product-item-label-bottom { bottom: -5px; } .product-item-label-middle { top: 50%; transform: translateY(-50%); } .product-item-label-right { right: -5px; } .product-item-label-right > div { text-align: right; } .product-item-label-center.product-item-label-middle { transform: translateY(-50%) translateX(-50%); } /*endregion*/ /*region Tabs */ .product-item-detail-tabs-container { min-height: 60px; border-bottom: 1px solid #ededed; } .product-item-detail-tabs-list { display: block; margin: 0; padding: 0; list-style: none; } .product-item-detail-tabs-list:after { display: table; clear: both; content: ""; } .product-item-detail-tab { float: left; min-height: 60px; } .product-item-detail-tab-link { position: relative; display: inline-block; box-sizing: border-box; padding: 10px 25px; height: 60px; color: #000; vertical-align: middle; text-transform: uppercase; -ms-text-overflow: ellipsis; text-overflow: ellipsis; font-weight: var(--ui-font-weight-bold); font-size: 13px; line-height: 45px; transition: all 250ms ease; } .product-item-detail-tab-link:hover, .product-item-detail-tab.active .product-item-detail-tab-link { color: #006cc0; color: var(--theme-color-primary); text-decoration: none; } .product-item-detail-tab-link:after { position: absolute; right: 0; bottom: 0; left: 0; height: 0; background: #006cc0; background: var(--theme-color-primary); content: ""; transition: all 250ms ease; } .product-item-detail-tab-link:hover:after, .product-item-detail-tab.active .product-item-detail-tab-link:after { height: 3px; } .product-item-detail-tab-link:active:after { height: 6px; } .product-item-detail-tab-content { padding: 25px 0; } @media (max-width: 991px) { .product-item-detail-tabs-container { display: none !important; } .product-item-detail-tab-content { display: block !important; } } /*Tab fixed*/ .product-item-detail-tabs-container-fixed { position: fixed; top: -100px; right: 0; left: 0; z-index: 300; background-color: #fff; box-shadow: 0 4px 14px 0 rgba(32, 54, 74, .23); transition: top 350ms linear; } .product-item-detail-tabs-container-fixed { min-height: 45px; background: #fff; } .product-item-detail-tabs-container-fixed.active { top: 0; opacity: 1; } .product-item-detail-tabs-container-fixed .product-item-detail-tabs-list { margin: 0 auto; max-width: 1048px; } .product-item-detail-tabs-container-fixed .product-item-detail-tab { min-height: 45px; } .product-item-detail-tabs-container-fixed .product-item-detail-tab-link { padding: 10px 25px; height: 45px; line-height: 25px; } .bx-touch .product-item-detail-tabs-container-fixed { display: none !important; } /*endregion*/ /*region Small Card*/ .product-item-detail-short-card-fixed { position: fixed; top: -85px; right: 0; left: 0; z-index: 310; box-sizing: border-box; height: 85px; background-color: #fff; box-shadow: 0 4px 14px 0 rgba(32, 54, 74, .23); transition: top 220ms linear; } .product-item-detail-short-card-fixed.active { top: 0; opacity: 1; } .product-item-detail-short-card-fixed.active + .product-item-detail-tabs-container-fixed.active { top: 85px; } .bx-touch .product-item-detail-short-card-fixed { display: none !important; } .product-item-detail-short-card-fixed .product-item-detail-short-card-content-container { margin: 0 auto; max-width: 1048px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-item-detail-short-card-image { padding-right: 15px; width: 80px; max-width: 80px; vertical-align: middle; text-align: center; } .product-item-detail-short-card-image img { max-width: 100%; height: auto; max-height: 65px; width: auto; } .product-item-detail-short-title-container { max-width: 650px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .product-item-detail-short-title-text { display: block; color: #000; -ms-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 16px; font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-regular, 400); } .product-item-detail-short-card-price { padding: 0 10px; vertical-align: middle; text-align: right; } .product-item-detail-short-card-btn { padding-left: 10px; min-width: 120px; } /*endregion*/ /*region Properties */ .product-item-detail-tab-content { display: none; } .product-item-detail-tab-content.active { display: block; } .product-item-detail-tab-content h3 { margin-bottom: 10px; font-weight: var(--ui-font-weight-bold); font-size: 14px; } .product-item-detail-properties { margin: 0; padding: 0; list-style: none; display: block; } .product-item-detail-properties-item { margin-bottom: 5px; display: flex; align-items: stretch; } .product-item-detail-properties-dots { border-bottom: 1px dotted #a5a5a5; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .product-item-detail-properties-name, .product-item-detail-properties-value { -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 50%; width: auto; font-size: 12px; } .product-item-detail-properties-name { padding-right: 3px; color: #a5a5a5; } .product-item-detail-properties-value { color: #343a40; padding-left: 3px; text-align: right; } /*endregion*/ .no-select { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } input[type='number'] { -moz-appearance: textfield; } input::-webkit-outer-spin-button, .bx-basket { display: flex; font-family: 'Inter'; } .regtistration_application span{ color: #FFF; font-size: 14px; } .bx-basket .row:first-child { flex: 1 1 auto; } .bx-basket .row:last-child { flex: 0 0 420px; margin-left: 24px; } .basket-checkout-container { padding: 24px; border: 1px solid #EDE8E1; border-radius: 14px; background-color: #fff; } .basket-checkout-container.basket-checkout-container-fixed { position: fixed; top: 0; z-index: 100; } .basket-checkout-container.basket-checkout-container-fixed-hide { opacity: 0; } .basket-coupon-alert-section { width: 100%; margin-top: 20px; } .basket-coupon-alert { display: flex; justify-content: space-between; } /*region Coupon*/ .basket-coupon-section { flex: 2; } .basket-coupon-block-field-description { color: #a1a1a1; } .basket__coupon-field { display: flex; align-items: center; justify-content: space-between; border: 1px solid #EDE8E1; border-radius: 8px; height: 48px; padding: 0px 16px; width: 100%; position: relative; } .basket__coupon-field .form-control { font-family: "Raleway", sans-serif !important; border: none; outline: none; width: 0; flex: 1 1 auto; } .basket-coupon-block-coupon-btn { display: block; padding: 0; width: 24px; height: 24px; border: none; cursor: pointer; } .basket__prices__block { display: block; width: 100%; margin: 16px 0; } .basket__prices__block div { display: flex; justify-content: space-between; padding: 16px 0; } .basket__prices__block .basket__price-diff { border-bottom: 1px solid #EDE8E1; } .basket__button__block { display: flex; width: 100%; } .basket__button__block > * { flex: 1 1 auto; } .basket__message { display: inline-block; margin-top: 32px; } .basket-coupon-alert-section { width: 100%; } .basket-coupon-alert { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: start; margin-top: 2px; margin-bottom: 2px; padding-top: 3px; padding-bottom: 3px; min-height: 0; width: 100%; flex-wrap: nowrap; -webkit-box-align: start; align-items: center; } .basket-coupon-text { position: relative; display: block; word-break: break-all; word-break: break-word; } .basket-coupon-alert .close-link { margin-left: 10px; border-bottom: 1px dotted; color: var(--primary); text-decoration: none; opacity: 1; cursor: pointer; transition: 220ms ease all; } .basket-coupon-alert .close-link:hover { border-color: transparent; } /*endregion*/ /*region Checkout*/ .basket-checkout-section { -webkit-box-flex: 5; -ms-flex: 5; flex: 5; } .basket-checkout-section-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; } .basket-items-list-item-prices-row { display: flex; justify-content: space-between; } /**/ .basket-checkout-block-total { padding-top: 23px; padding-right: 10px; text-align: right; } .basket-checkout-block-total-inner { display: inline-block; max-width: 100%; text-align: left; } .basket-checkout-block-total-title { color: #2f3435; } .basket-checkout-block-total-description { color: #a1a1a1; } /**/ .basket-checkout-block-total-price { padding-left: 10px; text-align: right; } .basket-checkout-block-total-price-inner { position: relative; display: inline-block; padding-top: 17px; text-align: right; } .basket-coupon-block-total-price-current { margin-bottom: 7px; color: #2f3435; text-align: right; white-space: nowrap; font: 36px/36px var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-regular, 400); transition: 180ms text-shadow ease, 180ms color ease; } .basket-coupon-block-total-price-old { position: absolute; top: 3px; right: 0; color: #a1a1a1; text-align: right; } .basket-coupon-block-total-price-old:after { position: absolute; top: 3px; right: 3px; bottom: 3px; left: 3px; background: no-repeat center url(data:image/svg+xml;charset=US-ASCII,%0A%3Csvg%20width%3D%22491px%22%20height%3D%22125px%22%20viewBox%3D%220%200%20100%25%20100%25%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M1.23046875%2C121.410156%20C122.764455%2C80.3998661%20212.227997%2C52.9779911%20269.621094%2C39.1445312%20C327.014191%2C25.3110714%20400.420441%2C13.476436%20489.839844%2C3.640625%22%20stroke%3D%22%23B80909%22%20stroke-width%3D%2216%22%20/%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E); background-size: 100% 100%; content: ''; } .basket-coupon-block-total-price-difference { display: inline-block; padding: 5px 6px 6px; background: #d1ecf1; color: #179ebb; text-align: center; } /**/ .basket-checkout-block-btn { padding-top: 13px; padding-left: 15px; text-align: right; } .basket-btn-checkout { border-radius: 2px; font-weight: var(--ui-font-weight-bold); font-size: 16px; } .basket-notification-section { width: 100%; } .basket-block-notification { position: relative; display: block; margin-top: 10px; padding: 8px 15px; min-width: 100%; width: 100%; border-radius: 1px; background-color: #edf8e0; color: #6a9997; } .basket-block-notification:after { position: absolute; top: -7px; right: 80px; width: 16px; height: 16px; background-color: #edf8e0; content: ''; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } .basket-items-list-item-container { border: 1px solid #EDE8E1; margin-bottom: 16px; border-radius: 20px; padding: 16px; } /*endregion*/ /*region Basket item list wrapper*/ /*header*/ .basket-items-list-header { display: -webkit-box; display: flex; display: -ms-flexbox; -ms-flex-align: center; padding: 13px 25px; border-bottom: 1px solid #e2dfdf; background: #f2f2f2; transition: 300ms padding ease; -webkit-box-align: center; align-items: center; } .basket-items-list-header.basket-items-list-header-fixed { position: fixed; top: 0; z-index: 99; margin-left: -1px; border: 1px solid #e2dfdf; } .basket-items-list-wrapper-light .basket-items-list-header { display: none !important; } .basket-items-list-header-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: 300ms all ease; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .basket-items-search-field + .basket-items-list-header-title { padding-left: 10px; } .basket-items-search-field + .basket-items-list-header-filter { padding-left: 10px; text-align: right; -webkit-box-flex: 3; -ms-flex: 3; flex: 3; } .basket-items-search-field .form-control { z-index: 1; } .basket-items-list-header-filter-item { margin-left: 5px; border-bottom: 1px dotted; color: var(--primary); text-decoration: none; cursor: pointer; transition: 220ms ease; } .basket-items-list-header-filter-item:hover { color: var(--theme-color-second); text-decoration: none; } .basket-items-list-header-filter-item.active { border-bottom: none; color: #2f3435; text-decoration: none; cursor: default; } .basket-items-search-field { position: relative; transition: 300ms all ease; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .basket-items-search-field .input-group-addon { white-space: nowrap; -ms-flex-wrap: wrap; } .basket-items-search-clear-btn { position: absolute; top: 50%; right: 1px; z-index: 1; border: none; background: none; color: #777; vertical-align: middle; font-weight: var(--ui-font-weight-bold); font-size: 18px; line-height: 18px; cursor: pointer; transition: 250ms linear all; transform: translateY(-50%); } .basket-items-search-clear-btn:hover { color: #c04e4e; } /*endregion*/ .basket-items-list-container { position: relative; overflow: hidden; width: 100%; background-color: #fff; } .basket-items-list-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; background-color: #fff; opacity: .7; -webkit-animation-name: ShowOverlay; animation-name: ShowOverlay; -webkit-animation-duration: 200ms; animation-duration: 200ms; } @-webkit-keyframes ShowOverlay { 0% { opacity: 0; } 100% { opacity: .7; } } @keyframes ShowOverlay { 0% { opacity: 0; } 100% { opacity: .7; } } .basket-items-list-table { width: 100%; border-collapse: collapse; } .basket-items-list-item-container { position: relative; } .basket-items-list-item-container > td { border-top: 1px solid #f2f2f2; } .basket-items-list-wrapper-compact .basket-items-list-item-container > td { padding-bottom: 12px; } .basket-items-list-item-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; background-color: #fff; opacity: .7; } .basket-items-list-item-container.basket-items-list-item-container-gift, .basket-items-list-item-container.basket-items-list-item-container-gift > td, .basket-items-list .basket-items-list-item-container:first-child > td { border-top: none !important; } @media (max-width: 767px) { .basket-items-list-item-container.basket-items-list-item-container-gift, .basket-items-list-item-container.basket-items-list-item-container-gift > td, .basket-items-list .basket-items-list-item-container:first-child > td { margin: 0; padding-top: 0; border-top: none !important; } } .basket-items-list-item-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; background-color: #fff; opacity: .7; } .basket-items-list-item-descriptions { width: 100%; vertical-align: top; padding-top: 0; padding-left: 16px; } .basket-items-list-item-descriptions-inner { height: 100%; } /*region Image*/ .basket-item-block-image { flex: 0 0 15%; } .basket-items-list-wrapper-compact .basket-item-block-image { display: block; padding-bottom: 0; min-width: 32px; max-width: 50px; width: auto; height: auto; } .basket-item-image-link { position: relative; display: inline-block; } .basket-item-image { display: inline-block; max-width: 100%; max-height: 100%; width: 100%; height: auto; transition: 300ms all ease; } .basket-items-list-wrapper-compact .basket-item-image { max-width: 50px; max-height: 50px; } .basket-item-image:hover { border-color: #ee9200; } /*endregion*/ /*region lable*/ /*Label*/ .basket-item-prices { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; } .basket-items-list-wrapper-compact .basket-item-label-text, .basket-items-list-wrapper-compact .basket-item-label-ring { display: none } .basket-item-label-text span, .basket-item-label-ring { width: auto !important; height: auto !important; position: static; display: inline-block; background: var(--pri-blue); color: #fff !important; border-radius: 8px; padding: 2px 4px; } .bx-red .basket-item-label-text span, .bx-red .basket-item-label-ring { background-color: #fba90c; } .basket-item-label-text > div, .basket-item-label-ring > div { line-height: 0; } /* TEXT */ .basket-item-label-text span { padding: 2px 5px; vertical-align: middle; font-weight: var(--ui-font-weight-bold); } .basket-item-label-text.basket-item-label-small span { margin-bottom: 1px; padding: 2px 7px; font-weight: normal; font-size: 12px; line-height: 14px; } .basket-item-label-text.basket-item-label-big span { padding: 4px 10px; font-size: 12px; line-height: 17px; } /*RING*/ .basket-item-label-ring { box-sizing: border-box; font-weight: var(--ui-font-weight-bold); } .basket-item-label-ring.basket-item-label-big { width: 50px; height: 50px; font-size: 18px; line-height: 50px; } .basket-item-label-top { top: -2px; } .basket-item-label-center { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .basket-item-label-center > div { text-align: center; } .basket-item-label-left { left: -2px; } .basket-item-label-left > div { text-align: left; } .basket-item-label-bottom { bottom: -2px; } .basket-item-label-middle { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .basket-item-label-right { right: -2px; } .basket-item-label-right > div { text-align: right; } .basket-item-label-center.product-item-label-middle { -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } /*endregion*/ /*region Info*/ .basket-item-block-info { display: flex; flex-direction: column; justify-content: space-between; } /*region Name*/ .basket-item-info-name, .basket-item-info-name-link { display: flex; align-items: flex-start; justify-content: space-between; margin: 0; margin-bottom: 16px; color: #393E51; text-decoration: none; word-break: break-all; word-break: break-word; } h2.basket-item-info-name { margin-bottom: 5px; padding-top: 0; } .basket-item-highlighted { background: #ff0; } .basket-items-list-wrapper-compact .basket-item-info-name { margin-bottom: 5px } .basket-item-info-name-link:hover { text-decoration: underline; cursor: pointer; } /*endregion*/ .basket-item-block-common { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-order: 4; -ms-flex-pack: end; -ms-flex-align: start; -ms-flex: 2; -ms-flex-wrap: nowrap; -ms-flex-line-pack: baseline; flex-wrap: nowrap; -webkit-box-pack: end; -webkit-box-align: start; -webkit-box-ordinal-group: 5; -webkit-box-flex: 2; justify-content: flex-end; align-content: baseline; align-items: flex-start; flex: 2; order: 4; } .basket-items-list-wrapper-compact .basket-item-block-common { -ms-flex-pack: end; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: end; justify-content: flex-end; } /*region Properties*/ .basket-item-block-properties { flex: 5; } .basket-item-property, .basket-item-property-custom { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; padding-bottom: 4px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; } .basket-items-list-wrapper-compact .basket-item-property, .basket-items-list-wrapper-compact .basket-item-property-custom { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-right: 10px; padding-bottom: 0; -ms-flex-line-pack: center; align-content: center; } .basket-item-property-name, .basket-item-property-custom-name { margin-right: 5px; color: #a1a1a1; } .basket-item-property-value, .basket-item-property-custom-value { color: #4a4a4a; } /*region Custom Column*/ .basket-item-property-custom { padding-right: 15px; } .basket-item-property-custom-content { padding: 3px 0; } .basket-item-property-custom.basket-item-property-custom-photo { display: block; } .basket-item-property-custom-photo .basket-item-property-custom-value { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: start; -ms-flex-align: stretch; min-height: 64px; word-spacing: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: start; justify-content: flex-start; } .basket-item-property-custom-photo .basket-item-property-custom-value span { display: inline-block; } .basket-item-custom-block-photo-link { display: block; margin-right: 5px; } .basket-item-custom-block-photo-item { margin-right: 3px; width: auto; height: 64px; border: 1px solid #e4e4e4; transition: 300ms all ease; } .basket-item-custom-block-photo-item:hover { border-color: #ee9200; } /*endregion*/ /*scu*/ .basket-items-list-wrapper-compact .basket-item-property.basket-item-property-scu-text, .basket-items-list-wrapper-compact .basket-item-property.basket-item-property-scu-image, .basket-items-list-wrapper-compact .basket-item-property.basket-item-scu-color { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .basket-item-property.basket-item-property-scu-text, .basket-item-property.basket-item-property-scu-image, .basket-item-property.basket-item-scu-color { display: block; } .basket-item-scu-list { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin: 0; padding: 0; list-style: none; -ms-flex-wrap: wrap; flex-wrap: wrap; } .basket-item-scu-item, .basket-item-scu-item.not-available:hover { position: relative; display: inline-block; margin: 2px 3px 3px 0; padding: 0; border: 1px solid #eeecef; cursor: pointer; transition: 300ms all ease; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .basket-item-scu-item:hover, .basket-item-scu-item.selected, .basket-item-scu-item.not-available:hover { border-color: var(--primary); } .basket-item-scu-item.selected:hover { cursor: default } .basket-item-scu-item.not-available:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; background: no-repeat center url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20width%3D%2220px%22%20height%3D%2220px%22%20viewBox%3D%220%200%20100%25%20100%25%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%20%20%20%20%3Cline%20x1%3D%220%22%20y1%3D%2220%22%20x2%3D%2220%22%20y2%3D%220%22%20stroke-width%3D%221%22%20stroke%3D%22%23a1a1a1%22/%3E%0A%3C/svg%3E); background-size: 100% 100%; content: ''; } .basket-item-scu-item-inner { display: block; transition: 300ms all ease; } .basket-item-scu-item.not-available .basket-item-scu-item-inner { opacity: .5; } .basket-item-scu-color .basket-item-scu-item-inner, .basket-item-property-scu-image .basket-item-scu-item-inner { width: 30px; height: 30px; border: 2px solid #fff; background-position: center; background-size: cover; background-repeat: no-repeat; } .basket-items-list-wrapper-compact .basket-item-scu-color .basket-item-scu-item-inner, .basket-items-list-wrapper-compact .basket-item-property-scu-image .basket-item-scu-item-inner { width: 16px; height: 16px; border: 1px solid #fff; } .basket-item-property-scu-text .basket-item-scu-item-inner { padding: 3px 5px; min-width: 30px; text-align: center; } .basket-items-list-wrapper-compact .basket-item-property-scu-text .basket-item-scu-item-inner { padding: 1px 2px; } /*endregion*/ /*region Amount*/ .basket-items-list-item-amount { padding-top: 0px !important; } .basket-item-block-amount { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: end; -ms-flex-align: start; padding: 0 10px; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: end; justify-content: flex-end; } .basket-items-list-wrapper-compact .basket-item-block-amount { margin-bottom: 0; padding-bottom: 0; } .basket-item-amount-filed-block { position: relative; } .basket-item-amount-filed, .basket-item-block-amount.disabled .basket-item-amount-filed:hover { padding: 0; width: 40px; height: 28px; outline: none; border: none; border-radius: 1px; vertical-align: middle; text-align: center; } .basket-item-block-amount.disabled .basket-item-amount-filed { background-color: #f3f3f3; } .basket-item-amount-filed:hover, .basket-item-amount-filed:focus { border-color: var(--primary); } .basket-item-amount-filed::-webkit-outer-spin-button, .basket-item-amount-filed::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ margin: 0; -webkit-appearance: none; /* <-- Apparently some margin are still there even though it's hidden */ -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; } .basket-item-amount-filed.basket-updated { -webkit-animation-name: basketAmountFiledUpdated; animation-name: basketAmountFiledUpdated; -webkit-animation-duration: 600ms; animation-duration: 600ms; } @-webkit-keyframes basketAmountFiledUpdated { 0%, 100% { border-color: #e4e4e4; } 50% { border-color: #ee9200; } } @keyframes basketAmountFiledUpdated { 0%, 100% { border-color: #e4e4e4; } 50% { border-color: #ee9200; } } .basket-item-amount-btn-plus, .basket-item-amount-btn-minus { position: relative; width: 28px; height: 28px; cursor: pointer; transition: 300ms all ease; -webkit-user-select: none; } .basket-item-amount-btn-plus:hover, .basket-item-amount-btn-minus:hover { background-color: #efefef; } .basket-item-block-amount.disabled .basket-item-amount-btn-plus, .basket-item-block-amount.disabled .basket-item-amount-btn-minus { background-color: transparent; cursor: default; } .basket-item-amount-btn-plus:before, .basket-item-amount-btn-plus:after, .basket-item-amount-btn-minus:after { position: absolute; top: 50%; left: 50%; margin-top: -1px; margin-left: -5px; width: 10px; height: 2px; background-color: #979797; content: ""; transition: 300ms all ease; } .basket-item-amount-btn-plus:hover:before, .basket-item-amount-btn-plus:hover:after, .basket-item-amount-btn-minus:hover:after { background-color: #535353; } .basket-item-block-amount.disabled .basket-item-amount-btn-plus:before, .basket-item-block-amount.disabled .basket-item-amount-btn-plus:after, .basket-item-block-amount.disabled .basket-item-amount-btn-minus:after { background-color: #f3f3f3; } .basket-item-amount-btn-plus:before { margin-top: -5px; margin-left: -1px; width: 2px; height: 10px; } .basket-item-amount-field-description { position: absolute; top: calc(100% + 1px); right: 0; left: 0; color: #a1a1a1; text-align: center; } /*endregion*/ /*region Price*/ .basket-items-list-item-price { -ms-flex-order: 4; padding-top: 0; vertical-align: top; -webkit-box-ordinal-group: 5; order: 4; } .basket-items-list-item-price-for-one { order: 2 } .basket-item-block-price { position: relative; padding-top: 20px; text-align: right; white-space: nowrap; } .basket-item-price-title { padding-top: 1px; color: #a1a1a1; text-align: right; } .basket-item-price-current { padding-top: 1px; color: #2f3435; vertical-align: bottom; line-height: 24px; } .basket-item-price-current-text { color: var(--pri-blue) !important; } .basket-item-price-old { position: relative; top: 0; right: 0; color: #a1a1a1; vertical-align: middle; line-height: 15px; } .basket-item-price-old-text { position: relative; display: inline-block; text-decoration: line-through; color: #5F6371 !important; } .basket-item-price-old-text::after { display: none; } .basket-item-price-difference { padding: 3px; max-width: 100%; background: #d1ecf1; color: #179ebb; text-align: center; white-space: normal; } /*endregion*/ .basket-items-list-item-amount { display: flex; align-items: center; border: 1px solid #EDE8E1; border-radius: 10px; } /*region Actions*/ .basket-items-list-item-remove { padding-top: 17px !important; vertical-align: top; } .basket-item-block-actions { position: relative; opacity: 0; transition: 300ms opacity ease; } .bx-touch .basket-item-block-actions, .basket-items-list-item-container:hover .basket-item-block-actions { opacity: 1; } .basket-item-actions-remove { position: relative; display: block; width: 25px; height: 25px; cursor: pointer; } .basket-item-block-info .basket-item-actions-remove { width: 24px !important; height: 24px !important; } .basket-items-list-wrapper-compact .basket-item-block-actions { position: relative; top: auto; right: auto; padding-left: 10px; } /*endregion*/ /*endregion*/ .basket-items-list-item-notification-inner { position: relative; transition: 220ms all ease; } /**/ .basket-items-list-item-container.basket-items-list-item-container-expend { display: table-row; } .basket-items-list-item-container-expend .basket-items-list-item-removed-container { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; -ms-flex-align: center; padding: 10px 0; border-radius: 2px; background-color: #e6f8fe; color: #333; text-align: center; transition: 300ms all ease; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; } .basket-items-list-item-container-expend .basket-items-list-item-removed-container div { padding: 0 10px; text-align: left; } @-webkit-keyframes ShowNote { 0% { opacity: 0; } 0%, 50% { background-color: #fff; } 50%, 100% { opacity: 1; } 100% { background-color: #e6f8fe; } } @keyframes ShowNote { 0% { opacity: 0; } 0%, 50% { background-color: #fff; } 50%, 100% { opacity: 1; } 100% { background-color: #e6f8fe; } } @media (max-width: 768px) { .basket-items-list-item-container-collapse .basket-items-list-item-removed-container { -ms-flex-direction: column; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; } .basket-items-list-item-container-collapse .basket-items-list-item-removed-container div { text-align: center; } } .basket-items-list-item-container-collapse .basket-item-block-info, .basket-items-list-item-container-collapse .basket-item-block-common, .basket-items-list-item-container-collapse .basket-item-block-image { opacity: 0; } .basket-items-list-item-container.basket-items-list-item-container-collapse > td > div { overflow: hidden; height: 80px; opacity: 0; } .basket-items-list-item-removed-block { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .basket-items-list-item-removed-block .faded { color: #ccc; cursor: default; } .basket-items-list-item-removed-anchor { border-bottom: 1px dashed; color: #333; font-weight: var(--ui-font-weight-bold); } .basket-items-list-item-clear-btn { position: relative; display: inline-block; margin-left: 10px; width: 25px; height: 25px; cursor: pointer; } .basket-items-list-item-clear-btn:after, .basket-items-list-item-clear-btn:before { position: absolute; top: 50%; left: 50%; width: 2px; height: 14px; background: #d0021b; content: ''; transition: 300ms background-color ease; } .basket-items-list-item-clear-btn:after { -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg); transform: translate3d(-50%, -50%, 0) rotate(45deg); } .basket-items-list-item-clear-btn:before { -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg); transform: translate3d(-50%, -50%, 0) rotate(-45deg); } .basket-items-list-item-clear-btn:hover:after, .basket-items-list-item-clear-btn:hover:before { background-color: #7e000f; } .basket-items-list-item-double { margin: 10px 0; } .basket-items-list-item-double > div { margin-bottom: 10px; padding: 5px 35px 5px 15px; } .basket-items-list-item-double-anchor, .basket-items-list-item-double-anchor:visited { border-bottom: 1px dashed; color: #333; text-decoration: none; } .basket-items-list-item-double-anchor:hover { color: #23527c; } .basket-items-list-item-warning-container { margin: 10px 0; } .basket-items-list-item-warning-container > div { margin-bottom: 10px; padding: 5px 35px 5px 15px; } .basket-items-list-wrapper-compact .basket-items-list-item-container { -ms-flex-align: start; padding: 17px 0; -webkit-box-align: start; align-items: flex-start; } /*region Gifts*/ .basket-item-gifts-list-container { position: relative; margin-bottom: 20px; border: 1px solid #fceb9f; background: #fffef8; } .basket-item-gifts-list-container:after { position: absolute; top: -10px; left: 90px; display: block; width: 17px; height: 17px; background-color: #fceb9f; content: ''; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .basket-item-gifts-list-title { padding: 12px 17px; background-color: #fceb9f; color: #5b5848; } .basket-item-gifts-list { padding: 15px; } .basket-items-list-gift-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; border-bottom: 1px solid #f3f2ed; -webkit-box-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .basket-item-gifts-list .basket-items-list-gift-item:last-child { border-bottom: none; } /*region Gift image*/ .basket-item-gift-image-container { padding: 10px 0; min-width: 48px; max-width: 100%; width: 168px; text-align: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .basket-item-gift-image-link { display: inline-block; } .basket-item-gift-image { display: inline-block; max-width: 100%; max-height: 69px; width: auto; height: auto; } /*endregion*/ /*region Gift title*/ .basket-item-gift-title-container { padding: 5px 15px; width: 100%; -webkit-box-flex: 9; -ms-flex: 9; flex: 9; } .basket-item-gift-title-link { color: #333; font: 15px/20px var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-regular, 400); transition: 300ms all ease; } /*endregion*/ /*region Gift price*/ .basket-item-gift-price-container { text-align: right; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .basket-item-gift-price-current { color: #2f3435; } .basket-item-gift-price-old { color: #a1a1a1; text-decoration: line-through; } .basket-item-gift-price-difference { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; padding: 5px 6px 6px; background: #e2f0cb; color: #525c69; text-align: center; text-transform: uppercase; -webkit-box-align: center; align-items: center; } /*endregion*/ /*endregion*/ /*region Gift-container*/ .basket-gifts-list-wrapper, .basket-gifts-list-wrapper-compact { margin-bottom: 15px; border: 1px solid #e2dfdf; } .basket-gifts-list-header { padding: 18px 25px 20px; border-bottom: 1px solid #e2dfdf; background: #f2f2f2; transition: 300ms all ease; } .basket-clear { cursor: pointer; pointer-events: auto; } .basket-clear:after, .basket-clear:before { position: absolute; top: 50%; left: 50%; width: 2px; height: 14px; background: #a1a1a1; content: ''; transition: 300ms background-color ease; } .basket-clear:after { -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg); transform: translate3d(-50%, -50%, 0) rotate(45deg); } .basket-clear:before { -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg); transform: translate3d(-50%, -50%, 0) rotate(-45deg); } .basket-clear:hover:after, .basket-clear:hover:before { background-color: #333; } .basket-gifts-list { padding: 0 25px; } .basket-gifts-description-container { padding: 11px; color: #868d96; text-align: center; } .basket-gifts-list-item-container { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; overflow: hidden; padding: 20px 0; border-top: 1px solid #f2f2f2; transition: 300ms all ease; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; align-items: center; } .basket-gifts-list-item-container:first-child { border-top: none; } .basket-gift-block-image { padding: 5px 15px 5px 0; min-width: 50px; max-width: 50px; } .basket-gift-image-link { display: inline-block; } .basket-gift-image { display: inline-block; max-width: 100%; max-height: 168px; width: auto; height: auto; transition: 300ms all ease; } .basket-gift-block-info { flex: 1 } .basket-gift-info-name, .basket-gift-info-name-link { margin: 0; padding: 0; color: #2f3435; text-decoration: none; font: 15px/19px var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-regular, 400); transition: 300ms all ease; } .basket-gift-info-name-link:hover { text-decoration: underline; cursor: pointer; } .basket-gift-block-common { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center; } .basket-gift-item-select-btn-container { display: flex; -ms-flex-align: center; flex-wrap: nowrap; align-items: center; } .basket-gift-item-selected { padding: 0 10px; color: #b6bbbf; } .basket-gift-item-select-btn-label { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; margin-bottom: 0; -webkit-box-align: center; align-items: center; } .basket-gift-item-select-input { display: none; } .basket-gift-item-select-btn-radio { position: relative; display: inline-block; box-sizing: border-box; margin-right: 10px; width: 20px; height: 20px; border: 10px solid #fff; border-radius: 50%; background: var(--primary); box-shadow: 0 0 0 1px #828b95; cursor: pointer; transition: 190ms all ease; } .basket-gift-item-select-input:checked + .basket-gift-item-select-btn-radio { border-width: 5px; } .basket-gift-item-select-btn-text { text-transform: lowercase; cursor: pointer; } .basket-gift-item-select-btn-checkbox { position: relative; display: inline-block; box-sizing: border-box; margin-right: 10px; width: 19px; height: 19px; border: 1px solid #828b95; border-radius: 2px; background-color: #fff; cursor: pointer; } .basket-gift-item-select-btn-checkbox:after, .basket-gift-item-select-btn-checkbox:before { position: absolute; background-color: #fff; content: ''; opacity: 0; transition: 190ms all ease; } .basket-gift-item-select-btn-checkbox:after { top: 5px; left: 5px; z-index: 15; width: 3px; height: 9px; border-radius: 1px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .basket-gift-item-select-btn-checkbox:before { top: -1px; left: 11px; z-index: 10; width: 5px; height: 17px; border: 1px solid #fff; border-radius: 2px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .basket-gift-item-select-input:checked + .basket-gift-item-select-btn-checkbox:after, .basket-gift-item-select-input:checked + .basket-gift-item-select-btn-checkbox:before { background-color: var(--primary); opacity: 1; } .bx-step-opacity { transition: 500ms opacity ease; } /*endregion*/ /*region not found*/ .basket-search-not-found { position: absolute; top: 50%; left: 50%; margin: -50px 0 0 0; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .basket-items-list-item-container { display: flex; } .basket-search-not-found-icon { margin: 0 auto 80px; width: 180px; height: 180px; background: no-repeat center url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%22182px%22%20height%3D%22182px%22%20viewBox%3D%220%200%20182%20182%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.2%22%20fill%3D%22%23A7ABB0%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M17%2C70.5%20C17%2C40.9473747%2040.9473747%2C17%2070.5%2C17%20C100.052625%2C17%20124%2C40.9473747%20124%2C70.5%20C124%2C100.052625%20100.052625%2C124%2070.5%2C124%20C40.9473747%2C124%2017%2C100.052625%2017%2C70.5%20M178.408149%2C160.192955%20L129.280894%2C111.056302%20C129.216524%2C111.017683%20129.152154%2C110.991937%20129.100658%2C110.953317%20C136.979557%2C99.5348706%20141.614204%2C85.7220257%20141.614204%2C70.8020936%20C141.614204%2C31.6935917%20109.905496%2C0%2070.8071019%2C0%20C31.7087076%2C0%200%2C31.6935917%200%2C70.8020936%20C0%2C109.910596%2031.7087076%2C141.604187%2070.8071019%2C141.604187%20C85.7152154%2C141.604187%2099.5419113%2C136.969868%20110.948292%2C129.091526%20C110.999788%2C129.143019%20111.012662%2C129.220257%20111.064158%2C129.27175%20L160.204287%2C178.408403%20C164.993422%2C183.197199%20172.846573%2C183.197199%20177.635708%2C178.408403%20L178.408149%2C177.623143%20C183.197284%2C172.834347%20183.197284%2C164.981751%20178.408149%2C160.192955%22/%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E); background-size: cover; } .basket-search-not-found-text { color: #c0c5ca; text-align: center; } /*endregion*/ .bx-sbb-empty-cart-image { margin: 50px auto 42px; width: 131px; height: 116px; background: url(/local/templates/light/images/empty_cart.svg) no-repeat center; background-size: contain; -webkit-background-size: contain; } .bx-sbb-empty-cart-text { margin-bottom: 42px; color: #bababa; text-align: center; font-size: 36px; } .bx-sbb-empty-cart-desc { margin-bottom: 42px; color: #000; text-align: center; font-size: 16px; } .catalog-block-header { font-size:14px; font-weight: var(--ui-font-weight-bold); text-align: left; margin:5px 0; padding:5px 15px; border-bottom: 2px solid #d9dee6; color: #000; } body.bx-theme-blue .catalog-block-header{border-color:#006cc0;} body.bx-theme-green .catalog-block-header{border-color:#63aa28;} body.bx-theme-red .catalog-block-header{border-color:#da3737;} body.bx-theme-yellow .catalog-block-header{border-color:#f4b236;} .row.product-item-list-col-4 { display: flex; margin: -10px; margin-top: 10px; } .row.product-item-list-col-4 > div { flex: 0 0 33.3%; padding: 10px; } button.card.services { width: 100%; background-color: #FFF; } .sale-products-gift { padding: 0 !important; } .catalog-flex, .catalog-flex-services { display: flex; flex-wrap: wrap; margin: -8px; margin-top: 12px !important; } @media (max-width: 990px) { .card.services .card__priceline { padding: 0; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; width: 100%; text-align: center; /* align-items: center; */ justify-content: center; } } @media (max-width: 768px) { .bx-basket { display: flex; flex-direction: column; } .bx-basket .row:last-child { margin-left: 0px; } } .basket-item-block-image { flex: 0 0 15%; padding: 0; } .basket-items-list { position: relative; padding: 0; } .basket-items-list-wrapper, .basket-items-list-wrapper-compact { border: none; } .basket-item-actions-remove::after, .basket-item-actions-remove::before { display: none; } .basket-coupon-block-coupon-btn { position: static; margin-top: 0; cursor: pointer; transform: none; } @media (max-width: 991px) { .basket-item-block-amount { margin-bottom: 0px; } .basket-item-amount-btn-plus, .basket-item-amount-btn-minus { border: none; background-color: transparent; } } @media (max-width: 767px) { .basket-items-list-item-descriptions { min-width: auto; } .basket__coupon-field { width: auto; } } @media (max-width: 580px) { .basket-items-list-item-amount { display: block; padding: 0px; padding-top: 0px; min-width: 0%; } .basket-items-list-item-prices-row { display: flex; justify-content: space-between; flex-direction: column; align-items: flex-start; gap: 10px; } } .page_number { display: flex; justify-content: center; align-items: center; height: auto; align-self: stretch; gap: 12px; margin-top: 10px; } .page_number a { text-decoration: none; color: #391F12; font-size: 16px; font-weight: 400; display: flex; } .bx-soa-cart-total-button-container > .btn { width: auto; } @media (max-width: 910px) { #bx-soa-order { width: 100%; display: flex; counter-reset: heading; transition: 500ms opacity ease; flex-direction: column-reverse; } .bx-soa-sidebar { position: relative; height: 100%; flex: 1 1 auto; margin-bottom: 20px; margin-left: 0px; } .product-item-container { flex: 0 0 calc((100%) / 3); } } @media (max-width: 768px) { .product-item-container { flex: 0 0 calc((100% - 34px) / 2); } } @media (max-width: 580px) { .product-item-container { flex: 0 0 calc((100% - 16px)); } } .bx-soa-coupon { display: none; } .bx-soa-pp-company { border-radius: 8px; } .bx-soa-cart-total.bx-soa-cart-total-fixed { position: fixed; top: 15px; width: 380px !important; } .form-group.bx-soa-location-input-container { display: flex; flex-direction: column; gap: 4px; margin-top: 14px; } .form-group.bx-soa-location-input-container input { padding: 10px; border-radius: 6px; border: 1px solid gray; } /*новый css */ .wrapper { display: flex; max-width: 1320px; flex-direction: column; justify-content: center; padding: 0 20px; margin: 0 auto; } .header_container { padding: 0px; } .whell_title { font-family: Jost; } .news_container_page{ justify-content: center; align-items: center; } .tizer_button_container { max-width: 372px; width: 100%; justify-content: center; align-items: center; gap: 10px; display: inline-flex; } .score_button { all: unset; cursor: pointer; max-width: 141px; width: 100%; min-height: 80px; background: linear-gradient(135deg, #FFECA7 0%, #8F622B 100%), linear-gradient(135deg, #DCB076 0%, #9B6637 48%, #DCB076 100%), linear-gradient(90deg, #DF7A2B 0%, #E9A035 100%), rgba(223, 122, 43, 0.50); border-radius: 24px; outline: 1px #9B6637 solid; outline-offset: -1px; flex-direction: column; justify-content: center; align-items: center; gap: 10px; display: inline-flex } .status_button { all: unset; cursor: pointer; max-width: 141px; width: 100%; min-height: 80px; background: linear-gradient(135deg, #FFECA7 0%, #8F622B 100%), linear-gradient(135deg, #DCB076 0%, #9B6637 48%, #DCB076 100%), linear-gradient(90deg, #DF7A2B 0%, #E9A035 100%), rgba(223, 122, 43, 0.50); border-radius: 24px; outline: 1px #9B6637 solid; outline-offset: -1px; flex-direction: column; justify-content: center; align-items: center; gap: 10px; display: inline-flex } .info_button { all: unset; cursor: pointer; max-width: 70px; width: 100%; min-height: 80px; background: linear-gradient(135deg, rgba(255, 236, 167, 0.50) 0%, rgba(143, 98, 43, 0.50) 100%), linear-gradient(135deg, rgba(220, 176, 118, 0.50) 0%, rgba(155, 102, 55, 0.50) 48%, rgba(220, 176, 118, 0.50) 100%), linear-gradient(90deg, #DF7A2B 0%, #E9A035 100%); border-radius: 24px; outline: 1px #9B6637 solid; outline-offset: -1px; flex-direction: column; justify-content: center; align-items: center; gap: 10px; display: inline-flex } .text_button { color: white; font-size: 20px; font-family: Jost; font-weight: 400; text-transform: uppercase; line-height: 24px; word-wrap: break-word } .text_button_i { color: white; font-size: 28px; font-family: Jost; font-weight: 400; text-transform: lowercase; line-height: 33.60px; word-wrap: break-word; } .news_page_container { justify-content: center; align-items: center; gap: 20px; display: flex; flex-wrap: wrap; } .test_box { flex: 0 0 32%; padding: 40px 24px; min-height: 183px; } .test_content_title { font-family: Jost; } .test_content_text { font-family: Jost; } .aplication_text { font-family: Jost; } .test_lock_overlay { top: 85px; } .breadCrumb a, .breadCrumb { text-decoration: none; color: white; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 20.80px; word-wrap: break-word" } .test-a{ color: #DF7A2B; } .progress { width: 100%; height: 16px; background: rgba(217, 217, 217, 0.60); border-radius: 100px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: inline-flex; } .progress-bar { width: 2%; /* Начальное значение */ transition: width 0.4s ease; } .w { min-width: 2%; min-height: 16px; background: linear-gradient(180deg, #8F622B 0%, #FFECA7 100%), linear-gradient(135deg, #DCB076 0%, #9B6637 48%, #DCB076 100%), linear-gradient(90deg, #DF7A2B 0%, #E9A035 100%); border-radius: 100px; position: relative; } .progress-bar-icon { position: absolute; right: 0%; width: 16px; height: 16px; padding: 3px; background: linear-gradient(0deg, white 0%, white 100%), linear-gradient(90deg, #DF7A2B 0%, #E9A035 100%); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 8px; justify-content: center; align-items: center; gap: 10px; display: inline-flex" } .modal-backdrop.show { z-index: 1; background-color: rgba(57, 31, 18, 0.70) } .modal-dialog { justify-content: center; max-width: 1321px; width: 100%; padding: 0 14px 0 0px; } .modal-content { max-width: 1321px; padding: 60px; background: rgba(57, 31, 18, 0.80); border-radius: 30px; outline: 1px #DF7A2B solid; flex-direction: column; justify-content: center; align-items: flex-start; gap: 40px; display: inline-flex" } .modal-button { width: 200px; height: 50px; padding-left: 50px; padding-right: 50px; padding-top: 16px; padding-bottom: 16px; background: linear-gradient(90deg, #DF7A2B 0%, #E9A035 100%); box-shadow: 0px 4px 9.699999809265137px rgba(231, 136, 59, 0.30) inset; overflow: hidden; border-radius: 100px; justify-content: center; align-items: center; gap: 10px; display: inline-flex; cursor: pointer; border-color: transparent; } .modal-content-container { display: flex; gap: 40px; } .modal-contant-span { max-width: 1021px; opacity: 0.80; color: white; font-size: 16px; font-family: Inter; font-weight: 300; line-height: 20.80px; word-wrap: break-word } .container-firework { display: flex; flex-direction: column; gap: 40px; max-width: 1321px; width: 100%; } .container-congratulation { padding: 60px; background: rgba(57, 31, 18, 0.80); border-radius: 30px; outline: 1px #DF7A2B solid; gap: 110px; display: flex; max-width: 1321px; margin-top: 20px; } .cong-block { display: flex; flex-direction: column; gap: 28px; } .cong-title { align-self: stretch; color: #DF7A2B; font-size: 30px; font-family: Jost; font-weight: 400; text-transform: uppercase; line-height: 36px; } .cong-texts { opacity: 0.80; display: flex; flex-direction: column; gap: 12px; } .cong-text { color: white; font-size: 16px; font-family: Inter; font-weight: 300; line-height: 20.80px; } .hr-vertical { align-self: stretch; outline: 1px #DF7A2B solid; outline-offset: -0.50px; opacity: 1; } .tizer_button_container.firework { flex-direction: column; max-width: 140px; gap: 16px; } .tizer_button_container.firework .info_button { max-width: 140px; } .hr-dotted { border: none; border-top: 2px dashed #FFA500; margin: 0px auto; width: 90%; background: linear-gradient(135deg, #FFECA7 0%, #8F622B 100%), linear-gradient(135deg, #DCB076 0%, #9B6637 48%, #DCB076 100%), linear-gradient(90deg, #DF7A2B 0%, #E9A035 100%), rgba(223, 122, 43, 0.50); height: 0; position: relative; } .hr-dotted::before, .hr-dotted::after { content: ""; position: absolute; top: -10px; width: 30%; height: 20px; background: linear-gradient(135deg, #FFECA7 0%, #8F622B 100%), linear-gradient(135deg, #DCB076 0%, #9B6637 48%, #DCB076 100%), linear-gradient(90deg, #DF7A2B 0%, #E9A035 100%), rgba(223, 122, 43, 0.50); border-radius: 50px; } .hr-dotted::before { left: 0; } .hr-dotted::after { right: 0; } .container-firework { position: relative; max-width: 1880px; width: 85%; margin-right: 166px; z-index: -1; } .img-1 { position: absolute; top: 120px; left: -371px; width: 844px; height: 800px; } .img-2 { position: absolute; top: 48px; left: 320px; width: 633px; height: 600px; } .img-3 { position: absolute; top: -50px; right: -270px; width: 738px; height: 700px; } .img-4 { position: absolute; top: 360px; right: 80px; width: 633px; height: 600px; } .img-5 { position: absolute; top: 520px; left: 240px; width: 422px; height: 400px; } .img-6 { position: absolute; top: 160px; right: 240px; width: 422px; height: 400px; } @media (max-width: 768px) { .tizer_title_container { flex-wrap: wrap; } .modal-content-container { flex-wrap: wrap; } } .news_container_page__det{ max-width: 1320px; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; /* gap: 40px; */ display: flex; margin-bottom: 150px; width: 100%; } #bx-soa-order { flex-wrap: nowrap !important; } /* End */ /* /local/css/swiper-bundle.min.css?173858008318451 */ /* /local/templates/light/components/bitrix/menu/light_main_menu/style.min.css?1738580083490 */ /* /local/templates/light/components/bitrix/breadcrumb/breadCrumb/style.min.css?1738580083467 */ /* /local/templates/light/template_styles.css?1753094026274604 */