/* Start:/local/templates/spa_di_2/assets/libs/swiper/swiper-bundle.min.css?176102416918454*/ /** * Swiper 11.2.10 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: June 28, 2025 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/spa_di_2/assets/css/root.css?17796863011060*/ :root { --main-text-color: #4B5B63; --accent-color: #e74c3c; --color-dark: #4B5B63; --color-grey: #cbcac5; --color-brown: #98958C; } @font-face { font-family: "Georgia"; font-weight: 400; src: url("/local/templates/spa_di_2/assets/css/../fonts/georgia/georgia.ttf"); } @font-face { font-family: "Georgia"; font-weight: 700; src: url("/local/templates/spa_di_2/assets/css/../fonts/georgia/georgiab.ttf"); } @font-face { font-family: "Georgia"; font-weight: 400; font-style: italic; src: url("/local/templates/spa_di_2/assets/css/../fonts/georgia/georgiai.ttf"); } @font-face { font-family: "Georgia"; font-weight: 700; font-style: italic; src: url("/local/templates/spa_di_2/assets/css/../fonts/georgia/georgiaz.ttf"); } @font-face { font-family: "Helvetica"; src: url("/local/templates/spa_di_2/assets/css/../fonts/Helvetica/helvetica_regular.otf"); font-weight: 400; } @font-face { font-family: "Helvetica"; src: url("/local/templates/spa_di_2/assets/css/../fonts/Helvetica/helvetica_bold.otf"); font-weight: 700; } @font-face { font-family: "Helvetica"; src: url("/local/templates/spa_di_2/assets/css/../fonts/Helvetica/helvetica_light.otf"); font-weight: 300; } /* End */ /* Start:/local/templates/spa_di_2/assets/css/main.css?179116662815217*/ body{ margin: 0px; padding: 0px; display: flex; flex-direction: column; min-height: 100vh; font-family: Georgia, Arial, sans-serif; } main{ overflow-x: hidden; } ul li, ul,ol{ list-style: none; margin: 0px; padding: 0px; } img{ max-width: 100%; width: auto; } body *{ } .f36{ font-size: 36px; } .f20{ font-size: 20px; } .f-22{ font-size: 22px; } .f-24{ font-size: 24px; } .f-bold{ font-weight: 700; } p{ font-size: 16px; line-height: 1.3; } main { flex: 1; } input{ font-family: "Georgia", serif; margin: 0px; padding: 12px 15px; border: none; background-color: #fff; font-size: 14px; } input[type=checkbox]{ appearance: none; width: 20px; height: 20px; border: 1px solid var(--color-dark); border-radius: 0.25rem; background-color: #fff; cursor: pointer; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; margin: 0; padding: 0; } input[type=checkbox]:active { filter: brightness(90%); } input[type=checkbox]:hover:not(:disabled) { border-color: #0d6efd; } input[type=checkbox]:focus { border-color: #0d6efd; outline: none; box-shadow: 0 0 0 0.25rem var(--color-dark); } input[type=checkbox]:disabled { filter: none; opacity: 0.5; cursor: not-allowed; } input[type=checkbox]:disabled ~ .checkbox-label { opacity: 0.5; cursor: not-allowed; } input[type=checkbox]:checked{ background-color: var(--color-dark); border-color: var(--color-dark); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); } .error_message{ color: #ff0000; font-size: 14px; } input:focus, input:focus-visible{ border: none; outline: none; } footer a{ color: #ffffff; } footer a:hover{ color: var(--color-brown); } .footer-social .social-icons{ flex-direction: column; gap: 50px; height: 100%; justify-content: center; align-items: center; } .mt-a{ margin-top: auto; } .m-container{ max-width: 1170px; padding: 10px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; width: 100%; box-sizing: border-box; } .pre-wrap{ white-space: pre-wrap; } .flex-container{ display: flex; } .top-line-header{ gap: 50px; position: relative; } .search-top-input{ position: relative; box-sizing: border-box; width: 160px; transition: all 0.6s; min-width: 160px; margin-left: auto; } .search-top-input input{ width: 100%; box-sizing: border-box; transition: all 0.6s; } .burger-menu-container{ display: none; } .phone-font{ font-size: 20px; color: var(--color-dark); font-weight: 400; } .margin-auto{ margin-right: auto; } .main-menu-top{ margin-right: auto; } .main-logo img{ width: 66px; } .close-search.hide_menu{ display: inline-block; position: absolute; width: 100%; text-align: center; } .main-menu-container{ display: flex; gap: 25px; align-items: center; justify-content: space-between; } .search-top-input.open-search, .search-top-input1:hover{ position: absolute; width: 100%; right: 0px; top: 0px; z-index: 350; } .search_result{ position: absolute; width: 100%; top: 100%; left: 0px; background: #ffffff; padding: 15px; box-sizing: border-box; z-index: 50000; font-size: 18px; border-top: 1px solid #4b5b63; display: flex; gap: 15px; box-shadow: 0px 8px 9px -8px #adadad; flex-wrap: wrap; } .search_head_block{ font-weight: 700; padding: 5px; } .search_result_elements{ } .search_result li a{ font-size: 16px; display: inline-block; padding: 5px; font-weight: 400; } .search_result li a:hover{ color: #000000; } .search-top-input::after{ content: ""; position: absolute; right: 0px; top: 0px; width: 40px; height: 40px; display: block; background-image: url("/local/templates/spa_di_2/assets/img/icons/search.svg"); background-repeat: no-repeat; background-size: 20px; background-position: 50%; } body a{ font-family: "Georgia", serif; font-size: 14px; font-weight: 400; text-decoration: none; color: var(--color-dark); transition: color 0.6s; } body a:hover{ text-decoration: none; color: #ffffff; } body .confidenc a:hover{ color: #4c5c64; } .bgdark{ background-color: var(--color-dark); } .bgbrown{ background-color: var(--color-brown); } .bggrey{ background-color: var(--color-grey); } .md-block{ display: block; } .fdark{ color: var(--color-dark); } .fbrown{ color: var(--color-brown); } .fgrey{ color: var(--color-grey); } .social-icons{ display: flex; gap: 15px; } .social-icon img{ height: 100%; width: 100%; object-fit: cover; } .social-icons .social-icon{ background-color: #fff; border-radius: 50%; padding: 5px; height: 40px; width: 40px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: all 0.6s; } .social-icons .social-icon a{ line-height: 0; } .social-icons .social-icon:hover{ background-color: var(--color-brown); } .social-icons .social-icon:hover img{ filter: brightness(10); } footer .social-icons .social-icon{ background-color: var(--color-brown); } footer .social-icons .social-icon img{ filter: brightness(10); } footer .social-icons .social-icon:hover{ background-color: #ffffff; } footer .social-icons .social-icon:hover img{ filter: brightness(1); } .footer-container{ display: grid; grid-template-columns: 5fr 1px auto 2fr 3fr; gap: 30px; } .small_text,.small_text p{ font-size: 14px; color: #919191; font-weight: 300; } .vertical_line{ width: 1px; background-color: #fff; height: 100%; } footer .m-container{ padding-top: 90px; padding-bottom: 90px; color: #ffffff; } .firm-info{ text-align: center; display: flex; flex-direction: column; gap: 25px; align-items: center; } .footer_logo{ width: 70px; } .static_menu ul{ display: flex; flex-direction: column; gap: 15px; } .static_menu a{ font-family: Arial; font-size: 12px; color: #ffffff; text-transform: uppercase; } .menu_opacity{ background-color: #ffffff9c; z-index: 10; /*position: absolute;*/ width: 100%; } .top_main_menu{ background-color: #e4e3de; } .page_block{ padding-top: 60px; padding-bottom: 60px; } .head_block{ font-size: 36px; color: #ffffff; margin-bottom: 40px; } .head_block_cert{ margin-bottom: 10px; } .bottom-border{ padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #000000; } .head_block.dark_text{ color: var(--color-dark); } hr{ border-color: var(--color-dark); margin-top: 25px; margin-bottom: 25px; } .btn_link{ display: inline-block; background-color: var(--color-dark); color: #ffffff; padding: 15px 30px; border: none; cursor: pointer; transition: all 0.6s; } .why_btn_cnt{ text-align: right; margin-top: auto; } .btn_link:hover{ background-color: var(--color-grey); color: #000000; } .mb-50{ margin-bottom: 50px; } .mb-40{ margin-bottom: 40px; } body button{ display: inline-block; border: none; outline: none; text-transform: uppercase; font-weight: 700; text-align: center; font-size: 16px; max-width: 100%; box-sizing: border-box; transition: all 0.3s; cursor: pointer; background-color: inherit; } .m-btn{ display: inline-block; border: none; outline: none; padding: 10px 20px; text-transform: uppercase; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; text-align: center; font-size: 16px; max-width: 100%; box-sizing: border-box; transition: all 0.6s; cursor: pointer; background-color: inherit; } .btn-wide{ padding-left: 60px; padding-right: 60px; } .m-btn:hover{ background-color: var(--color-brown); border-bottom: 1px solid var(--color-brown); border-top: 1px solid var(--color-brown); color: #ffffff; } .border_btm{ border-bottom: 1px solid #000000; padding-bottom: 25px; margin-bottom: 25px; } .m-btn.footer_save_btn{ width: 100%; margin: 70px 0px; font-size: 16px; } .btn_underline{ text-decoration: underline; text-underline-offset: 8px; } .btn_underline:hover{ text-decoration: none; } .w-100{ width: 100%; } .space_child{ display: flex; flex-direction: column; gap: 25px; } .m-btn.btn-black{ border-color: #000000; color: #000000; } .m-btn.btn-white{ border-color: #ffffff; color: #ffffff; } .m-btn.btn-white:hover{ color: var(--color-dark); background-color: #ffffff; } .m-btn.btn-full-dark{ background-color: var(--color-dark); color: #ffffff; border: 1px solid var(--color-dark); } .m-btn.btn-full-dark:hover { background-color: #ffffff; color: var(--color-dark); } .m-btn.btn-black:hover{ border-color: var(--color-dark); color: #ffffff; background-color: var(--color-dark); } .btn-full-white{ background-color: rgba(255, 255, 255, 0.58); color: #000000; border-color: #ffffff; } .m-btn.m-btn-bottom-border{ border-bottom: 1px solid var(--color-dark); border-top: 1px solid var(--color-dark); } .btn-full-white:hover{ background-color: inherit; } .m-btn.btn-dark{ border-color: var(--color-dark); color: var(--color-dark); } .m-btn.btn-dark:hover{ border-color: var(--color-grey) !important; color: #000000 !important; } .black-color{ color: #000000; } .swiper .swiper-button-next:after, .swiper .swiper-button-prev:after{ color: #ffffff; width: 8px; font-weight: 700; font-size: 25px; height: auto; } h1{ margin: 0px; padding: 0px; line-height: normal; font-size: 48px; font-weight: 400; color: #000000; } .swiper .swiper-button-prev, .swiper .swiper-button-next{ font-size: 0px; line-height: 0; color: #ffffff; width: auto; display: flex; gap: 0px; justify-content: center; border: 1px solid var(--color-dark); padding: 26px 10px; background-color: #4b5b63; height: auto; opacity: 0.05; transition: all 0.6s; top: calc(50% - 26px) } .swiper:hover .swiper-button-prev, .swiper:hover .swiper-button-next{ opacity: 1; } body .swiper .swiper-pagination-clickable .swiper-pagination-bullet{ height: 10px; width: 10px; } body .swiper .swiper-pagination-clickable .swiper-pagination-bullet-active{ color: var(--color-brown); background-color: var(--color-brown); height: 15px; width: 15px; } #top_main_menu.fixed_main_menu{ position: fixed; background-color: #cbcac5bd; width: 100%; left: 0px; top: 0px; transition: background-color 0.6s; z-index: 1000; } #top_main_menu.fixed_main_menu .main-logo img{ width: 40px; } #top_main_menu.fixed_main_menu:hover{ background-color: #cbcac5; } .swiper_init1.swiper{ overflow: visible; } .hide_menu{ background-image: url("/local/templates/spa_di_2/assets/img/icons/close.svg"); height: 12px; width: 12px; background-size: 100%; cursor: pointer; background-repeat: no-repeat; } .popup_form_container{ position: fixed; left: 0px; top: 0px; width: 100%; height: 100vh; background-color: #4B5B63de; z-index: 100000; display: flex; align-items: center; transition: opacity 0.6s; justify-content: center; } .popup_form_container .m-container{ padding: 0px !important; margin: 0px !important; } .popup_form_container>div{ background-color: #ffffff; padding: 20px; color: var(--color-dark); position: relative; } .popup_form_container>div a{ font-weight: 700; } .popup_form_container>div a, .popup_form_container>div div{ color: var(--color-dark); } .hide_popup.hide_menu{ position: absolute; right: 20px; top: 20px; height: 20px; width: 20px; } .breadcrumb{ display: flex; gap: 5px; align-items: center; } .breadcrumb-item span{ font-size: 14px; } .breadcrumb-item a{ font-size: 14px; color: #99968d; } .breadcrumb .dot{ font-size: 26px; color: #99968d; line-height: 16px; } .left-main-banner .preview_text{ font-family: "Helvetica"; font-size: 16px; color: #000000; } .left-main-banner .preview_text p{ padding: 0px; margin: 0px; } .preview_text p{ margin: 0px; margin-bottom: 3px; } .header_section_list{ padding-top: 20px; margin-bottom: 20px; padding-bottom: 20px; } .header_section_list .preview_text, .header_section_list .preview_text *{ font-size: 16px; } .header_section_list h1{ padding-bottom: 20px; margin-bottom: 20px; display: inline-block; border-bottom: 1px solid #000000; } .bgdark.header_section_list h1{ color: #ffffff; border-color: #ffffff; border: none; padding: 0px; margin: 0px; margin-bottom: 10px; } .bgdark.header_section_list{ color: #ffffff; } .t-right{ text-align: right; margin-left: auto; } .t-center{ text-align: center; } .b-white{ padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #ffffff; } .seo_detail,.seo_detail .seo_text *{ color: #ffffff; font-size: 16px; } .center_slider_controls{ display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-top: 40px; } .dropdown_desc { max-height: 0; overflow: hidden; transition: max-height 0.6s ease-out; display: block !important; } .dropdown_desc.active { max-height: 1000px; } body .reservi-widget-button-root.reservi-widget-bot_right[data-v-09a35c24]{ bottom: 25px; right: 25px; } body .reservi-widget-widget[data-v-eafb08d6] .reservi-widget-button-link{ color: #ffffff; font-weight: 700; } .header_linked{ display: flex; justify-content: space-between; align-items: center; } /* End */ /* Start:/local/templates/spa_di_2/assets/css/page/mainpage.css?178771612712643*/ .main-banner-container{ background-image: url(/local/templates/spa_di_2/assets/img/main_page/banner_1_resize.png); background-repeat: no-repeat; background-size: auto; background-position: 70% 100%; display: grid; grid-template-columns: 1fr 1fr; color: #ffffff; padding-top: 60px; } .main-banner-container .left-main-banner{ padding-top: 80px; padding-left: 80px; padding-bottom: 80px; font-size: 48px; display: flex; gap: 80px; flex-direction: column; } .main-banner-container .left-main-banner>div{ transition: transform 0.5s; } .main-banner-container .left-main-banner:hover div{ transform: translateY(20px); } .main-banner-container .right-main-banner{ display: flex; font-size: 14px; align-content: flex-end; align-items: flex-end; justify-content: flex-end; } .main-banner-container .right-main-banner strong{ font-size: 50px; } .main-banner-container .m-btn{ border-color: #000000; width: 100%; max-width: 300px; } .main-banner-container .m-btn:hover{ width: 100%; } .banner-card{ background-color: rgb(255 255 255 / 69%); padding: 0px; display: flex; height: auto; position: static; box-sizing: border-box; max-height: fit-content; color: #000000; border: 1px solid #ffffff; text-transform: uppercase; margin-bottom: 80px; max-width: 400px; } .banner-card>div:first-child{ padding: 20px; } .banner-card>div{ } .banner-card>div a{ display: block; } .banner-card img{ height: 100%; object-fit: cover; max-height: 200px; max-width: 200px; display: block; } .item_why{ display: grid; grid-template-columns: 2fr 5fr; background-color: #ffffff; transition: all 0.5s; } .item_why:hover{ scale: 1.05; } .item_why img{ width: 100%; height: 100%; max-width: 100%; object-fit: cover; } .list_why{ display: grid; grid-template-columns: 1fr 1fr; gap: 50px; } .why_info{ padding: 20px 20px; color: #000000; font-size: 16px; } .why_info>div:first-child{ font-size: 22px; } .why_info>div:last-child{ font-size: 15px; } .why_info hr{ margin-bottom: 15px; margin-top: 15px; } .main_service_item{ display: flex; color: var(--color-dark); background-color: #fff; /*grid-template-columns: 1fr 1fr;*/ } .main_service_item>div{ box-sizing: border-box; width: 50%; display: flex; flex-direction: column; } .service_btn{ margin-top: auto; } .main_service_item_2{ flex-direction: row-reverse; background-color: var(--color-brown); color: #ffffff; } .main_service_item_3{ background-color: var(--color-dark); color: #ffffff; } .main_service_item_4{ flex-direction: row-reverse; } .main_service_item_5{ background-color: var(--color-brown); color: #ffffff; } .main_service_item_6{ flex-direction: row-reverse; background-color: var(--color-dark); color: #ffffff; } .main_service_item .head_block{ color: var(--color-dark); padding-bottom: 25px; margin-bottom: 25px; border-bottom: 2px solid var(--color-dark); text-align: right; width: max-content; margin-left: auto; } .page_block_2{ padding-top: 100px; } .main_service_item_2 .head_block,.main_service_item_5 .head_block{ color: #ffffff; border-bottom: 2px solid #ffffff; } .main_service_item_2 .head_block,.main_service_item_4 .head_block, .main_service_item_6 .head_block{ text-align: left; margin-left: 0px; margin-right: auto; } .main_service_item_3 .head_block,.main_service_item_6 .head_block{ color: #ffffff; border-bottom: 2px solid #ffffff; } .service_info_item{ padding: 50px 25px; max-width: 570px; box-sizing: border-box; } .service_info_item p{ margin-bottom: 50px; } .service_info_item .m-btn{ padding: 15px 50px; color: #ffffff; } .service_info_item .m-btn.btn-dark{ padding: 15px 50px; color: var(--color-dark); } .service_img_item img{ object-fit: cover; height: 100%; background-repeat: no-repeat; background-size: 100%; max-width: 100%; width: 100%; transition: all 1s; cursor: pointer; } .service_info_item:hover{ filter: blur(2); } .main_service_item:hover img{ transform: scale(1.2); } .main_service_item .service_img_item{ padding: 0px; overflow: hidden; height: 580px; } .center_slider_img img{ width: 100%; max-width: 700px; object-fit: cover; } .aboutlicenz .center_slider_img img{ object-fit: contain; } .center_slider .head_block{ text-align: center; } .mark-ulli li{ list-style: disc; margin-left: 20px; margin-bottom: 20px; } .center_slider_info .head_block{ color: #000000; font-size: 18px; margin: 0px; text-align: left; font-weight: 700; } .center_slider_info .head_block>div:first-child{ margin-bottom: 10px; } .center_slider_img{ margin-bottom: 20px; text-align: center; } .center_slider_info{ display: grid; grid-template-columns: 1fr 1fr; gap: 20px; font-size: 12px; } .center_slider_info p{ margin: 0px; margin-bottom: 20px; font-size: 14px; } .center_slider_text>div{ text-align: right; } .center_slider_text .m-btn.btn-black{ width: 100%; } .staff_slider{ overflow: hidden; } .staff_slider>.head_block{ padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid var(--color-dark); max-width: 80%; } .staff_slider.tops_slider .swiper-slide{ min-height: 100%; height: auto; display: flex; flex-direction: column; } .staff_slider_info a{ color: var(--color-dark); font-size: 20px; border-bottom: 1px solid var(--color-dark); padding-bottom: 10px; margin-bottom: 10px; display: block; } .staff_slider_info a:hover{ color: var(--color-brown); } .link_tops_slider{ margin-top: auto; } .staff_slider_img img{ margin-bottom: 15px; max-width: 300px; width: 100%; object-fit: contain; height: 300px; } .main_page_reviews .staff_slider_img img{ object-fit: contain; } .staff_slider_img{ text-align: center; } .main_page_reviews .staff_slider_img{ background-color: #ffffff; } .staff_slider .swiper{ margin-bottom: 0px; padding-bottom: 0px; overflow: visible; } .main_page_reviews.staff_slider .swiper .swiper-button-next, .main_page_reviews.staff_slider .swiper .swiper-button-next:after{ color: #ffffff; } .staff_slider_text p{ color: #98958C; margin: 0px; margin-bottom: 15px; overflow: hidden; font-size: 14px; font-family: Helvetica, sans-serif; } .staff_slider_slide .m-btn{ width: 100%; } .m-container.main_page_certificate{ display: grid; grid-template-columns: 1fr 1fr; padding-bottom: 0px; padding-top: 0px; } .main_page_certificate_block .part2{ text-transform: uppercase; padding-bottom: 80px; padding-left: 90px; padding-right: 90px; display: flex; align-items: flex-end; padding-top: 90px; background-image: url("/local/templates/spa_di_2/assets/img/main_page/girlcut.png"); background-repeat: no-repeat; background-position: right; background-size: auto 100%; } .menu_catalog_sertificate{ background-color: var(--color-dark); color: #ffffff; padding: 20px 30px; border: 1px solid #ffffff; padding-bottom: 60px; } .main_page_certificate_block .head_block{ margin-bottom: 60px; } .menu_catalog_sertificate .head_block{ margin-bottom: 22px; padding-bottom: 22px; border-bottom: 1px solid #ffffff; } .container_certificate>div{ display: grid; grid-template-columns: 1fr 1fr; justify-items: end; box-sizing: border-box; transition: all 0.6s; cursor: pointer; font-weight: 500; } .container_certificate>div:hover,.container_certificate>div:hover a{ font-size: 18px; } .container_certificate>div>a, .container_certificate>div>span{ padding: 10px; box-sizing: border-box; width: 100%; text-align: right; color: #ffffff; transition: all 0.6s; } .container_certificate>div>a:first-child, .container_certificate>div>span:first-child{ border-right: 1px solid #fff; text-align: left; padding-left: 0px; } .tabs_certificate{ display: flex; gap: 20px; justify-content: space-between; margin-bottom: 40px; } .main_page_reviews .head_block{ text-align: right; border-bottom: 1px solid #ffffff; padding-bottom: 25px; margin-bottom: 40px; max-width: 800px; margin-left: auto; } .main_page_reviews .m-btn{ width: 100%; max-width: 300px; } .mobile_girls_header{ display: none; } .main_page_certificate .part2{ } .part2 a{ font-size: 18px; font-weight: 400; color: #000000; } .part2 a:hover{ color: #000000; } .tabs_certificate>span{ cursor: pointer; transition: all 0.6s; } .tabs_certificate>span:hover{ font-size: 18px !important; } .swiper-slide.specials_slider_slide{ display: flex; } .specials_slider_info .head_block{ color: var(--color-dark); border-bottom: 1px solid var(--color-brown); margin-bottom: 20px; padding-bottom: 20px; } .swiper_init3 .swiper-slide.specials_slider_slide{ display: grid; grid-template-columns: 1fr 1fr; } .swiper_init3 .swiper-slide.specials_slider_slide{ display: grid; grid-template-columns: 1fr 1fr; } .specials_slider_slide .specials_slider_info{ padding-right: 30px; } .swiper_init3 .pagenav_specials .swiper-pagination{ display: flex; align-items: center; justify-content: center; } .specials_slider_img{ text-align: center; } .specials_slider_img img{ height: 350px; object-fit: cover; width: 100%; } .specials_slider_text p{ margin-bottom: 60px; } .specials_block .head_block.dark_text{ border-bottom: 1px solid var(--color-dark); padding-bottom: 20px; display: flex; } .tops_slider a{ color: #ffffff; border-color: #ffffff; } .tops_slider p{ color: #ffffff; font-size: 14px; } .tops_slider .staff_slider_img img{ background-color: #ffffff; } .tops_slider .staff_slider_img{ color: var(--color-dark); } .gradient_shadow{ display: none; background: #000000; background: linear-gradient(0deg,rgba(0, 0, 0, 0.59) 0%, rgba(0, 0, 0, 0.2) 100%); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } .advantages_block .head_block{ text-align: center; } .animate_block{ opacity: 0; transition: all 0.6s; margin-left: -100%; } .animate_block.visible{ opacity: 1; margin-left: 0%; } .fade-in { opacity: 0; /* Начинаем с прозрачности 0 */ animation: fadeInAnimation ease 2s forwards; /* forwards - оставляет конечные стили (opacity: 1) */ } @keyframes fadeInAnimation { 0% { opacity: 0; } 100% { opacity: 1; } } .shaking { transform: translateY(0px); animation: shakingInAnimation 3s linear 1s infinite forwards normal; } .shaking:hover{ animation: none; } .block-flex{ display: flex; gap: 40px; justify-content: center; flex-wrap: wrap; } @keyframes shakingInAnimation { 0% { transform: translateY(0px); } 10% { transform: translateY(-60px); /* Сильный бросок вверх */ } 15% { transform: translateY(-40px); /* Небольшая задержка в верхней точке */ } 25% { transform: translateY(0px); /* Удар о землю */ } 35% { transform: translateY(-30px); /* Первый отскок */ } 45% { transform: translateY(0px); /* Снова удар */ } 55% { transform: translateY(-15px); } 65% { transform: translateY(0px); } 75% { transform: translateY(-8px); } 85% { transform: translateY(0px); } 95% { transform: translateY(-2px); } 100% { transform: translateY(0px); } } /* End */ /* Start:/local/templates/spa_di_2/assets/css/page/catalog.css?17913513962897*/ .catalog_list{ display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: 1fr; gap: 20px; } .catalog_list *{ font-family: Helvetica, Arial, sans-serif; } .catalog_list_item{ display: flex; flex-direction: column; gap: 10px; padding: 0px; border: 1px solid #b3b3b3; align-items: stretch; width: 100%; box-sizing: border-box; max-width: 600px; cursor: pointer; transition: all 0.3s; box-shadow: 0px 0px 0px 0px var(--color-dark); background-color: #ffffff; min-width: 0; overflow-wrap: break-word; /* или word-break: break-word; */ } .catalog_list .catalog_list_item:hover{ box-shadow: 0px 0px 8px -1px var(--color-dark); } .catalog_counter{ display: flex; gap: 5px; margin: 0px 10px; } .catalog_counter span{ padding: 4px 12px; border: 1px solid #4b5b63; border-radius: 0px; background-color: #4b5b63; color: #fff; } .catalog_counter input[type=text]{ border: 1px solid var(--color-dark); padding: 5px; height: auto; font-size: 18px; line-height: normal; text-align: center; width: 100%; } .catalog_list_item .m-btn{ width: 100%; margin-top: 10px; text-transform: none; font-weight: normal; } .catalog_list_item .f-18{ font-size: 18px; font-weight: 500; margin: 10px 10px; overflow: hidden; height: 44px; } .popup_form_container .catalog_list_item{ padding: 10px; } .catalog_list_item>div{ text-align: center; } .catalog_list_item>div:last-child{ margin-top: auto; } .catalog_list_item>div img{ max-height: 250px; object-fit: contain; } .popup_form_container .catalog_list_item>div img{ height: 600px; } .popup_form_container div.more_info_container{ max-width: 90%; max-height: 80%; overflow: auto; } .more_info_container img{ max-height: 400px; max-width: 400px; } .buy_product.in-cart{ background-color: inherit; color: #414141; border-color: #b1b1b1; display: none; } .catalog-list-action .m-btn{ border-color: var(--color-dark); } .cert-info,.cert-info a{ color: #fff; } /*rigth_bar_catalog*/ .cert_page.rigth_bar_catalog{ display: flex; gap: 20px; flex-wrap: wrap; } .cert_page.rigth_bar_catalog .sections_list.type_TILE{ flex: 1; justify-content: flex-start; flex-direction: column; flex-wrap: nowrap; align-content: flex-start; align-items: stretch; } .cert_page.rigth_bar_catalog .catalog_list{ flex: 4; } .cert_page.rigth_bar_catalog .list_pager{ width: 100%; } .cert_page.rigth_bar_catalog .section_list_info{ width: 100%; } @media screen and (max-width: 768px) { .cert_page.rigth_bar_catalog{ flex-direction: column; } } /* End */ /* Start:/local/templates/spa_di_2/assets/css/page/form.css?17877245783635*/ .form_default.form .field_cont{ display: flex; flex-direction: row; flex-wrap: wrap; gap: 20px; } .mainForm .form_default.form .field_cont, .mainForm .form_default.form .field{ max-width: 100%; } .mainForm .form_default.form .field{ width: calc(100% / 3 - 20px); } .general_form{ max-width: 600px; } .general_form.mainForm .form_default.form .field{ width: 100%; position: relative; } .fotter-form-def{ display: flex; gap: 20px; flex-direction: column; align-items: center; width: 100%; } .mainForm .form_default.form input[type='file']{ padding: 10px; border-radius: 10px; background-color: #c9c9c9; border: 1px solid #fefefe; } .mainForm .form_default.form input[type='text'].inputtext, .mainForm .form_default.form textarea{ width: 100%; font-size: 16px; border: 1px solid #E6E6E6; box-shadow: none; box-sizing: border-box; display: flex; align-items: center; line-height: normal; padding: 20px 25px; background-color: var(--color-brown); color: #ffffff; transition: all 0.6s; font-family: Georgia; } .mainForm .form_default.form input[type='text'].inputtext:focus, .mainForm .form_default.form input[type='text'].inputtext:active, .mainForm .form_default.form input[type='text'].inputtext:focus-visible { color: #000000; background-color: #b8b8b8; border: 1px solid var(--color-brown); } .mainForm .form_default.form .captcha_block input[type='text'].inputtext{ padding: 15px 25px; } .mainForm .form_default.form input[type='text'].inputtext::placeholder, .mainForm .form_default.form textarea::placeholder{ color: #ffffff; opacity: 1; } .fotter-form-def .captcha_block{ display: flex; gap: 20px; align-items: center; font-size: 14px; } .fotter-form-def .captcha_block img{ height: 100%; } .label-for-file{ display: inline-block; padding:10px 12px; cursor: pointer; color: #8D8D8D; background-color: #ffffff; border: 1px solid #8D8D8D; border-radius: 3px; box-shadow: inset 0px 7px 13px -7px #8D8D8D; transition: all 0.4s; } .label-for-file:hover{ box-shadow: inset 0px 0px 6px 1px #8D8D8D; } .file-input-container{ display: flex; white-space: nowrap; align-items: center; gap: 7px; } .hidden-file{ opacity: 0.01; position: absolute; left: -999em; } .mainForm-action .mainForm__content{ width: 100%; max-width: 100%; } .mainForm-action .form select{ margin: 0px; width: 100%; } .mainForm-action .form .label-form{ color: #8D8D8D; font-size: 12px; margin-bottom: 3px; position: relative; } #captcha-error{ color: #ff0000; } .invalid-field input{ border: 1px solid #ff0000 !important; box-shadow: inset 0px 0px 10px -3px #ff0000 !important; } .mainForm .form_default.form .field_cont{ width: 100%; } .field_cont_submit, .field_cont_submit .btn-full-dark{ width: 100%; max-width: 300px; margin: 0 auto; } .confidenc{ display: flex; gap: 10px; align-content: center; align-items: center; font-size: 14px; } .validation_fail_tooltip{ position: absolute; top: -20px; padding: 3px; border-radius: 10px; width: 100%; box-sizing: border-box; font-size: 12px; text-align: center; color: #000000; opacity: 0.6; } .mainForm__content{ font-size: 32px; font-weight: 700; text-align: center; color: var(--color-dark); } /* End */ /* Start:/local/templates/spa_di_2/assets/css/page/about.css?1775697283826*/ .about_page .head_block{ color: #000000; } .head_block_small{ font-size: 20px; } .about_section{ margin-bottom: 40px; } .page_block.bgdark .head_block, .page_block.bgdark div, .page_block.bgbrown div,.bgbrown .head_block_small{ color: #ffffff; } .twoblocks{ display: flex; padding: 0px; overflow: hidden; margin-bottom: 50px; } .twoblocks>div{ width: 50%; box-sizing: border-box; } .pad30{ padding: 30px; } .twoblocks img{ position: absolute; /* width: 100%; */ right: 50%; max-height: 100%; width: 50%; object-fit: cover; } .twoblocks .head_block{ border-bottom: 1px solid var(--color-dark); padding-bottom: 25px; margin-bottom: 25px; } .twoblocks,.twoblocks .head_block{ color: var(--color-dark); } /* End */ /* Start:/local/templates/spa_di_2/assets/css/page/services_detail.css?17821760829515*/ .service_detail{ } .service_detail .detail_header{ text-transform: uppercase; margin-bottom: 50px; text-align: center; font-size: 36px; font-weight: 400; } .services_detail_text{ margin-bottom: 50px; } .services_detail_text,.services_detail_text p{ font-size: 18px; font-family: 'Georgia'; line-height: normal; } .service_detail .center_slider{ margin-bottom: 100px; margin-top: 40px; } .service_detail .center_slider_img{ margin: 0px; } .list_block{ display: flex; gap: 25px; justify-content: space-between; } .list_block_1{ } .list_block_1 .item_block_info{ border: 1px solid #ffffff; padding: 30px; color: #ffffff; gap: 20px; display: flex; flex-direction: column; height: 100%; } .list_block_1 .item_block_info b{ text-transform: uppercase; } .list_block_1 .item_block_info ul li{ list-style-type: disc; margin-bottom: 0px; margin-left: 15px; } .list_block1 .item_block_info ul{ margin-top: 30px; } .list_block_1 .item_block_info b{ font-style: italic; } .list_block_1 img{ width: 100%; object-fit: cover; height: 100%; } .list_block_1 .item_block{ display: flex; flex-direction: column; width: 100%; max-width: 450px; } .list_block_1 .item_block .img_lb_1{ height: 200px; } .result_block_detail{ display: flex; justify-content: center; gap: 50px; margin-bottom: 50px; align-items: flex-start; } .result_item_detail{ display: flex; justify-content: center; flex-direction: column; align-items: center; gap: 25px; max-width: 200px; text-align: center; } .result_item_detail div{ font-family: Helvetica, Arial, sans-serif; } .result_top{ font-size: 18px; padding: 20px; border: 1px solid #98958C; display: flex; text-transform: uppercase; font-weight: 900; flex-direction: column; width: 200px; height: 200px; box-sizing: border-box; align-content: center; align-items: center; justify-content: center; } .result_top img{ margin-top: auto; max-width: 130px; max-height: 130px; width: auto; object-fit: contain; } .list_block_2 img{ object-fit: contain; max-height: 300px; } .list_block_2.list_block{ justify-content: center; display: grid; grid-template-columns: 1fr 1fr 1fr; } .list_block_2 .item_block{ max-width: 300px; width: 100%; gap: 25px; display: flex; flex-direction: column; } .list_block_2{ } .list_block_2 span b{ font-size: 24px; display: block; } .list_block_2 span{ margin-bottom: 25px; display: block; padding-bottom: 25px; border-bottom: 1px solid #000; color: #ffffff; } .list_block_1 .item_block_info div{ white-space: pre-line; } .list_block_2 .item_block_info div{ color: #1A212B; } .times_cnt{ gap: 30px; display: flex; flex-direction: column; } .detail_picture{ max-height: 500px; height: auto; } .times_item{ display: flex; gap: 25px; } .times_item span{ white-space: pre-line; font-family: Helvetica, sans-serif; } .times_item b{ text-transform: uppercase; font-size: 18px; } .times_item img{ width: 150px; height: 150px; } .times_item>div{ display: flex; flex-direction: column; gap: 25px; } .sidebar-container{ display: grid; grid-template-columns: 1fr; gap: 40px; } .detail_action .card_action{ height: 100%; box-sizing: border-box; max-height: 100%; background-size: cover; flex-direction: column; display: flex; } .card_action{ padding: 20px; } .nowrap-text{ white-space: nowrap; } .pricelist_table .pricelist_item{ display: grid; grid-template-columns: 1fr auto; color: #ffffff; margin-bottom: 25px; font-size: 18px; position: relative; cursor: pointer; } .pricelist_item .dropdown_btn{ display: flex; gap: 10px; } .pricelist_item .arrow_down{ font-size: 18px; margin-left: 10px; } .pricelist_table .pricelist_item:last-child{ margin-bottom: 0px; } .pricelist_table{ color: #ffffff; border: 1px solid #ffffff; padding: 40px; margin: 0 auto; max-width: 900px; margin-bottom: 30px; } .preview_info_price_text{ padding: 10px 15px; border: 1px solid #e9e9e9; transition: all 0.4s; font-size: 15px; margin-top: 5px; grid-column: span 2; } .pricelist_item i{ font-size: 12px; position: absolute; } .pricelist_item.active .dropdown_desc{ max-height: 100%; } .dropdown_desc{ grid-column: span 2; } .header_table{ text-transform: uppercase; font-size: 18px; font-weight: 700; text-align: center; color: #ffffff; } .pricelist_table hr{ border-color: #ffffff; } .pricelist_table .small_text{ color: #bdbdbd; } .bgdark .general_slider{ color: #ffffff; } .general_slider .swiper .swiper-button-prev, .general_slider .swiper .swiper-button-next{ } .bgdark .staff_slider_info .head_block{ color: #ffffff; } .dots_slider{ margin-bottom: 10px; display: flex; padding: 10px; justify-content: space-between; } .services_detail_text ul li{ list-style: disc; margin-left: 20px; } .bgdark .swiper .swiper-button-prev, .bgdark .swiper .swiper-button-next, .bgdark .swiper .swiper-button-next:after, .bgdark .swiper .swiper-button-prev:after{ color: #ffffff; } .service_detail .general_slider_img img{ height: 400px; width: 100%; object-fit: cover; } .service_detail .general_slider_slide{ position: relative; } .service_detail .general_slider_info{ position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; padding: 20px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; background: #000000; background: linear-gradient(0deg,rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.1) 53%, rgba(0, 0, 0, 0) 100%); } .general_slider_text{ max-height: 150px; overflow: auto; } .dots_slider .swiper-button-disabled{ display:none; } .general_slider_text p{ font-size: 12px; } .service_detail .general_slider_info .head_block{ color: #ffffff; text-transform: uppercase; font-size: 18px; font-weight: 700; } .service_detail .general_slider_info .m-btn{ background-color: rgba(255, 255, 255, 0.58); color: #000000; border-color: #ffffff; } .service_detail .general_slider_img{ display: flex; background-color: #ffffff; } .search_result .loader{ width: 30px; margin: 0 auto; background-color: #4b5b63; } .detail_page_block_answer{ width: 100%; } button.answer_item{ width: 100%; text-align: left; padding: 10px 20px; border: 1px solid var(--color-dark); background-color: #ffffff; color: var(--color-dark); text-transform: none; } button.answer_item.active,button.answer_item:hover{ background-color: var(--color-dark); color: #ffffff; } .answer_container{ margin-bottom: 10px; } .answer_desc{ padding: 15px; font-size: 18px; border: 1px solid var(--color-dark) } .animation_banner { position: absolute; height: 100%; width: 100%; z-index: 5; overflow: hidden; top: 0px; left: 0px; } .left-main-banner{ z-index: 6; } .detail-banner-container .left-main-banner{ padding: 80px 0px; } .detail-banner-container .left-main-banner .m-btn.btn-black{ width: 100%; margin-top: 50px; } .detail-banner-container .left-main-banner h1{ padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #4B5B63; } .service_detail_banner{ background-size: 55%; background-position: right; background-repeat: no-repeat; margin-bottom: 40px; position: relative; } .detail-banner-container{ display: grid; grid-template-columns: 40% 60%; } .detail-banner-container.m-w-100{ grid-template-columns: 100%; } .detail-banner-container.m-w-100 .left-main-banner{ padding: 40px 0px; padding-bottom: 0px; } .detail-banner-container.m-w-100 .left-main-banner .m-btn.btn-black{ width: auto; } .detail-banner-container .right-main-banner{ position: relative; } .round_actions{ background-image: url(/local/templates/spa_di_2/assets/img/service_detail/animate_round.png); border-radius: 50%; opacity: 0.9; position: absolute; background-size: 100%; } .fixed-picture-container{ position: absolute; display: grid; grid-template-columns: 48% 52%; left: 0px; top: 0px; height: 100%; width: 100%; } .fixed-picture{ z-index: 0; left: 0px; top: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; } .service_detail_banner .preview_text p{ } .video-container { top: 0; left: 0; width: 100%; height: 100%; z-index: -1; overflow: hidden; margin-bottom: 20px; } .video-container video { width: 100%; height: 500px; object-fit: cover; } /* End */ /* Start:/local/templates/spa_di_2/assets/css/page/cart.css?17796890002291*/ #fly_basket{ } .button-fly-basket{ position: fixed; right: 0px; bottom: 50%; padding: 15px; background-color: #4b5b63; border: 1px solid #cbcac5; font-size: 16px; display: flex; flex-direction: row; gap: 5px; color: #ffffff; border-radius: 20px 0px 0px 20px; align-items: center; justify-content: center; z-index: 300; opacity: 0.7; transition: opacity 0.6s; } .button-fly-basket:hover{ opacity: 1; } #fly_basket_count_items{ /* background-color: #ff0000; */ /* border: 1px solid #fff; */ /* bottom: calc(50% - 12px); */ border-radius: 50px; font-size: 14px; /* height: 18px; */ padding: 0px 0px; overflow: hidden; text-align: center; position: absolute; display: flex; align-content: center; align-items: center; justify-content: center; height: 100%; width: 100%; font-family: sans-serif; margin-top: 5px; } .fly-basket-item{ display: grid; grid-template-columns: 8fr 1fr 2fr; gap: 10px; border-bottom: 1px solid #d1d1d1; } .fly-basket-items{ margin-bottom: 10px; font-size: 18px; } .fly-basket-control{ display: flex; gap: 10px; justify-content: flex-start; } .fly-basket-control a{ font-size: 16px; font-weight: 700; color: #ffffff; display: inline-block; padding: 10px 20px; border: 1px solid var(--color-dark); background-color: #ffffff; transition: all 0.6s; } .fly-basket-control a:hover{ color: #ffffff; background-color: var(--color-brown); border-color: #ffffff; } .fly-basket-stat{ font-weight: 700; display: flex; gap: 10px; font-size: 14px; margin-bottom: 10px; } .delete-product{ font-weight: 700; color: #ff7979; } .fly-basket-head{ font-size: 18px; font-weight: 700; text-align: center; margin-bottom: 10px; } div.bx-blue .btn.btn-default{ border-color: var(--color-dark); background-color: var(--color-dark); } div.bx-blue .btn.btn-default:hover{ background-color: #bababa; border-color: #bababa; } .main-user-consent-request-announce-link{ margin-left: 10px; display: block; } /* End */ /* Start:/local/templates/spa_di_2/assets/css/mobile.css?1761009830631*/ .btn_d{ background-size: 100%; background-color: inherit; border: none; outline: none; padding: 0px; margin: 0px; } .burger-btn{ background-image: url("/local/templates/spa_di_2/assets/img/icons/hamburger.svg"); height: 20px; width: 20px; } .header-mobile-menu{ display: none; justify-content: space-between; margin-bottom: 15px; } .header-mobile-menu img{ height: 35px; width: 35px; } .open_header_search{ background-image: url("/local/templates/spa_di_2/assets/img/icons/search.svg"); height: 20px; width: 20px; display: none; } /* End */ /* Start:/local/templates/spa_di_2/assets/css/animation.css?1782971693534*/ .string-run { width: 100%; overflow: hidden; white-space: nowrap; background: #ffffff; padding: 10px 0; } .string-run a,.string-run a:hover{ color: #4c5c64; } .string-run span { display: inline-block; padding-left: 0%; animation: string-run 45s linear infinite; text-transform: uppercase; font-size: 14px; font-weight: 400; } @keyframes string-run { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } /* End */ /* Start:/local/templates/spa_di_2/assets/css/sprites.css?1774403472771*/ .arrow-down::before { content: ""; position: absolute; top: calc( 50% - 0px ); right: 0px; background-image: url("/local/templates/spa_di_2/assets/img/icons/arrow.svg"); width: 9px; height: 5px; background-size: 100%; display: inline-block; } /* HTML:
*/ .loader { width: 50px; padding: 8px; aspect-ratio: 1; border-radius: 50%; background: #25b09b; --_m: conic-gradient(#0000 10%,#000), linear-gradient(#000 0 0) content-box; -webkit-mask: var(--_m); mask: var(--_m); -webkit-mask-composite: source-out; mask-composite: subtract; animation: l3 1s infinite linear; } @keyframes l3 {to{transform: rotate(1turn)}} /* End */ /* Start:/local/templates/spa_di_2/assets/css/media/media1100px.css?178772261111453*/ @media screen and (max-width: 1100px){ .desctop-hidden{ display: block; } .menu_opacity{ position: static; } .top-line-header .social-icons{ display: none; } .search-top-input{ display: none; } .search_result{ flex-direction: column; padding: 8px; gap: 5px; } .search_result .search_head_block,.search_result li a{ font-size: 14px; } .string-run{ color: #ffffff; } .show-menu.main-menu-top{ display: block; position: absolute; background-color: #ffffff; left: 0px; top: 0px; width: 100%; padding: 0px; box-sizing: border-box; z-index: 100; } .preview_text, .preview_text p{ font-size: 14px; } .header-mobile-menu{ display: flex; padding: 10px; margin: 0px; } .header_section_list{ padding: 10px; } .header_section_list h1{ padding-bottom: 8px; margin-bottom: 8px; } .arrow-down::before{ right: 10px; } .burger-menu-container{ display: block; } .main-menu-top{ display: none; } .main-menu-container{ position: relative; } .show-menu .main-menu{ width: 100%; display: flex; align-items: flex-start; flex-direction: column; gap: 3px; } .main-menu li a{ padding: 5px 10px; width: 100%; display: block; } .menu_child .child_menu_link{ background-color: #eee; } .show-menu .main-menu li{ width: 100%; } .main-menu .elements_menu{ position: static; background-color: inherit; } .child_menu_li a, .elements_menu a{ padding: 5px 10px; } .show-menu .main-menu .menu_child{ position: static; visibility: visible; opacity: 0; background-color: inherit; grid-template-columns: 1fr; padding: 0px; display: none; } .show-menu .main-menu .menu_child.show-menu{ opacity: 1; display: block; } .show-menu .child_menu_li{ } .footer-container{ display: block; } .footer-container>div{ border-bottom: 1px solid #ffffff; padding-bottom: 15px; margin-bottom: 15px; width: 100%; height: auto; } .footer-container>div:last-child{ padding: 0px; margin: 0px; border: none; } .firm-info{ font-size: 12px; gap: 15px; } .vertical_line{ display: none; } .footer-social .social-icons{ flex-direction: row; gap: 15px; } footer .footer-menu{ display: grid; grid-template-columns: 1fr 1fr; gap: 0px; } footer .footer-menu>li{ } .static_menu ul li{ width: 100%; } .static_menu ul{ gap: 15px; align-items: center; text-align: center; width: 100%; } .m-btn.footer_save_btn{ margin: 0px; } .f36{ font-size: 16px; } .f20{ font-size: 12px; } footer .m-container{ padding-top: 20px; padding-bottom: 40px; } .phone-font{ background-image: url("/local/templates/spa_di_2/assets/img/icons/phone_top.svg"); height: 20px; width: 20px; font-size: 0px; display: block; background-size: 100%; background-repeat: no-repeat; } .open_header_search{ display: block; } .header_right_part{ display: flex; gap: 15px; } .main-logo img{ width: 35px; } .search-top-input.open-search, .search-top-input:hover{ display: block; position: static; } .list_why{ grid-template-columns: 1fr; gap: 15px; } .why_info{ padding: 10px; font-size: 13px; } .why_info>div:first-child{ font-size: 16px; } .page_block_2{ padding-top: 20px; } .main_service_item>div{ padding: 15px; } .head_block{ font-size: 24px; margin-bottom: 20px; padding-bottom: 20px; } .main_service_item .head_block{ font-size: 12px; margin-bottom: 10px; padding-bottom: 10px; } .service_info_item p{ display: -moz-box; display: -webkit-box; -webkit-box-orient: vertical; font-size: 12px; line-clamp: 2; margin-bottom: 10px; overflow: hidden; -webkit-line-clamp: 2; } h1{ font-size: 24px; } .center_slider_controls{ margin-top: 10px; } .main_service_item>div{ background-size: auto 100%; } .m-btn{ font-size: 16px; } .service_info_item .m-btn{ font-size: 12px; } .page_block{ padding-top: 20px; padding-bottom: 20px; } .main_service_item .service_img_item{ height: auto; } .main_service_item{ align-items: stretch; } .main-banner-container .left-main-banner{ font-size: 24px; width: 100%; padding: 0px; } .main-banner-container{ display: flex; align-items: flex-start; flex-direction: column-reverse; background-position: center bottom; padding: 20px; justify-content: space-between; background-size: auto 400px; min-height: 400px; } .main-banner-container .black-color{ color: #ffffff; } .main-banner-container .right-main-banner{ margin: 0 auto; } .main-banner-container .m-btn{ width: 100%; border-color: var(--color-dark); color: var(--color-dark); background-color: rgba(255, 255, 255, 0.66); } .left-main-banner>div:last-child{ text-align: center; } .banner-card>div:first-child{ padding: 20px; } .m-container.main_page_certificate{ grid-template-columns: 1fr; padding: 0px; padding-top: 15px; } .m-container.main_page_certificate .part1{ overflow: hidden; } .tabs_certificate{ overflow-x: auto; white-space: nowrap; padding-top: 10px; padding-bottom: 10px; } .center_slider_info{ padding-left: 10px; padding-right: 10px; } .main_page_certificate .part2{ display: none; /*background-image: url("/local/templates/spa_di_2/assets/img/main_page/girl2.png"); background-repeat: no-repeat; background-size: auto 100%; background-position: center;*/ } .mobile_girls_header{ display: block; text-align: center; } .mobile_girls_header img{ max-width: 320px; } .main_page_certificate .part2 a{ display: none; } .main_page_certificate_block{ background-image: none; } .main_page_certificate_block .head_block{ margin-bottom: 20px; text-align: center; color: var(--color-dark); } .main_page_reviews .m-btn{ max-width: 100%; } .service_info_item .m-btn,.service_info_item .m-btn.btn-dark{ padding: 10px 15px; } .center_slider_info p{ margin-bottom: 10px; font-size: 14px; } .specials_slider_info .head_block{ text-align: center; } .main_page_reviews.staff_slider .swiper .swiper-button-prev, .main_page_reviews.staff_slider .swiper .swiper-button-prev:after, .main_page_reviews.staff_slider .swiper .swiper-button-next:after, .main_page_reviews.staff_slider .swiper .swiper-button-next{ color: #ffffff; } .staff_slider .swiper{ max-width: 100%; display: flex; flex-direction: column-reverse; } .staff_slider.tops_slider .swiper{ flex-direction: column; } .dots_slider{ margin-bottom: 20px; display: flex; justify-content: space-between; } .menu_catalog_sertificate .head_block{ color: #ffffff; text-align: left; } .menu_catalog_sertificate{ } .swiper_init3 .swiper-slide.specials_slider_slide{ display: flex; flex-wrap: wrap; flex-direction: column-reverse; } .specials_slider_text .m-btn{ width: 100%; } .specials_slider_info{ margin-bottom: 20px; } .mainForm .form_default.form .field{ width: 100%; } .tops_slider .staff_slider_info{ position: absolute; top: 0px; left: 0px; width: 100%; padding: 15px; box-sizing: border-box; } .tops_slider .link_tops_slider{ margin-top: 0px; position: absolute; bottom: 0px; padding: 15px; width: 100%; box-sizing: border-box; } .tops_slider .staff_slider_text p{ display: none; } .tops_slider .staff_slider_slide .m-btn{ padding: 8px 14px; width: 100%; margin: 0 auto; } .tops_slider .staff_slider_info .head_block{ padding: 0px; margin: 0px; border: none; font-size: 12px; text-transform: uppercase; margin-bottom: 10px; } .tops_slider .staff_slider_img img{ margin: 0px; object-fit: cover; height: 300px; max-width: 100%; } .tops_slider .staff_slider_img{ display: flex; position: relative; } .staff_slider .last-child-hidden .staff_slider_slide:last-child{ visibility: visible; } .gradient_shadow{ display: block; } .mainForm .form_default.form .field_cont{ gap: 10px; } .breadcrumb-item span{ font-size: 12px; } .breadcrumb{ white-space: nowrap; overflow-x: auto; margin-top: 10px; padding-bottom: 10px; } .breadcrumb .dot{ font-size: 12px; line-height: normal; } hr{ margin-bottom: 10px; margin-top: 10px; } .catalog_list{ grid-template-columns: repeat(2, 1fr); } .elements_list{ grid-template-columns: repeat(2, 1fr); } .center_slider_img img{ height: 300px; object-fit: contain; } .header_section_list .preview_text, .header_section_list .preview_text *{ font-size: 14px; } .cert_page_adv{ gap: 20px; flex-wrap: wrap; } .cert_page_adv>div{ width: calc(50% - 20px); } .main-banner-container .left-main-banner{ gap: 20px; } .service_detail .block-flex{ gap: 10px; } .service_detail .block-flex .m-btn{ width: auto; padding: 10px 20px; gap: 10px; } .header_linked .small_text{ display: none; } } /* End */ /* Start:/local/templates/spa_di_2/assets/css/media/media768px.css?17913509591346*/ @media screen and (max-width: 768px){ .catalog_list{ } .cert_page.rigth_bar_catalog .catalog_list{ gap: 10px; } .elements_list{ grid-template-columns: 1fr; } .center_slider_info{ grid-template-columns: 1fr; } .twoblocks{ display: block; padding: 20px; margin-bottom: 20px; } .twoblocks>div{ width: 100%; padding: 0px; } .twoblocks img{ position: static; width: 100%; height: 300px; margin-bottom: 20px; } .head_block_small{ font-size: 16px; } .detail-banner-container .left-main-banner .m-btn.btn-black{ margin-top: 20px; } .catalog_list_item{ padding: 10px; } .catalog_list_item .f-18{ margin: 0px; font-size: 15px; height: 40px; } .item_list_price{ font-size: 18px; } .service_detail .block-flex .m-btn{ width: 100%; padding: 5px; font-size: 14px; } .list_block_2.list_block{ gap: 10px; } .list_block_2 span b{ display: inline; margin-right: 5px; } div .list_block_1 img{ width: 100%; } .sections_list{ margin-bottom: 10px; } } /* End */ /* Start:/local/templates/spa_di_2/assets/css/media/media768px_detail.css?17720845134073*/ @media screen and (max-width: 1100px){ .service_detail{ margin: 0px; } .result_block_detail{ flex-direction: column; align-items: center; gap: 10px; margin-bottom: 20px; } .service_detail .detail_header{ font-size: 20px; margin-bottom: 20px; } .result_item_detail{ gap: 10px; width: auto; display: grid; grid-template-columns: 50% 50%; max-width: 100%; } .result_item_detail>div{ font-size: 14px; width: 100%; text-align: left; } .result_top img{ width: 100px; height: 100px; } .specials_slider_text p{ margin-bottom: 10px; } .services_detail_text, .services_detail_text p{ font-size: 16px; } .result_top{ padding: 15px; height: auto; width: auto; } .service_detail .center_slider{ margin-top: 20px; margin-bottom: 20px; } .list_block{ flex-direction: column; } .service_detail .m-btn{ width: 100%; padding-left: 10px; padding-right: 10px; } .list_block.list_block_1 .item_block{ display: grid; grid-template-columns: 100%; flex-direction: row; max-width: 100%; } .list_block.list_block_1 .item_block:nth-child(2){ flex-direction: row-reverse; } .list_block.list_block_1 .item_block>*{ width: 100%; gap: 5px; margin: 0px; box-sizing: border-box; } .list_block_1 img{ height: 100%; width: auto; } .list_block_1 .item_block_info{ padding: 10px; } .list_block_1 .item_block .img_lb_1{ height: auto; } .list_block_1 .item_block_info>div{ font-size: 12px; font-weight: 400; line-height: 1; } .list_block_1 .item_block_info b{ font-size: 12px; } .list_block_2.list_block{ display: flex; } .list_block_2 .item_block{ gap: 10px; max-width: 100%; text-align: center; align-items: center; } .list_block_2 .item_block .item_block_info{ text-align: left; } .list_block_2 img{ max-width: 300px; } .list_block_2{ font-size: 12px; } .list_block_2 span b{ font-size: 18px; } .list_block_2 span{ margin-bottom: 10px; padding-bottom: 10px; } .sidebar-container{ display: block; } .times_cnt{ margin-bottom: 40px; } .times_item>div{ gap: 10px; } .times_item{ gap: 20px; font-size: 14px; } .times_item b{ font-size: 16px; } .times_item img{ width: 120px; height: auto; object-fit: contain; } .detail_action .card_action{ height: 630px; } .pricelist_table{ margin-bottom: 20px; padding: 0px; border: none; } .pricelist_table .small_text{ font-size: 12px; } .staff_slider_img img{ height: 250px; margin-bottom: 10px; } .staff_slider_text p{ margin-bottom: 10px; } .seo_detail{ font-size: 12px; } .menu_catalog_sertificate{ padding: 15px; box-sizing: border-box; width: 100%; } .pricelist_table .pricelist_item{ margin-bottom: 10px; font-size: 14px; } .container_certificate>div>a, .container_certificate>div>span{ font-size: 14px; } .detail-banner-container{ grid-template-columns: 100%; } .detail-banner-container .left-main-banner{ padding: 20px 10px; } .fixed-picture-container{ position: static; height: 300px; grid-template-columns: 100%; display: block; } } /* End */ /* Start:/local/templates/spa_di_2/components/bitrix/menu/main_menu/style.css?17720767331282*/ .main-menu{ display: flex; gap: 5px; align-items: center; } .main-menu .main_menu_li .menu_child.show-menu{ opacity: 1; visibility: visible; } .main-menu li a{ white-space: nowrap; font-size: 15px; font-weight: 400; position: relative; padding: 10px 20px; display: inline-block; box-sizing: border-box; } .main-menu li a:hover{ color: #000000; } .menu_child{ background-color: rgba(255, 255, 255, 0.90); position: absolute; left: 0px; top: 100%; display: grid; flex-direction: column; column-gap: 40px; grid-template-columns: repeat(1, 1fr); visibility: hidden; opacity: 0; transition: all 0.6s; z-index: 20; } .menu_child li:hover a{ color: var(--color-brown); } .elements_menu{ display: none; position: absolute; background: #fff; z-index: 10; left: 100%; top: 0px; height: 100%; width: auto; } .child_menu_li:hover .elements_menu{ display: block; } .main_menu_li{ position: relative; } .main_menu_li:hover .menu_child{ } .child_menu_li a,.elements_menu a{ width: 100%; padding: 15px 20px; box-sizing: border-box; padding-top: 8px; padding-bottom: 8px; display: block; } .child_menu_li a{ font-size: 12px; } /* End */ /* Start:/local/templates/spa_di_2/components/bitrix/menu/footer_menu/style.css?1769562372305*/ .footer-menu{ display: flex; flex-direction: column; gap: 10px; } .footer-menu li a{ color: #ffffff; text-transform: uppercase; font-weight: 300; font-family: Arial; font-size: 12px; } .footer-menu li a:hover{ color: var(--color-brown); text-transform: uppercase; } /* End */ /* Start:/local/components/cookie.notification/templates/.default/style.css?17797645122766*/ .cookie-notification-modal{ width: 100%; font-size: 16px; position: fixed; bottom: 0; left: 0; z-index: 106000; padding: 10px 20px; line-height: 1.5; background: #7faca5; color: #fff; box-sizing: border-box; } jdiv jdiv.notranslate{ /*position: absolute !important;*/ z-index: 105888 !important; } .cookie-agree{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; align-items: center; } @media (max-width:767px){ .cookie-agree{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column } } .cookie-agree__text{ line-height:1.1; margin:0; } @media (min-width:768px){ .cookie-agree__text{ padding-right:10px } } @media (max-width:767px){ .cookie-agree__text{ margin-bottom:10px } } .cookie-agree__buttons{ display:-webkit-box; display:-ms-flexbox; display:flex } @media (max-width:767px){ .cookie-agree__buttons{ -ms-flex-item-align:center; align-self:center; -webkit-box-pack:stretch; -ms-flex-pack:stretch; justify-content:stretch; width:100% } } .cookie-agree__button{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; color:#fff; font-size:12px; height:35px; border-radius:4px; -webkit-transition:color .3s ease-out,background .3s ease-out; transition:color .3s ease-out,background .3s ease-out; cursor:pointer } @media (min-width:768px){ .cookie-agree__button{ width:140px } } @media (max-width:767px){ .cookie-agree__button{ -webkit-box-flex:1; -ms-flex:1 0 140px; flex:1 0 140px } } .cookie-agree__button:not(:last-child){ margin-right:10px } .cookie-agree__button.btn-green{ background:#66c05d; border:1px solid #66c05d } @media (min-width:992px){ .cookie-agree__button.btn-green:hover{ color:#71c768; background:#fff } } @media (max-width:991px){ .cookie-agree__button.btn-green:active{ color:#71c768; background:#fff } } .cookie-agree__button.btn-dark{ background:#333f46; border:1px solid #333f46 } @media (min-width:992px){ .cookie-agree__button.btn-dark:hover{ color:#333f46; background:#fff } } @media (max-width:991px){ .cookie-agree__button.btn-dark:active{ color:#333f46; background:#fff } } /* End */ /* /local/templates/spa_di_2/assets/libs/swiper/swiper-bundle.min.css?176102416918454 */ /* /local/templates/spa_di_2/assets/css/root.css?17796863011060 */ /* /local/templates/spa_di_2/assets/css/main.css?179116662815217 */ /* /local/templates/spa_di_2/assets/css/page/mainpage.css?178771612712643 */ /* /local/templates/spa_di_2/assets/css/page/catalog.css?17913513962897 */ /* /local/templates/spa_di_2/assets/css/page/form.css?17877245783635 */ /* /local/templates/spa_di_2/assets/css/page/about.css?1775697283826 */ /* /local/templates/spa_di_2/assets/css/page/services_detail.css?17821760829515 */ /* /local/templates/spa_di_2/assets/css/page/cart.css?17796890002291 */ /* /local/templates/spa_di_2/assets/css/mobile.css?1761009830631 */ /* /local/templates/spa_di_2/assets/css/animation.css?1782971693534 */ /* /local/templates/spa_di_2/assets/css/sprites.css?1774403472771 */ /* /local/templates/spa_di_2/assets/css/media/media1100px.css?178772261111453 */ /* /local/templates/spa_di_2/assets/css/media/media768px.css?17913509591346 */ /* /local/templates/spa_di_2/assets/css/media/media768px_detail.css?17720845134073 */ /* /local/templates/spa_di_2/components/bitrix/menu/main_menu/style.css?17720767331282 */ /* /local/templates/spa_di_2/components/bitrix/menu/footer_menu/style.css?1769562372305 */ /* /local/components/cookie.notification/templates/.default/style.css?17797645122766 */