/** * Swiper 11.1.14 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 12, 2024 */ @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} /* Different for the frontpage and internals */ #ot-ya-rent{ width:44%; height:100%; border:0px solid #e6e6e6; border-radius:8px; box-sizing:border-box; } #ot-ya-rent .badge{ max-width: fit-content; } .uc-otz-page-rent{ background-color: #fafafa; height: 1042px; } .uc-otz-page-rent .t123,.uc-otz-page-rent .t-container_100 { height: inherit; } .uc-otz-page-rent .t-width.t-width_100{ height: inherit; display: flex; justify-content: center; } .uc-shop-polka .t-store__filter__options, .uc-shop-polka .t-store__filter__options{ display: none !important; } h3{ font-width: 400; } #rec1052481761 .t467, .uc-oppi .t467{ box-shadow: 0px 0px 10px 1px #00000085; margin-left: 250px; margin-right: 200px; padding: 25px 0px; background-color: #fff; } #rec1091722511 .t004, .uc-oppi .t467{ box-shadow: 0px 0px 10px 1px #00000085; margin-left: 200px; margin-right: 200px; padding: 25px 0px; background-color: #fff; } #rec1091704286 .t-prefix_2{ padding-left: 0px!important; } #rec1052481761 .t-col_12 ,#rec1091722511 .t-col_12, #rec1091826576 .t-col_12, #rec1091704286 .t-col_8{ max-width: 100%!important; } #rec1091722511 .t-text_md { text-align: justify; } #rec1091722511 .t-container, #rec1091704286 .t-container{ max-width: 1300px!important; } #allrecords ul.t-card__container { display: flex; justify-content: center; } .t1108__container { display: flex; flex-wrap: wrap; justify-content: center; } #rec1080167276 .t-width_100 { display: flex; justify-content: center; } #otz-w{ display: flex; flex-wrap: nowrap; width:95%; } #otz1{ width:30%; } #otz2{ width:70%; } #otz-w h3{ text-align: center; } #rec922796743 .t923__textwrapper{ padding: 10px 0px!important; text-align: center; } #rec922796743 .t923__content{ background-color: #818181ab!important; height: 44px; position: absolute; bottom: 0px; z-index: 9; width:100%; border-radius: 0px 0px 8px 8px; } #rec922796743 .t-name_xs { color:#fff!important; } #rec922796743 .t923__wrapper{ border-radius: 8px; box-shadow: 0px 0px 5px 0px #00000085; display: flex; flex-direction: column; align-items: center; clip-path: content-box; } .panels { overflow: hidden; display: -webkit-box; display: flex; position: relative; z-index: 1; } .t706__carticon-imgwrap{ display: flex; align-items: center; justify-content: center; } .t706__carticon-img{ padding:0px!important; } #rec821896928{ z-index:3; } #rec821833655 .tn-elem[data-elem-id="1730887927798"] .tn-atom{ text-align: left; } #t-footer{ max-width:100%!important; } .uc-kio-1 h1{ color:#000; font-size:30px!important; text-align: left!important; font-weight: 400; } #rec821833655 h1, #rec825513989 h1,#rec829405077 h1, #rec846547985 h1{ color: #fff!important; font-family: 'Exo2'; font-size: 64px!important; font-weight: 300!important; } #rec829405077 h1{ text-transform: uppercase; } #rec821833655 h2{ color: #fff; font-size: 35px; font-weight: 300; width: max-content; } .uc-banner-form .t-form__inputsbox{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .uc-banner-form .t-input-group.t-input-group_ta{ width:49%; } .uc-banner-form .t-input-group.t-input-group_nm{ width:49%; } .uc-banner-form .t-input-group.t-input-group_ph{ width:100%; } .uc-banner-form .t-input{ background-color: rgba(255, 255, 255, 0.77)!important; backdrop-filter: blur(14px); border-radius: 3px!important; outline: unset!important; font-size: inherit!important; padding-left: 10px!important; border-width: 1px!important; border-color: #ddd!important; padding: 10px!important; height: auto!important; } .uc-clider-may .t923__textwrapper.t923__paddingsmall{ display:none; } .uc-liiil{ background-color:#000; } #calc{ color:#fff!important; } .panel { -webkit-box-flex: 1; flex: 1; cursor: pointer; background-position: center center; background-size: cover; } .panel__content { width: 100%; height: 102%; overflow: hidden; cursor: pointer; background: inherit; } .panel:before, .panel__content:before { content: ' '; display: block; width: 100%; height: 100%; } .panel:before { background: rgba(255, 255, 255, 0.3); position: relative; z-index: 99; opacity: 0; -webkit-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } /* The non-CSS Var hover state */ .panel:hover:before, .panel:focus:before { opacity: 1; } .panel:hover .panel__content, .panel:focus .panel__content { position: absolute; top: -1%; left: 0; z-index: 98; } /* If CSS Vars are supported... */ @supports ( (--panel-support: 0) ) { .panel { --i: 0; --percent: calc( ((var(--i) - 1) / var(--items)) * 100 ); } /* A simple LESS loop to set up the CSS vars. Output will be something like .panels--1 { --items: 1; } .panth:nth-child(1) { --i: 1; } .panels--2 { --items: 2; } .panth:nth-child(2) { --i: 2; } ..up to the total number provided. */ .panel:nth-last-child(n + 1), .panel:nth-last-child(n + 1) ~ .panel { --items: 1; } .panel:nth-child( 1) { --i: 1; } .panel:nth-last-child(n + 2), .panel:nth-last-child(n + 2) ~ .panel { --items: 2; } .panel:nth-child( 2) { --i: 2; } .panel:nth-last-child(n + 3), .panel:nth-last-child(n + 3) ~ .panel { --items: 3; } .panel:nth-child( 3) { --i: 3; } .panel__content { position: absolute; top: -1%; left: 0%; z-index: auto; -webkit-transform: translateX(calc( var(--percent) * 1% )); transform: translateX(calc( var(--percent) * 1% )); } .panel__content:before { background: inherit; -webkit-transform: translateX(-50%) translateX(calc(100% / var(--items) * 0.5 )); transform: translateX(-50%) translateX(calc(100% / var(--items) * 0.5 )); } .panel__content, .panel__content:before { -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.44, 0, 0, 1); transition: -webkit-transform 0.4s cubic-bezier(0.44, 0, 0, 1); transition: transform 0.4s cubic-bezier(0.44, 0, 0, 1); transition: transform 0.4s cubic-bezier(0.44, 0, 0, 1), -webkit-transform 0.4s cubic-bezier(0.44, 0, 0, 1); } /* When there's an active hover on the container. This will apply to all panels in the container, unless overridden */ .panels:hover .panel__content { z-index: auto; -webkit-transform: translateX(0%); transform: translateX(0%); } /* Panels after the hovered panel */ .panel:hover ~ .panel .panel__content { -webkit-transform: translateX(100%); transform: translateX(100%); } /* The active panel */ .panel:hover .panel__content, .panel:focus .panel__content { -webkit-transform: translateX(0%); transform: translateX(0%); } .panel:hover .panel__content:before, .panel:focus .panel__content:before { -webkit-transform: translateX(0%) scale(1.2); transform: translateX(0%) scale(1.2); } .panel:focus .panel__content, .panel:focus .panel__content:before { -webkit-transition: none !important; transition: none !important; } } /* ////////////////////////////////////// STYLISTIC CHOICES //////////////////////////////////// */ .panels { box-shadow: var(--shadow); height: 30vh; /*margin: 10vh auto;*/ /*min-height: 300px;*/ max-height: 700px; } /* Set up the background images */ .panel:nth-child( 3) { background-image: url( 'https://static.tildacdn.com/tild6265-3262-4039-a130-366266313936/slide2.jpg' ); } .panel:nth-child( 2) { background-image: url( 'https://static.tildacdn.com/tild6462-6532-4033-b766-343863343564/slider2.jpg' ); } .panel:nth-child( 1) { background-image: url( 'https://static.tildacdn.com/tild6665-3361-4532-b932-363166653062/slider1.jpg' ); } @media (min-width: 801px) { .panels {height: 250px;} .panel:nth-child( 3) { background-image: url( 'https://static.tildacdn.com/tild6265-3262-4039-a130-366266313936/slide2.jpg' ); } .panel:nth-child( 2) { background-image: url( 'https://static.tildacdn.com/tild6462-6532-4033-b766-343863343564/slider2.jpg' ); } .panel:nth-child( 1) { background-image: url( 'https://static.tildacdn.com/tild6665-3361-4532-b932-363166653062/slider1.jpg' ); } } @media(max-width: 968px){ .panels{ height: 20vh; } } .uc-comm-slider .t923__bgimg{ border-radius: 50%; } main p + p { margin-top:var(--s-1) } /* Frontpage blocks */ /* Slider */ .front-slider { width: 100%; height: 20vh; overflow: hidden; position: relative; } .front-slider > * { } .front-slider > *:first-child { } .front-slider > *:first-child > * { /*max-height: 60vh; object-fit: cover; object-position: 0% 0%; width: auto; min-width: 100%;*/ } .flickity-button { z-index: 10; padding: 0; } .flickity-button > * { background: none; } .flickity-prev-next-button { top: 15%!important; } .carousel-cell { height: 60vh; width: 100%; } .carousel-cell p { overflow: hidden; background: #050505; text-align: right; } .carousel-cell img { /*width: auto;*/ width: 75%; min-height: 60vh; object-fit: cover; /*object-position: 0 0;*/ } .front-slider > *:last-child { position: absolute; top: 0; background: none; width: 100%; height: 20vh; display: flex; pointer-events: none; } .front-slider > *:last-child > * { display: flex; /*flex-wrap: wrap;*/ margin: auto; width: 100%; } .front-slider > *:last-child > * > * { flex-basis: 15rem; margin: auto; text-align: center; } .slider-button { margin-top: calc(var(--s2) * -2); margin-bottom: var(--s3); position: relative; background: none; } /* Services buttons and black panel */ .presentation { display: flex; flex-wrap: nowrap; justify-content: center; margin-top: 0px; max-width: 1500rem; margin-right: auto; margin-left: auto; flex-direction: column; align-items: center; } .presentation > * { display: flex; flex-wrap: wrap; flex-basis: 20ch; flex-grow: 2; font-size: calc(.333vw + var(--s-1)); align-items: center; justify-content: center; flex-direction: row; } .presentation > * > a { text-decoration: none; position: relative; z-index: 0; } .presentation > * > a > div { display: flex; align-items: center; /*margin: calc(var(--s-2) / 2);*/ box-shadow: 0 4px 5px 0px #ddd; padding: var(--s-1) var(--s2); border-radius: var(--s3); position: relative; border: 1px solid #ebebeb; background-color: #fafafa; width: 100%; min-width: 250px; margin: 0px 10px; } @media(min-width: 969px){ .presentation > * > a > div { width:360px; } } /* Hover effects */ .presentation > * > a:hover > div { box-shadow: none; } .presentation > * > a:hover:after { background: #F3CE5E; animation: 2s counterclockwise infinite; top: 0; } @keyframes clockwise { 0% { transform: translate(4px, 0px); } 12% { transform: translate(2px, 2px); } 25% { transform: translate(0px, 4px); } 37% { transform: translate(-2px, 2px); } 50% { transform: translate(-4px, 0px); } 62% { transform: translate(-2px, -2px); } 75% { transform: translate(0px, -4px); } 87% { transform: translate(2px, -2px); } 100% { transform: translate(4px, 0px); } } @keyframes counterclockwise { 0% { transform: translate(-4px, 0px); } 12% { transform: translate(-2px, 2px); } 25% { transform: translate(0px, 4px); } 37% { transform: translate(2px, 2px); } 50% { transform: translate(4px, 0px); } 62% { transform: translate(2px, -2px); } 75% { transform: translate(0px, -4px); } 87% { transform: translate(-2px, -2px); } 100% { transform: translate(-4px, 0px); } } /* End of effects */ .presentation > * > a p { max-width: 16ch; text-transform: uppercase; text-align: center; background: none; } .presentation > * > a img { width: 5ch; } /* Orginally * + * */ .presentation > * > a { margin-top: calc(var(--s-2) * 2); } .presentation > * > a > * > * + * { margin-left: var(--s-3); } .presentation .black { flex-basis: 50ch; text-align: center; background: #202020; color: #fff; padding: var(--s1); /*margin: var(--s-1);*/ margin-top: var(--s3); flex-grow: 1; width:50%; } .presentation .black > * { border: 3px solid; padding: var(--s0); } .presentation .black h1 { font-size: calc(.333vw + var(--s-1)); color: #ba1a1b; text-transform: uppercase; margin-bottom:var(--s-1); font-weight: normal; } .presentation .black hr { color: #ba1a1b; border-top: 2px solid; border-bottom: none; margin-bottom: var(--s-1); padding: 0; width: 35%; margin-left: auto; margin-right: auto; } .presentation .black a { color: rgba(186,26,28,1); text-decoration: none; text-transform: uppercase; } @media (min-width: 60em) { .presentation > *:nth-child(2) { order: 3; } .presentation .black { font-size: 0.7em; margin-top: var(--s-1); flex-basis: 42ch; } } /* Calculator */ .calc { max-width: 100%; background: url('/admin/templates/site/banket-front/webp/calc_bg.webp'); /*padding: 0 var(--s0);*/ background-size: contain; background-repeat: no-repeat; background-position: left bottom; text-transform: uppercase; font-size: var(--s-1); font-weight: bold; } .calc > * { display: flex; flex-wrap: wrap; justify-content: flex-end; max-width: 55rem; margin: auto; } .calc > * > * { flex-basis: 40rem; background: rgba(250, 250, 250, 0.8); border-radius: 8px; padding: var(--s0); } .calc h2 { display: block; text-align: center; margin-bottom: var(--s1); text-transform: unset; } .calc > * > * > * + * { margin-top: var(--s-1); } .calc .type1 { display: flex; /*justify-content: space-between;*/ background: none; } .calc .type1 > *:first-child { flex-basis: 13ch; /*position: absolute;*/ /*align-self: flex-end;*/ } .calc .type1 > *:last-child { display: flex; flex-wrap: wrap-reverse; justify-content: flex-end; flex-grow: 1; /*margin-left: -4ch;*/ } .calc .type1 > *:last-child > *:first-child { margin: auto; flex-basis: 21rem; /*margin-left: 1ch;*/ /*flex-grow: 1;*/ position: relative; } .calc .type1 > *:last-child > *:first-child > * { display: flex; justify-content: space-between; } .calc .type1 > *:last-child > *:first-child > *:first-child { /*margin: 0 var(--s-1);*/ font-weight: normal; } .calc .type1 > *:last-child > *:first-child > * > p { margin-top: 0; margin-bottom: var(--s-4); text-transform: none; width: 3ch; text-align: center; } .calc .type1 > *:last-child > *:last-child { flex-basis: 8ch; margin-left: 1ch; text-align: right; /*align-self: flex-start;*/ } .calc .type2 { border-top: 2px solid var(--color-brand); padding-top: var(--s-1); } .calc .type2, .calc .type3 p { text-align: center; color: var(--color-brand); } .calc .type2 > div { display: flex; background: var(--color-brand); max-width: 40ch; justify-content: space-around; margin: auto; margin-top: var(--s-1); padding: var(--s-1); border-radius: 8px; color: #fff; } .calc .type3 { display: flex; flex-wrap: wrap; justify-content: space-around; margin: calc(var(--s-1) * -0.5); margin-top: calc(var(--s-1) * 0.5); } .calc .type3 > div { margin: calc(var(--s-1) / 2); } .calc .type3 > div > div { margin-top: var(--s-1); padding: var(--s-1); border-radius: 8px; padding-right: var(--s2); } .calc .type3 > div:first-child > div { background: var(--color-brand); color: #fff; position: relative; } .calc .type3 > div:first-child > div::after { content: ''; background: url(../images/triangle.svg); background-size: contain; background-repeat: no-repeat; position: absolute; left: 40%; top: 85%; width: 18%; height: 35%; transform: rotate(90deg); /* left: 99%; width: 25%; height: 44%; top: 28%;*/ } .calc .type3 > div:nth-child(2) > div { background: #e4e4e4; } .calc .type3 > div > div > * + * { margin-top: var(--s-2); } .calc .type4 { border: 1px solid #e4e4e4; border-radius: 8px; margin-top: var(--s1); padding-left: var(--s-3); } .calc .type4 > * { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; text-align: center; } .calc .type4 > * > * { margin: var(--s-4); position: relative; flex-grow: 1; } .calc .type4 > * > *:not(:first-child):not(:last-child)::before { content: ""; display: block; width: 1px; height: var(--s1); position: absolute; top: 40%; left: calc(var(--s-4) * -1); margin-top: calc(var(--s-3) * -1); background: #e4e4e4; } .calc .type4 > * > * > *:nth-child(2) { color: var(--color-brand); } /* Calculator elements */ .slidecontainer { width: 100%; } .range-slider { -webkit-appearance: none; width: 100%; height: 1rem; border-radius: 8px; background: #e4e4e4; border: solid 1px #d3d3d3; outline: none; /*opacity: 0.82;*/ --uu: calc((100% - 1rem) / (var(--max) - var(--min))); } .range-slider { --pos: calc(0.5rem + (var(--c) - var(--min)) * var(--uu)); z-index: 10; } .range-slider::-webkit-slider-runnable-track { -webkit-appearance: none; appearance: none; border: none; width: 100%; height: 1rem; border-radius: 8px; background: linear-gradient(#ba1a1b, #ba1a1b); background-repeat: no-repeat; background-size: var(--pos) 100%; } input[type='range']::-moz-range-progress { border: none; width: 100%; height: 1rem; border-radius: 8px 0 0 8px; background: linear-gradient(#ba1a1b, #ba1a1b); } input[type='range']::-ms-fill-lower { border: none; width: 100%; height: 1rem; border-radius: 8px 0 0 8px; background: linear-gradient(#ba1a1b, #ba1a1b); } /* Range slider handle styling */ .range-slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 1.4rem; height: 1.4rem; margin-top: -0.25rem; /*margin-left: -0.25rem;*/ border-radius: 50%; border: solid 1px #d3d3d3; background: linear-gradient(rgba(230,230,230,1) 5%, rgba(250,250,250,1) 50%); box-shadow: 0 2px 3px 0px #b6b6b6; cursor: pointer; } .range-slider::-moz-range-thumb { width: 25px; height: 25px; margin-top: -5px; border-radius: 50%; border: solid 1px #d3d3d3; background: linear-gradient(rgba(230,230,230,1) 5%, rgba(250,250,250,1) 50%); box-shadow: 0 2px 3px 0px #e4e4e4; cursor: pointer; } input[type='range']::-ms-thumb { width: 25px; height: 25px; margin-top: -5px; border-radius: 50%; border: solid 1px #d3d3d3; background: linear-gradient(rgba(230,230,230,1) 5%, rgba(250,250,250,1) 50%); box-shadow: 0 2px 3px 0px #e4e4e4; cursor: pointer; } /* Containers for radio and switch */ .radiocontainer, .switch { display: block; position: relative; cursor: pointer; } /* Hide the browser's default radio button and switch */ .radiocontainer input, .switch input { display: none; } /* Radio styling */ .radiocontainer { padding-left: 35px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .radiocontainer.inverse { padding-right: 35px; padding-left: unset; text-align: right; } /* Create a custom radio button */ .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #fafafa; border: solid 1px #8f1a1b; /*opacity: 0.82;*/ border-radius: 50%; } .radiocontainer.inverse .checkmark { left: unset; right: 0; } /* Create and style the indicator (dot/circle) */ .radiocontainer input:checked ~ .checkmark:after { content: ""; position: absolute; display: block; top: 6px; left: 6px; width: 6px; height: 6px; border-radius: 50%; background: #ba1a1b; } /* Switch styling */ .switch { padding-left: 60px; } /* Create custom slider switch */ .switch--slider { position: absolute; top: 0; left: 0; width: 2rem; height: 1rem; background-color: #fafafa; border: solid 1px #d3d3d3; border-radius: 2rem; box-shadow: 0 1px 3px 0px #fafafa; /*opacity: 0.82;*/ -webkit-transition: .4s; transition: .4s; } /* Create and style the indicator (dot/circle) */ .switch--slider:before { position: absolute; content: ""; height: 1.2rem; width: 1.2rem; left: -0.1rem; top: -0.15rem; border-radius: 50%; border: solid 1px #d3d3d3; background: linear-gradient(rgba(230,230,230,1) 5%, rgba(250,250,250,1) 50%); box-shadow: 0 2px 3px 0px #b6b6b6; cursor: pointer; -webkit-transition: .4s; transition: .4s; } input:checked + .switch--slider { background-color: #ba1a1b; } input:checked + .switch--slider:before { -webkit-transform: translateX(1rem); -ms-transform: translateX(1rem); transform: translateX(1rem); } input:focus + .switch--slider { box-shadow: 0 0 1px #ba1a1b; } /* Hover for all */ .range-slider:hover, .radiocontainer:hover input ~ .checkmark, .switch:hover input ~ .switch--slider { opacity: 1; } /* Calculator elements END */ /* Menu kitchen and bar */ .menus { display: flex!important; padding: var(--s1) 0; background-image: url('/admin/templates/site/banket-front/webp/bg3.webp'); background-size: cover; justify-content: space-evenly; text-align: center; max-width: 100%; } .menus a { padding: var(--s-1) calc(var(--s-1) * 3); background: #fff; border-radius: 8px; margin: 0 var(--s-2); text-decoration: none; } .menus img { width: auto; max-width: 100%; } .menus p:first-of-type { text-transform: uppercase; font-weight: bold; font-size: 1.4em; } .menus a:hover p:last-of-type { text-decoration: underline; color: rgba(186,26,28,0.82); } /* Gift */ .gift { max-width: 100%; } .gift > * { display: flex; flex-wrap: wrap; align-items: center; max-width: 65rem; margin: auto; } .gift > * > * { flex-basis: 25ch; flex-grow: 1; } .gift > * > *:nth-child(2) { min-width: 66%; background: url('/admin/templates/site/banket-front/webp/yellow.webp'); background-size: contain; background-repeat: no-repeat; background-position-x: 100%; display: flex; max-width: 31rem; margin: auto; justify-content: flex-start; } .gift > * > * > div { } .gift img { max-width: 20ch; margin: auto; display: block; } .gift p { text-align: center; text-transform: uppercase; } .gift p:first-of-type { background: url('../images/shape.png'); background-size: contain; padding: var(--s1); max-width: 32ch; background-repeat: no-repeat; background-position: center; margin: auto; color: rgba(186,26,28,0.82); font-weight: bold; font-size: calc(0.75vw + 0.95em); font-size: 22px; } .p-bonus{ font-size:12px; } /* Red zone with events */ .events { max-width: 100%; background: var(--color-brand); opacity: 0.82; color: #fff; /*font-size: calc(.333vw + var(--s-1));*/ text-align: center; padding: var(--s1); } .events > * { max-width: 55rem; margin: auto; background: none; } .events > * > * { margin: calc(var(--s-1) * -1); display: flex; flex-wrap: wrap; justify-content: center; } .events > * > * > * { flex-basis: 12rem; flex-grow: 1; margin: var(--s-1); display: flex; flex-direction: column; max-width: 22rem; text-decoration: none; } .events > * > * > * > * + * { margin-top: var(--s-1); } .events > * > * > * > div { display: flex; flex-direction: column; flex-grow: 1; justify-content: space-between; } .events img { border-radius: 8px; } .events h2 { /*font-size: calc(.4vw + var(--s-2));*/ font-size: 1.2em; text-transform: uppercase; margin-bottom: var(--s-1); } .events span { text-decoration: underline; } .events span:hover { text-decoration: none; } .events img::after { content: 'Посмотреть'; position: absolute; background: rgba(45, 45, 45, 0.60); width: 100%; height: 100%; padding: 40% 0; text-align: center; color: var(--color-light); letter-spacing: 0.1em; opacity: 0; transition: opacity 0.1s ease-in; } .events a:hover > img::after { opacity: 1; } /* How we work - in style_2020.css */ /* Advantages, with girl's face */ .advantages-front { max-width: 100%; background-image: url('/admin/templates/site/banket-front/webp/bg_girl.webp'); background-size: contain; background-repeat: no-repeat; background-position: center bottom; background-color: #060606; color: var(--color-light); font-size: calc(.333vw + var(--s-1)); padding-top: var(--s2); padding-bottom: calc(var(--s5) * 1.5 ); } .advantages-front > * { background: rgba(50, 50, 50, 0.40); border-radius: 8px; max-width: 90ch; margin: auto; padding: var(--s1); } .advantages-front > * > * { background: none; } .advantages-front > * > * > * { /*margin: calc(var(--s-1) * -1);*/ display: flex; flex-wrap: wrap; align-items: center; } .advantages-front > * > * > * > * { flex-basis: 5rem; margin: var(--s-1); } .advantages-front h2 { color: #fff; text-align: center; display: block; margin-bottom: var(--s2); } .advantages-front > * > * > * > *:first-child { padding: 15px; background-color: var(--color-brand); border-radius: 50%; margin: auto; } .advantages-front > * > * > * > *:last-child { flex-grow: 1; min-width: 66%; text-align: center; } .advantages-front > * > * > * > * > p:first-child { text-transform: uppercase; font-weight: bold; } .advantages-front img { display: block; background: none; } /* Video */ .video { } .video > * { display: flex; flex-wrap: wrap; justify-content: center; } .video > * > div { flex-basis: calc(20rem - var(--s-1)); margin: calc(var(--s-1) / 2); position: relative; } .video h2 { margin-bottom: var(--s2); display: block; } .video > * > div a::after { content: ''; position: absolute; top: 50%; left: 50%; width: 68px; height: 48px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' version='1.1' viewBox='0 0 68 48' width='100%25'%3E%3Cpath class='ytp-large-play-button-bg' d='M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z' fill='%23ff000' fill-opacity='0.8'%3E%3C/path%3E%3Cpath d='M 45,24 27,14 27,34' fill='%23fff'%3E%3C/path%3E%3C/svg%3E"); transform: translate(-50%, -50%); transition: background-image 0.2s ease-in; } .video > * > div a:hover::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' version='1.1' viewBox='0 0 68 48' width='100%25'%3E%3Cpath class='ytp-large-play-button-bg' d='M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z' fill='%23ff0000' fill-opacity='0.8'%3E%3C/path%3E%3Cpath d='M 45,24 27,14 27,34' fill='%23fff'%3E%3C/path%3E%3C/svg%3E"); } .video img { display: block; } .video p { display: block; margin-top: var(--s-1); } /* For single videos */ .card-style__video-thumb::after { content: ''; position: absolute; width: 68px; height: 48px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' version='1.1' viewBox='0 0 68 48' width='100%25'%3E%3Cpath class='ytp-large-play-button-bg' d='M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z' fill='%23ff000' fill-opacity='0.8'%3E%3C/path%3E%3Cpath d='M 45,24 27,14 27,34' fill='%23fff'%3E%3C/path%3E%3C/svg%3E"); transition: background-image 0.2s ease-in; } .card-style__video-thumb:hover::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' version='1.1' viewBox='0 0 68 48' width='100%25'%3E%3Cpath class='ytp-large-play-button-bg' d='M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z' fill='%23ff0000' fill-opacity='0.8'%3E%3C/path%3E%3Cpath d='M 45,24 27,14 27,34' fill='%23fff'%3E%3C/path%3E%3C/svg%3E"); } .single-video::after { } /* Kitchen */ .kitchen { max-width: 100%; font-size: calc(.333vw + var(--s-1)); } .kitchen > * > * { display: flex; flex-wrap: wrap; max-width: 65rem; margin: auto; } .kitchen > * > * > * { flex-basis: 24rem; margin: auto; } .kitchen > *:first-child { background: url('/admin/templates/site/banket-front/webp/kitchen.webp'); background-size: cover; background-repeat: no-repeat; padding: var(--s-2); padding-top: var(--s3); padding-bottom: var(--s5); } .kitchen > *:first-child > * > * { flex-basis: 50ch; } .kitchen > *:first-child > * > *:last-child { background: rgba(255, 255, 255, 0.80); padding: var(--s3) var(--s2); border-radius: 8px; } .kitchen > *:first-child > * > *:last-child > * { background: none; } .kitchen > *:first-child > * > *:last-child p { text-align: justify; } .kitchen > *:nth-child(2) { background: linear-gradient(to right, #a6a6a6, #eaebed 30%); } .kitchen > *:nth-child(2) > * > *:first-child { flex-grow: 1; margin-top: unset; } .kitchen > *:nth-child(2) > * > *:last-child { padding: var(--s2); flex-grow: 999; } .kitchen h2 { text-align: center; margin-bottom: var(--s2); } .kitchen ul { padding-left: 2em; max-width: 40em; margin: auto; list-style-position: outside; } .kitchen img { display: block; max-width: 33rem; margin: 0 auto; } .kitchen > *:last-child { margin-top: var(--s1); } /* Old blocks -> harmonize */ .offers { padding: 0 var(--s1); max-width: 100%; } .store, .skolko > * { max-width: 100%; padding: 0px 17px; } .skolko { max-width: 100%; display:none; } .services { max-width: 100%; padding: 0px!important; } .store > *, .skolko > * > *, .services > * { display: block; margin-left: auto; margin-right: auto; max-width: 1500px; } .skolko h2 { margin-bottom: var(--s2); } /* Frontpage end */ /* In use widely, need to keep -> update with better practices */ .f-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -10px;padding:0px}.f-row img{display:block;max-width:100%;width:100%}.f-row--justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.f-row--align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.f-col{margin:5px}.f-col--w20{-ms-flex-preferred-size:calc(20% - 10px);flex-basis:calc(20% - 10px);max-width:calc(20% - 10px)}.f-col--w25{-ms-flex-preferred-size:calc(25% - 10px);flex-basis:calc(25% - 10px);max-width:calc(25% - 10px)}.f-col--w33{-ms-flex-preferred-size:calc(33.3333% - 10px);flex-basis:calc(33.3333% - 10px);max-width:calc(33.3333% - 10px)}.f-col--w50{-ms-flex-preferred-size:calc(50% - 10px);flex-basis:calc(50% - 10px);max-width:calc(50% - 10px)}.f-col--w66{-ms-flex-preferred-size:calc(66% - 10px);flex-basis:calc(66% - 10px);max-width:calc(66% - 10px)}.f-col--w75{-ms-flex-preferred-size:calc(75% - 10px);flex-basis:calc(75% - 10px);max-width:calc(75% - 10px)}.f-col--w100{-ms-flex-preferred-size:calc(100% - 10px);flex-basis:calc(100% - 10px);max-width:calc(100% - 10px)}@media (max-width: 1023px){.f-col--md-w20{-ms-flex-preferred-size:calc(20% - 10px);flex-basis:calc(20% - 10px);max-width:calc(20% - 10px)}.f-col--md-w25{-ms-flex-preferred-size:calc(25% - 10px);flex-basis:calc(25% - 10px);max-width:calc(25% - 10px)}.f-col--md-w33{-ms-flex-preferred-size:calc(33.3333% - 10px);flex-basis:calc(33.3333% - 10px);max-width:calc(33.3333% - 10px)}.f-col--md-w50{-ms-flex-preferred-size:calc(50% - 10px);flex-basis:calc(50% - 10px);max-width:calc(50% - 10px)}.f-col--md-w66{-ms-flex-preferred-size:calc(66% - 10px);flex-basis:calc(66% - 10px);max-width:calc(66% - 10px)}.f-col--md-w75{-ms-flex-preferred-size:calc(75% - 10px);flex-basis:calc(75% - 10px);max-width:calc(75% - 10px)}.f-col--md-w100{-ms-flex-preferred-size:calc(100% - 10px);flex-basis:calc(100% - 10px);max-width:calc(100% - 10px)}}@media (max-width: 768px){.f-col--sm-w20{-ms-flex-preferred-size:calc(20% - 10px);flex-basis:calc(20% - 10px);max-width:calc(20% - 10px)}.f-col--sm-w25{-ms-flex-preferred-size:calc(25% - 10px);flex-basis:calc(25% - 10px);max-width:calc(25% - 10px)}.f-col--sm-w33{-ms-flex-preferred-size:calc(33.3333% - 10px);flex-basis:calc(33.3333% - 10px);max-width:calc(33.3333% - 10px)}.f-col--sm-w50{-ms-flex-preferred-size:calc(50% - 10px);flex-basis:calc(50% - 10px);max-width:calc(50% - 10px)}.f-col--sm-w66{-ms-flex-preferred-size:calc(66% - 10px);flex-basis:calc(66% - 10px);max-width:calc(66% - 10px)}.f-col--sm-w75{-ms-flex-preferred-size:calc(75% - 10px);flex-basis:calc(75% - 10px);max-width:calc(75% - 10px)}.f-col--sm-w100{-ms-flex-preferred-size:calc(100% - 10px);flex-basis:calc(100% - 10px);max-width:calc(100% - 10px)}} /* Wider gutter 10px*/ .f-row.m-10px{margin:0 -20px;}.f-row.m-10px .f-col{margin:10px}.f-row.m-10px .f-col--w20{-ms-flex-preferred-size:calc(20% - 20px);flex-basis:calc(20% - 20px);max-width:calc(20% - 20px)}.f-row.m-10px .f-col--w25{-ms-flex-preferred-size:calc(25% - 20px);flex-basis:calc(25% - 20px);max-width:calc(25% - 20px)}.f-row.m-10px .f-col--w33{-ms-flex-preferred-size:calc(33.3333% - 20px);flex-basis:calc(33.3333% - 20px);max-width:calc(33.3333% - 20px)}.f-row.m-10px .f-col--w50{-ms-flex-preferred-size:calc(50% - 20px);flex-basis:calc(50% - 20px);max-width:calc(50% - 20px)}.f-row.m-10px .f-col--w66{-ms-flex-preferred-size:calc(66% - 20px);flex-basis:calc(66% - 20px);max-width:calc(66% - 20px)}.f-row.m-10px .f-col--w75{-ms-flex-preferred-size:calc(75% - 20px);flex-basis:calc(75% - 20px);max-width:calc(75% - 20px)}.f-row.m-10px .f-col--w100{-ms-flex-preferred-size:calc(100% - 20px);flex-basis:calc(100% - 20px);max-width:calc(100% - 20px)}@media (max-width: 1023px){.f-row.m-10px .f-col--md-w20{-ms-flex-preferred-size:calc(20% - 20px);flex-basis:calc(20% - 20px);max-width:calc(20% - 20px)}.f-row.m-10px .f-col--md-w25{-ms-flex-preferred-size:calc(25% - 20px);flex-basis:calc(25% - 20px);max-width:calc(25% - 20px)}.f-row.m-10px .f-col--md-w33{-ms-flex-preferred-size:calc(33.3333% - 20px);flex-basis:calc(33.3333% - 20px);max-width:calc(33.3333% - 20px)}.f-row.m-10px .f-col--md-w50{-ms-flex-preferred-size:calc(50% - 20px);flex-basis:calc(50% - 20px);max-width:calc(50% - 20px)}.f-row.m-10px .f-col--md-w66{-ms-flex-preferred-size:calc(66% - 20px);flex-basis:calc(66% - 20px);max-width:calc(66% - 20px)}.f-row.m-10px .f-col--md-w75{-ms-flex-preferred-size:calc(75% - 20px);flex-basis:calc(75% - 20px);max-width:calc(75% - 20px)}.f-row.m-10px .f-col--md-w100{-ms-flex-preferred-size:calc(100% - 20px);flex-basis:calc(100% - 20px);max-width:calc(100% - 20px)}}@media (max-width: 768px){.f-row.m-10px .f-col--sm-w20{-ms-flex-preferred-size:calc(20% - 20px);flex-basis:calc(20% - 20px);max-width:calc(20% - 20px)}.f-row.m-10px .f-col--sm-w25{-ms-flex-preferred-size:calc(25% - 20px);flex-basis:calc(25% - 20px);max-width:calc(25% - 20px)}.f-row.m-10px .f-col--sm-w33{-ms-flex-preferred-size:calc(33.3333% - 20px);flex-basis:calc(33.3333% - 20px);max-width:calc(33.3333% - 20px)}.f-row.m-10px .f-col--sm-w50{-ms-flex-preferred-size:calc(50% - 20px);flex-basis:calc(50% - 20px);max-width:calc(50% - 20px)}.f-row.m-10px .f-col--sm-w66{-ms-flex-preferred-size:calc(66% - 20px);flex-basis:calc(66% - 20px);max-width:calc(66% - 20px)}.f-row.m-10px .f-col--sm-w75{-ms-flex-preferred-size:calc(75% - 20px);flex-basis:calc(75% - 20px);max-width:calc(75% - 20px)}.f-row.m-10px .f-col--sm-w100{-ms-flex-preferred-size:calc(100% - 20px);flex-basis:calc(100% - 20px);max-width:calc(100% - 20px)}} .catering-towns a{ color:#050505!important; text-decoration: underline!important; } .catering-towns a:hover{ text-decoration: none!important; } .incut { background-color: #fcf2f2; } /*ul { list-style-image: url('../images/check-mark.svg'); list-style-position: outside; }*/ .complex__wrapper ul li { background-image: url('https://viezdnoy-banket.ru/admin/templates/site/banket/images/check-mark.svg'); background-repeat: no-repeat; background-position: top left; line-height: 24px; padding-left: 30px !important; padding-bottom: 0px !important; list-style: none; margin-bottom: 0px; border-bottom: 0px solid #eee; } .complex__wrapper ul li:last-child { padding-bottom: 0px; border-bottom: none; } .main-services__all-link{/*margin: 10px 20px;color: #000;font-size: 20px;*/position: relative;text-decoration: none;text-transform: uppercase;font-weight: bold;width: fit-content;width: -moz-fit-content;display: block;padding-left: var(--s3);}.main-services__all-link::after{display: block;position: absolute;content: '';width: 57px;height: 31px;left: 100%;top: 50%;margin-top: -15px;background: url(https://viezdnoy-banket.ru/admin/templates/site/bar/images/arrow-link.svg) no-repeat;background-size: 57px 31px;} /* Old instagram */ .instagram { /*max-width: 900px;*/ margin: 0 10px; margin-top: var(--s3); text-align:center; max-width: 100%; /*padding: 10px;*/ } .instagram > * { display: block; margin-left: auto; margin-right: auto; max-width: 45rem; } .instagram img { max-width: 320px; } .instagram__title { /*margin-bottom: 5px; font-size:24px*/ } .instagram__subtitle { color: #606060; margin-bottom: var(--s2); /*margin-bottom: 10px; font-size:20px*/ } .hover-overlayed { position: relative; } .hover-overlayed__cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); transition: .5s ease; opacity:0; } .hover-overlayed__text { margin-top: 50%; color: #fff; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: large; background: none; } .hover-overlayed__text::after { content: "Перейти в Инстаграм"; } @media (max-width: 768px) { .hover-overlayed__text::after { content: " "; } } .hover-overlayed:hover .hover-overlayed__cover { opacity: 1; } /* Services scroll slider -> to be updated */ .jc-left { top: 50%; left: 10px; width: 36px; position: absolute; height: 36px; color: #757575; margin-bottom: auto; margin-top: auto; box-shadow: 0 0 0 1px #fff; background: #9c191a; border-radius:50%; cursor: pointer; opacity: 1; display: inherit; } #top-menu li a{ color: #050505; } .uc-ffaq .t668__icon{ left: 84%; } .jc-right { top: 50%; left: 150vh; width: 36px; position: absolute; height: 36px; color: #757575; margin-bottom: auto; margin-top: auto; box-shadow: 0 0 0 1px #fff; background: #961819; cursor: pointer; opacity: 1; border-radius:50%; display: inherit; } .jc-right svg,.jc-left svg{ fill: #fff; } .scroll { flex-wrap: nowrap; -ms-flex-wrap: nowrap; overflow: hidden; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; } .scroll::-webkit-scrollbar { display: none; } @supports (scroll-snap-align: start) { /* modern scroll snap points */ .scroll { scroll-snap-type: x mandatory; } .f-col { scroll-snap-align: start; } } @supports not (scroll-snap-align: start) { /* old scroll snap points spec */ .scroll { -webkit-scroll-snap-type: mandatory; scroll-snap-type: mandatory; -webkit-scroll-snap-destination: 0% center; scroll-snap-destination: 0% center; -webkit-scroll-snap-points-x: repeat(100%); scroll-snap-points-x: repeat(100%); } .scroll-item-outer { scroll-snap-coordinate: 0 0; } } .scroll__item { box-shadow: 0 0 2px 0 rgba(0,0,0,.09),0 2px 12px 0 rgba(0,0,0,.1); flex-shrink: 0; max-width: 250px; border-radius: 7px; } .scroll__item__img { border-radius: 7px 7px 0px 0px; max-height: 170px; object-fit: cover; object-position: 50% 0px; } @media (max-width: 767px) { .large-hidden { display: inherit; } .jc-left, .jc-right { display: none; } } /* Old service styles */ .main-services { /*max-width:85vw;*/ /*margin:10px auto;*/ /*text-align:center*/ position:relative; border-bottom:solid 0px rgba(0,0,0,0.1); /*padding: var(--s-1);*/ } .main-services__title { /*margin-bottom:30px; font-size:24px*/ border-top:solid 1px rgba(0,0,0,0.1); padding-top:25px; margin-bottom:5px; font-size:34px; text-transform:uppercase; } .main-services__subtitle { margin-bottom:10px; color:#606060; font-size:20px } .main-services__item { /*margin-bottom:25px*/ margin-bottom:15px; margin-top:-5px; } .main-services-item__image { display:block; max-width:350px; /*margin:0 auto 10px*/ margin:0 auto 15px; } .main-services-item__title { display:block; /*margin-bottom:5px;*/ margin:0px 15px; color:#303030!important; font-size:18px } .main-services-item__price { vertical-align:middle; margin-left:15px; } .main-services-item__price--bold{color:#d0300e;font-size:1.2em;font-weight:bold} /* Keep in the end!!! */ [hidden] { display:none } [hidden] + * { margin-top:0 !important } .presentation a img{ width: 52px !important; height: 52px; } body .f-row.m-10px{ display: none; } #main .f-row.m-10px{ display: flex; } @font-face { font-family: 'Exo 2'; src: local('Exo 2'), local('Exo2-Regular'), url('/admin/templates/site/banket/font/exo2.woff2') format('woff2'), url('/admin/templates/site/banket/font/exo2.woff') format('woff'), url('/admin/templates/site/banket/font/exo2.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Exo 2'; src: local('Exo 2 Italic'), local('Exo2-Italic'), url('/admin/templates/site/banket/font/exo2italic.woff2') format('woff2'), url('/admin/templates/site/banket/font/exo2italic.woff') format('woff'), url('/admin/templates/site/banket/font/exo2italic.ttf') format('truetype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Exo 2'; src: local('Exo 2 Bold'), local('Exo2-Bold'), url('/admin/templates/site/banket/font/exo2bold.woff2') format('woff2'), url('/admin/templates/site/banket/font/exo2bold.woff') format('woff'), url('/admin/templates/site/banket/font/exo2bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('/admin/templates/site/banket/font/Montserrat-Light.ttf') format("truetype"); /* все современные браузеры */ } .card-style__video-thumb.single-video{ display:none!important } :root { --font-plain: "Exo 2", Helvetica, Arial, sans-serif; --font-special: "Exo 2", Helvetica, sans-serif; --font-mono: Menlo, Courier, Courier New, Andale Mono, monospace; --color-dark: #050505; --color-darkish: #404040; --color-lightish: #e6e6e6; --color-light: #fafafa; --color-mid: grey; --color-brand: #ba1a1b; --ratio: 1.4; --s-5: calc(var(--s0) /var(--ratio) /var(--ratio) /var(--ratio) /var(--ratio) /var(--ratio)); --s-4: calc(var(--s0) /var(--ratio) /var(--ratio) /var(--ratio) /var(--ratio)); --s-3: calc(var(--s0) /var(--ratio) /var(--ratio) /var(--ratio)); --s-2: calc(var(--s0) /var(--ratio) /var(--ratio)); --s-1: calc(var(--s0) /var(--ratio)); --s0: 1rem; --s1: calc(var(--s0) * var(--ratio)); --s2: calc(var(--s0) * var(--ratio) * var(--ratio)); --s3: calc(var(--s0) * var(--ratio) * var(--ratio) * var(--ratio)); --s4: calc(var(--s0) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio)); --s5: calc(var(--s0) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio)); --measure: 70ch; --line-height: var(--ratio); --line-height-small: calc(0.8 * var(--ratio)); --border-thin: var(--s-5); --border-thick: var(--s-2); --shadow: 0 1px 11px 0 rgba(0,0,0,.22); line-height: var(--ratio); font-size: calc(.333vw + 1em); font-family: var(--font-plain); background-color: var(--color-light); color:var(--color-dark) } #new-page{ margin: 0px; } footer, header, main, nav { display:block } .irame-slider { max-width: 100%; } #mob-foot-menu{ display:none; } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior:smooth } } #licntAC13{ width:88px; height:31px; } /*:focus { outline: var(--border-thin) solid var(--color-mid); outline-offset: var(--border-thin) }*/ [tabindex="-1"]:focus { outline:none } /* Update styles and use for buttons and pseudo buttons */ .cta, button { font-size: inherit; font-weight: 700; display: inline-block; cursor: pointer; font-family: var(--font-special); color: var(--color-light); background-color: var(--color-dark); padding: var(--s-1) var(--s2); border-width:var(--border-thin) } .cta { background-color: transparent; color:var(--color-dark) } .cta--big { display: block; font-size: var(--s2); text-align: center; text-decoration:none } .cta--big span { text-decoration: underline } /* */ /* Accessibility thing, research */ [href="#main"] { display: inline-block; padding: var(--s-1); color: var(--color-light); background-color: var(--color-dark); position: absolute; top: -10rem } [href="#main"]:focus { position: absolute; z-index: 1; top: 0; outline:none } /* */ /* Check, probably makes problems */ img { width:auto } /* Think to put warnings for JS stuff */ noscript { padding: var(--s-1); background-color:var(--color-lightish) } /* Make own table styles */ table { width: 100%; border-collapse:collapse } table code { white-space:nowrap } #tb td,#tb th { border-width: var(--border-thin); padding: var(--s-1); text-align:left; border:2px solid #050505;; } #main ul li { background-image: url(https://viezdnoy-banket.ru/admin/templates/site/banket/images/check-mark.svg); background-repeat: no-repeat; background-position: top left; line-height: 24px; padding-left: 30px !important; padding-bottom: 15px !important; list-style: none; margin-bottom: 15px; border-bottom: 1px solid #eee; } #main a{ color:#050505; text-decoration: underline; } td:first-child { font-weight:700 } .docs-props-table { overflow-x:auto } .docs-props-table td:last-child { font-size:var(--s-1) } /* */ /* Check if need updates */ .h1, h1 { font-size: 55px; text-align: center; max-width: 100%; } .h2, h2 { font-size: 35px; margin: 0 0 25px 0; } .h4, h4 { font-size: 25px; margin: 0 0 20px 0; } /* */ /* Check and update */ aside > ol, aside > ul, main > ol, main > ul { padding-left:2em } main > * + * { margin-top:var(--s3) } /* Update styles and put in use */ hr { padding: var(--border-thin) 0 0; border-left-width: 0; border-bottom-width: var(--border-thin); border-right-width: 0; border-top-width:var(--border-thin) } /* Most likely to throw away */ button, pre { outline: var(--border-thin) solid transparent; outline-offset:calc(var(--border-thin) * -1) } /* Update styles and put in use */ .docs-quote > span { font-size: 2.5rem; font-family: var(--font-special); font-weight: 700; background-color: var(--color-dark); color: var(--color-light); box-decoration-break: clone; -webkit-box-decoration-break: clone; padding: .5rem 1ch; line-height:var(--line-height) } .docs-page { display: flex; flex-wrap:wrap } .docs-header, .docs-main { padding:var(--s1) } /* Not in use, but keep. Sidebar/header */ .docs-header { flex-basis: 15rem; flex-grow: 1; position: relative; outline: var(--border-thin) dashed; padding-top:var(--s3) } /* */ .docs-main { flex-basis: 0; flex-grow: 999; min-width: 66%; display: flex; flex-direction: column; padding-bottom: 0; /*margin: 0 10%;*/ align-items: center; max-width: 100%; } .docs-main > :last-child { margin-top:0; max-width: 100%; } footer, main > * { display: block; margin-left: auto; margin-right: auto; max-width:1500px; } main > script, main > style { display: none; } /* Update the style and use */ [class^=docs-note] { border-left-width: var(--s0); padding-left:var(--s0) } [class^=docs-note] > * + * { margin-top:var(--s3) } .docs-note--warning { border-image:repeating-linear-gradient(-25deg, transparent, transparent .333rem, var(--color-dark) 0, var(--color-dark) .666rem) 25 } /* */ label { font-weight: 400; font-size: var(--s-1); } #contactSimple h3 { margin: 0 !important; } #contactSimple h4 { margin: 0px 3px !important; font-size: 18px !important; } /* label, label small { display:block }*/ label small { font-weight: 400; font-style:italic } .card-container, [type=checkbox] ~ svg, input, textarea { /*box-shadow:inset .25rem .25rem 0 #ddd*/ } .card-container, [type=email], [type=text], [type=tel], textarea { width: 100%; font-size: calc(.333vw + var(--s-1)); border-width: 1px; border-radius: 8px; background: #fff; border-color: #ddd; padding: 10px; } input:focus, textarea:focus { outline-offset:0 } form > * + * { margin-top:3px; } /* End of Everylayout code */ /* New reusable blocks */ /* How we work */ .work { font-size: calc(.333vw + var(--s-1)); text-align: center; padding: 0 var(--s1); max-width: 35rem; } .work > * { margin: auto; } .work > * > * { margin: calc(var(--s-1) * -1); display: flex; flex-wrap: wrap; } .work > * > * > * { flex-basis: auto; flex-grow: 1; margin: var(--s-1); display: flex; flex-direction: row; align-items: center; } .work h2 { color: var(--color-brand); display: block; margin-bottom: var(--s2); } .work img { } .work p { flex-basis: 4rem; position: relative; } .work > * > * > * > p:last-child { flex-grow: 1; text-align: left; } .work * > * > *:not(:last-child) > p:nth-child(2)::after, .work * > * > *:not(:first-child) > p:nth-child(2)::before { content: ""; display: block; width: 10px; height: 150%; position: absolute; left: 44%; background: #c64244; } .work * > * > *:not(:last-child) > p:nth-child(2)::after { top: 80%; } .work * > * > *:not(:first-child) > p:nth-child(2)::before { bottom: 80%; } .advantages-front{ display: none; } @media (min-width: 60em) { .work { max-width: 100%; } .work > * > * > * { flex-basis: calc((var(--measure) - 100%) * 999); flex-direction: column; } .work p { flex-basis: auto; } .work > * > * > * > p:last-child { text-align: unset; } .work * > * > *:not(:last-child) > p:nth-child(2)::after{ content: ""; display: block; width: 700%; height: 10px; position: absolute; top: 50%; margin-top: calc(var(--s-1) * -0.5); background: #c64244; } .work * > * > *:not(:first-child) > p:nth-child(2)::before { content: ""; display: block; width: 700%; height: 10px; position: absolute; top: 50%; margin-top: calc(var(--s-1) * -0.5); background: #c64244; } .work * > * > *:not(:last-child) > p:nth-child(2)::after { left: 90%; } .work * > * > *:not(:first-child) > p:nth-child(2)::before { left: -701%; } } /* Disable phone numbers auto conversion to links */ a[href^=tel] { color: inherit; text-decoration: none; } a:hover { text-decoration: none; } /* Top bar, top menu */ header { position: sticky; top: 0; background: none; z-index: 9999; } .uc-header-my{ position: sticky; top: 0; background: none; z-index: 9999; } header * { background-color: inherit; } .menu-bar { display: flex; background: #fff; box-shadow: var(--shadow); justify-content: space-evenly; position: relative; z-index: 30; flex-wrap: nowrap; align-items: center; } .menu-bar > * { margin: calc(var(--s1) / 2); } .menu-bar > *:nth-child(2) { margin-left: auto; } .top-nav { } .top-nav button { display: block; border: 0; height: var(--s1); width: var(--s1); background: none; padding: 0; } .top-nav button svg { display: block; pointer-events: none; stroke: var(--color-dark); vertical-align: middle; height: var(--s1); width: var(--s1); } .top-nav ul { list-style: none; } .top-nav > ul { /*position: absolute;*/ /*box-shadow: var(--shadow);*/ /*overflow-y: auto;*/ max-height: 90vh; /*min-width: 95vw;*/ } .top-nav ul > * { } .top-nav li { position: relative; margin: calc(var(--s-1) / 2); } .top-nav a { margin: calc(var(--s-1) / 2); text-transform: uppercase; text-decoration: none; } .top-nav li > ul { margin: calc(var(--s-1)); } .top-nav li > button { display: inline; } .top-nav li > button svg { height: calc(var(--s1) / 2); } /* For desktop menu */ @media (min-width: 60em) { .menu-bar { font-size: calc(.333vw + var(--s-2)); justify-content: center; } .menu-bar > *:nth-child(2) { margin-left: calc(var(--s1) / 2); } .top-nav button, .top-nav li > button { display: none; } .top-nav > ul { display: flex; box-shadow: none; overflow-y: visible; min-width: unset; position: unset; } .top-nav > ul > li { margin: 0; } .top-nav > ul > li:not(:first-child)::before { content: ""; display: block; width: 1px; height: var(--s-1); position: absolute; top: 50%; left: 0; margin-top: calc(var(--s-3) * -1); /*-webkit-transform: rotate(45deg); transform: rotate(45deg);*/ background: rgba(40,38,43,.5); } .top-nav li a { background: linear-gradient(to right, rgba(16, 125, 181, 0.15), rgba(186, 26, 28, 0.15)); background-size: 0 100%; background-repeat: no-repeat; padding: 4px; transition:background .25s ease-out; color: #000 !important; } .top-nav li > ul { position: absolute; box-shadow: var(--shadow); white-space: nowrap; padding: calc(var(--s-1) / 2); margin-top: 0; z-index: 50; } .top-nav li:hover > a { background-size: 100% 100%; } .top-nav li:hover > ul { display: block; } .top-nav li:hover > ul.big-submenu { display: flex; position: fixed; left: calc(var(--s-1) * -1); top: calc(var(--s-1) * 2.2); max-width: 100vw; overflow-x: auto; } .big-submenu > li > ul { display: block; position: relative; margin-top: calc(var(--s-1) / 2); } /* When we want to hide something */ .hide-desktop { display: none; } } /* Callback tabs */ #callback { position: relative; } /*#callback a { color: #fff; padding: calc(var(--s-1) / 2); padding-right: calc(var(--s1) / 2); padding-left: calc(var(--s-1) * 2); min-width: 17ch; text-align: right; background: rgb(86, 89, 82); text-decoration: none; position: absolute; top: 0px; right: 0px; border-radius: 0px 0px 0px var(--s2); box-shadow: var(--shadow); }*/ #callback a { color: #fff; font-size: larger; padding: calc(var(--s-1) / 2); padding-right: calc(var(--s1) / 2); padding-left: calc(var(--s-1) * 2); min-width: 17ch; text-align: right; text-decoration: none; position: absolute; top: 0px; right: 0px; border-radius: 0px 0px 0px var(--s2); box-shadow: var(--shadow); background: linear-gradient(to right, rgb(86, 89, 82), rgb(120, 123, 115)); background-clip: text; -webkit-background-clip: text; color: transparent; } /* CSS анимация для плавного изменения цвета текста */ @keyframes changeColor { 0% { color: #fff; } 50% { color: #ffff00; } 100% { color: #fff; } } /* Применение анимации к элементу #callback a */ #callback a { animation: changeColor 4s linear infinite; } /* Button */ .vb-button-link{ box-shadow: var(--shadow); color: #fff; text-decoration: none; text-transform: uppercase; display: block; width: fit-content; width: -moz-fit-content; padding: var(--s-1) var(--s1); background: rgba(186,26,28,0.82); border-radius: 8px; transition: all 0.3s ease; } .vb-button-link:hover{ background: rgba(186,26,28,0.99); box-shadow: 0px 0px 20px 10px #ba1a1c5c; transition: all 0.3s ease; } /* Photo feed */ .photo-feed { } .photo-feed > * { display: flex; flex-wrap: wrap; margin: auto; margin-top:var(--s3); margin-bottom: var(--s3); max-width: 2400px; } .photo-feed > * > * { flex-basis: 35ch; flex-grow: 1; display: flex; } .photo-feed > * > * > * { flex-grow: 1; } .photo-feed > * > * > * > * { position: relative; overflow: hidden; } .photo-feed > * > * > * > * > div { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; min-height: 8ch; margin-top: calc(4ch * -1); padding: var(--s0); display: flex; color: #fff; font-weight: bold; background-color: rgba(0, 0, 0, 0.55); transition:all .25s ease-out; } .photo-feed > * > * > * > div:hover > div { min-height: 20ch; margin-top: calc(10ch * -1); } .photo-feed p { margin: auto; background: none; } .photo-feed img { display: block; max-height: 20ch; object-fit: cover; } /* Catering around Moscow list */ .catering-towns { font-size: calc(.333vw + var(--s-1)); margin-left: var(--s-1); } .catering-towns--show { text-decoration: underline; cursor: pointer; } .catering-towns--show:hover { text-decoration: none; } .catering-towns > * { display: flex; flex-wrap: nowrap; max-width: 78ch; margin: auto; margin-top:var(--s3); margin-bottom: var(--s3); } .catering-towns > * > * { flex-basis: 26ch; margin: 0 auto; } .catering-towns > * > * a { display: block; } /* Bottom logos */ .bottom-logos { display: flex; flex-wrap: wrap; align-items: center; padding: 0 var(--s1); background-color: #5555551f; box-shadow: 0 -1px 11px 0 rgba(0,0,0,0.30); position: relative; } .bottom-logos > * { flex-basis: 25ch; flex-grow: 1; text-align: center; font-size: calc(.333vw + var(--s-3)); background-color: unset; margin: var(--s0); } .bottom-logos > * > img { width: auto; max-width: 100%; } .bottom-logos > * > p { } /* Footer )))) */ .footer-menu > * { display: flex; flex-wrap: wrap; margin: calc(var(--s1) / 2 * -1); } .footer-menu > * > * { margin: calc(var(--s1) / 2); flex-basis: 35ch; flex-grow: 1; } .footer-menu > * > :last-child { flex-basis: 0; flex-grow: 999; min-width: calc(66% - var(--s1)); } .footer-menu > * > * > * { display: flex; flex-wrap: wrap; } .footer-menu > * > * > * > * { flex-basis: 30ch; flex-grow: 1; margin: calc(var(--s-1)); } .footer-menu > * > * > * > * > * { margin: calc(var(--s-1) / 2); } #footer { overflow: hidden; background: #202020; font-size: var(--s-1); box-shadow: 0 -3px 11px 0 rgba(0,0,0,0.45); position: relative; } #footer strong { color: #919191; margin-bottom: calc(var(--s-1)); font-size: 1.2em; } #footer a { color: white; text-decoration: underline; text-transform: capitalize; font-size: 10px; } #footer a:hover { color: white; text-decoration: none; } .socials > ul { list-style: none; } .socials > ul > li { display: inline; margin: var(--s-4); } /* Contact form */ .contact-form { width: 100vw; height: auto; padding-top: 1vw; padding-bottom: 40vw; position: fixed; display: flex; background: rgba(0, 0, 0, 0.8); top: 0; z-index: 500; } .contact-form > * { margin: auto; background: #fff; max-width: 65ch; display: flex; flex-wrap: wrap; align-items: center; max-height: 97vh; overflow-y: auto; background: linear-gradient(to right, #f1f5f7 0%,#f1f5f7 70%,#ffffff 100%); } .contact-form > * > * { flex-basis: 40ch; flex-grow: 1; } .contact-form > * > *:first-child { position: relative; } .contact-form > * > *:first-child > img { height: auto; object-fit: cover; max-height: 45vh; } .contact-form > * > *:first-child > button { position: absolute; right: 0; top: 0; border: none; background: none; padding: var(--s0); } .contact-form > * > *:nth-child(2) { padding: var(--s0); position: relative; z-index: 50; background: none; } .contact-form > * > *:last-child { flex-basis: 25ch; margin-left: calc(var(--s1) * -1); } .contact-form form { /*display: flex; flex-wrap: wrap;*/ } .contact-form [type="checkbox"] { position: absolute; opacity: 0; cursor: pointer; top:10px; left:10px; z-index:2!important; } .checkinput { height: 22px; width: 22px; position: absolute; top: 0; left: 0; background-color: #fff; opacity: 0.7; border-radius: 50%; border-width: 1px; border-color: #ddd; align-self: center; margin-left: var(--s-4); margin-top: var(--s-4); } .contact-form input:checked ~ .checkinput:after { content: ""; position: absolute; display: block; top: 6px; left: 6px; width: 8px; height: 8px; border-radius: 50%; background: #00c5be; } .contact-form input:focus ~ .checkinput { outline: var(--border-thin) solid var(--color-mid); outline-offset: var(--border-thin); } .contact-form form > label { position: relative; display: block; flex-basis: 30ch; flex-grow: 1; padding-left: calc(var(--s0) + 22px); cursor: pointer; } .contact-form form [type="submit"] { /*display: block;*/ font-size: calc(.333vw + var(--s-1)); background-color: #00c5be; border-radius: 8px; border: none; } /* Ecwid */ .ecwid-categories { justify-content: center; border-bottom: 1px solid #d1cfcf; margin-bottom: 20px !important; } .ecwid-categories--item { margin: 5px 0px; padding: 0 10px; border-right: 1px solid #6b6b6b; } .ecwid-categories--item:last-child { border-right: 0px; } .ecwid-categories--item a { color: #6b6b6b; line-height: 30px; text-transform: uppercase; letter-spacing: 2px; font-size: 1em; font-weight: bold; text-decoration: underline; } .ecwid-categories--item a:hover { text-decoration: none; } /* Card style, used all over the site */ .card-style { -webkit-box-shadow: 0 1px 11px 0 rgba(0,0,0,.22); box-shadow: 0 1px 11px 0 rgba(0,0,0,.22); /*margin: 0 auto;*/ padding: 0 0 15px 0; /*height: calc(100% - 15px);*/ border-radius: 8px; overflow: hidden; position: relative; width: 100%; } .card-style-type-2 { -webkit-box-shadow: 0 1px 11px 0 rgba(0,0,0,.22); box-shadow: 0 1px 11px 0 rgba(0,0,0,.22); border-radius: 8px; overflow: hidden; position: relative; max-width: 50%; } .card-style p { margin-left: 5px; margin-right: 5px; } .card-style a::after { display: none !important; } .store ul { list-style-position: inside; } /* Product cards for the store */ .product-menu-item { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column } .product-menu-item a { position: relative; } .product-menu-item a::after { content: 'Посмотреть'; position: absolute; background: rgba(45, 45, 45, 0.60); width: 100%; height: 100%; padding: 40% 0; text-align: center; color: var(--color-light); letter-spacing: 0.1em; opacity: 0; transition: opacity 0.1s ease-in; } .product-menu-item a:hover::after { opacity: 1; } .product-menu-item .content { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; padding:10px; margin:0; /*background-color:#fafafa*/ } .product-menu-item .title { -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; display:block; margin:0 0 15px 0; color:#505050; font-size:18px; font-weight:bold } .product-menu-item .info-list { margin:0; padding:0; list-style:none } .product-menu-item .info-item { margin-bottom:10px; display:-webkit-box; display:-ms-flexbox; display:flex } .product-menu-item .info-item .prop { display:block; margin-right:5px; line-height:1 } .product-menu-item .info-item .dots { display:block; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; margin: 0; border-bottom:1px dashed #bdbdbd } .product-menu-item .info-item .value { display:block; margin-left:5px; /*line-height:1*/ } .product-menu-item .order {margin: 0;} .product-menu-item .order-button { width:100% !important; padding:10px; color:#ffffff; /*font-family:inherit; font-size:16px;*/ background-color:rgba(186,26,28,0.82); border:none; cursor:pointer; -webkit-transition:background-color 0.1s ease-in; transition:background-color 0.1s ease-in } .product-menu-item .order-button:hover {background-color:rgba(186,26,28,0.99)} .product-menu-item .order-link { padding: 10px; color: #ffffff; background-color: rgba(186,26,28,0.82); -webkit-transition: background-color 0.1s ease-in; transition: background-color 0.1s ease-in; display: block; text-align: center; width: 100%; border-width: 0; line-height: var(--ratio); font-weight: normal; transition: all 0.3s ease; font-size: 16px } .product-menu-item .order-link:hover {background-color: rgba(186,26,28,0.99); font-size: larger; transition: all 0.3s ease;} /* End of store cards block */ .map-wrapper{ display: flex; flex-direction: row; } .map-left{ width:50%; } .map-right{ width: 50%; } .map-right iframe { width: 100% !important; } @media (max-width: 968px){ .map-wrapper{ flex-direction: column; } .map-right, .map-left{ width:100%; } .map.container-fluid ul{ padding: 0px 50px; margin: 15px auto; } #main ul{ padding: 0px 50px; margin: 15px auto; } .top-nav::after { content: 'Меню'; display: block; color: #000; font-weight: normal; font-size: 12px; } } .flex-menu-wrapper{ display: none; flex-direction: row; justify-content: center; background: #9c191a; color: #fff; margin-top: -35px; padding: 10px 0px; position: relative; } .flex-menu-wrapper.inner{ margin-top:0px; display: none; } .flex-menu-item{ padding: 0 20px; text-transform: uppercase; } .flex-menu-item a{ outline: none; text-decoration: none; } .flex-menu-item ul.sub2{ display:none; } .flex-menu-item:hover ul.sub2{ display: block; position: absolute; background: #fff; color: #000; padding: 20px 15px; list-style-image: none; z-index: 5; text-transform: uppercase; -webkit-box-shadow: 0 1px 11px 0 rgba(0,0,0,.22); -moz-box-shadow: 0 1px 11px 0 rgba(0,0,0,.22); box-shadow: 0 1px 11px 0 rgba(0,0,0,.22); box-shadow: var(--shadow); } .flex-menu-item ul.sub2 li{ list-style-type: none; position: relative; } .flex-menu-item ul.sub2 li a{ font-size: 16px; padding: 6px 15px; display: block; } .flex-menu-item ul.sub2 li a:hover{ color: #9c191a; } .sub3{ display:none; } ul.sub2 li:hover .sub3{ position: absolute; display: block; top: 0; left: 100%; background-color: #fff; list-style-image: none; top: 0; -webkit-box-shadow: 0 1px 11px 0 rgba(0,0,0,.22); -moz-box-shadow: 0 1px 11px 0 rgba(0,0,0,.22); box-shadow: 0 1px 11px 0 rgba(0,0,0,.22); box-shadow: var(--shadow); padding: 20px 0px; z-index: 1; } .sub3 li{ padding: 0px 15px; display: block; width: max-content; } .command-wrapper{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } .command-item{ width:30%; margin: 10px; } @media(max-width: 968px){ .flex-menu-wrapper{ display:none; } .hide-mob{ display: none; } .command-item{ width:100%; flex-wrap: wrap; } } /* Calculator */ .calc { max-width: 100%; background: url('../images/calc_bg.jpg'); /*padding: 0 var(--s0);*/ background-size: contain; background-repeat: no-repeat; background-position: left bottom; text-transform: uppercase; font-size: var(--s-1); font-weight: bold; } .calc > * { display: flex; flex-wrap: wrap; justify-content: flex-end; max-width: 55rem; margin: auto; } .calc > * > * { flex-basis: 40rem; background: rgba(250, 250, 250, 0.8); border-radius: 8px; padding: var(--s0); } .calc h2 { display: block; text-align: center; margin-bottom: var(--s1); text-transform: unset; } .calc > * > * > * + * { margin-top: var(--s-1); } .calc .type1 { display: flex; /*justify-content: space-between;*/ background: none; } .calc .type1 > *:first-child { flex-basis: 13ch; /*position: absolute;*/ /*align-self: flex-end;*/ } .calc .type1 > *:last-child { display: flex; flex-wrap: wrap-reverse; justify-content: flex-end; flex-grow: 1; /*margin-left: -4ch;*/ } .calc .type1 > *:last-child > *:first-child { margin: auto; flex-basis: 21rem; /*margin-left: 1ch;*/ /*flex-grow: 1;*/ position: relative; } .calc .type1 > *:last-child > *:first-child > * { display: flex; justify-content: space-between; } .calc .type1 > *:last-child > *:first-child > *:first-child { /*margin: 0 var(--s-1);*/ font-weight: normal; } .calc .type1 > *:last-child > *:first-child > * > p { margin-top: 0; margin-bottom: var(--s-4); text-transform: none; width: 3ch; text-align: center; } .calc .type1 > *:last-child > *:last-child { flex-basis: 8ch; margin-left: 1ch; text-align: right; /*align-self: flex-start;*/ } .calc .type2 { border-top: 2px solid var(--color-brand); padding-top: var(--s-1); } .calc .type2, .calc .type3 p { text-align: center; color: var(--color-brand); } .calc .type2 > div { display: flex; background: var(--color-brand); max-width: 40ch; justify-content: space-around; margin: auto; margin-top: var(--s-1); padding: var(--s-1); border-radius: 8px; color: #fff; } .calc .type3 { display: flex; flex-wrap: wrap; justify-content: space-around; margin: calc(var(--s-1) * -0.5); margin-top: calc(var(--s-1) * 0.5); } .calc .type3 > div { margin: calc(var(--s-1) / 2); } .calc .type3 > div > div { margin-top: var(--s-1); padding: var(--s-1); border-radius: 8px; padding-right: var(--s2); } .calc .type3 > div:first-child > div { background: var(--color-brand); color: #fff; position: relative; } .calc .type3 > div:first-child > div::after { content: ''; background: url('../images/triangle.svg'); background-size: contain; background-repeat: no-repeat; position: absolute; left: 99%; width: 25%; height: 44%; top: 28%; } .calc .type3 > div:nth-child(2) > div { background: #e4e4e4; } .calc .type3 > div > div > * + * { margin-top: var(--s-2); } .calc .type4 { border: 1px solid #e4e4e4; border-radius: 8px; margin-top: var(--s1); padding-left: var(--s-3); } .calc .type4 > * { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; text-align: center; } .calc .type4 > * > * { margin: var(--s-4); position: relative; flex-grow: 1; } .calc .type4 > * > *:not(:first-child):not(:last-child)::before { content: ""; display: block; width: 1px; height: var(--s1); position: absolute; top: 40%; left: calc(var(--s-4) * -1); margin-top: calc(var(--s-3) * -1); background: #e4e4e4; } .calc .type4 > * > * > *:nth-child(2) { color: var(--color-brand); } /* Calculator elements */ .slidecontainer { width: 100%; } .range-slider { -webkit-appearance: none; width: 100%; height: 1rem; border-radius: 8px; background: #e4e4e4; border: solid 1px #d3d3d3; outline: none; /*opacity: 0.82;*/ --uu: calc((100% - 1rem) / (var(--max) - var(--min))); } .range-slider { --pos: calc(0.5rem + (var(--c) - var(--min)) * var(--uu)); z-index: 10; } .range-slider::-webkit-slider-runnable-track { -webkit-appearance: none; appearance: none; border: none; width: 100%; height: 1rem; border-radius: 8px; background: linear-gradient(#ba1a1b, #ba1a1b); background-repeat: no-repeat; background-size: var(--pos) 100%; } input[type='range']::-moz-range-progress { border: none; width: 100%; height: 1rem; border-radius: 8px 0 0 8px; background: linear-gradient(#ba1a1b, #ba1a1b); } input[type='range']::-ms-fill-lower { border: none; width: 100%; height: 1rem; border-radius: 8px 0 0 8px; background: linear-gradient(#ba1a1b, #ba1a1b); } /* Range slider handle styling */ .range-slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 1.4rem; height: 1.4rem; margin-top: -0.25rem; /*margin-left: -0.25rem;*/ border-radius: 50%; border: solid 1px #d3d3d3; background: linear-gradient(rgba(230,230,230,1) 5%, rgba(250,250,250,1) 50%); box-shadow: 0 2px 3px 0px #b6b6b6; cursor: pointer; } .range-slider::-moz-range-thumb { width: 25px; height: 25px; margin-top: -5px; border-radius: 50%; border: solid 1px #d3d3d3; background: linear-gradient(rgba(230,230,230,1) 5%, rgba(250,250,250,1) 50%); box-shadow: 0 2px 3px 0px #e4e4e4; cursor: pointer; } input[type='range']::-ms-thumb { width: 25px; height: 25px; margin-top: -5px; border-radius: 50%; border: solid 1px #d3d3d3; background: linear-gradient(rgba(230,230,230,1) 5%, rgba(250,250,250,1) 50%); box-shadow: 0 2px 3px 0px #e4e4e4; cursor: pointer; } /* Containers for radio and switch */ .radiocontainer, .switch { display: block; position: relative; cursor: pointer; } /* Hide the browser's default radio button and switch */ .radiocontainer input, .switch input { display: none; } /* Radio styling */ .radiocontainer { padding-left: 35px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .radiocontainer.inverse { padding-right: 35px; padding-left: unset; text-align: right; } /* Create a custom radio button */ .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #fafafa; border: solid 1px #8f1a1b; /*opacity: 0.82;*/ border-radius: 50%; } .radiocontainer.inverse .checkmark { left: unset; right: 0; } /* Create and style the indicator (dot/circle) */ .radiocontainer input:checked ~ .checkmark:after { content: ""; position: absolute; display: block; top: 6px; left: 6px; width: 6px; height: 6px; border-radius: 50%; background: #ba1a1b; } /* Switch styling */ .switch { padding-left: 60px; } /* Create custom slider switch */ .switch--slider { position: absolute; top: 0; left: 0; width: 2rem; height: 1rem; background-color: #fafafa; border: solid 1px #d3d3d3; border-radius: 2rem; box-shadow: 0 1px 3px 0px #fafafa; /*opacity: 0.82;*/ -webkit-transition: .4s; transition: .4s; } /* Create and style the indicator (dot/circle) */ .switch--slider:before { position: absolute; content: ""; height: 1.2rem; width: 1.2rem; left: -0.1rem; top: -0.15rem; border-radius: 50%; border: solid 1px #d3d3d3; background: linear-gradient(rgba(230,230,230,1) 5%, rgba(250,250,250,1) 50%); box-shadow: 0 2px 3px 0px #b6b6b6; cursor: pointer; -webkit-transition: .4s; transition: .4s; } input:checked + .switch--slider { background-color: #ba1a1b; } input:checked + .switch--slider:before { -webkit-transform: translateX(1rem); -ms-transform: translateX(1rem); transform: translateX(1rem); } input:focus + .switch--slider { box-shadow: 0 0 1px #ba1a1b; } /* Hover for all */ .range-slider:hover, .radiocontainer:hover input ~ .checkmark, .switch:hover input ~ .switch--slider { opacity: 1; } /* Calculator elements END */ .f-row img.icon { width: 100px!important; display: block; margin: auto; } .bold{ font-weight:bold; } .text-center{ text-align: center; } /* Old service styles */ .main-services { /*max-width:85vw;*/ /*margin:10px auto;*/ /*text-align:center*/ position:relative; border-bottom:solid 0px rgba(0,0,0,0.1); /*padding: var(--s-1);*/ } .main-services__title { /*margin-bottom:30px; font-size:24px*/ border-top:solid 1px rgba(0,0,0,0.1); padding-top:25px; margin-bottom:5px; font-size:34px; text-transform:uppercase; } .main-services__subtitle { margin-bottom:10px; color:#606060; font-size:20px } .main-services__item { /*margin-bottom:25px*/ margin-bottom:15px; margin-top:-5px; } .main-services-item__image { display:block; max-width:350px; margin:0 auto 15px; } .main-services-item__title { display:block; /*margin-bottom:5px;*/ margin:0px 15px; color:#303030; font-size:18px!important; font-family: 'Exo2',Arial,sans-serif!important; text-decoration: underline!important; } .main-services-item__price { vertical-align:middle; margin-left:15px; font-family: 'Exo2',Arial,sans-serif!important; } .main-services-item__price--bold{color:#d0300e;font-size:1.2em;font-weight:bold} .scroll { flex-wrap: nowrap; -ms-flex-wrap: nowrap; overflow: hidden; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; } .scroll::-webkit-scrollbar { display: none; } @supports (scroll-snap-align: start) { /* modern scroll snap points */ .scroll { scroll-snap-type: x mandatory; } .f-col { scroll-snap-align: start; } } @supports not (scroll-snap-align: start) { /* old scroll snap points spec */ .scroll--sk { -webkit-scroll-snap-type: mandatory; scroll-snap-type: mandatory; -webkit-scroll-snap-destination: 0% center; scroll-snap-destination: 0% center; -webkit-scroll-snap-points-x: repeat(100%); scroll-snap-points-x: repeat(100%); } .scroll-item-outer--sk { scroll-snap-coordinate: 0 0; } } .scroll__item--sk { box-shadow: 0 0 2px 0 rgba(0,0,0,.09),0 2px 12px 0 rgba(0,0,0,.1); flex-shrink: 0; max-width: 250px; border-radius: 7px; } .scroll__item__img--sk { border-radius: 7px 7px 0px 0px; max-height: 170px; object-fit: cover; object-position: 50% 0px; } @media (max-width: 767px) { .img-sert{ width: 100%; } .large-hidden--sk { display: inherit; } /* .jc-left, .jc-right { display: none; }*/ } .main-services.sk .f-row{ display: -webkit-box; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; } .js-scroll-five img{ height:165px; object-fit: contain; } .scroll__item { box-shadow: 0 0 2px 0 rgb(0 0 0 / 9%), 0 2px 12px 0 rgb(0 0 0 / 10%); flex-shrink: 0; max-width: 250px; border-radius: 7px; } .accordion .accordion-content p { padding: 0 10%; } .accordion .accordion-content.active{ padding: 20px 0; } .accordion-content ol li{ list-style-position: inside; } .furshet-price-wrapper .product-menu-item{ text-align: center; padding: 15px 0px 0px; display: flex; flex-direction: column; justify-content: space-between; } .color-price{ padding: 10px; color: #ffffff; background-color: rgba(186,26,28,0.82); -webkit-transition: background-color 0.1s ease-in; transition: background-color 0.1s ease-in; text-align: center; width: 100%; border-width: 0; line-height: var(--ratio); font-weight: normal; } .furshet-price-content{ min-height: 139px; } .furshet-price-content div{ margin: 25px; } .furshet-price-content div:first-child{ padding-bottom: 5px; border-bottom: 3px solid rgba(186,26,28,0.82); } .accordion { width: 90%; } .accordion a { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; /*width: 100%;*/ padding: 10px; border-bottom: 1px solid #e5e5e5; } .accordion a:hover, .accordion a:hover::after { cursor: pointer; color: rgba(186,26,28,0.99); } .accordion a.active { color: rgba(186,26,28,0.99); border-bottom: none; font-weight: bold; } .accordion a::after { content: ''; background: url("data:image/svg+xml;utf8,") no-repeat; position: absolute; right: 0; bottom: 10px; width: 35px; height: 35px; } .accordion a:hover::after { /*border: 1px solid #03b5d2;*/ background: url("data:image/svg+xml;utf8,") no-repeat; } .accordion a.active::after { content: ''; transform: rotate(90deg); background: url("data:image/svg+xml;utf8,") no-repeat; } .accordion .accordion-content { opacity: 0; padding: 0; max-height: 0; border: 1px solid #e5e5e5; overflow: hidden; clear: both; width: 110%; margin-left: -5%; border-radius: 7px; box-shadow: 0 0 2px 0 rgba(0,0,0,.09),0 2px 12px 0 rgba(0,0,0,.1); /*-webkit-transition: all 0.2s ease 0.15s; -o-transition: all 0.2s ease 0.15s; transition: all 0.2s ease 0.15s;*/ } .accordion .accordion-content.active { opacity: 1; /*padding: 1rem;*/ max-height: 100%; /*-webkit-transition: all 0.35s ease 0.15s; -o-transition: all 0.35s ease 0.15s; transition: all 0.35s ease 0.15s;*/ } .accordion .accordion-content div, .accordion .accordion-content ul, .accordion .accordion-content ol { padding: 0 10%; } .tabs-wrapper{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } .tabs-item{ background: #9c191a; color: #fff; text-transform: uppercase; padding: 5px 10px; margin: 10px 5px; border-radius: 5px; } .tabs-item a{ text-decoration: none; } .flex-title-table{ display: flex; justify-content: space-between; flex-direction: row-reverse; align-items: center; color:#b93d30; font-weight: bold; font-size: 20px; max-width: 800px; background: #fdf3f2; padding: 20px; border-radius: 20px; border: 2px solid; } .menu-position{ width: 100%; font-weight: normal; } .menu-position th{ width: 80%; text-align: center; border-width: 2px; border-color: #9c191a; } .menu-position td{ width: 80%; text-align: center; border-width: 2px; border-color: #9c191a; font-weight: normal; } @media(max-width: 968px){ .flex-title-table{ flex-direction: column; align-items: center; text-align: center; } } #top-menu ul>li:hover > ul{ /* left: calc(90%); top: 0;*/ } .pseudo_a{ font-size: 16px; padding: 6px 15px; display: block; } /*@media (min-width: 60em){ .top-nav li:hover > span.pseudo_a_menu { background-size: 100% 100%; } } @media (min-width: 60em){ .top-nav li span.pseudo_a_menu { background: linear-gradient(to right, rgba(16, 125, 181, 0.15), rgba(186, 26, 28, 0.15)); background-size: 0 100%; background-repeat: no-repeat; padding: 4px; transition: background .25s ease-out; } }*/ .top-nav span.pseudo_a_menu { margin: calc(var(--s-1) / 2); text-transform: uppercase; text-decoration: none; } .gift{ margin: 15px auto; } .kitchen .vb-button-link, .video .vb-button-link{ margin: 20px auto; } /*@media (max-width: 1366px){ .menu-bar > *:first-child { margin-left: auto; margin-right: auto; } }*/ @media (max-width: 1920px){ .menu-bar > *:first-child { margin-left: auto; margin-right: 13%; } } @media (max-width: 1600px){ .menu-bar > *:first-child { margin-left: auto; margin-right: 11%; } } @media (max-width: 1440px){ .menu-bar > *:first-child { margin-left: auto; margin-right: 9%; } } @media (max-width: 1366px){ .menu-bar > *:first-child { margin-left: auto; margin-right: 8%; } } .logo-top{ display: none; } @media(max-width: 968px){ div.menu-bar .top-nav{ margin-left: 0px; display: flex; align-items: center; } div.menu-bar .logo-top{ width: 55px; display: inline; padding: 4px; height: auto; margin: 0; margin-right: 8%; } .map-left ul{ padding: 0px 50px; margin: 15px auto; } } .h1-fix{ line-height: var(--line-height-small); font-family: var(--font-special); font-weight: 700; hyphens: auto; font-size: var(--s3); } .cat_mag{} .cat_mag_title{ position: absolute; bottom: 0; background-color: #818181ab; width: 100%; text-align: center; color: #fff; padding: 10px 0px; } .cat_mag_item{} /* Services buttons and black panel */ .presentation { display: flex; flex-wrap: wrap; justify-content: center; margin-top: var(--s0); max-width: 1500rem; margin-right: auto; margin-left: auto; } .presentation > * { display: flex; flex-wrap: wrap; flex-basis: 20ch; flex-grow: 2; font-size: calc(.333vw + var(--s-1)); align-items: center; justify-content: center; } .presentation > * > a { text-decoration: none; position: relative; z-index: 0; } .presentation > * > a > div { display: flex; align-items: center; /*margin: calc(var(--s-2) / 2);*/ box-shadow: 0 4px 5px 0px #ddd; padding: var(--s-1) var(--s2); border-radius: var(--s3); position: relative; border: 1px solid #ebebeb; background-color: #fafafa; width: 100%; min-width: 250px; } @media(min-width: 969px){ .presentation > * > a > div { width:360px; } } /* Hover effects */ .presentation > * > a:hover > div { box-shadow: none; } @keyframes clockwise { 0% { transform: translate(4px, 0px); } 12% { transform: translate(2px, 2px); } 25% { transform: translate(0px, 4px); } 37% { transform: translate(-2px, 2px); } 50% { transform: translate(-4px, 0px); } 62% { transform: translate(-2px, -2px); } 75% { transform: translate(0px, -4px); } 87% { transform: translate(2px, -2px); } 100% { transform: translate(4px, 0px); } } @keyframes counterclockwise { 0% { transform: translate(-4px, 0px); } 12% { transform: translate(-2px, 2px); } 25% { transform: translate(0px, 4px); } 37% { transform: translate(2px, 2px); } 50% { transform: translate(4px, 0px); } 62% { transform: translate(2px, -2px); } 75% { transform: translate(0px, -4px); } 87% { transform: translate(-2px, -2px); } 100% { transform: translate(-4px, 0px); } } /* End of effects */ .presentation > * > a p { max-width: 16ch; text-transform: uppercase; text-align: center; background: none; } .presentation > * > a img { width: 5ch; } /* Orginally * + * */ .presentation > * > a { margin-top: calc(var(--s-2) * 2); } .presentation > * > a > * > * + * { margin-left: var(--s-3); } .presentation .black { flex-basis: 50ch; text-align: center; background: #202020; color: #fff; padding: var(--s1); /*margin: var(--s-1);*/ margin-top: var(--s3); flex-grow: 1; } .presentation .black > * { border: 3px solid; padding: var(--s0); } .presentation .black h1 { font-size: calc(.333vw + var(--s-1)); color: #ba1a1b; text-transform: uppercase; margin-bottom:var(--s-1); font-weight: normal; } .presentation .black hr { color: #ba1a1b; border-top: 2px solid; border-bottom: none; margin-bottom: var(--s-1); padding: 0; width: 35%; margin-left: auto; margin-right: auto; } .presentation .black a { color: rgba(186,26,28,1); text-decoration: none; text-transform: uppercase; } @media (min-width: 60em) { .presentation > *:nth-child(2) { order: 3; } .presentation .black { font-size: 0.7em; margin-top: var(--s-1); flex-basis: 42ch; } } .menu-title{ display: block; margin: 10px auto; height: 62px; } .menu-desc{ padding: 15px; } .menu-price{} .menu-href{ margin-bottom: 30px; height: 70px; } .tematic img{ height: 215px; object-fit: cover; } div.furshet__block img, div.coffee-break img{ object-fit: cover; height: 285px; } div.banket__block img{ object-fit: cover; height: 250px; } #footer .bold { color: #919191; margin-bottom: calc(var(--s-1)); font-size: 1.2em; } .f-row.main__case-wrapper img{ width: 100%; height: 350px; object-fit: cover; } .fix-menu-right .sub2 li:hover .sub3{ left: 0; top: 36px; } .main__review-block{ max-width: 1500px; display: block; margin: 32px auto; position: relative; } .main__review-block .scroll__item{ padding: 10px; height: min-content; } .main__review-title{ font-size: 16px; margin-bottom: 16px; } .main__review-text{ font-size: 16px; } .complex__wrapper{ } .complex__item{ margin-top: 16px; display: flex; flex-direction: row; } .complex__button{ color: #fff; text-decoration: none; text-transform: uppercase; display: block; width: fit-content; width: -moz-fit-content; padding: 10px; background: rgba(186,26,28,0.82); margin: 0px auto; border-radius: 8px; height: 55px; } .complex__wrapper img{ width: 100%; height: 130Px; object-fit: contain; } @media(max-width: 968px){ .complex__wrapper img{ height: 275px; } } .complex__wrapper h2{ margin: var(--s2) auto; display: block; } .main__review-block .f-row{ flex-wrap: nowrap; } .new-form{ background-color: #000; background-image: url(/upload/banner2023.webp); background-repeat: no-repeat; background-position: right center; padding-bottom: 74px; background-size: cover; position: relative; } .logo-form{ position: absolute; width: 168px; height: 112px; right: 15%; bottom: 55px; } .new-form__content{ padding-top: 87px; margin-left: 6%; max-width: 784px; } .new-form__title{ font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 64px; line-height: 102.4%; text-transform: uppercase; color: #FFFFFF; margin-bottom: 33px; } .new-form__subtitle{ font-family: "Exo 2", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: 35px; line-height: 42px; color: #FFFFFF; margin-bottom: 37px; } .new-form .formSuccess button{ background: #9C191A; border-radius: 3px; height: 70px; border: unset; outline: unset; width: 100%; font-family: "Exo 2", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 600; font-size: 30px; line-height: 36px; color: #FFFFFF; position: relative; overflow: hidden; } input.hidden{ display: none; } .new-form form{ display: flex; flex-direction: column; } .new-form input{ background: rgba(255, 255, 255, 0.77); backdrop-filter: blur(14px); /* Note: backdrop-filter has minimal browser support */ border-radius: 3px; outline: unset; font-size: inherit; padding-left: 10px; } .first-group{ display: flex; flex-direction: row; } .first-group input{ width: 55%; height: 47px; } .customerBudget{ margin-right: 20px; } .image-left{ float: left; width: 22%; padding: 12px; } @media(max-width: 768px){ .h1, h1 { font-size: 45px; } .h2, h2 { font-size: 30px; margin: 0 0 20px 0; } .h3, h3 { font-size: 25px; margin: 0 0 20px 0; } .h4, h4 { font-size: 20px; margin: 0 0 20px 0; } .new-form{ background-repeat: no-repeat; background-position-x: unset; background-position-y: 10px; padding-bottom: unset; background-size: contain; background-image: url(/admin/templates/site/banket/css/banner1.webp); } .logo-form{ width: 74px; height: 50px; top: 40px; bottom: unset; left: 15px; object-fit: contain; } .new-form__content{ padding: 203px 23px 42px 23px; margin-left: 0; max-width: unset; } .new-form__title{ font-size: 47px; text-align: center; background: #0000009e; padding: 5px; } .new-form__subtitle{ font-size: 20px; line-height: 24px; text-align: center; background: #0000009e; padding: 5px; } .new-form .formSuccess button{ height: 56px; font-size: 20px; line-height: 24px; } .new-form form > div{ margin-top: 0px; } .new-form input{ background: rgba(255, 255, 255, 0.77); backdrop-filter: blur(14px); border-radius: 3px; outline: unset; } .first-group{ flex-direction: column; } .new-form input{ width:100%; margin-bottom: 16px; } .customerBudget{ margin-right: 20px; } .image-left{float: none;width: 100%;} .our_team_table{ flex-wrap: wrap;} .irame-slider { height: 360px; } .offer__orgcoffeebrake { } } .our_team_table { display: flex; flex-direction: row; justify-content: space-around; } .our_team_table_item { padding: 8px; } .our_team_table_title { font-weight: 700; text-align: center; padding: 8px; } .our_team_table_image { padding: 8px; } .new-form.catering_na_vistavku{ background-image: url("/images/webp/catering-vistavka.webp"); } .new-form.catering_happy_birthday{ background-image: url("/images/webp/den-rozhdeniya.webp"); background-size: contain; } .new-form.organizaciyabbq{ background-image: url("/images/webp/bbq.webp"); background-size: cover; } .new-form.zakazat_furshet_na_svadbu{ background-image: url("/images/webp/svadba.webp"); background-size: contain; } .new-form.zakazat_furshet_na_svadbu .new-form__title, .new-form.zakazat_furshet_na_svadbu .new-form__subtitle{ background-color:#541c1c57; } .advantages-front { background-image: url('/images/webp/bg_girl.webp'); background-size: contain; background-repeat: no-repeat; background-position: center bottom; background-color: #060606; color: var(--color-light); font-size: calc(.333vw + var(--s-1)); padding-top: var(--s2); padding-bottom: calc(var(--s5) * 1.5 ); } .advantages-front > * { background: rgba(50, 50, 50, 0.40); border-radius: 8px; max-width: 90ch; margin: auto; padding: var(--s1); } .advantages-front > * > * { background: none; } .advantages-front > * > * > * { /*margin: calc(var(--s-1) * -1);*/ display: flex; flex-wrap: wrap; align-items: center; } .advantages-front > * > * > * > * { flex-basis: 5rem; margin: var(--s-1); } .advantages-front h2 { color: #fff; text-align: center; display: block; margin-bottom: var(--s2); } .advantages-front > * > * > * > *:first-child { padding: 15px; background-color: var(--color-brand); border-radius: 50%; margin: auto; } .advantages-front > * > * > * > *:last-child { flex-grow: 1; min-width: 66%; text-align: center; } .advantages-front > * > * > * > * > p:first-child { text-transform: uppercase; font-weight: bold; } .advantages-front img { display: block; background: none; } .main-services .scroll{ flex-wrap: nowrap; } .main-services .scroll__item__img { border-radius: 7px 7px 0px 0px; max-height: 350px; height: 230px; object-fit: cover; object-position: 50% 0px; } .main-services .scroll__item { box-shadow: 0 0 2px 0 rgb(0 0 0 / 9%), 0 2px 12px 0 rgb(0 0 0 / 10%); flex-shrink: 0; max-width: 350px; border-radius: 7px; } @media(min-width: 968px){.our_team_table.main-products img{height: 232px;}} @media(max-width: 968px){ .top-nav > ul{position: absolute; top: 50px;left: 0;width: 100%;padding: 0px 0px 30px 20px;overflow-y: auto;} .top-nav button[aria-expanded="true"]{} .ws-chat .ws-chat-btn-el-container{z-index:0!important;} } @media(max-width: 414px){ .wa-row{} .wa-row svg{width: 20px} .wa-row a[href^=tel]{font-size: 14px;} #shopping-cart svg{width: 25px;} } @media(max-width: 425px){ .new-form__title {font-size: 38px;} div.menu-bar .logo-top{margin-right: 0px; max-height: 50px; width: 50px !important;} #shopping-cart{margin-right: 5px;} } .img-right{ float:right; margin-left: 10px; max-width: 400px; width:100%; } .clear{clear: both;} @media(max-width: 968px){ .img-right{ float:none; display: block; margin: 10px auto; } } .f-row .offer__orgcoffeebrake img{ width: 100%; max-width: 370px; height: 280px; margin: 0px auto 15px; } .offer__orgcoffeebrake{ padding: 15px; } .offer__orgcoffeebrake ul { max-width: 370px; margin: 15px auto; text-align: left; } @media (max-width: 767px) { #rec1052481761 .t467, .uc-oppi .t467, #rec1091722511 .t004 { margin-left: 10px; margin-right: 10px; } .complex__wrapper ul li{ padding-bottom: 7px !important; } .footer-menu > * > * > * { display: flex; flex-wrap: wrap; flex-direction: column; } .complex__wrapper img{ height: 64px; } .img-sert,.img--team,.irame-img,.irame-slider{ width: 100%!important; } .img-video{ width: 100%!important; height: auto!important; } .div-table2{ width: 100%!important; height: auto!important; } .div-table3{ width: 100%!important; height: auto!important; } .div-table4{ width: 100%!important; height: auto!important; } } .div-table{ position: relative; left: 15%; } .div-table td{ border:0px; } .div-table2{ position: relative; left: 0%; } .div-table2 td{ border:0px; } .div-table4{ position: relative; left: 0%; background-color: #fcf2f2; } .div-table4 td{ border:0px; } .div-table3{ position: relative; /*left: 10%;*/ } .div-table3 td{ border:0px; } #button_z3 { min-width: 300px; min-height: 60px; font-family: 'Nunito', sans-serif; font-size: 22px; text-transform: uppercase; letter-spacing: 1.3px; font-weight: 700; color: #fff; background: #4FD1C5; background: #ba1a1cd1; border: none; border-radius: 15px; box-shadow: 0 0 60px rgb(197 66 67); transition: all 0.3s ease-in-out 0s; cursor: pointer; outline: none; position: relative; padding: 10px; } #button_z3::before { content: ''; border-radius: 15px; min-width: 100%; min-height: 100%; box-shadow: 0 0 60px rgb(197 66 67); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: all .3s ease-in-out 0s; } #button_z3:hover, #button_z3:focus { color: #fff; transform: translateY(-6px); } #button_z3:hover::before, #button_z3:focus::before { opacity: 1; } #button_z3::after { content: ''; width: 30px; height: 30px; border-radius: 100%; border: 6px solid #ba1a1cd1; position: absolute; z-index: -1; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: ring 1.5s infinite; } #button_z3:hover::after, #button_z3:focus::after { animation: none; display: none; } @keyframes ring { 0% { width: 30px; height: 30px; opacity: 1; } 100% { width: 300px; height: 300px; opacity: 0; } } #button_z2 { min-width: 300px; min-height: 60px; font-family: 'Nunito', sans-serif; font-size: 31px; text-transform: uppercase; letter-spacing: 1.3px; font-weight: 700; color: #000; background: #fff003; border: none; border-radius: 15px; box-shadow: 0 0 60px #c5b901; transition: all 0.3s ease-in-out 0s; cursor: pointer; outline: none; position: relative; padding: 10px; padding-top: 13px; } #button_z2::before { content: ''; border-radius: 15px; min-width: 100%; min-height: 100%; box-shadow: 0 0 60px #fff003; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: all .3s ease-in-out 0s; } #button_z2:hover, #button_z2:focus { color: #000; transform: translateY(-6px); } #button_z2:hover::before, #button_z2:focus::before { opacity: 1; } #button_z2::after { content: ''; width: 30px; height: 30px; border-radius: 100%; border: 6px solid #fff003; position: absolute; z-index: -1; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: ring 1.5s infinite; } #button_z2:hover::after, #button_z2:focus::after { animation: none; display: none; } @keyframes ring { 0% { width: 30px; height: 30px; opacity: 1; } 100% { width: 300px; height: 300px; opacity: 0; } } .ofer-button{ margin-top: 10%; margin-left: 24%; } .ofer-button2{ margin-top: 0%; margin-left: 0%; } .ofer-banner{ background-image: url(/admin/templates/site/banket-front/baner/bg-baner.webp); height: 550px; border-radius: 15px; background-repeat: no-repeat; background-size: cover; background-position: center center; padding: 20px 20px 20px 70px; } .ofer-title{ color: #fff; font-family: "Exo 2", Helvetica, Arial, sans-serif; font-size: 35px; font-weight: 600; margin-top: 30px; text-shadow: 0px 0px 10px #000; text-align: center; } .ofer-title2{ color: #fff; font-family: "Exo 2", Helvetica, Arial, sans-serif; font-size: 30px; font-weight: 600; margin-top: 30px; text-shadow: 0px 0px 10px #000; } [data-page="catering-in-office"] #promo,[data-page="catering-in-office"] header,[data-page="catering-in-office"] #btn-foot,[data-page="catering-in-office"] #gallery,[data-page="catering-in-office"] #towns-list,[data-page="catering-in-office"] .bottom-logos,[data-page="catering-in-office"] .footer-menu,[data-page="catering-in-office"] #loudvoice_container,[data-page="catering-in-office"] .breadcrumbs{ display:none; } [data-page="catering-in-office"] .docs-main{ padding:0px; } [data-page="catering-in-office"] p{ margin: 0px; width: 100%; max-width: 100%; } [data-page="happy_day"] #promo,[data-page="happy_day"] header,[data-page="happy_day"] #btn-foot,[data-page="happy_day"] #gallery,[data-page="happy_day"] #towns-list,[data-page="happy_day"] .bottom-logos,[data-page="happy_day"] .footer-menu,[data-page="happy_day"] #loudvoice_container,[data-page="happy_day"] .breadcrumbs{ display:none; } [data-page="happy_day"] .docs-main{ padding:0px; } [data-page="happy_day"] p{ margin: 0px; width: 100%; max-width: 100%; } [data-page="na_svadbu"] #promo,[data-page="na_svadbu"] header,[data-page="na_svadbu"] #btn-foot,[data-page="na_svadbu"] #gallery,[data-page="na_svadbu"] #towns-list,[data-page="na_svadbu"] .bottom-logos,[data-page="na_svadbu"] .footer-menu,[data-page="na_svadbu"] #loudvoice_container,[data-page="na_svadbu"] .breadcrumbs{ display:none; } [data-page="na_svadbu"] .docs-main{ padding:0px; } [data-page="na_svadbu"] p{ margin: 0px; width: 100%; max-width: 100%; } [data-page="na_svadbu"] #promo{ display:none; } [data-page="na_korporativ"] #promo,[data-page="na_korporativ"] header,[data-page="na_korporativ"] #btn-foot,[data-page="na_korporativ"] #gallery,[data-page="na_korporativ"] #towns-list,[data-page="na_korporativ"] .bottom-logos,[data-page="na_korporativ"] .footer-menu,[data-page="na_korporativ"] #loudvoice_container,[data-page="na_korporativ"] .breadcrumbs{ display:none; } [data-page="na_korporativ"] .docs-main{ padding:0px; } [data-page="na_korporativ"] p{ margin: 0px; width: 100%; max-width: 100%; } [data-page="na_korporativ"] #promo{ display:none; } #menu-ncat ul{ display:flex; } @media (max-width: 767px) { .uc-kio-1 h1{ color:#fff!important; margin-left:41px; } #rec821833655 h1, #rec825513989 h1,#rec829405077 h1,#rec846547985 h1{ font-size: 35px; } #rec821833655 h2{ font-size: 20px; } .ol-ser{ padding-left: 7%; margin: 20px 0px; } .ul-ser{ list-style-position: outside; padding-left: 7%; margin-bottom: 20px; } .f-col--w50{ width:400px!important; } .alone{ width:100%; } #img-fur-dr{ float: inherit!important; } .main-services__subtitle { word-break: break-word; width: 90%; } td, th { padding: 1px!important; text-align: left; font-size: 10px!important; } .main__review-block h2{ text-align: left!important; } .breadcrumbs{ margin-top: 10px; } #iframe-guide{ height: 600px; } #promo{ display:none; } .div-table3 { left: 0%!important; } .otz{ width:100%!important; height:800px!important; } .reviews_item { width: 100%!important; } .reviews_wrap { display: flex!important; justify-content: space-around!important; flex-wrap: wrap!important; } .f-row.f-row--justify-center.furshet__block{ display: flex!important; flex-wrap: wrap!important; } .spoiler-details table span{ font-size:10px!important; } .spoiler-details table p{ font-size:10px!important; } .spoiler-details table td, th { padding: 1px; } .div-fr{ display: flex; flex-wrap: wrap; } .ofer-banner{ padding: 0px; height: 200px; background-size: cover; } .ofer-div{ background-color: #00000087; height: 100%; border-radius: 15px; padding: 20px; flex-wrap: wrap; display: flex; justify-content: space-around; align-content: stretch; } .ofer-title { font-size: 15px!important; margin-top: 0px!important; } .ofer-title2 { font-size: 10px!important; margin-top: 10px; } .ofer-button { margin-top: 1%; margin-left: 0%; width: 100%; } .ofer-button2 { margin-top: 1%; margin-left: 0%; width: 65%; } #button_z6{ font-size: 13px!important; padding: 5px 10px!important; box-shadow: 0px 0px 36px #fff003b0!important; width: 100%!important; text-align: center!important; } .div-img img{ width: 100%!important; height: auto!important; } #button_z6 br{ display: block!important; } .div-table img{ width: 100%!important; height: auto!important; position: relative; left: 0%!important; } .div-table{ left: 0%!important; } .img-domodedovo{ margin: 10px 0px!important; width: 100%!important; height: auto!important; } } .div-img{ text-align: center; } #button_z6 br{ display: none; } #button_z6 { font-size: 25px; padding: 10px 20px; background-color: #fff003; border-radius: 15px; border: none; position: relative; animation: pulse 2s ease-in-out infinite; box-shadow: 0px 0px 36px #fff003; } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .spoiler-details,.spoiler-details2 { cursor: pointer; border: 1px solid #d1d1d1; border-radius: 20px; padding: 0px; margin-bottom: 10px; } .spoiler-details2{ border: 1px solid #ffc7c7; } .spoiler-details summary,.spoiler-details2 summary{ border-radius: 20px; padding: 10px; background-color: #d1d1d1; color: #000; font-size: 25px; } .spoiler-details2 summary{ background-color: #ffc7c7; } .spoiler-details summary::marker,.spoiler-details2 summary::marker { font-size: 0px; } .spoiler-details summary::after { content: "ᐯ"; display: inline-block; font-size: 20px; color: #000; transform: rotate(-90deg); transition: transform 0.3s ease; margin-left: 10px; } .spoiler-details[open] summary::after { transform: rotate(0deg); } .spoiler-details[open] summary::before, .spoiler-details[open] summary::after { color: #000; } .spoiler-details[open] summary::-webkit-details-marker { display: none; } .spoiler-details[open] > *:not(summary) { opacity: 0; max-height: 0; transition: opacity 0.3s ease, max-height 0.3s ease; } .spoiler-details[open] > *:not(summary) { opacity: 1; max-height: 1000px; } .div-fr{ display: flex; align-items: center; justify-content: space-evenly; padding: 20px; background-color: #fcf2f2; } .div-body{ margin: 0px 40px; } .div-main{ display: contents; } .f-row.f-row--justify-center.furshet__block{ text-align: center; display: flex; flex-wrap: nowrap; max-width: inherit; } .otz{ width:560px; height:800px; overflow:hidden; position:relative; } div.content{ height: calc(100% + 10px); } .content img { display: block; max-width: 100%; width: 100%; height: 272px; } .irame-img{ width:100%; margin-top: 10px; } .alone{ width:30rem; } .alone-r{ width:70%!important; display: initial!important; } #my-search-2235077{ display: flex; } #fr-shop{ width: 100%; height: 1000px; } #video-main-page{ display: flex; justify-content: space-between; } #video-main-page iframe,#iframe-video{ width: 425px; height: 318px; } @media (max-width: 1200px) { #video-main-page{ display: flex; flex-wrap: wrap; justify-content: center; } #video-main-page iframe, #iframe-video{ width: 385px; height: 289px; margin: calc(var(--s-1) / 2); } } @media (max-width: 767px) { #ot-ya-rent{ width:90%; } #rec1091704296 .t-store__card .t-typography__descr { font-size: 15px!important; } .uc-oppi .t467{ width: 90%; margin-left: 20px; margin-right: 0px; } #rec1091704286 .t-descr_xl { font-size: 16px; margin-left: 14px; } #otz-w{ display: flex; flex-wrap: nowrap; flex-direction: column; } #otz1{ width:100%; } #otz2{ width:100%; } #otz-w h3{ margin-top: 30px; } #video-main-page{ display: flex; flex-wrap: wrap; justify-content: center; } .alone-r{ width:100%!important; } .menu-href{ text-align: center!important; } } .ul-ser{ list-style-position: outside; padding-left: 2%; margin-bottom: 20px; } .ol-ser{ padding-left: 2%; margin: 20px 0px; } .btn-ras{ background-color: #c54142; font-size: 40px; border: 0px; border-radius: 8px; padding: 10px 20px; color: #fff; text-transform: uppercase; font-family: "Exo 2", Helvetica, sans-serif; font-weight: 500; } .img-down{ width: 40px !important; margin-right: 20px; border-radius: 50%; transition: 0.3s; float: left; } .img-down:hover{ background-color: #000; border-radius: 50%; padding: 0px; transition: 0.3s; } .div-price{ display: flex; align-items: center; } .main-main-div{ padding: 0% 5%; } .main-div{ background-color: #fcf2f2; display: flex; width: 100%; } .rigth-text:after{ } .title-title{ font-size: 65px; text-transform: uppercase; font-family: "Exo 2", Helvetica, sans-serif; font-weight: 500; margin: 0px 0px 10% 0px; } .first-div{ padding: 20px; width: 50%; background-image: url(/images/webp/catering-na-konferenciyu-01.webp); background-size: cover; margin: 20px; height: 414px; } .second-div{ margin: 20px; } .li-price { font-size: 20px; border-bottom: 1px dashed #000; margin-right: 25px; } .ul-price{ font-family: "Exo 2", Helvetica, sans-serif; font-size: 18px; font-weight: 500; margin: 0; padding: 15px 0; } .price{ font-size: 24px; } .iframe_banner{ width: 100%; height: 400px; } .iframe-price2{ width: 100%; height: 400px; } .iframe-price3{ width: 100%; height: 400px; } .decor-div { background-image: url(/admin/templates/site/banket-front/decor-baner/20.webp); width: 100%; background-repeat: no-repeat; height: 400px; background-size: cover; background-position: 0px 50%; border-radius: 20px; box-shadow: 0px 0px 5px 0px #00000085; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; flex-direction: column; } .decor-div h2 { font-family: "Exo 2", Helvetica, Arial, sans-serif; font-weight: 500; font-size: 30px; margin: 30px 0px 0px 0px; text-transform: uppercase; text-align: center; color: #fff; z-index:2; line-height: 40px; } .decor-div::before{ content: ''; width: 100%; height: 400px; display: block; background-color: #00000085; border-radius: 20px; } .decor-block{ position: absolute; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 73%; } .command-photo{ display: flex; flex-wrap: wrap; justify-content: center; } .img--team{ width: 30%; margin-right: 10px; } .img--team2{ width: 61%; margin-top: 20px; } #callback a:last-child{ display:block; color: #fff !important; } #fio { display:none; } .hide-desktop{ display: block; } .iframe-why{ width: 100%; height: 1290px; } #ul-all{ display: flex; justify-content: space-between; } #ul1, #ul2 { width: 48%; } .answers{ padding: 0px 50px; } #ul-li{ display: grid; grid-template-columns: 1fr 1fr; } #down-exl{ /*margin: 0px;*/ /*background-color: #00000000;*/ /*color: #000;*/ /*padding: 0px;*/ font-size: 16px; /*box-shadow: 0px 0px 0px 0px #999;*/ /*text-decoration: revert;*/ /*text-transform: inherit;*/ /*text-align: center;*/ /*display: initial;*/ } #down-exl:hover{ text-decoration: none; } #coffe{ display: flex; flex-direction: column; } .offer__orgcoffeebrake{ display: flex; flex-direction: column; /*justify-content: center;*/ justify-content: flex-start !important; } /* Contact form */ .contact-form2 { width: 100vw; height: 100vh; position: fixed; display: flex; background: rgba(0, 0, 0, 0.8); top: 0; z-index: 500; } .contact-form2 > * { margin: auto; background: #fff; max-width: 70ch; display: flex; flex-wrap: wrap; align-items: center; max-height: 100vh; overflow-y: auto; background: linear-gradient(to right, #f1f5f7 0%,#f1f5f7 70%,#ffffff 100%); } .contact-form2 > * > * { flex-basis: 40ch; flex-grow: 1; } .contact-form2 > * > *:first-child { position: relative; } .contact-form2 > * > *:first-child > img { height: auto; object-fit: cover; max-height: 45vh; } .contact-form2 > * > *:first-child > button { position: absolute; right: 0; top: 0; border: none; background: none; padding: var(--s0); } .contact-form2 > * > *:nth-child(2) { padding: var(--s0); position: relative; z-index: 50; background: none; } .contact-form2 > * > *:last-child { flex-basis: 25ch; margin-left: calc(var(--s1) * -1); } .contact-form2 form { /*display: flex; flex-wrap: wrap;*/ } .contact-form2 [type="checkbox"] { position: absolute; opacity: 0; cursor: pointer; } .checkinput { height: 22px; width: 22px; position: absolute; top: 0; left: 0; background-color: #fff; opacity: 0.7; border-radius: 50%; border-width: 1px; border-color: #ddd; align-self: center; margin-left: var(--s-4); margin-top: var(--s-4); } .contact-form2 input:checked ~ .checkinput:after { content: ""; position: absolute; display: block; top: 6px; left: 6px; width: 8px; height: 8px; border-radius: 50%; background: #00c5be; } .contact-form2 input:focus ~ .checkinput { outline: var(--border-thin) solid var(--color-mid); outline-offset: var(--border-thin); } .contact-form2 form > label { position: relative; display: block; flex-basis: 30ch; flex-grow: 1; padding-left: calc(var(--s0) + 22px); cursor: pointer; } .contact-form2 form [type="submit"] { /*display: block;*/ font-size: calc(.333vw + var(--s-1)); background-color: #00c5be; border-radius: 8px; border: none; } /* Contact form */ .contact-form3 { width: 100vw; height: 100vh; position: fixed; display: flex; background: rgba(0, 0, 0, 0.8); top: 0; z-index: 500; } .contact-form3 > * { margin: auto; background: #fff; max-width: 65ch; display: flex; flex-wrap: wrap; align-items: center; max-height: 97vh; overflow-y: auto; background: linear-gradient(to right, #f1f5f7 0%,#f1f5f7 70%,#ffffff 100%); } .contact-form3 > * > * { flex-basis: 40ch; flex-grow: 1; } .contact-form3 > * > *:first-child { position: relative; } .contact-form3 > * > *:first-child > img { height: auto; object-fit: cover; max-height: 45vh; } .contact-form3 > * > *:first-child > button { position: absolute; right: 0; top: 0; border: none; background: none; padding: var(--s0); } .contact-form3 > * > *:nth-child(2) { padding: 0rem 1rem; position: relative; z-index: 50; background: none; } .contact-form3 > * > *:last-child { flex-basis: 25ch; margin-left: calc(var(--s1) * -1); } .contact-form2 form { /*display: flex; flex-wrap: wrap;*/ } .contact-form3 [type="checkbox"] { position: absolute; opacity: 0; cursor: pointer; top: 10px; left: 10px; z-index: 2; } .checkinput { height: 22px; width: 22px; position: absolute; top: 0; left: 0; background-color: #fff; opacity: 0.7; border-radius: 50%; border-width: 1px; border-color: #ddd; align-self: center; margin-left: var(--s-4); margin-top: var(--s-4); } .contact-form3 input:checked ~ .checkinput:after { content: ""; position: absolute; display: block; top: 6px; left: 6px; width: 8px; height: 8px; border-radius: 50%; background: #00c5be; } .contact-form3 input:focus ~ .checkinput { outline: var(--border-thin) solid var(--color-mid); outline-offset: var(--border-thin); } .contact-form3 form > label { position: relative; display: block; flex-basis: 30ch; flex-grow: 1; padding-left: calc(var(--s0) + 22px); cursor: pointer; } .contact-form3 form [type="submit"] { /*display: block;*/ font-size: calc(.333vw + var(--s-1)); background-color: #00c5be; border-radius: 8px; border: none; } #more-btn-video{ width: 100%!important; } .time-work{ margin: 0px!important; display: flex; align-items: center; } .time-work iframe{ border: 0; height: 45px; width: fit-content; } .time-work iframe #document{ width: fit-content; } .two-img{ display: flex; flex-wrap: nowrap; justify-content: center; } .two-img p{ margin: 0px; margin-right: 20px; } #popupForm { background-color: #fff; border: 1px solid #ccc; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .display-contents { display: contents; } .docs2-main { display: flex; flex-wrap: wrap; flex-direction: column; padding: 0% 10%; align-items: center; } .banket__block + hr + h2 + div{ display: flex; flex-wrap: wrap; justify-content: center; } #img-rght img{ max-width: 50%; } #btn-foot{ display: contents; } .docs-page { display: flex; flex-wrap: wrap; flex-direction: column; } #main{ width: 100%; } .iframe-why2{ width: 100%; height: 1300px; } .card-style__video-thumb.single-video{ height: 100%; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; } .image-left2 { float: left; width: 80%; padding: 12px; } .div-delivery{ display: flex; flex-wrap: nowrap; align-items: center; width:90%; } .div-delivery .p-img, .div-delivery div{ width:50% } .fieldset{ display: flex; flex-direction: column; align-items: center; width: 95%; } .fieldset div{ display: contents!important; } #opros{ display: flex; justify-content: center; background-color: #fcf2f2; padding: 20px; width: 55%; border-radius: 10px; box-shadow: 0 0 10px 0px #00000085; } .address{ display: flex; align-items: center; } .address div:first-child{ padding-right: 1%; } .address2 { display: flex; align-items: flex-start; justify-content: space-evenly; } #f-col-my{ display: flex; flex-direction: column; } .video2{ display: flex; justify-content: space-evenly; } .new-form .formSuccess button:after { content: ""; display: block; width: 20px; height: 200px; margin-left: 50px; background: #fff; background: linear-gradient( to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.5) 100% ); left: -40px; top: -50px; z-index: 1; transform: rotate(45deg); position: absolute; animation: movingFlare 4s ease-in-out 0.05s infinite; } @keyframes movingFlare { 0% { left: -30px; margin-left: 0px; } 30% { left: 110%; margin-left: 80px; } 100% { left: 110%; margin-left: 80px; } } .mokk{ height: 400px; border-radius: 20px; width:100%; } .mokk body{ margin: 0px; } .swiper-container { max-width: 100%; overflow: hidden; position: relative; } .swiper-container .swiper-button-next{ top: 50%; left: auto; right: 10px; width: 36px; position: absolute; height: 36px; color: #757575; margin-bottom: auto; margin-top: auto; box-shadow: 0 0 0 1px #fff; background: #9c191a; border-radius: 50%; cursor: pointer; opacity: 1; display: inherit; } .swiper-container .swiper-button-prev{ top: 50%; right: 10px; width: 36px; position: absolute; height: 36px; color: #757575; margin-bottom: auto; margin-top: auto; box-shadow: 0 0 0 1px #fff; background: #961819; cursor: pointer; opacity: 1; border-radius: 50%; display: inherit; } .swiper-container .swiper-button-prev:after{ content: 'prev'; color: #fff; font-size: 20px; top: 2px; position: relative; left: 30%; font-weight: 900; } .swiper-container .swiper-button-next:after{ content: 'next'; color: #fff; font-size: 20px; top: 2px; position: relative; left: 39%; font-weight: 900; } .swiper-container .swiper-slide{ height: 240px; flex: 0 0 auto !important; width: auto !important; margin-right: 0px !important; } .swiper-container .f-col{ height: 230px; } @media (max-width: 768px) { .grid-product__price-value.ec-price-item{ font-size: 14px!important; } html#ecwid_html body#ecwid_body .ec-size .ec-store .grid__products--appearance-frame .grid-product__wrap-inner .grid-product__image+* { padding-left: 5px!important; padding-right: 5px!important; } html#ecwid_html body#ecwid_body .ec-size .ec-store .grid__wrap .grid__products{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 0px; } html#ecwid_html body#ecwid_body .ec-size .ec-store .grid__products--medium-items .grid-product__title-inner { font-size: 14px!important; } .grid__wrap{ display: flex; flex-direction: column; } #img-pop{ display:none; } .accordion2:after { content: '\002B'; color: #fff; font-weight: bold; float: right; margin-left: 5px; } .active:after { content: "\2212"; } .accordion2 { background-color: #00000000; color: #fff; cursor: pointer; padding: 5px; width: 50%; text-align: left; border: none; outline: none; transition: 0.4s; } /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */ .active, .accordion2:hover { background-color: #ccc0; color: #fff; } /* Style the accordion panel. Note: hidden by default */ .panel { padding: 0 18px; background-color: #00000000; display: none; overflow: hidden; } #mob-foot-menu{ display:block; } #desk-foot-menu{ display:none; } .swiper-container .swiper-button-next:after { top: 16%; } .div-delivery .p-img, .div-delivery div { width: 90%; } .div-delivery { display: flex; width: 100%; align-items: center; flex-direction: column; } .accordion { width: 100% !important; } .irame-img { height: 270px; } .mokk{ height: 200px; } .spoiler-details summary, .spoiler-details2 summary { font-size: 20px; } .video2 { display: flex; flex-direction: column; } #opros { width: 90%; } .map-right iframe{ width:100%; } #f-row-my{ display: flex; flex-direction: column; } #f-col-my { display: flex; flex-direction: column; width: 100%!important; max-width: 100%; } .address { display: flex; align-items: stretch; flex-direction: column; } .address2 { display: flex; flex-direction: column; } #frontpage{ display: contents; } #banner-first{ margin-left: 0%!important; display: flex!important; flex-wrap: wrap; } #img-rght img{ max-width: 100%; } #img-rght{ width: 100%!important; } .docs-main{ width: 100%; } .f-row img{ width: 100%!important; } .two-img { display: flex; flex-wrap: wrap; } .time-work{ padding-left: 34%; } #ul-li{ display: grid; grid-template-columns: 1fr; } #ul-all { display: block; } .iframe-why{ width: 100%; height: 1700px; } .iframe-why2{ width: 100%; height: 2914px; } .menus ~ div p{ width: 90%!important; } .gift div div img{ display: none; } .pre-ferst{ width: 100%; } .pre-second{ width: 100%; order:2; } .presentation .black{ width:100%!important; } .presentation > * > a > div { min-width: 169px!important; width: 85%!important; padding: 10px!important; } .p-bonus{ font-size: 10px; background-color: #fff; width: fit-content; border-radius: 15px; padding: 5px; box-shadow: 0px 0px 5px 0px #00000085; } .bonus{ display: flex; flex-wrap: wrap; justify-content: center; } .presentation > * > a:hover:before, .presentation > * > a:hover:after { width: 92%; } .presentation > * > a p { font-size: 10px; } .img--team2{ width: 100%; margin-top: 20px; } .decor-div h2 { font-size: 15px; } .decor-block{ position: absolute; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 73%; } .main-main-div{ padding: 0% 0%; } .main-div{ display: block; padding: 10px; } .first-div { width: 93%; height: 250px; } .title-title { margin: 0px 0px 20px 0px; word-break: break-all; font-size: 40px; } .li-price { font-size: 18px; line-height: 34px; } .div-price { margin-bottom: 10px; } .content img { height: auto!important; } .iframe-price2{ width: 100%; height: 950px; } .iframe-price3{ width: 100%; height: 950px; } #img-all{ width:100%!important; height:auto!important; } #ul1, #ul2 { width: 100%; } .div-table3 tr { display: flex; flex-wrap: wrap; } #store-price{ padding: 0px; } .f-row .offer__orgcoffeebrake img { height: auto; } } @media (max-width: 739px) { #video-main-page iframe, #iframe-video{ width: 355px; height: 266px; margin: calc(var(--s-1) / 2); } } @media (max-width: 1024px) { .complex__item { flex-direction: column; } .complex__button { margin: 20px auto 0px; } #img-rght img { max-width: 100%; } } @media (max-width: 425px) { #rec1065403336 .t-store__card .t-typography__descr { font-size: 13px!important; } #rec905601028 .tmenu-mobile__container{ padding: 0px 20px; } #rec905601028 img { width: 100% !important; } #rec905601028 .tmenu-mobile__imglogo{ max-width: 50px !important; min-width: 10px!important; } .h1, h1 { font-size: 35px; } .div-delivery { display: flex; width: 100%; align-items: center; flex-direction: column; } .h2, h2 { font-size: 28px; margin: 0 0 20px 0; } .h3, h3 { font-size: 18px; margin: 0 0 15px 0; } .h4, h4 { font-size: 18px; margin: 0 0 15px 0; } .grid__categories .grid-category, .grid__products .grid-product { width: 100% !important; } .video2 img { width: 100% !important; height: auto !important; } #main ul { padding: 0px 0px; } .iframe-price2{ width: 100%; height: 965px; } .iframe-price3{ width: 100%; height: 1555px; } img { width: 100% !important; } .logo-form{ max-width: 100%; left: 0px; } .div-delivery .p-img, .div-delivery div { width: 90%; } #store-price{ padding: 0px; } .f-row .offer__orgcoffeebrake img { height: auto; } } @media (max-width: 375px) { .uc-kio-1 h1{ color:#fff; font-size:30px!important; text-align: left!important; font-weight: 400; } .presentation, .presentation > * { flex-direction: column; } .presentation div { width: 100%; } .iframe-price2{ width: 100%; height: 965px; } .iframe-price3{ width: 100%; height: 1555px; } .div-delivery { display: flex; width: 100%; align-items: center; flex-direction: column; } .div-delivery .p-img, .div-delivery div { width: 90%; } #store-price{ padding: 0px; } .f-row .offer__orgcoffeebrake img { height: auto; } }