/* Start:/local/templates/main/public/css/bootstrap.min.css?17345252122487*/ .modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0, -25%);-ms-transform:translate(0, -25%);-o-transform:translate(0, -25%);transform:translate(0, -25%);-webkit-transition:-webkit-transform 0.3s ease-out;-o-transition:-o-transform 0.3s ease-out;transition:transform 0.3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.clearfix:before,.clearfix:after,.modal-header:before,.modal-header:after,.modal-footer:before,.modal-footer:after{display:table;content:" "}.clearfix:after,.modal-header:after,.modal-footer:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed} /* End */ /* Start:/local/templates/main/public/css/swiper-bundle.min.css?173452521216469*/ /** * Swiper 8.4.4 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: October 12, 2022 */ @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}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.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-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.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,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.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-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-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.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: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: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,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-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:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width: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: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:10px;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-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-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: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:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background: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:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;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 .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,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.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-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-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/main/public/css/lightbox.min.css?17345266262523*/ .lb-loader,.lightbox{text-align:center;line-height:0;position:absolute;left:0}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{width:100%;z-index:10000;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(/local/templates/main/public/css/../img/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(/local/templates/main/public/css/../img/prev.webp) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(/local/templates/main/public/css/../img/next.webp) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(/local/templates/main/public/css/../img/close.webp) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1} /* End */ /* Start:/local/templates/main/public/css/datepicker.min.css?173684481612257*/ .datepicker--cells{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.datepicker--cell{border-radius:4px;box-sizing:border-box;cursor:pointer;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:32px;z-index:1}.datepicker--cell.-focus-{background:#f0f0f0}.datepicker--cell.-current-{color:#4EB5E6}.datepicker--cell.-current-.-focus-{color:#4a4a4a}.datepicker--cell.-current-.-in-range-{color:#4EB5E6}.datepicker--cell.-in-range-{background:rgba(92,196,239,.1);color:#4a4a4a;border-radius:0}.datepicker--cell.-in-range-.-focus-{background-color:rgba(92,196,239,.2)}.datepicker--cell.-disabled-{cursor:default;color:#aeaeae}.datepicker--cell.-disabled-.-focus-{color:#aeaeae}.datepicker--cell.-disabled-.-in-range-{color:#a1a1a1}.datepicker--cell.-disabled-.-current-.-focus-{color:#aeaeae}.datepicker--cell.-range-from-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:4px 0 0 4px}.datepicker--cell.-range-to-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:0 4px 4px 0}.datepicker--cell.-selected-,.datepicker--cell.-selected-.-current-{color:#fff;background:#5cc4ef}.datepicker--cell.-range-from-.-range-to-{border-radius:4px}.datepicker--cell.-selected-{border:none}.datepicker--cell.-selected-.-focus-{background:#45bced}.datepicker--cell:empty{cursor:default}.datepicker--days-names{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:8px 0 3px}.datepicker--day-name{color:#FF9A19;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.-only-timepicker- .datepicker--content,.datepicker--body,.datepicker-inline .datepicker--pointer{display:none}.datepicker--cell-day{width:14.28571%}.datepicker--cells-months{height:170px}.datepicker--cell-month{width:33.33%;height:25%}.datepicker--cells-years,.datepicker--years{height:170px}.datepicker--cell-year{width:25%;height:33.33%}.datepickers-container{position:absolute;left:0;top:0}@media print{.datepickers-container{display:none}}.datepicker{background:#fff;border:1px solid #dbdbdb;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:4px;box-sizing:content-box;font-family:Tahoma,sans-serif;font-size:14px;color:#4a4a4a;width:250px;position:absolute;left:-100000px;opacity:0;transition:opacity .3s ease,left 0s .3s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s .3s;transition:opacity .3s ease,transform .3s ease,left 0s .3s,-webkit-transform .3s ease;z-index:100}.datepicker.-from-top-{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.datepicker.-from-right-{-webkit-transform:translateX(8px);transform:translateX(8px)}.datepicker.-from-bottom-{-webkit-transform:translateY(8px);transform:translateY(8px)}.datepicker.-from-left-{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.datepicker.active{opacity:1;-webkit-transform:translate(0);transform:translate(0);transition:opacity .3s ease,left 0s 0s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s 0s;transition:opacity .3s ease,transform .3s ease,left 0s 0s,-webkit-transform .3s ease}.datepicker-inline .datepicker{border-color:#d7d7d7;box-shadow:none;position:static;left:auto;right:auto;opacity:1;-webkit-transform:none;transform:none}.datepicker--content{box-sizing:content-box;padding:4px}.datepicker--pointer{position:absolute;background:#fff;border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;width:10px;height:10px;z-index:-1}.datepicker--nav-action:hover,.datepicker--nav-title:hover{background:#f0f0f0}.-top-center- .datepicker--pointer,.-top-left- .datepicker--pointer,.-top-right- .datepicker--pointer{top:calc(100% - 4px);-webkit-transform:rotate(135deg);transform:rotate(135deg)}.-right-bottom- .datepicker--pointer,.-right-center- .datepicker--pointer,.-right-top- .datepicker--pointer{right:calc(100% - 4px);-webkit-transform:rotate(225deg);transform:rotate(225deg)}.-bottom-center- .datepicker--pointer,.-bottom-left- .datepicker--pointer,.-bottom-right- .datepicker--pointer{bottom:calc(100% - 4px);-webkit-transform:rotate(315deg);transform:rotate(315deg)}.-left-bottom- .datepicker--pointer,.-left-center- .datepicker--pointer,.-left-top- .datepicker--pointer{left:calc(100% - 4px);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.-bottom-left- .datepicker--pointer,.-top-left- .datepicker--pointer{left:10px}.-bottom-right- .datepicker--pointer,.-top-right- .datepicker--pointer{right:10px}.-bottom-center- .datepicker--pointer,.-top-center- .datepicker--pointer{left:calc(50% - 10px / 2)}.-left-top- .datepicker--pointer,.-right-top- .datepicker--pointer{top:10px}.-left-bottom- .datepicker--pointer,.-right-bottom- .datepicker--pointer{bottom:10px}.-left-center- .datepicker--pointer,.-right-center- .datepicker--pointer{top:calc(50% - 10px / 2)}.datepicker--body.active{display:block}.datepicker--nav{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #efefef;min-height:32px;padding:4px}.-only-timepicker- .datepicker--nav{display:none}.datepicker--nav-action,.datepicker--nav-title{display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.datepicker--nav-action{width:32px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker--nav-action.-disabled-{visibility:hidden}.datepicker--nav-action svg{width:32px;height:32px}.datepicker--nav-action path{fill:none;stroke:#9c9c9c;stroke-width:2px}.datepicker--nav-title{border-radius:4px;padding:0 8px}.datepicker--buttons,.datepicker--time{border-top:1px solid #efefef;padding:4px}.datepicker--nav-title i{font-style:normal;color:#9c9c9c;margin-left:5px}.datepicker--nav-title.-disabled-{cursor:default;background:0 0}.datepicker--buttons{display:-webkit-flex;display:-ms-flexbox;display:flex}.datepicker--button{color:#4EB5E6;cursor:pointer;border-radius:4px;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:32px}.datepicker--button:hover{color:#4a4a4a;background:#f0f0f0}.datepicker--time{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative}.datepicker--time.-am-pm- .datepicker--time-sliders{-webkit-flex:0 1 138px;-ms-flex:0 1 138px;flex:0 1 138px;max-width:138px}.-only-timepicker- .datepicker--time{border-top:none}.datepicker--time-sliders{-webkit-flex:0 1 153px;-ms-flex:0 1 153px;flex:0 1 153px;margin-right:10px;max-width:153px}.datepicker--time-label{display:none;font-size:12px}.datepicker--time-current{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex:1;-ms-flex:1;flex:1;font-size:14px;text-align:center;margin:0 0 0 10px}.datepicker--time-current-colon{margin:0 2px 3px;line-height:1}.datepicker--time-current-hours,.datepicker--time-current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.datepicker--time-current-hours:after,.datepicker--time-current-minutes:after{content:'';background:#f0f0f0;border-radius:4px;position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.datepicker--time-current-hours.-focus-:after,.datepicker--time-current-minutes.-focus-:after{opacity:1}.datepicker--time-current-ampm{text-transform:uppercase;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;color:#9c9c9c;margin-left:6px;font-size:11px;margin-bottom:1px}.datepicker--time-row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right,#dedede,#dedede) left 50%/100% 1px no-repeat}.datepicker--time-row:first-child{margin-bottom:4px}.datepicker--time-row input[type=range]{background:0 0;cursor:pointer;-webkit-flex:1;-ms-flex:1;flex:1;height:100%;padding:0;margin:0;-webkit-appearance:none}.datepicker--time-row input[type=range]::-ms-tooltip{display:none}.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-moz-range-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-ms-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:focus{outline:0}.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-moz-range-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-ms-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s;margin-top:-6px}.datepicker--time-row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-webkit-slider-runnable-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-moz-range-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-fill-lower{background:0 0}.datepicker--time-row input[type=range]::-ms-fill-upper{background:0 0}.datepicker--time-row span{padding:0 12px}.datepicker--time-icon{color:#9c9c9c;border:1px solid;border-radius:50%;font-size:16px;position:relative;margin:0 5px -1px 0;width:1em;height:1em}.datepicker--time-icon:after,.datepicker--time-icon:before{content:'';background:currentColor;position:absolute}.datepicker--time-icon:after{height:.4em;width:1px;left:calc(50% - 1px);top:calc(50% + 1px);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.datepicker--time-icon:before{width:.4em;height:1px;top:calc(50% + 1px);left:calc(50% - 1px)}.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade-{color:#dedede}.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover{color:#c5c5c5}.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade-{color:#dedede}.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade-{color:#fff;background:#a2ddf6}.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade-{background:#8ad5f4}.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.1);color:#ccc}.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.2)}.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty{background:0 0;border:none} /* End */ /* Start:/local/templates/main/public/css/main.bundle.css?1779789922268196*/ /*!*********************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/scss/main.scss ***! \*********************************************************************************************************************************************************************/ @font-face { font-family: "Jost"; src: url("/local/templates/main/public/css/../fonts/Jost-Regular.woff2") format("woff2"), url("/local/templates/main/public/css/../fonts/Jost-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Jost"; src: url("/local/templates/main/public/css/../fonts/Jost-Bold.woff2") format("woff2"), url("/local/templates/main/public/css/../fonts/Jost-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Jost"; src: url("/local/templates/main/public/css/../fonts/Jost-ExtraBold.woff2") format("woff2"), url("/local/templates/main/public/css/../fonts/Jost-ExtraBold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Jost"; src: url("/local/templates/main/public/css/../fonts/Jost-BoldItalic.woff2") format("woff2"), url("/local/templates/main/public/css/../fonts/Jost-BoldItalic.woff") format("woff"); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: "Jost"; src: url("/local/templates/main/public/css/../fonts/Jost-Light.woff2") format("woff2"), url("/local/templates/main/public/css/../fonts/Jost-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Jost"; src: url("/local/templates/main/public/css/../fonts/Jost-Medium.woff2") format("woff2"), url("/local/templates/main/public/css/../fonts/Jost-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Jost"; src: url("/local/templates/main/public/css/../fonts/Jost-SemiBold.woff2") format("woff2"), url("/local/templates/main/public/css/../fonts/Jost-SemiBold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Jost"; src: url("/local/templates/main/public/css/../fonts/Jost-MediumItalic.woff2") format("woff2"), url("/local/templates/main/public/css/../fonts/Jost-MediumItalic.woff") format("woff"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: "Sofia Sans"; src: url("/local/templates/main/public/css/../fonts/SofiaSans-Regular.woff2") format("woff2"), url("/local/templates/main/public/css/../fonts/SofiaSans-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Sofia Sans"; src: url("/local/templates/main/public/css/../fonts/SofiaSans-Bold.woff2") format("woff2"), url("/local/templates/main/public/css/../fonts/SofiaSans-Bold.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap; } @keyframes smoothScroll { 0% { transform: translateY(-60px); } 100% { transform: translateY(0px); } } @keyframes smoothScroll { 0% { transform: translateY(-60px); } to { transform: translateY(0); } } @-webkit-keyframes slide-in-bottom { 0% { opacity: 0; -webkit-transform: translateY(1000px); transform: translateY(1000px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slide-in-bottom { 0% { opacity: 0; -webkit-transform: translateY(1000px); transform: translateY(1000px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes slide-in-right { 0% { opacity: 0; -webkit-transform: translateX(1000px); transform: translateX(1000px); } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slide-in-right { 0% { opacity: 0; -webkit-transform: translateX(1000px); transform: translateX(1000px); } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes slide-in-left { 0% { opacity: 0; -webkit-transform: translateX(-1000px); transform: translateX(-1000px); } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slide-in-left { 0% { opacity: 0; -webkit-transform: translateX(-1000px); transform: translateX(-1000px); } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInUpSmall { 0% { opacity: 0; transform: translateY(45px) scale(0.95); } 100% { opacity: 1; transform: translateY(0) scale(1); } } .animated { animation-duration: 1s; animation-fill-mode: both; opacity: 1; -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important; } .fadeInUpSmall { animation-name: fadeInUpSmall; } .slide-in-bottom { -webkit-animation: fadeInUp 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: fadeInUp 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .slide-in-right { -webkit-animation: slide-in-right 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-right 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .slide-in-left { -webkit-animation: slide-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @-webkit-keyframes slideme { 0% { left: -30px; margin-left: 0px; } 30% { left: 110%; margin-left: 80px; } 100% { left: 110%; margin-left: 80px; } } @keyframes videoLinkScale { 0% { transform: scale(1); } 30% { transform: scale(0.9); } 50% { transform: scale(1.05); } 80% { transform: scale(0.9); } 100% { transform: scale(1); } } button { cursor: pointer; } a { text-decoration: none; } .block { display: block; } .flex { display: flex; } .items-center { align-items: center; } .content-center { justify-content: center; } .content-between { justify-content: space-between; } .cursor-pointer { cursor: pointer; } /* @import '/local/templates/main/public/css/./modal.scss'; */ .modal { text-align: center; } @media screen and (min-width: 1700px) { .modal:before { display: inline-block; vertical-align: middle; content: " "; height: 100%; } } .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; } .modal { z-index: 9999; } .modal-dialog { width: 662px; max-width: 100%; min-height: 762px; } .modal-body { padding: 20px; overflow-y: auto; } .modal-backdrop { background: #25344f; } .modal-backdrop.in { opacity: 0.3; } .modal-content { box-shadow: none; border: none; height: 100%; } .modalwrapper { height: 100%; } button.close { top: 20px; right: 20px; z-index: 999; position: absolute; background: none; border: none; height: initial; padding: 0; font-size: 10px; opacity: 0.3; } button.close:hover { opacity: 1; } .modal-title { font-size: 26px; text-transform: none; font-weight: bold; } .modal-content { border: none; box-shadow: none; background: #ffffff; border-radius: 12px; padding: 49px 44px 49px 44px; } label { font-weight: 400; font-size: 14px; line-height: 100%; color: #231f20; margin-bottom: 12px; display: block; opacity: 0.5; } input[type="text"], input[type="email"], input[type="tel"], input[type="password"] { display: block; width: 100%; align-items: center; background-color: #f3f3f7; border-radius: 8px; display: flex; height: 56px; padding: 0 20px; width: 100%; border: none; font-weight: 400; font-size: 16px; line-height: 100%; color: #231f20; border: 2px solid #f3f3f7; /* identical to box height */ color: #3b435a; } input[type="text"].input-error, input[type="email"].input-error, input[type="tel"].input-error, input[type="password"].input-error { border: 2px solid #ff585f; } input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="password"]:focus { border: 2px solid #e8cf9b; } textarea { display: block; width: 100%; align-items: center; background-color: #f3f3f7; border-radius: 8px; display: flex; padding: 16px 20px; width: 100%; border: none; font-weight: 400; font-size: 16px; line-height: 100%; color: #231f20; border: 2px solid #f3f3f7; /* identical to box height */ color: #3b435a; } textarea.input-error { border: 2px solid #ff585f; } textarea:focus { border: 2px solid #b81b37; } .input-errortext { font-style: normal; font-weight: 600; font-size: 12px; line-height: 100%; /* or 12px */ display: inline-block; margin-top: 4px; color: #f00; } .modal-title { font-family: var(--second-family); font-weight: 700; font-size: 26px; text-transform: uppercase; color: #231f20; margin-bottom: 35px; text-align: center; } #popup_addproduct .modal-title { padding-left: 29px; background-image: url('data:image/svg+xml,'); background-position: left center; background-repeat: no-repeat; text-align: left; } .modal-body { padding: 0; overflow: visible; } .deliverytabs__map { border-radius: 8px; overflow: hidden; margin-bottom: 24px; } .map-delivery { height: 252px; width: 100%; } .modal-dialog_product { width: 1097px; } .modal_small .modal-dialog { min-height: initial; width: 494px; } .formrating__value { display: none; } .modal_small .modal-content { min-height: initial; width: 494px; max-width: 100%; padding-bottom: 42px; padding-top: 49px; margin-left: auto; margin-right: auto; padding-left: 56px; padding-right: 56px; } .modal_large .modal-dialog { min-height: initial; width: 927px; } .modal_large .modal-content { min-height: initial; width: 927px; max-width: calc(100% - 36px); padding-bottom: 42px; padding-top: 42px; margin-left: auto; margin-right: auto; padding-left: 56px; padding-right: 56px; } .modal_small .modal-title { font-style: normal; font-weight: 600; font-size: 26px; line-height: 100%; margin-bottom: 14px; } .formblock .check label { font-weight: 500; font-size: 14px; line-height: 130%; color: #231f20; opacity: 1; } .buttonsrow { flex-wrap: wrap; } .buttonsrow__item_full button, .buttonsrow__item_full a { width: 100%; display: block; height: 50px; line-height: 50px; } .formblock__input_center { text-align: center; } .formblock__main_small { margin-bottom: 17px; } .modal-submit_small { margin-top: 37px; } .formblock__input:last-child { margin-bottom: 0; } .formblock__check { margin-top: 29px; } .buttonsrow__item .formblock__check { margin-bottom: 0; } .buttonsrow__item .check label { font-weight: 400; font-size: 14px; line-height: 110%; padding-left: 32px; } .modal__header .textlogin { margin-top: 0; max-width: 313px; } /* textarea { resize: none; } */ .modal_xxl button.close { top: 15px; } .modal_xxl .modal-dialog { width: 1460px; } .modal_xxl .modal-content { padding: 0; border-radius: 12px; overflow: hidden; } .modalcatalog__main { width: 100%; } .modalcatalog__items { display: flex; flex-wrap: wrap; gap: 16px; height: 730px; overflow: auto; padding-right: 27px; width: 100%; } .modalcatalog__items::-webkit-scrollbar { width: 3px; height: 3px; } .modalcatalog__item { width: calc(33.33333% - 11px); } .modalcatalog__item { position: relative; } .modalcatalog__item a { display: block; } .modalcatalog__item img { width: 294px; height: 368px; object-position: bottom; object-fit: cover; border-radius: 8px; } .modalcatalog__wrapper { display: flex; } .modalcatalog__main { padding: 35px 23px 35px 35px; } .modalcatalog__button { max-width: 332px; } .modalcatalog__aside { max-width: 454px; width: 100%; background: #f8f8f8; padding: 54px 33px 46px 60px; display: flex; flex-direction: column; justify-content: space-between; } .modalcatalog__title { font-family: var(--second-family); font-weight: 700; font-size: 36px; text-transform: uppercase; color: #231f20; margin-bottom: 26px; } .modalcatalog__text { margin-bottom: 57px; font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 130%; color: #212121; opacity: 0.7; } .modalcatalog__tabs ul { padding: 0; margin: 0; list-style: none; } .modalcatalog__tabs a { font-family: var(--second-family); font-weight: 700; font-size: 22px; text-transform: uppercase; color: #231f20; padding: 22px 22px 22px 60px; display: block; position: relative; margin-left: -60px; margin-right: -33px; } .modalcatalog__tabs a:hover { color: #b81b37; } .modalcatalog__tabs a.active { color: #b81b37; background: #fff; } .modalcatalog__tabs a.active:before { content: ""; width: 6px; height: 6px; background: #b81b37; transform: rotate(45deg) translateY(-50%); display: block; position: absolute; left: 40px; top: 50%; } @media only screen and (max-width: 1023px) { .pickuplist__addr { display: flex; align-items: center; flex-wrap: wrap; } .dtime__item { font-size: 10px; padding: 4px 9px; margin-right: 5px; margin-bottom: 5px; } .dtime__item b { display: block; } .pickuplist__addr { margin-bottom: 0; } .pickuptabs__search { margin-bottom: 21px; } .pickuplist__item { padding-bottom: 11px; margin-bottom: 13px; } .pickuplist__address { margin-right: 12px; display: flex; align-items: center; } .pickuplist__address:last-child { margin-right: 0; } .pickuplist__address img { width: 11px; } .pickuplist__address span { padding-left: 4px; font-size: 12px; line-height: 100%; } .input-errortext { line-height: 1; font-size: 11px; } .pickuplist__header { font-size: 12px; line-height: 100%; margin-bottom: 10px; } .modal-content { padding: 24px 16px 21px 16px; } .modal-dialog { margin: 18px auto; width: calc(100% - 36px); } button.close { width: 10px; height: 10px; font-size: 10px; right: 10px; top: 10px; } .modal-title { margin-bottom: 13px; font-size: 16px; line-height: 100%; } .deliverytabs__header li { height: 32px; line-height: 32px; font-size: 14px; } .deliverytabs__header { margin-bottom: 16px; } .deliverytabs__inputcol { width: 50%; } input { height: 36px; padding: 0 10px; } label { font-size: 12px; line-height: 18px; margin-bottom: 4px; } .deliverytabs__inputcol { padding: 0 3px; margin-bottom: 9px; } .deliverytabs__inputrow { margin-bottom: 10px; } .deliverytabs__map { margin-bottom: 19px; } } :root { --font-family: "Jost"; --second-family: "Sofia Sans"; } body { min-width: 375px; font-family: "Jost"; font-style: normal; font-weight: normal; padding: 0; margin: 0; list-style: none; scroll-behavior: smooth; color: #283647; overflow-x: hidden; width: 100%; } * { font-feature-settings: "locl" 0; font-family: "Jost"; font-style: normal; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none !important; line-height: 1; } h3, h4, h5, h6 { font-family: var(--second-family); text-transform: uppercase; } /* main { overflow: hidden; } */ a { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; color: #b81b37; text-decoration: none; } a:hover, a:focus { text-decoration: none; } img { max-width: 100%; max-height: 100%; width: initial; height: initial; } @media (min-width: 1024px) { .productcard__title { min-height: 28px; /* overflow: hidden; */ } .productcard__blockinfo { height: 20px; } .onlyMobile { display: none !important; } } .container { width: 100%; max-width: 1700px; margin: 0 auto; padding: 0 10px; } .badge { white-space: nowrap; border-radius: 6px; padding: 3px 12px; background: rgba(12, 186, 122, 0.15); } .topmenu__items ul { padding: 0; margin: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: space-around; } .topmenu__items ul li { /* margin-left: 49px; */ padding: 0 10px; } .topmenu__items ul li:first-child { margin-left: 0; } .topmenu__items ul li a { font-weight: 500; font-size: 16px; text-transform: uppercase; color: #231f20; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; } .topmenu__items ul li a:hover { color: #b81b37; opacity: 1; } .topmenu__items ul li a:focus { color: #b81b37; opacity: 1; } .headermain { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 23px 0 14px 0; margin: 0; } .headermenu__stickty { background: #fff; width: 100%; } .headercontainer.fixed { position: fixed; top: 0; z-index: 999; } .headermain__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* width: 100%; */ /* width: calc(100% - 250px); */ /* padding-right: 37px; */ } .headermain__logo { width: 100%; max-width: 156px; } .headermain__descr { font-style: normal; font-weight: 400; font-size: 16px; line-height: 130%; color: rgba(31, 58, 81, 0.5); margin-left: 18px; max-width: 170px; } /* .headermain__menu { position: relative; } */ .mainmenubtn { width: 241px; height: 56px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 14px; justify-content: space-between; border: none; background: transparent; border: 1.5px solid #b81b37; border-radius: 5555px; cursor: pointer; /* img { width: 22px; } */ } .mainmenubtn .closeicon { display: none; } .mainmenubtn span { line-height: 1; display: flex; align-items: center; font-style: normal; font-weight: 500; font-size: 16px; text-transform: uppercase; color: #231f20; padding-left: 10px; } .mainmenubtn .icon--blue { display: none; } .mainmenubtn .menuexpan { transition: all 0.3s ease; } .mainmenubtn.active { background: #b81b37; } .mainmenubtn.active span { color: #fff !important; } .mainmenubtn.active .menuexpand { transform: rotate(180deg); } .mainmenubtn.disabled, .mainmenubtn:disabled { opacity: 1; } .mainmenubtn.disabled span, .mainmenubtn:disabled span { /* color: $main; */ opacity: 0.5; } .mainmenubtn.disabled .icon--blue, .mainmenubtn:disabled .icon--blue { display: initial; } .mainmenubtn.disabled .icon--white, .mainmenubtn:disabled .icon--white { display: none; } .contactline__phone { margin-right: 23px; } .contactline__messenger { margin-right: 41px; min-width: 42px; max-width: 42px; } .contactline { display: flex; align-items: center; } .phonelink { font-weight: 500; font-size: 20px; text-transform: uppercase; color: #231f20; white-space: nowrap; } .phonelink:hover { color: #d83a56; } .phonelink:focus { color: #a61831; } .headermain__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; justify-content: flex-end; /* width: 250px; */ } .headermain__contacts { margin: 0 50px; } #header { margin-bottom: 15px; } .iconlinks__item { margin-right: 25px; } .iconlinks__item:last-child { margin-right: 0; } .iconlinks { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .iconlinks .iconlinks__item:last-child { margin-right: 0; } .iconlinks__link { display: block; width: 28px; text-align: center; position: relative; /* margin-left: 25px; */ } .iconlinks__text { font-style: normal; font-weight: 600; font-size: 12px; line-height: 14px; display: block; text-align: center; margin-top: 6px; color: #283647; } .iconlinks__badge { position: absolute; right: -8px; top: -3px; font-style: normal; font-weight: 600; font-size: 12px; background: #b81b37; width: 17px; height: 17px; text-align: center; line-height: 17px; border-radius: 50%; color: #ffffff; } .mobilenav__item .iconlinks__badge { font-size: 11px; top: -4px; right: -8px; } .searchinput { border-radius: 5555px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .searchinput input { width: 100%; padding: 0 20px 0 57px; background: #f8f8f8; color: #283647; transition: all 0.3s ease; font-size: 15px; font-style: normal; line-height: normal; width: 100%; height: 56px; border: 1px solid #f8f8f8; border-radius: 5555px; color: #231f20; font-weight: 400; } .searchinput input:focus { border-color: #f7f7f7; } .searchinput button { align-items: center; justify-content: center; display: flex; width: 23px; height: 23px; position: absolute; top: 50%; transform: translateY(-50%); left: 20px; background: none; padding: 0; border: none; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-weight: 400; font-size: 15px; color: rgba(35, 31, 32, 0.4); } ::-moz-placeholder { /* Firefox 19+ */ font-weight: 400; font-size: 15px; color: rgba(35, 31, 32, 0.4); } :-ms-input-placeholder { /* IE 10+ */ font-weight: 400; font-size: 15px; color: rgba(35, 31, 32, 0.4); } :-moz-placeholder { /* Firefox 18- */ font-weight: 400; font-size: 15px; color: rgba(35, 31, 32, 0.4); } .headermain__search { margin-left: 10px; width: 100%; max-width: 645px; } .logo { display: block; } .pageblock { margin-bottom: 50px; } .productslider { margin: 68px 0 107px 0; } h2 { font-family: var(--second-family); font-weight: 700; /* font-size: 58px; */ font-size: 26px; text-transform: uppercase; color: #231f20; margin-bottom: 51px; margin-top: 0; } .productcard { max-width: 323px; } .productcard__img { display: block; position: relative; width: 100%; /* height: 228px; */ border-radius: 9px; overflow: hidden; width: 100%; height: 217px; } .productcard__img img { height: 100%; width: 100%; object-fit: cover; object-position: center; } .blockheader__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .btn { background: #b81b37; border-radius: 12px; border: none; text-align: center; } .btn img { margin: auto; } .btn_icon { width: 48px; height: 48px; padding: 0; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .itemslistcard__caption { margin: 16px 0 0 0; } .red { color: #b81b37; } .pageblock { margin: 60px 0; } .pageblocksl { margin: 20px 0; } .footer { background: #fff; } .footer__main { padding: 43px 0; border-top: 1px solid #f0f0f0; } .footer__items { display: -webkit-box; display: -ms-flexbox; display: flex; /* margin: 0 -47px; */ -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__menu { max-width: 220px; } .footer__menu ul { padding: 0; margin: 0; list-style: none; } .footer__menu ul li { margin-bottom: 32px; } .footer__menu ul li a { line-height: 1.5; display: block; font-weight: 500; font-size: 14px; text-transform: uppercase; color: #231f20; } .footer__menu ul li a:hover { color: #d83a56; } .footer__menu ul li a:focus { color: #a61831; } .footer__catalog ul { /* -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; */ /* margin: 0 -47px; */ /* */ } .footer__catalog ul li { /* -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid-column; */ width: 206px; /* margin: 0 47px; */ /* height: 36px; */ } .footer__contacts { margin-bottom: 20px; } .footer__contacts .contacts__phone a { font-style: normal; font-weight: 600; font-size: 26px; line-height: 30px; color: #283647; white-space: nowrap; } .footer__contacts .contacts__phone:after { display: none; } .footer__informblock { width: 202px; max-width: 100%; } .footer__ask { margin-top: 32px; } .btn_border { border: 2px solid #b81b37; border-radius: 8px; text-align: center; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; padding: 12px; max-width: 100%; color: #b81b37; display: inline-block; } .btn_border:hover { background: #d83a56; color: #fff; border-color: #d83a56; } .btn_border:focus { background: #a61831; color: #fff; border-color: #a61831; } .footer__bottom { padding: 25px 0; background: #f8f8f8; } .footer__menublock { max-width: 820px; display: flex; justify-content: space-between; width: 100%; margin-top: 5px; } .footer__maincopy { font-weight: 400; font-size: 16px; color: #231f20; margin-right: 20px; } small { font-size: 12px; line-height: 100%; } .footer__link { margin-left: 45px; } .footer__link a { text-decoration: none; border: none; font-weight: 400; font-size: 16px; color: #231f20; opacity: 0.5; } .footer__link a:hover { opacity: 1; } .footer__bottom .footer__items { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .fdev__title { font-style: normal; font-weight: 500; font-size: 14px; line-height: 100%; /* identical to box height, or 14px */ display: block; margin-bottom: 3px; color: #283647; } .headercontainer { position: relative; } .headermenu__items ul { display: -webkit-box; display: -ms-flexbox; display: flex; } .btn_main { background: #b81b37; border-radius: 5555px; white-space: nowrap; height: 46px; display: inline-block; padding-left: 26px; padding-right: 26px; line-height: 46px; font-weight: 500; font-size: 16px; text-transform: uppercase; color: #fff; cursor: pointer; } .btn_main:hover { opacity: 1; background-color: #d83a56; color: #fff; } .btn_main:focus { opacity: 1; background-color: #a61831; } .btn_main.disabled, .btn_main:disabled { opacity: 1; } .btn_main.disabled span, .btn_main:disabled span { /* color: $main; */ opacity: 0.5; } .btn_main.disabled .icon--blue, .btn_main:disabled .icon--blue { display: initial; } .btn_main.disabled .icon--white, .btn_main:disabled .icon--white { display: none; } .breadcrumbs { margin-bottom: 29px; margin-top: 25px; } .breadcrumbs__items ul { padding: 0; margin: 0; list-style: none; } .breadcrumbs__items ul li { position: relative; display: inline-block; vertical-align: middle; } .breadcrumbs__items ul li:first-child span:after { display: none; } .breadcrumbs__items ul li:first-child span { padding-left: 0; margin-left: 0; } .breadcrumbs__items ul img { line-height: 1; vertical-align: bottom; } .breadcrumbs__items ul span { color: #1f3a51; font-family: var(--font-family); font-weight: 400; font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; color: #231f20; position: relative; padding-left: 10px; margin-left: 10px; } .breadcrumbs__items ul span:after { content: "/"; position: absolute; color: #231f20 !important; left: -6px; top: 0px; font-size: 14px; line-height: 16px; } .breadcrumbs__items ul a:hover span { color: #b81b37; } .w-full { width: 100%; text-align: center; justify-content: center; } /* width */ ::-webkit-scrollbar { width: 8px; height: 4px; } /* Track */ ::-webkit-scrollbar-track { background: #f3f3f6; } /* Handle */ ::-webkit-scrollbar-thumb { background: #b81b37; border-radius: 8px; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #ccc; } .catalogpage__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .catalogheader { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 42px 0; } .catalogheader__title { font-family: var(--font-family); font-weight: 500; font-size: 14px; text-transform: uppercase; color: rgba(35, 31, 32, 0.5); } .catalognav { margin: 78px 0 78px 0; } .catalognav__showmore { margin-bottom: 28px; } .showmorelink { background: #b81b37; border-radius: 555px; color: #fff; display: block; padding: 0; height: 60px; width: 507px; margin-left: auto; margin-right: auto; max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .showmorelink:hover { background: #d83a56; } .showmorelink:focus { background: #a61831; } .showmorelink span { font-family: var(--font-family); font-weight: 500; font-size: 18px; text-transform: uppercase; color: #fff; } .showmorelink_short { max-width: calc(33.3333% - 30px); margin-left: auto; margin-right: auto; } .catalognav__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; margin-bottom: 15px; } .pagination__arrRight { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .pagination { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pagination > a { line-height: 46px; display: flex; align-items: center; justify-content: center; } .pagination ul { display: inline-block; margin: 0 15px; padding: 0; } .pagination ul li { float: left; margin: 0 5px; list-style: none; } .pagination ul li > span { vertical-align: sub; font-weight: 500; font-size: 16px; line-height: 100%; text-align: center; color: #212121; line-height: 46px; display: block; width: 46px; height: 46px; border-radius: 10px; border: 2px solid transparent; } .pagination ul li a { vertical-align: sub; font-weight: 500; font-size: 16px; line-height: 100%; text-align: center; color: #212121; line-height: 44px; /* identical to box height */ display: block; padding: 0 4px; width: 46px; height: 46px; border: 2px solid transparent; border-radius: 50%; min-width: 46px; } .pagination > span { float: left; display: block; padding-right: 3px; } .pagination ul li.active a { border-color: #b81b37; } .pagination ul li a:hover { border-color: rgba(43, 54, 70, 0.15); } .paginationblock { padding: 0 0 20px 0; } .pagination__content { margin: auto; } .disabled { cursor: not-allowed; opacity: 0.4; } .productpage__main { margin-bottom: 80px; } .detailslider .swiper { width: 100%; height: 100%; } .detailslider .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .detailslider .swiper-slide img { display: block; /* width: 100%; height: 100%; */ -o-object-fit: cover; object-fit: cover; } .detailslider .swiper { width: 100%; margin-left: auto; margin-right: auto; } .detailslider .swiper-slide { background-size: cover; background-position: center; } .detailslider .detailswiper { height: 558px; border-radius: 9px; overflow: hidden; width: 100%; } .detailslider .detailswiper .swiper-wrapper { height: 100%; } .detailslider .detailswiper .zoom-box { display: flex; align-items: center; justify-content: center; height: 100%; } .detailslider .detailswiper .zoom-box img { max-height: 100%; max-width: unset; } .detailslider .detailswiper img { /* width: 100%; */ } .detailslider .detailswiperpreview { height: 558px; -webkit-box-sizing: border-box; box-sizing: border-box; /* max-width: 109px; min-width: 109px; padding-right: 11px; padding-top: 5px; padding-left: 5px; padding-bottom: 5px; margin-right: 11px; */ position: absolute; top: 11px; left: 10px; z-index: 9; } .detailslider .swiper-scrollbar-drag { background: #b81b37; border-radius: 0; } .detailslider .swiper-scrollbar.swiper-scrollbar-vertical, .detailslider .swiper-vertical > .swiper-scrollbar { width: 3px; background: #f3f3f6; } .detailslider .detailswiperpreview .swiper-slide { height: 66px; width: 88px; overflow: hidden; /* opacity: 0.5; */ border-radius: 6px; border: 2px solid #fff; cursor: pointer; } .detailslider .detailswiperpreview .swiper-slide-thumb-active { opacity: 1; border: 2px solid #b81b37; } .detailslider .swiper-slide a { display: block; width: 100%; height: 100%; } .detailslider .detailswiperpreview .swiper-slide img { max-height: 100%; max-width: initial; border-radius: 6px; } .detailslider .detailslider__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .detailslider .detailswiper .zoom-box img:not([role="presentation"]) { height: 100%; width: 100%; object-fit: cover; object-position: center; } .detailinfo__wishlist .detail-fav:hover path { opacity: 1; stroke: #d83a56; } .productpage__left { position: relative; /* width: 100%; */ } .detailslider__wrapper { width: 100%; max-width: 776px; } .detailslider-pagination { display: none; } .productpage__right { width: 100%; max-width: 730px; padding-left: 30px; } .detailinfo__title h1 { font-family: var(--second-family); font-weight: 700; font-size: 42px; text-transform: uppercase; color: #231f20; margin-top: 0; margin-bottom: 24px; } .detailinfo__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px; } .detailinfo__reviews { margin-right: 22px; } .detailinfo__count a { font-style: normal; font-weight: 600; font-size: 16px; line-height: 1; margin-left: 5px; border-bottom: 1px solid #283647; color: #283647; } .detailinfo__buyblock .productcard__buy { display: block; } .minicard__count { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } input.quantity-field { padding: 0; max-width: 75px; border: none; background: none; font-style: normal; font-weight: 500; font-size: 22px; /* identical to box height, or 55px */ height: 52px; text-align: center; font-style: normal; font-weight: 600; font-size: 16px; line-height: 19px; color: #231f20; } input.quantity-field::-webkit-outer-spin-button, input.quantity-field::-webkit-inner-spin-button { -webkit-appearance: none; } .quantity input[type="button"] { text-align: center; display: block; background-color: #fff; border: none; font-weight: 500; font-size: 29px; line-height: 1; height: 24px; padding: 0 2px; color: #526272; height: 24px; line-height: 16px; font-size: 16px; padding: 0 4px; opacity: 0.3; cursor: pointer; width: 12px; height: 12px; } input.quantity-plus { position: relative; top: 1px; background-position: center; background-repeat: no-repeat; background-image: url(/local/templates/main/public/css/../img/quantity-plus.svg); } input.quantity-minus { position: relative; top: -1px; background-position: center; background-repeat: no-repeat; background-image: url(/local/templates/main/public/css/../img/quantity-minus.svg); } .quantity { border-radius: 12px; background: transparent; padding: 0 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 13px; } .tocart { height: 52px; background: #b81b37; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; width: 215px; padding: 4px; border-radius: 12px; } .tocart .tocart__content { display: flex; align-items: center; width: 100%; } .tocart img { width: 26px; margin: 0; } .tocart .btn__icon { border-radius: 12px; background: #ff9300; display: flex; align-items: center; justify-content: center; height: 44px; line-height: 44px; min-width: 44px; max-width: 44px; } .tocart .btn_text { display: block; color: #fff; font-size: 18px; font-style: normal; font-weight: 700; line-height: 100%; text-align: center; min-width: calc(100% - 52px); } .tocart__after { display: none !important; } .tocart.active .tocart__before { display: none !important; } .tocart.active .tocart__after { display: flex !important; } .productcard__pricecaption { font-style: normal; font-weight: 600; font-size: 16px; line-height: 19px; color: rgba(52, 60, 75, 0.5); } .detailbuy__buyblock .productcard__pricevalue { font-size: 36px; line-height: 42px; } .detailbuy__buyblock .productcard__price { margin-bottom: 10px; } .detailbuy__buyblock .productcard__priceunit { font-size: 25px; line-height: 1.2; padding-left: 7px; } .detailbuy__buyblock .productcard__badge { background: #ffd600; border-radius: 555px; font-size: 14px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 100%; padding: 0; text-align: center; } .sitetabs__content { display: none; } .sitetabs__content.active { display: block; } .sitetabs__header { margin-bottom: 49px; } .sitetabs__header ul { padding: 0; margin: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 49px; } .sitetabs__header li a { font-family: var(--second-family); font-weight: 700; font-size: 32px; text-transform: uppercase; color: #231f20; opacity: 0.3; } .sitetabs__header li a:hover { opacity: 0.6; } .sitetabs__header li a.active { color: #b81b37; opacity: 1; } .description h3 { font-style: normal; font-weight: 600; font-size: 22px; line-height: 26px; /* identical to box height */ color: #283647; margin-bottom: 12px; } .description p { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 160%; color: #231f20; } .sitetabs__content { margin-bottom: 70px; } .modalproduct__main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 40px; border-bottom: 2px solid #f0f0f0; margin: 0 0 45px 0; } .modalproduct__product { width: 100%; } .minicard__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .minicard__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .minicard__image { width: 176px; height: 118px; display: block; border-radius: 12px; overflow: hidden; position: relative; } .minicard__image img { object-fit: cover; object-position: center; height: 100%; } .minicard__main { margin-left: 26px; } .minicard__title { font-family: var(--second-family); font-weight: 700; font-size: 18px; text-transform: uppercase; color: #231f20; margin-bottom: 16px; } .minicard__params { margin-bottom: 15px; display: flex; align-items: center; gap: 33px; } .minicard__params .minicard__param { font-weight: 400; font-size: 14px; line-height: 100%; text-align: center; color: rgba(33, 33, 33, 0.4); } .minicard__right { text-align: right; } .minicard__right .detailinfo__content .productcard__oldprice { font-weight: 700; font-size: 16px; text-transform: uppercase; } .minicard__right .detailinfo__content .productcard__price { justify-content: flex-end; margin-bottom: 15px; } .minicard__right .detailinfo__content .productcard__pricevalue { font-family: var(--second-family); font-weight: 700; font-size: 22px; text-transform: uppercase; color: #231f20; } .minicard__pricetitle { font-style: normal; font-weight: 600; font-size: 16px; line-height: 19px; color: #283647; margin-bottom: 10px; } .modalproduct__buttons { min-width: 210px; max-width: 210px; margin-left: 34px; } .modalproduct__buttons a { width: 100%; display: block; margin-bottom: 9px; text-align: center; } .minicard__buyblock .detailbuy__options { margin-bottom: 14px; } .modal-title_left { text-align: left; } .imgcheckbox--disabled { opacity: 0.7; } .imgcheckbox--disabled:hover input ~ .imgcheckbox__content { background: #f3f5f8; } .imgcheckbox--disabled { opacity: 0.7; } .imgcheckbox--disabled:hover input:checked ~ .imgcheckbox__content { background: #d9f1fc; } .minicard__pricecount { color: rgba(37, 52, 79, 0.5); font-style: normal; font-weight: 700; font-size: 14px; line-height: 21px; } .modal-dialog_product .modal-content { padding-left: 58px; padding-right: 58px; } .wrap-modal-slider { opacity: 0; } .productslider__modalslider .slick-list { overflow: hidden; } .wrap-modal-slider.open { opacity: 1; } .modalproduct__related + .modalproduct__related { margin-top: 30px; } .modalproduct__related .modalproduct__related { margin-top: 30px; } .miniproductslider + .miniproductslider { margin-top: 30px; } .miniproductslider .blockheader { margin-bottom: 22px; } .miniproductslider h2 { font-style: normal; font-weight: 600; font-size: 22px; line-height: 100%; /* identical to box height, or 22px */ margin-bottom: 32px; color: #283647; } .productcard__price { white-space: nowrap; } .productsticker_red { background: #ed1e26; color: #fff; } .pageheader { margin: 20px 0 46px 0; padding: 56px 0 51px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #f8f8f8; } .pageheader .mainmenu__list ul { justify-content: center; } .pageheader h1 { margin-top: 0; margin-bottom: 0; font-family: var(--second-family); font-weight: 700; font-size: 42px; text-transform: uppercase; color: #231f20; } .column { flex-direction: column; } .linkgray { color: rgba(48, 54, 64, 0.5); } .linkblack { color: #303640; } p a { font-weight: 600; text-decoration: underline; } .minicard input.quantity-field { height: 30px; } .minicard .buyblock__quantity { margin-right: 17px; } .minicard__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 25px; } .minicard__button { margin-right: 23px; } .minicard--disabled .minicard__info { opacity: 0.3; } .minicard--disabled .minicard__main { opacity: 0.3; } .minicard--disabled .minicard__image > img { opacity: 0.3; } .minicard__image { position: relative; } .btn_white { font-style: normal; font-weight: 600; font-size: 16px; line-height: 100%; /* identical to box height, or 16px */ padding: 17px 18px; color: #303640; background: #ffffff; -webkit-box-shadow: 5px 5px 60px rgba(36, 40, 43, 0.1); box-shadow: 5px 5px 60px rgba(36, 40, 43, 0.1); border-radius: 6px; } .mobilepanel { display: none; } .mobilemenu__content.active { background: rgba(4, 163, 233, 0.1); } a.active { color: #b81b37; } .mobilemenu { display: none; position: fixed; top: 150px; z-index: 999; left: 0; height: calc(100vh - 150px); overflow-y: auto; } .mobilemenu .mobilemenu__menu { margin-bottom: 60px; } .mobilemenu .topmenu__items ul { display: block; } .mobilemenu .topmenu__items li { margin-bottom: 26px; } .mobilemenu .topmenu__items li a { font-weight: 500; font-size: 14px; text-transform: uppercase; color: #231f20; } .mobilemenu__wrapper { background: #fff; width: 315px; min-height: 100vh; padding: 26px 18px; /* border-top: 2px solid #f2f4f6; */ } .mobilemenu__block { margin-bottom: 18px; /* border-bottom: 2px solid #f2f4f6; */ } .mobilemenu__block:last-child { border-bottom: none; } .mobilemenu__item { margin-bottom: 20px; } .mobilemenu__content { height: 22px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: 18px; } .mobilemenu__content a { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 50px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mobilemenu__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mobilemenu__icon { margin-right: 11px; min-width: 22px; width: 22px; } .mobilemenu__name { font-style: normal; font-weight: 600; font-size: 16px; line-height: 100%; /* identical to box height, or 14px */ color: #283647; } .mobilemenu--catalog { background: #b81b37; padding-left: 14px; height: 44px; padding-top: 11px; padding-bottom: 11px; padding-right: 11px; border-radius: 8px; margin-right: 18px; } .mobilemenu--catalog .mobilemenu__name { color: #fff; } .mobilemenu__cartinfo { padding: 5px; height: 26px; min-width: 131px; display: flex; align-items: center; border-radius: 555px; background: rgba(255, 165, 0, 0.15); } .mobilemenu__cartcount { color: #fff; min-width: 16px; height: 16px; border-radius: 50%; background: #b81b37; margin-right: 9px; text-align: center; font-size: 13px; font-style: normal; font-weight: 700; line-height: normal; } .mobilemenu__cartsumm { color: #283647; white-space: nowrap; font-size: 12px; font-style: normal; font-weight: 700; line-height: normal; } #header.fix { position: fixed; width: 100%; left: 0; top: 0; z-index: 999; background: #fff; } .jsbackdrop { background: rgba(52, 60, 75, 0.5); display: none; position: fixed; z-index: 999; height: 100%; min-height: 100vh; left: 0; top: 161px; width: 100%; } .jsbackdrop.active { display: block; } .menubutton__close { display: none; } .menubutton.active .menubutton__close { display: block; } .menubutton.active .menubutton__open { display: none; } .mobilemenu__level3 .mobilemenu__link { height: initial; } .minicard__right .productcard__cart { margin-top: 9px; } .minicard__right .productcard__cart .tocart { width: 193px; } .minicard__button.onlyMobile .tocart { width: initial; background: none; height: initial; padding: 0; } .minicard__button.onlyMobile .tocart span { color: #303640; font-weight: 600; font-size: 12px; margin-left: 5px; } .btn { white-space: nowrap; } .footer__menu li { display: block; } .footer__catalog li { display: block; } .footer__title { white-space: nowrap; } .itemslistcard { max-width: 487px; } .catalogheader_large { margin-bottom: 36px; } .catalogheader_large h1 { font-style: normal; font-weight: 600; font-size: 38px; line-height: 44px; } /* .news { margin-bottom: 65px; } */ .itemslist__items { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 63px -8px 33px -8px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .itemslists__item { width: 33.333%; padding: 0 15px; margin-bottom: 62px; } .itemslist__item_col3 { width: 33.333%; padding: 0 8px; margin-bottom: 46px; } .itemslist__item_col3 .itemslistcard { max-width: 100%; } .itemslist__item_col3 .itemslistcard__image { margin-bottom: 23px; } .itemslist__item_col3 .itemslistcard__image img { transition: all 0.3s ease; } .itemslist__item_col3 .itemslistcard__image:hover img { transform: scale(1.1); } .itemslist__item_col3 .itemslistcard__title { /* margin-: 12px; */ font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; } .itemslist__item_col3 .itemslistcard__title a { font-size: 22px; line-height: 100%; } .itemslistcard__params { margin-bottom: 12px; } .container .container { padding: 0; } .pagetext { margin: 26px 0; } .pagetext p { font-size: 15px; font-style: normal; font-weight: 500; /* or 22px */ margin-bottom: 30px; color: #283647; } .pagetext_large p { font-size: 18px; line-height: 140%; } .itemslistcard__anonce { color: rgba(37, 52, 79, 0.5); } .page { margin: 40px 0 25px 0; } .page .pageblock { margin: 25px 0; } .lb-data .lb-number { display: none !important; } .lightbox { -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: fixed !important; top: 0 !important; } #lightboxOverlay { height: 100% !important; left: 0; position: fixed !important; top: 0; width: 100% !important; } .lb-outerContainer { margin: auto; } .lb-image { margin: auto; } .lb-close { bottom: 100%; position: fixed; right: 3%; top: 30px; } button:disabled { cursor: not-allowed; } .productcard__images { display: block; position: relative; } .productcard__images img { max-width: 100%; } a.haederbanner__link img { width: 100%; } .headermain__contacts { position: relative; } .btn_full { display: block; width: 100%; } .check label { cursor: pointer; display: inline-block; font-weight: 500; font-size: 14px; line-height: 130%; color: #231f20; padding-left: 32px; position: relative; margin-bottom: 0; } .check input[type="checkbox"] { display: none; } .check label a { text-decoration: underline; color: #231f20; } .check label a:hover { text-decoration: none; } .check label:before { border-radius: 4px; background-color: #fff; border: 1px solid rgba(43, 54, 70, 0.15); content: ""; height: 16px; left: 0; position: absolute; width: 16px; top: 50%; transform: translateY(-50%); } .check input[type="checkbox"]:checked + label:before { background-image: url(/local/templates/main/public/css/../img/checkbox_checked.svg); background-repeat: no-repeat; background-position: center; background-color: #b81b37; border-color: #b81b37; } .check input[type="checkbox"]:checked + span + label:before { background-image: url(/local/templates/main/public/css/../img/checkbox_checked.svg); background-repeat: no-repeat; background-position: center; background-color: #b81b37; border-color: #b81b37; } .check label { color: rgba(43, 54, 70, 0.5); transition: all 0.3s ease; } .check input:checked + label, .check input:checked + label a { color: #2b3646; } .blockheader__left .infocard__title { margin-bottom: 0; } iframe { max-width: 100%; } .pb-0 { padding-bottom: 0 !important; } .modal-subtitle { color: rgba(43, 54, 70, 0.7); font-size: 16px; font-weight: 600; font-style: normal; line-height: 120%; } .formblock__input { margin-bottom: 30px; } .modal__header { margin-bottom: 26px; } .buttonsrow__item.buttonsrow__item_full { width: 100%; } .pageblocksl { position: relative; } .headermenu { width: 100%; position: relative; } .topmenu__items ul { padding: 0; margin: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: space-around; } .topmenu__items ul li { /* margin-left: 49px; */ padding: 0 10px; } .topmenu__items ul li:first-child { margin-left: 0; } .topmenu__items ul li a { font-weight: 500; font-size: 16px; text-transform: uppercase; color: #231f20; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; } .topmenu__items ul li a:hover { color: #b81b37; opacity: 1; } .topmenu__items ul li a:focus { color: #b81b37; opacity: 1; } .headermenu { padding-top: 14px; background: #fff; padding-bottom: 14px; position: relative; display: flex; align-items: center; justify-content: space-between; } .headermenu__topmenu { width: calc(100% - 241px - 138px); } .headermenu__wrapper ::-webkit-scrollbar { display: none; } .headermenu__items { margin: 0 0 0 0; } .headermenu__items ul { /* display: flex; align-items: center; */ -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0; margin: 0; list-style: none; } .swiper-pagination-bullet-active { background: #b81b37; } .slider__dots { margin: auto; display: inline-block; background: #fff; width: unset !important; height: 21px; } .swiper-slide { height: unset; } .swiper-wrapper { height: unset; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 3px; } .btn_link { display: flex; align-items: center; } .btn_link span { display: block; font-family: var(--font-family); font-weight: 500; font-size: 16px; line-height: 23px; text-transform: uppercase; color: #231f20; padding-right: 30px; position: relative; overflow: hidden; } .btn_link span:before { content: ""; width: 14px; height: 23px; display: block; transition: 0.54s; background-image: url(/local/templates/main/public/css/../img/btn_link.svg); background-position: center; background-repeat: no-repeat; position: absolute; right: 0; top: 0; } .btn_link span:after { content: ""; width: 14px; height: 22px; display: block; transition: 0.54s; background-image: url(/local/templates/main/public/css/../img/btn_link.svg); background-position: center; background-repeat: no-repeat; position: absolute; right: 0; top: 0; transform: translate(-22px, 22px); } .btn_link:hover { border-color: #d83a56; opacity: 1; } .btn_link:hover span:before { transform: translate(22px, -22px); } .btn_link:hover span:after { transform: translate(0, 0); } .blockheader { margin-bottom: 45px; } .blockheader__left { /* margin-bottom: 51px; */ } .blockheader__left h2 { font-family: var(--second-family); font-weight: 700; font-size: 26px; text-transform: uppercase; text-align: center; color: #231f20; margin-bottom: 0; margin-top: 0; } .sliderarrows { gap: 20px; } .sliderarrows img { width: 25px; height: 25px; } .sliderarrows__left { cursor: pointer; left: 0; transform: translateY(-50%); } .sliderarrows__right { cursor: pointer; right: 0; transform: translateY(-50%); } [data-slidercontainer] { position: relative; } .ifactive { display: none; } .catalog-fav.active .ifactive { display: block; } .catalog-fav.active .ifnotactive { display: none; } .catalog-fav { cursor: pointer; } .catalog-fav svg path { transition: all 0.3s ease; } .catalog-fav.active svg path { fill: #b81b37; } .catalog-fav.active g { opacity: 1; } .catalog-fav:hover path, .catalog-fav.active path { fill: #b81b37; } .footer__callback { display: flex; align-items: center; } .footer__logo { margin-bottom: 30px; } .footer__contacts .contacts__phone { margin-bottom: 9px; } .footer__contacts .headertop__callback { margin-left: 20px; } /* #toTop { display: none; position: fixed; bottom: 87px; right: 0; z-index: 9999; cursor: pointer; filter: drop-shadow(5px 5px 30px rgba(40, 54, 71, 0.15)); } */ .gray { color: rgba(31, 58, 81, 0.5); } .pageheader h2 { font-size: 26px; font-style: normal; font-weight: 700; line-height: 100%; } .detailinfo__wishlist .fav__wrapper { display: flex; align-items: center; } .detailinfo__wishlist .favtext { padding-left: 8px; color: #231f20; font-size: 14px; line-height: 140%; font-style: normal; font-weight: 400; line-height: normal; } .detailinfo__wishlist svg path { stroke: black; stroke-opacity: 1; opacity: 0.15; } .detailinfo__wishlist .active { /* .favtext { display: none; } .favtext.active { display: block; } */ } .detailinfo__wishlist .active svg path { fill: #b81b37; stroke: #b81b37; opacity: 1; } .detailinfo__sku { font-family: var(--font-family); font-weight: 400; font-size: 13px; color: #231f20; opacity: 0.5; margin-right: 27px; } .detailinfo__header .productcard__blockrating__value span { opacity: 1; font-size: 17px; } .detailinfo__text { margin: 0 0 40px 0; font-weight: 400; font-size: 14px; line-height: 140%; color: rgba(35, 31, 32, 0.6); /* opacity: 0.6; */ } .detailinfo__headerleft { display: flex; align-items: center; } h3 { margin-top: 0; font-size: 36px; font-style: normal; font-weight: 700; line-height: 100%; margin-bottom: 40px; } .pageheader h2 { margin-top: 0; } [data-menu] { display: none; } [data-menu].active { display: block; } .mainmenu__wrapper { background: #ffffff; border-radius: 12px; box-shadow: 4px 4px 40px 0 rgba(35, 31, 32, 0.1); } .mainmenu__column { padding: 69px 50px 65px 65px; } .mainmenu__column:nth-child(1) { border-right: 1px solid #f7f7f7; min-width: 515px; } .mainmenu__column:nth-child(2) { min-width: 402px; padding-right: 20px; } .mainmenu__column:nth-child(3) { min-width: 372px; } .mainmenu__title { font-family: var(--second-family); font-weight: 700; font-size: 32px; line-height: 100%; text-transform: uppercase; color: #b81b37; margin-bottom: 21px; } .mainmenu__list ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; } .mainmenu__list ul a { display: block; padding: 12px 16px; border-radius: 555px; border: 1.5px solid rgba(103, 103, 103, 0.16); white-space: nowrap; font-weight: 500; font-size: 16px; text-transform: uppercase; color: #231f20; } .mainmenu__list ul a:hover { color: #b81b37; background: rgba(184, 27, 55, 0.15); border-color: rgba(184, 27, 55, 0.15); } .mainmenu__list ul a.active { border-color: #b81b37; background: #b81b37; color: #fff; } .mainmenu { display: none; position: absolute; left: 0; top: calc(100% + 14px); z-index: 9999999; max-width: 1356px; } .mainmenu ul { padding: 0; margin: 0; list-style: none; } .mainmenu.active { display: block; } .mainmenu__items { display: flex; } .mainmenu__block { margin-bottom: 39px; } .mainmenu__block:last-child { margin-bottom: 0; } .mainmenu__links li { margin-bottom: 12px; } .mainmenu__links li a { display: flex; align-items: center; font-weight: 400; font-size: 16px; color: #231f20; } .mainmenu__links li a:hover { color: #b81b37; } .mainmenu__links li a img { max-width: 20px; min-width: 20px; } .mainmenu__links li a span { padding-left: 11px; } .mainmenubanner { border-radius: 10px; background: #f8f8f8; height: 100%; padding: 37px; } .mainmenubanner__image { margin-bottom: 40px; } .mainmenubanner__title { font-weight: 400; font-size: 16px; line-height: 110%; letter-spacing: 0.3em; text-transform: uppercase; text-align: center; color: #231f20; margin-bottom: 23px; } .mainmenubanner__buttons { display: flex; justify-content: center; align-items: center; gap: 6px; } .btn_sm { padding: 0 16px; font-weight: 400; font-size: 14px; text-transform: uppercase; text-align: center; color: #fff; height: 34px; line-height: 34px; } .btn_border { color: #231f20; border: 1.5px solid rgba(103, 103, 103, 0.16); border-radius: 555px; } .pl-0 { padding-left: 0; } a .onHover, button .onHover { display: none !important; } .iconlinks__icon { display: block; } .iconlinks__icon img { width: 28px; height: 28px; } .emaillink { font-weight: 500; font-size: 12px; text-transform: uppercase; color: #b81b37; } .mobilemenu__block .contactline { margin-bottom: 11px; } .mobilemenu__block .contactline:last-child { margin-bottom: 0; } .msglink { font-weight: 500; font-size: 14px; text-transform: uppercase; color: #231f20; padding: 5px 10px; display: flex; align-items: center; gap: 7px; border: 1.5px solid #f0f0f0; border-radius: 5555px; } .menucontancts .contactline__messenger { margin-top: 20px; max-width: 100%; } .menucontancts .contactline__messenger img { max-width: 32px; min-width: 32px; height: 32px; } #footer .menucontancts .contactline__phone { margin-bottom: 19px; } #footer .menucontancts .phonelink { font-size: 22px; } #footer .menucontancts .emaillink { font-size: 14px; } #footer .menucontancts .contactline__messenger { margin-top: 31px; } #footer .menucontancts .contactline__messenger .msglink { display: inline-flex; padding-right: 8px; } #footer .menucontancts .contactline__messenger .msglink:hover { border-color: #40c351; } #footer .menucontancts .contactline__messenger span span { font-weight: 500; font-size: 10px; text-transform: uppercase; color: #231f20; opacity: 0.5; display: block; } #footer .menucontancts .contactline__messenger span span + span { display: block; font-weight: 500; font-size: 16px; color: #231f20; opacity: 1; text-transform: none; } small { font-size: 12px; font-weight: 500; } .footer_app .mobilemenu__appbuttons { display: flex; flex-direction: column; align-items: flex-end; } .footer_app .mobilemenu__apptext { font-family: var(--second-family); font-weight: 700; font-size: 22px; text-transform: uppercase; text-align: right; color: #231f20; margin-bottom: 28px; } .footer_app .mobilemenu__appbutton { border-radius: 39px; margin-bottom: 16px; background: #b81b37; height: 51px; padding: 0; display: flex; align-items: center; gap: 12px; width: 188px; padding-left: 16px; } .footer_app .mobilemenu__appbutton:hover { background: #d83a56; } .footer_app .mobilemenu__appbutton:focus { background: #a61831; } .footer__info { display: flex; align-items: center; gap: 65px; } .footer__links { display: flex; align-items: center; } .mainslide__image { background-size: contain; background-repeat: no-repeat; background-position: top center; border-radius: 20px; overflow: hidden; display: block; } .mainslider { width: 100%; } .mainslider__wrapper { position: relative; overflow: hidden; margin: 0 20px; } .mainslider__wrapper { overflow: hidden; border-radius: 20px; } .swiper-vertical .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical .swiper-vertical > .swiper-pagination-bullets { height: 511px; right: 28px; position: absolute; z-index: 1; } .swiper-vertical .swiper-pagination-bullet { width: 2px; border-radius: 0; opacity: 0.5; background: white; } .swiper-vertical .swiper-pagination-bullet-active { background: #b81b37; } /* .mainslide { background: #faf2eb; } */ .mainslide .container { height: 100%; } .mainslider__container { height: 787px; } .mainslider__container .mainslider__slides, .mainslider__container .mainslider__slide, .mainslider__container .mainslide, .mainslider__container .mainslide__image { height: 100%; } .mainslide__content { padding: 50px 0; display: flex; flex-direction: column; justify-content: space-between; max-width: 750px; /* height: 100%; */ } .mainslide__title { font-family: var(--second-family); font-weight: 700; font-size: 78px; text-transform: uppercase; color: #231f20; margin-bottom: 33px; } .mainslide__title h1 { font-family: var(--second-family); font-weight: 700; font-size: 78px; text-transform: uppercase; color: #231f20; margin: 0; } .mainslide__footer { margin-top: 40px; } .mainslide__text { font-family: var(--second-family); font-weight: 700; font-size: 22px; text-transform: uppercase; color: #b81b37; } .mainmenu__list_red ul { max-width: 541px; } .mainmenu__list_red ul a { border-color: #b81b37; border-width: 1.5px; } .mainmenu__list_red ul a:hover { background: #b81b37; color: #fff; } .productcard__blockfav { position: absolute; top: 10px; right: 10px; z-index: 3; } .productcard__images { margin-bottom: 19px; } .productcard__blockinfo { font-family: var(--font-family); font-weight: 400; font-size: 13px; line-height: 20px; color: #231f20; margin-bottom: 6px; opacity: 0.5; } .productcard__main { display: flex; align-items: flex-end; margin-top: 2px; justify-content: space-between; } .footer__col_right { max-width: 326px; } .productcard__title { margin-bottom: 8px; font-weight: 400; font-size: 14px; letter-spacing: 0.04em; text-transform: uppercase; color: #231f20; display: block; } .productcard__title:hover { color: #b81b37; } .productcard__price { display: flex; align-items: flex-end; } .productcard__price .productcard__pricevalue { font-family: var(--second-family); font-weight: 700; font-size: 31px; text-transform: uppercase; color: #231f20; } .productcard__price .productcard__pricetext { font-family: var(--second-family); font-size: 21px; padding-left: 5px; } .btn_ring { background: transparent; border: none; position: relative; width: 63px; height: 63px; display: flex; align-items: center; justify-content: center; } .btn_ring:after { animation-play-state: paused; content: url(/local/templates/main/public/css/../img/btnring.svg); position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .btn_ring:hover:after { -webkit-animation: rotating 5s linear infinite; -moz-animation: rotating 5s linear infinite; -ms-animation: rotating 5s linear infinite; -o-animation: rotating 5s linear infinite; animation: rotating 5s linear infinite; } @-webkit-keyframes rotating /* Safari and Chrome */ { from { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotating { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .btncart { background: #b81b37; width: 41px; height: 41px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: none; } .productslider__wrapper { position: relative; } .productslider .swiper-next:after, .productslider .swiper-prev:after { display: none; } .arrowsslider .swiper-next:after, .arrowsslider .swiper-prev:after { display: none; } .productslider .swiper-next, .productslider .swiper-prev { position: absolute; top: 50%; width: 46px; height: 46px; border-radius: 100%; background: #b81b37; display: flex; align-items: center; justify-content: center; } .arrowsslider .swiper-next, .arrowsslider .swiper-prev { position: absolute; top: 50%; width: 46px; height: 46px; border-radius: 100%; background: #b81b37; display: flex; align-items: center; justify-content: center; } .productslider .swiper-prev { left: -22px; transform: translateX(-100%); } .productslider .swiper-next { right: -22px; transform: translateX(100%); } .arrowsslider .swiper-prev { left: -22px; transform: translateX(-100%); } .arrowsslider .swiper-next { right: -22px; transform: translateX(100%); } .slider__button { cursor: pointer; z-index: 11; width: 46px; height: 46px; border-radius: 50%; background-color: transparent; border: 1px solid #f0f0f0; transition: 0.5s ease; overflow: hidden; } .slider__button-block { position: relative; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .slider__button-svg--default { position: relative; left: 0; transition: 0.5s ease; } .slider__button--prev .slider__button-svg--hidden { position: absolute; top: 50%; left: 150%; transform: translate(-50%, -50%); transition: 0.2s ease; } .slider__button--next .slider__button-svg--hidden { position: absolute; top: 50%; left: -150%; transform: translate(-50%, -50%); transition: 0.2s ease; } .slider__button--next:hover .slider__button-svg--default { left: 100%; transition: 0.5s ease; } .slider__button--prev:hover .slider__button-svg--default { left: -100%; transition: 0.5s ease; } .slider__button:hover .slider__button-svg--hidden { left: 50%; transition: 0.5s ease; } .slider__button:hover { border-color: #b81b37; background-color: #b81b37; transition: 0.5s ease; } .categoryblock { margin: 107px 0 170px 0; } .categoryblock__items { /* display: flex; gap: 20px; flex-wrap: wrap; */ } .categoryblock_dots { text-align: center; margin-top: 20px; max-width: 50%; margin-left: auto; margin-right: auto; } /* .categoryblock_dots .swiper-pagination-bullet { border-radius: 0; } */ .categoryblock__item { /* flex: 1; */ max-width: 405px; } .hoverimage { overflow: hidden; } .hoverimage img { transition: all 0.3s ease; } .hoverimage:hover img { transform: scale(1.05); } .categoryblock__image { border-radius: 12px; overflow: hidden; margin-bottom: 29px; display: flex; line-height: 1; } .categoryblock__image img { transition: all 0.3s ease; width: 405px; height: 537px; object-fit: cover; object-position: center; } .categoryblock__link { display: flex; align-items: center; justify-content: space-between; } .categoryblock__title { font-family: var(--second-family); font-weight: 700; font-size: 24px; text-transform: uppercase; color: #231f20; } .categoryblock__arrow { max-width: 40px; min-width: 40px; display: block; } .categoryblock__arrow .slider__button { display: block; } .producttabs { margin: 170px 0 43px 0; } .producttabs__wrapper { display: flex; gap: 79px; } .producttabs__aside { max-width: 346px; min-width: 346px; display: flex; flex-direction: column; justify-content: space-between; } .producttabs__aside .btn_redborder { min-width: 211px; } .producttabs__aside .mainmenu__list ul a { font-size: 14px; } .producttabs__header h2 { margin-bottom: 34px; } .producttabs__main { width: 100%; } .producttabs .cataloglist__items { display: flex; flex-wrap: wrap; gap: 40px 19px; } .producttabs .cataloglist__item { flex: 1; min-width: calc(33% - 19px); max-width: calc(33% - 19px); } .producttabs .cataloglist__item .productcard__img { width: 100%; height: 272px; } .producttabs .cataloglist__item .productcard { max-width: 405px; } .btn_redborder { border: 1.5px solid #b81b37; border-radius: 555px; padding: 0 18px; height: 50px; line-height: 50px; font-family: var(--font-family); font-weight: 500; font-size: 16px; text-transform: uppercase; color: #231f20; } [data-contenttabs] { display: none; } [data-contenttabs].active { display: block; } .pagebanner { padding-top: 85px; margin-bottom: 100px; } .pagebanner__wrapper { height: 261px; border-radius: 12px; background: #b81b37; padding: 0 56px; } .pagebanner__items { display: flex; align-items: center; justify-content: space-between; position: relative; height: 100%; } .pagebanner__left { max-width: 456px; width: 100%; } .pagebanner .mobilemenu__appbutton { background: #d83a56; } .pagebanner .badge { color: #231f20; font-weight: 500; font-size: 36px; height: 0; text-transform: uppercase; background: #fff; padding: 0; border-radius: 555px; line-height: 1; display: inline-table; padding: 0 5px; } .pagebanner__text { font-family: var(--second-family); font-weight: 700; font-size: 36px; text-transform: uppercase; color: #fff; } .pagebanner__center { position: relative; height: 100%; } .pagebanner__img { display: flex; height: 100%; align-items: flex-end; bottom: 0; } .pagebanner__img img { max-height: unset; } .projectblock { margin: 100px 0 114px 0; } .projectblock__wrapper { height: 588px; gap: 30px; border-radius: 12px; background: #f8f8f8; display: flex; align-items: center; justify-content: space-between; padding: 0 83px; } .projectblock__title { font-family: var(--second-family); font-weight: 700; font-size: 58px; text-transform: uppercase; color: #b81b37; margin-bottom: 49px; } .projectblock__list ul { margin: 0; padding: 0; list-style: none; } .projectblock__list li a svg { min-width: 26px; max-width: 26px; } .projectblock__tab { padding: 30px 0; } .projectblock__main { background-position: left 50px center; } .projectblock__list li a { display: flex; align-items: center; padding: 15px 21px; font-family: var(--font-family); font-weight: 400; font-size: 20px; color: #231f20; /* white-space: nowrap; */ border-radius: 8px; } .projectblock__list li a span { padding-left: 16px; } .projectblock__list li a:hover, .projectblock__list li a.active { box-shadow: 3px 3px 30px 0 rgba(35, 31, 32, 0.07); background: #fff; } .projectblock__list li a:hover g, .projectblock__list li a.active g { opacity: 1; } .projectblock__list li a:hover path, .projectblock__list li a.active path { fill: #b81b37; } .projectblock__tabs { height: 100%; width: 100%; } .projectblock__tab { height: 100%; width: 100%; } .projectblock__aside { max-width: 447px; } .projectblock__main { background-repeat: no-repeat; background-size: contain; height: 100%; width: 100%; display: flex; justify-content: flex-end; align-items: center; } .projectblock__content { min-width: 484px; max-width: 484px; } .projectdata__title { margin-bottom: 40px; font-family: var(--font-family); font-weight: 400; font-size: 26px; text-transform: uppercase; color: #231f20; } .projectdata__text { font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 140%; color: #231f20; margin-bottom: 43px; opacity: 0.6; } .projectdata__buyblock { display: flex; justify-content: space-between; align-items: center; } .projectdata__buyblock .btncart { min-width: 78px; max-width: 78px; height: 78px; } .projectdata__buyblock .btncart img { width: 39px; height: 39px; } .projectdata__buyblock .btn_ring { width: 119px; height: 119px; } .projectdata__buyblock .btn_ring:after { animation-play-state: paused; content: url(/local/templates/main/public/css/../img/btnring_xl.svg); position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .projectdata__buyblock .btn_ring:hover:after { -webkit-animation: rotating 5s linear infinite; -moz-animation: rotating 5s linear infinite; -ms-animation: rotating 5s linear infinite; -o-animation: rotating 5s linear infinite; animation: rotating 5s linear infinite; } .detailbuy__buyblock .btn_ring.active::before { content: url(/local/templates/main/public/css/../img/cartcheck.svg); position: absolute; right: 36px; bottom: 32px; z-index: 1; transform: scale(1.5); } .buyblock__right .btn_ring.active::before { content: url(/local/templates/main/public/css/../img/cartcheck.svg); position: absolute; right: 26px; bottom: 22px; z-index: 1; transform: scale(1.3); } .projectdata__left .btn_border { width: 211px; text-align: center; } .projectdata__price { font-family: var(--second-family); font-weight: 700; font-size: 32px; text-transform: uppercase; color: #b81b37; margin-bottom: 24px; } .projectdata__price small { font-size: 19px; } .cardsblock__items { display: flex; gap: 22px; width: 100%; } .cardsblock__item { flex: 1; } .onecardblock { padding: 40px 49px; background: #f8f8f8; border-radius: 10px; } .onecardblock .projectdata__text { margin-bottom: 10px; } .onecardblock__wrapper { display: flex; } .onecardblock__image { padding-right: 50px; } .onecardblock__content { display: flex; flex-direction: column; justify-content: space-between; width: 100%; max-width: 275px; } .onecardblock__header { font-family: var(--font-family); font-weight: 400; font-size: 18px; letter-spacing: 0.3em; line-height: 1.5; text-transform: uppercase; color: #231f20; } .buyblock { display: flex; align-items: center; justify-content: space-between; width: 100%; } .buyblock__text { font-family: var(--font-family); font-weight: 400; font-size: 14px; letter-spacing: 0.3em; text-transform: uppercase; color: #231f20; margin-bottom: 10px; } .buyblock__price { font-family: var(--second-family); font-weight: 700; font-size: 32px; text-transform: uppercase; color: #b81b37; } .buyblock__price small { font-size: 22px; } .buyblock__right .btncart { min-width: 53px; max-width: 53px; height: 53px; } .buyblock__right .btncart img { width: 26px; height: 26px; } .buyblock__right .btn_ring { width: 80px; height: 80px; } .buyblock__right .btn_ring:after { animation-play-state: paused; content: url(/local/templates/main/public/css/../img/btnring_l.svg); position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .buyblock__right .btn_ring:hover:after { -webkit-animation: rotating 5s linear infinite; -moz-animation: rotating 5s linear infinite; -ms-animation: rotating 5s linear infinite; -o-animation: rotating 5s linear infinite; animation: rotating 5s linear infinite; } .linkred { color: #b81b37; } .linkred:hover { color: #d83a56; } .linkred:focus { color: #a61831; } .contactsblock { margin: 85px 0 68px 0; } .contactsblock__items { display: flex; gap: 25px; flex-wrap: wrap; } .contactsblock__item { width: calc(100% / 3 - 17px); } .contactitem { border-radius: 12px; padding: 30px; background: #f8f8f8; display: flex; flex-direction: column; justify-content: space-between; } .contactitem__header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } .contactitem__title { font-family: var(--second-family); font-weight: 700; font-size: 26px; text-transform: uppercase; color: #231f20; max-width: 315px; } .contactitem__info { border-radius: 100%; background: #fff; width: 130px; height: 70px; display: flex; align-items: center; justify-content: center; flex-direction: column; } .contactitem__text { font-family: var(--font-family); font-weight: 500; font-size: 16px; color: #231f20; } .contactitem__small { opacity: 0.5; font-family: var(--font-family); font-weight: 500; font-size: 12px; color: #231f20; } .contactitem__address { font-family: var(--font-family); font-weight: 400; font-size: 16px; color: #231f20; } .contactitem__address img { vertical-align: middle; } .contactitem__address span { vertical-align: middle; padding-left: 8px; } .contactitem__phones { flex-wrap: wrap; margin: 21px 0 26px 0; display: flex; gap: 5px 20px; /* justify-content: space-between; */ align-items: center; } .contactline__messenger { width: 100%; } .page .contactline__messenger { width: 100%; max-width: 100%; } .page .contactitem__phones { flex-wrap: wrap; gap: 12px; } a.regularphone { padding-left: 26px; position: relative; height: 26px; display: flex; align-items: center; } .contactline__messenger { display: flex; align-items: center; gap: 2px; } .contactline__messenger img { width: 24px; height: 24px; } a.regularphone:before { width: 22px; height: 22px; content: url('data:image/svg+xml,'); position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .pagedelivery__tabscontacts .contactline__messenger a { font-weight: 600; } .contactitem__phones a { font-weight: 500; font-size: 20px; text-transform: uppercase; white-space: nowrap; } .contactline__messenger { height: 42px; } .contactmap { height: 245px; border: 2px solid #fff; border-radius: 12px; overflow: hidden; } .contactmap img { height: 100%; width: 100%; object-fit: cover; object-position: center; } .productcard__button .active::before { content: url(/local/templates/main/public/css/../img/cartcheck.svg); position: absolute; right: 17px; bottom: 14px; z-index: 1; } .pageheader__filter .mainmenu__list ul a { font-weight: 500; font-size: 14px; } .catalogpage .productcard { max-width: 405px; } .catalogpage .cataloglist__items { display: flex; flex-wrap: wrap; gap: 52px 19px; } .catalogpage .cataloglist__item { width: calc(33.333% - 15px); } .catalogpage .productcard__img { height: 272px; width: 100%; } .seoblock { margin: 78px 0 78px 0; } .seoblock h2 { font-family: var(--second-family); font-weight: 700; font-size: 26px; text-transform: uppercase; color: #231f20; margin: 30px 0 20px 0; } .seoblock h3 { font-size: 22px; margin: 30px 0 20px 0; } .seoblock p { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 140%; color: #231f20; margin: 0 0 30px 0; } .page .pagebanner { margin-bottom: 38px; } .pageheader__row { display: flex; justify-content: space-between; align-items: center; } .contactsblock__common { margin-bottom: 25px; display: flex; justify-content: space-between; } .contactsblock__common .contactline__messenger { height: 30px; } .contactsblock__common a { white-space: nowrap; font-weight: 500; font-size: 22px; text-transform: uppercase; display: block; height: 30px; line-height: 30px; display: flex; align-items: center; } .contactsblock__cell { max-width: 50%; } .contactsblock__label { margin-bottom: 8px; font-family: var(--font-family); font-weight: 400; font-size: 16px; color: #231f20; opacity: 0.5; } .contactsblock__value { display: flex; align-items: center; gap: 6px; } .contactitem__info { min-width: 102px; max-width: 102px; } .contactitem__phones { gap: 8px; margin-bottom: 17px; } .contactsblock__common a { line-height: 1; } .pageheader .contactsblock__common { display: flex; } .detailinfo__content { /* .quantity { display: none; } */ } .detailinfo__content .btn_ring { transform: scale(0.8); } .detailinfo__content .productcard__oldprice { position: relative; display: inline-block; font-family: var(--second-family); font-weight: 700; font-size: 22px; text-transform: uppercase; margin-bottom: 8px; color: rgba(35, 31, 32, 0.5); } .detailinfo__content .productcard__pricevalue { font-family: var(--second-family); font-weight: 700; font-size: 42px; text-transform: uppercase; color: #b81b37; } .detailinfo__content .productcard__oldprice:before { position: absolute; content: ""; left: 0; top: 50%; right: 0; border-top: 2px solid #b81b37; border-color: inherit; color: #b81b37; -webkit-transform: rotate(-6deg); -moz-transform: rotate(-6deg); -ms-transform: rotate(-6deg); -o-transform: rotate(-6deg); transform: rotate(-6deg); } .detailinfo__content .productcard__infotext { font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 140%; color: #1d9a3e; opacity: 0.9; } .detail__banner .pagebanner { padding-top: 43px; margin-bottom: 0; } .detail__banner .pagebanner__wrapper { height: 112px; border-radius: 8px; background: #f8f8f8; padding: 0 33px; } .detail__banner .pagebanner__items { display: flex; align-items: center; justify-content: space-between; position: relative; height: 100%; } .detail__banner .pagebanner__left { max-width: 277px; width: 100%; } .detail__banner .pagebanner { /* .mobilemenu__appbutton { background: $hover; } */ } .detail__banner .pagebanner .badge { font-family: var(--second-family); font-weight: 700; font-size: 22px; text-transform: uppercase; color: #fff; height: 0; text-transform: uppercase; background: #b81b37; padding: 0; border-radius: 555px; line-height: 1; display: inline-table; padding: 0 5px; } .detail__banner .pagebanner__text { font-family: var(--second-family); font-weight: 700; font-size: 22px; text-transform: uppercase; color: #231f20; } .detail__banner .pagebanner__center { /* position: relative; */ height: 100%; } .detail__banner .mobilemenu__appbuttons { flex-direction: row; gap: 26px; } .detail__banner .mobilemenu__appbuttons a { min-width: 30px; max-width: 30px; } .detail__banner .mobilemenu__appbuttons img { width: 30px; height: 30px; } .detail__banner .pagebanner__img { display: flex; height: 100%; align-items: flex-end; bottom: 0; } .detail__banner .pagebanner__img img { max-height: unset; } .detail__banner .detailbuy__buyblock { margin-bottom: 32px; } .miniproduct__wrapper { display: flex; align-items: center; justify-content: space-between; gap: 28px; } .miniproduct__img a { display: block; } .miniproduct__img img { border-radius: 9px; overflow: hidden; width: 135px; height: 91px; object-fit: cover; object-position: center; } .miniproduct__main { display: flex; align-items: center; gap: 28px; } .miniproduct__name { margin-bottom: 9px; font-family: var(--font-family); font-weight: 400; font-size: 14px; letter-spacing: 0.04em; text-transform: uppercase; color: #231f20; } .miniproduct__name a { color: #231f20; } .miniproduct__price { font-family: var(--second-family); font-weight: 700; font-size: 31px; text-transform: uppercase; color: #231f20; } .miniproduct__price small { font-size: 21px; } @media (min-width: 1451px) { [data-slider-count="4"] .productcard { max-width: 100%; } [data-slider-count="4"] .productcard__img { height: 272px; } } .pagedelivery { padding: 60px 0; } .pagedelivery__title { font-family: var(--second-family); font-weight: 700; font-size: 32px; text-transform: uppercase; color: #231f20; margin-bottom: 40px; } .pagedelivery__steps { display: flex; justify-content: space-between; } .pagedelivery__step { width: 100%; } .pagedelivery__stepnumber { height: 146px; position: relative; width: 100%; border-bottom: 2px solid #f5f5f5; } .pagedelivery__stepnumber img { position: absolute; left: 0; top: 0; max-height: unset; max-width: unset; } .pagedelivery__stepcontent { margin-top: -26px; position: relative; } .pagedelivery__stepicon { margin-bottom: 40px; } .pagedelivery__steptext { font-family: var(--font-family); font-weight: 500; font-size: 20px; line-height: 120%; color: #343c4b; } .pagedelivery__section { margin-bottom: 80px; } .pagedelivery__payments { display: flex; gap: 20px; } .pagedelivery__paywrapper { padding: 32px 25px 25px 33px; background: #f8f8f8; border-radius: 12px; min-width: 405px; max-width: 405px; height: 154px; } .pagedelivery__payicons { display: flex; gap: 8px; margin-bottom: 18px; } .pagedelivery__paytitle { font-family: var(--font-family); font-weight: 500; font-size: 16px; color: #231f20; } .grbadge { font-family: var(--third-family); font-weight: 500; font-size: 16px; color: #fff; background: #40c351; border-radius: 555px; padding: 0 5px; } .pagedelivery__paytext { font-family: var(--font-family); font-weight: 400; font-size: 14px; margin-top: 2px; line-height: 18px; color: rgba(35, 31, 32, 0.5); } .pagedelivery__text { font-family: var(--font-family); font-weight: 500; font-size: 20px; line-height: 120%; color: #343c4b; margin-bottom: 23px; } .red { color: #b81b37; } .pagedelivery__tabsbutton { border-radius: 12px; background: #f8f8f8; border: 2px solid transparent; padding: 31px 23px 30px 40px; cursor: pointer; margin-bottom: 11px; } .pagedelivery__tabsbutton.active { border-color: #b81b37; } .pagedelivery__tabsheader { display: flex; justify-content: space-between; align-items: center; margin-bottom: 26px; } .pagedelivery__tabstitle { font-family: var(--second-family); font-weight: 700; font-size: 22px; text-transform: uppercase; color: #b81b37; } .pagedelivery__tabsprice { font-family: var(--font-family); font-weight: 500; font-size: 16px; color: #231f20; border-radius: 100%; display: flex; align-items: center; justify-content: center; min-width: 130px; height: 40px; background: #fff; } .pagedelivery__tabsitem { margin-bottom: 13px; padding-left: 26px; background-image: url('data:image/svg+xml,'); background-position: left top 5px; background-repeat: no-repeat; } .pagedelivery__tabsitemtotle { font-family: var(--font-family); font-weight: 600; font-size: 16px; margin-bottom: 4px; color: #231f20; } .pagedelivery__tabsitemtext { font-weight: 400; font-size: 14px; } .pagedelivery__tabsright { width: 50%; } .pagedelivery__tabs { display: flex; width: 100%; /* justify-content: space-between; */ } .pagedelivery__tabsleft { width: 50%; padding-right: 69px; } .pagedelivery__tabssubtitle { margin-top: 9px; font-family: var(--font-family); font-weight: 400; font-size: 16px; color: #231f20; } .pagedelivery__tabscontacts { display: flex; justify-content: space-between; width: 100%; } .pagedelivery__tabscontacttext { font-family: var(--font-family); font-weight: 400; font-size: 14px; color: #231f20; margin-bottom: 10px; } .pagedelivery__tabscontactlink a { font-family: var(--font-family); font-weight: 600; font-size: 16px; color: #b81b37; } .block { display: block !important; } .pagedelivery__tabsheader { gap: 20px; } .pagedelivery__tabcontent { border-radius: 8px; overflow: hidden; } .animatebtn { position: relative; overflow: hidden; } /* .animatebtn::after { content: ""; display: block; width: 30px; height: 300px; margin-left: 60px; background: #fff; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.7) 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.7) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#b3ffffff',GradientType=0 ); position: absolute; left: -40px; top: -150px; z-index: 1; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-animation-name: slideme; animation-name: slideme; -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-delay: 0.05s; animation-delay: 0.05s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; opacity: 0.4; } */ .menupage__tabsheader { width: 100%; margin-bottom: 60px; display: flex; /* margin-left: -21px; margin-right: -21px; */ /* gap: 30px; */ } .menupage__tabsheaderitem { padding: 0 21px; flex: 1; text-align: center; font-family: var(--font-family); font-weight: 500; font-size: 20px; text-transform: uppercase; color: #231f20; padding: 0 0 38px 0; border-bottom: 3px solid #f3f3f3; } .menupage__tabsheaderitem.active { border-color: #b81b37; } .menupage__main { margin: 60px 0; } .menupage__menu { text-align: center; } [data-headertab] { cursor: pointer; } .locationgb span { display: block; background-image: url('data:image/svg+xml,'); padding-left: 24px; background-position: left center; background-repeat: no-repeat; } .locationgb.active span { background-image: url('data:image/svg+xml,'); background-position: left center; background-repeat: no-repeat; } .productpage__images_project { border-radius: 9px; background: #f8f8f8; overflow: hidden; } .detail_project .detailinfo__content .btn_ring { transform: none; } .detail_project .blockheader__left h2 { font-weight: 700; font-size: 58px; text-transform: uppercase; color: #231f20; } .cataloglist_projects .projectcard { width: 100%; border-radius: 8px; background: #f8f8f8; padding: 13px 51px 16px 11px; height: 100%; } .cataloglist_projects .cataloglist__items { width: 100%; gap: 20px; } .cataloglist_projects .cataloglist__item { width: calc(50% - 10px); } .cataloglist_projects .projectblock__image { min-width: 276px; max-width: 276px; margin-right: 47px; } .cataloglist_projects .projectdata__title { margin-bottom: 40px; height: 76px; overflow: hidden; } .cataloglist_projects .projectblock__main { justify-content: flex-start; } .cataloglist_projects .projectblock__content { max-width: unset; width: 100%; } .cataloglist_projects .projectdata__price_free { text-transform: uppercase; color: #1d9a3e; } .pagedescription { margin: 97px 0 57px 0; } .pagedescription h2 { font-family: var(--second-family); font-weight: 700; font-size: 42px; text-transform: uppercase; color: #231f20; } .pagedescription p { font-weight: 400; font-size: 16px; line-height: 140%; color: #231f20; } .page .pagebanner { margin-bottom: 68px; } .pagefilial__mainimage { position: relative; overflow: hidden; height: 541px; width: 100%; object-fit: cover; object-position: center; display: flex; align-items: center; justify-content: center; } .pagefilial__mainimage img { border-radius: 12px; } a.pagefilial_3d { position: absolute; } .contactitem__main { max-width: 484px; width: 100%; } .pagefilial__tour { width: 100%; max-width: 840px; } .pagefilial__wrapper { display: flex; align-items: center; justify-content: space-between; } .pagefilial__title { font-family: var(--second-family); font-weight: 700; font-size: 36px; text-transform: uppercase; line-height: 1.2; color: #231f20; margin-bottom: 37px; } .pagefilial__info .contactitem__info { background: #f8f8f8; max-width: 130px; } .pagefilial__info { margin-top: 38px; } .pagefilial { padding: 31px 0; } .pagefilial .contactline__messenger { margin-right: 0; } .pagefilial .linkred { margin-right: 20px; } .pagefilial .linkred:last-of-type { margin-top: 0; } .pagefilial__footer { margin: 69px 0 31px 0; } .pagefilial__footer .pagefilial__slide { width: unset; display: flex; justify-content: center; align-items: center; } .pagefilial__footer .pagefilial__slide > a { display: inline-block; height: 400px; } .pagefilial__footer .pagefilial__slide > a > img { object-fit: cover; object-position: center; border-radius: 8px; height: 100%; } .pagefilial:nth-child(2) { background: #f2f2f2; } .pageabout__items { display: flex; flex-wrap: wrap; gap: 21px; } .pageabout__item { width: calc(33.3333% - 14px); } .aboutitem { border-radius: 8px; background: #f8f8f8; height: 367px; padding: 46px 35px 35px 40px; } .aboutitem__wrapper { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .aboutitem__header { display: flex; justify-content: space-between; width: 100%; } .aboutitem__icon { max-width: 74px; min-width: 74px; height: 74px; border-radius: 50%; background: #b81b37; display: flex; align-items: center; justify-content: center; } .aboutitem__text { font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; color: #343c4b; } .pageabout__expandblocks { margin: 90px 0; } .pageabout__expandheader { display: flex; align-items: center; justify-content: space-between; } .pageabout__expandtext { max-width: 822px; margin-left: 20px; font-family: var(--font-family); font-weight: 400; font-size: 18px; line-height: 120%; color: #343c4b; } .pageabout__expanditems { display: flex; flex-wrap: wrap; gap: 40px; align-items: flex-start; } .pageabout__expanditem { width: calc(50% - 20px); padding-bottom: 44px; border-bottom: 2px solid #f0f0f0; margin-bottom: 14px; } .pageabout__expandbutton { cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 30px; } .pageabout__expandbuttontitle { font-family: var(--font-family); font-weight: 400; font-size: 26px; line-height: 120%; color: #343c4b; max-width: calc(100% - 64px); } .pageabout__expandbuttonicon { transition: all 0.3s ease; } .pageabout__expandcontent { padding: 20px; font-size: 18px; line-height: 1.2; } [data-accordioncontent] { display: none; } .active .pageabout__expandbuttonicon { transform: rotate(45deg); } .pagefilial__maintitle { font-family: var(--second-family); font-weight: 700; font-size: 50px; text-transform: uppercase; color: #b81b37; margin-bottom: 49px; } .pagefilial_events .pagefilial__title { font-weight: 700; font-size: 26px; } .pagefilial_events .pagefilial__info { margin-top: 18px; } .pageabout__items_event .aboutitem { height: 257px; } .pageabout__items_event .aboutitem__text { font-weight: 400; font-size: 20px; line-height: 120%; } .pageabout__items_event .aboutitem__wrapper { position: relative; } .pageabout__items_event .aboutitem__number { position: absolute; right: 0; } .pagevent .categoryblock { margin-bottom: 110px; } .pageaboutrooms { margin: 147px 0 60px 0; } .pageabout__rooms { position: relative; } .pageabout__rooms:after { content: ""; width: 100%; height: 2px; background: #f0f0f0; transform: translateY(-50%); top: 50%; position: absolute; } .pageabout__roomsitems { display: flex; justify-content: space-between; margin: 84px 0 0 0; } .pageabout__roomsitem { width: 33.3333%; height: 161px; display: flex; justify-content: space-between; flex-direction: column; position: relative; } .pageabout__roomsitem:after { content: ""; width: 8px; height: 8px; background: #b81b37; transform: rotate(45deg) translateY(-50%); top: 50%; margin-top: -1px; position: absolute; z-index: 1; } .pageabout__roomstitle { font-family: var(--second-family); font-weight: 700; font-size: 26px; line-height: 100%; text-transform: uppercase; color: #b81b37; } .pageabout__roomsvalue { font-family: var(--second-family); font-weight: 700; font-size: 18px; line-height: 100%; text-transform: uppercase; color: #231f20; } .banketsection { margin: 62px 0; } .banketsection__wrapper { display: flex; align-items: center; } .banketsection__left { width: 100%; } .banketsection__right { width: 100%; display: flex; justify-content: center; } .banketsection__content { max-width: 451px; } .banketsection__title { font-family: var(--second-family); font-weight: 700; font-size: 42px; text-transform: uppercase; color: #b81b37; margin-bottom: 36px; } .btn_linkborder { border: 2px solid #b81b37; border-radius: 555px; padding: 18px; max-width: 323px; display: block; text-align: center; } .btn_linkborder span { display: inline-block; padding-right: 23px; } .formsection .formblock { border-radius: 12px; background: #f8f8f8; height: 410px; display: flex; align-items: center; width: 100%; justify-content: space-around; padding: 30px; } .formsection .formblock input { background: #fff; height: 42px; line-height: 42px; border: none; } .formsection .formblock__left { max-width: 610px; width: 100%; } .formsection .formblock__title { font-family: var(--second-family); font-weight: 700; font-size: 42px; line-height: 100%; text-transform: uppercase; color: #231f20; margin-bottom: 35px; } .formsection .formblock__text { font-family: var(--font-family); font-weight: 400; font-size: 18px; line-height: 120%; color: #343c4b; } .formsection .formblock__contact { margin-top: 56px; } .formsection .formblock__right { width: 100%; max-width: 560px; } .formsection .formblock__items { display: flex; flex-wrap: wrap; gap: 20px; align-items: center; } .formsection .formblock__input { width: calc(50% - 10px); margin-bottom: 0; } .formsection .formblock__input_full { width: 100%; } .formsection .contactlabel { margin-bottom: 4px; font-family: var(--font-family); font-weight: 400; font-size: 16px; color: #231f20; opacity: 0.5; } .formsection .contactlabel + .contactitem__phones { margin-top: 0; } .formsection .formblock__items_submit { margin-top: 37px; } .formsection .formblock__items_submit .formblock__check { margin-top: 0; } .formsection .formblock__items_submit .btn_main { display: block; width: 100%; max-width: 100%; font-family: var(--font-family); font-weight: 500; font-size: 14px; text-transform: uppercase; color: #fff; } .formsection .formblock__items_submit .check label { font-size: 12px; line-height: 130%; } .confirmpage { margin: 60px 0; } .confirmpage__wrapper { border-radius: 12px; min-height: 450px; position: relative; overflow: hidden; width: 100%; background: #f8f8f8; display: flex; justify-content: space-between; align-items: flex-end; } .confirmpage__logo { margin-bottom: 47px; } .confirmpage__content { max-width: 869px; padding: 77px 30px 68px 90px; } .confirmpage__title { font-family: var(--second-family); font-weight: 700; font-size: 42px; text-transform: uppercase; color: #231f20; margin-bottom: 14px; } .confirmpage__text { font-family: var(--font-family); font-weight: 400; font-size: 16px; color: #231f20; } .orderinfo { display: flex; align-items: center; } .ordernumber__number { font-family: var(--font-family); font-weight: 600; font-size: 26px; text-transform: uppercase; color: #b81b37; line-height: 1.6; } .ordernumber__text { font-family: var(--font-family); font-weight: 400; font-size: 16px; color: #231f20; margin-bottom: 2px; } .orderinfo__button { margin-left: 30px; } .orderinfo__button .btn_main { height: 60px; line-height: 60px; text-align: center; padding: 0 27px; font-weight: 400; font-size: 16px; text-transform: uppercase; color: #fff; } .confirmpage__info { margin-top: 63px; } input.btn.btn-lg.btn-success.pl-4.pr-4 { display: block; padding: 14px 84px; color: #fff; font-weight: 600; font-size: 20px; } @media only screen and (max-width: 1700px) { .pagedetail__aside { max-width: 330px; min-width: 330px; } .pageaside { padding: 32px 20px; } .pagedetail__main { width: calc(100% - 330px); padding-right: 30px; } .contentpage__col_image { max-width: 50%; min-width: 50%; } .contentpage__col_left { margin-right: 30px; } .blockabout__wrapper { height: unset; } .footer__col_right { margin-left: 0; } .projectblock__wrapper { padding: 0 30px; } .headermain__search { margin-right: 10px; } .headermain__contacts { margin: 0 10px; } .headermenu__topmenu { width: calc(100% - 185px); } .mainmenu__column { padding: 30px 20px; } .mainmenu { max-width: 100%; width: 100%; } .mainmenu__column:nth-child(1) { border-right: 1px solid #f7f7f7; min-width: 415px; } .mainmenu__column:nth-child(2) { min-width: 302px; padding-right: 20px; } .mainmenu__column:nth-child(3) { min-width: 372px; } .productslider .swiper-button-next { right: 52px; } .productslider .swiper-button-prev { left: 52px; } .contactsblock__items { gap: 10px; } .contactitem { padding: 30px 12px; } .contactitem__phones a { font-size: 14px; } .contactline__messenger { max-width: 30px; min-width: 30px; height: 30px; } .contactitem__text { font-size: 12px; } .contactitem__small { font-size: 9px; } } @media only screen and (max-width: 1450px) { /* .productpage__right { width: calc(100% - 500px); } */ /* .detailslider__wrapper { width: 500px; } */ .headermain__logo { max-width: 115px; } .errorpage__code { font-size: 100px; } /* .cataloglist__item { width: 33.3333%; } */ .headermenu { width: 100%; } .container { padding: 0 10px; } .footer__catalog ul { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } .footer__col { padding: 0 5px; } .footer__items { margin: 0 -5px; width: 100%; } .headermain__descr { display: none; } .mainmenubtn { width: 165px; } .mainmenubtn span { font-size: 14px; } .contacts__text { font-size: 13px; } .headermain__left { padding-right: 15px; } .blockslider-button-next, .blockslider-button-prev { z-index: 999; } .footer__menu ul li a { font-size: 14px; font-weight: 600; } .footer__copy { width: initial; max-width: 320px; } .mainswiperpreview { display: none; } .headermenu__items { margin: 15px 0; } .imgslider__container.slider-wrapper { margin: 0; padding: 0; width: 100%; } .footer__bottom { padding-left: 0; padding-right: 0; } .footer__title { font-size: 22px; line-height: 1.2; } .footer__contacts .contacts__phone a { font-size: 22px; } /* .customblock__right_contacts { max-width: initial; order: 2 !important; margin: 0 -18px; width: calc(100% + 36px); margin-bottom: 0 !important; } */ .cols__col_w3 { max-width: 320px; min-width: 320px; } .cols__col_w9 { max-width: calc(100% - 320px); min-width: calc(100% - 320px); } .blockabout__main { width: 520px; } .fitchescard__title { font-size: 14px; } } @media only screen and (max-width: 1550px) { .projectblock__content { max-width: 320px; } .projectblock__main { background-size: 31%; } /* .projectblock__main { background-position: bottom left; background-size: 74%; } */ .projectblock__title { font-size: 26px; } .projectblock__wrapper { padding: 0 18px; } .projectblock__list li a { padding: 10px 5px; font-size: 14px; } .footer__col_right { max-width: 200px; } .footer__col ul li { margin-bottom: 28px; } .contactline__messenger { margin-right: 22px; } .topmenu__items ul li a { font-size: 14px; } .phonelink { font-size: 16px; } .mainmenu__column { padding: 18px 18px; } #footer .menucontancts .phonelink { font-size: 18px; } .mainmenu__column:nth-child(1) { border-right: 1px solid #f7f7f7; min-width: 415px; } .mainmenu__column:nth-child(2) { min-width: 302px; padding-right: 20px; } .mainmenu__column:nth-child(3) { min-width: 372px; } .producttabs .cataloglist__item { min-width: calc(50% - 19px); max-width: calc(50% - 19px); } .categoryblock__title { font-size: 14px; } .categoryblock__image img { height: 312px; } .pagebanner__wrapper { height: 241px; padding: 0 25px; } .pagebanner__text { font-size: 22px; line-height: 120%; text-transform: uppercase; } .pagebanner__left { max-width: 222px; } .contactitem__title { font-size: 18px; } .contactitem__info { width: 102px; height: 55px; } .contactitem__small { margin-top: 4px; } .contactitem { height: 100%; padding: 16px; } .onecardblock__wrapper { flex-wrap: wrap; } .onecardblock__image { padding-right: 0; width: 100%; margin-bottom: 20px; } .onecardblock__content { max-width: 100%; } .onecardblock__header { margin-bottom: 20px; } .mainslider__wrapper { margin: 0 10px; } .detailslider__wrapper { max-width: 550px; } .detailslider .detailswiperpreview, .detailslider .detailswiper { height: 450px; } .detail__banner .pagebanner__text { font-size: 16px; } .detail__banner .pagebanner__wrapper { padding: 0 15px; } .detailinfo__text { margin-bottom: 20px; } .modalcatalog__aside { max-width: 332px; padding: 40px 30px; } .modalcatalog__tabs a { margin-left: -30px; margin-right: -30px; font-size: 18px; } .modalcatalog__items { padding-right: 20px; } .modalcatalog__main { padding-left: 20px; } .modalcatalog__item img { height: 300px; } .pagedelivery__tabsleft { padding-right: 20px; } .pagedelivery__tabsbutton { padding: 12px 18px; } .pagedelivery__tabstitle { font-weight: 700; font-size: 16px; } .pagedelivery__tabsheader { margin-bottom: 15px; } .pagedelivery__tabsitemtotle { font-size: 14px; } .pagedelivery__tabsitemtext { font-size: 12px; } .pagedelivery__tabscontactlink a { font-size: 14px; } .pagedelivery__steptext { font-size: 14px; } .cataloglist_projects .projectblock__image { margin-right: 17px; min-width: 180px; } .cataloglist_projects .projectdata__buyblock .btn_ring { transform: scale(0.8); } .cataloglist_projects .projectdata__price { font-size: 26px; margin-bottom: 13px; } .cataloglist_projects .projectdata__title { margin-bottom: 25px; height: 58px; font-size: 20px; } .cataloglist_projects .projectcard { padding: 20px 11px; } .cataloglist_projects .projectdata__price { white-space: nowrap; } .cataloglist_projects .btn_border { max-width: 120px; font-size: 14px; } .pagefilial__tour { max-width: 500px; } .aboutitem { padding: 30px 12px; } .pagefilial_events .pagefilial__mainimage { height: unset; } .formsection .formblock__title { font-size: 32px; } .formsection .formblock__left { padding-right: 20px; } .confirmpage__content { padding: 40px; } .confirmpage__right { position: absolute; right: 0; bottom: 0; z-index: 0; max-height: 100%; } } @media only screen and (max-width: 1023px) { .projectblock .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet { height: 2px; margin: 0 !important; } .onlyMobile { display: initial; } .onlyDesktop { display: none !important; } .quantity { padding: 0 10px 0 0; } input.quantity-field { max-width: 45px; font-size: 14px; } .pageheader__type3 h2 { font-size: 18px; line-height: 100%; /* 18px */ padding-bottom: 0; } .pageheader__type3 h2:after { display: none; } .container { padding: 0 18px; /* max-width: 620px; */ } .showmorelink_short { width: 100%; max-width: 100%; } .tablinks__item a { padding: 12px 27px; font-size: 16px; } .catalogpage__wrapper { flex-wrap: wrap; } .minicard__button { margin-right: 15px; } .mobilemenu.active { display: block; } a.productcard__images.productcard__images_mobile.onlyMobile { display: block; } .headermenu { position: relative; } .headermenu__wrapper { width: 100%; overflow-x: auto; } .headermenu__link { width: -webkit-max-content; width: -moz-max-content; width: max-content; } .headertop__right { display: none; } .headermain__left { width: 100%; } .footer__items { -ms-flex-wrap: wrap; flex-wrap: wrap; } .headertop { display: none; } .mobilepanel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 15px 0 12px 0; background: #fff; } .mobilepanel .mobilepanel__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mobilepanel .container { padding: 0 18px; } .mobilepanel .logo { width: 218px; margin-right: 12px; } .pagemenu { display: none; } .menubutton { background: none; border: none; padding: 0; } .searchinput { height: 38px; } .headermain__search { margin-left: 6px; max-width: 100%; margin-right: 0; } .headermain__left { padding-right: 0; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: rgba(43, 54, 70, 0.4); font-size: 14px; line-height: 14px; } ::-moz-placeholder { /* Firefox 19+ */ color: rgba(43, 54, 70, 0.4); font-size: 14px; line-height: 14px; } :-ms-input-placeholder { /* IE 10+ */ color: rgba(43, 54, 70, 0.4); font-size: 14px; line-height: 14px; } :-moz-placeholder { /* Firefox 18- */ color: rgba(43, 54, 70, 0.4); font-size: 14px; line-height: 14px; } .searchinput input { font-size: 14px; line-height: 14px; padding-left: 42px; } .searchinput button { width: 18px; height: 18px; } .searchinput button img { width: 18px; } .headermenu__items { margin: 10px 0; } .headermenu__link { font-size: 12px; line-height: 14px; padding: 5px 4px; } .headermenu__icon { margin-right: 5px; width: 15px; } .headermain { margin: 0; } .pageblock { margin: 24px 0; } h2 { margin: 0 0 18px 0; font-size: 26px; font-style: normal; font-weight: 700; line-height: 100%; } .mainmenubtn { width: 126px; height: 38px; background: #b81b37; } a.mainmenubtn.onlyMobile { width: 100%; height: 42px; line-height: 42px; } .mainmenubtn span { padding-left: 0; } .mainmenubtn span span { padding-left: 7px; padding-right: 7px; color: #fff; } .sliderarrows__right, .sliderarrows__left { width: 20px; } .sliderarrows__right { margin-left: 8px; } .blockheader__left { display: block; } .blockheader a { margin-left: 0; font-size: 12px; line-height: 14px; } .catalognav__showmore { margin-bottom: 21px; } .catalognav__pagination { -ms-flex-wrap: wrap; flex-wrap: wrap; } .paginationblock { padding: 0; margin-bottom: 15px; } .showmorelink span { font-size: 14px; } .showmorelink { padding: 13px 0; } .footer__main { padding: 24px 0 6px 0; } .footer__col_contacts { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .container { padding: 0 18px; } .footer__informblock { width: 100%; } a.callback.btn_border { width: 100%; height: 42px; padding: 0; line-height: 38px; max-width: 320px; } .footer__title { margin-bottom: 17px; font-size: 16px; line-height: 19px; } .footer__menu ul li { margin-bottom: 22px; } .footer__menu ul li:last-child { margin-bottom: 0; } .footer__menu ul li a { padding: 0; font-size: 12px; line-height: 100%; } .footer__col { margin-bottom: 36px; } .footer__col.footer__col_contacts { margin-bottom: 0; } .footer__payment { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer__caption { margin-bottom: 0; margin-right: 20px; font-size: 12px; line-height: 14px; } .footer__link { margin-bottom: 14px; } .footer__link a { font-size: 12px; line-height: 100%; } .footer__bottom .footer__col { margin-bottom: 0; } .footer__link:last-child { margin-bottom: 0; } .footer__maincopy { margin-top: 0; white-space: nowrap; font-size: 12px; line-height: 100%; margin-bottom: 4px; } .footer__link a { white-space: nowrap; } .fdev__icon { width: 72px; display: block; } .footer__textcopy, small { font-size: 10px; line-height: 100%; } .fdev__title { font-size: 10px; } .buttonsrow { margin: 0 -3px; } .buttonsrow__item { padding: 0 3px; } .btn_main { max-width: 100%; } .catalogpage__aside.active { display: block; } .catalogpage__main { padding: 0; width: 100%; } .searchinput input { height: inherit; } .breadcrumbs { margin-bottom: 6px; } header#header { padding-bottom: 0; margin-bottom: 0; } .btn_icon { width: 36px; height: 36px; padding: 0; } .catalogheader__title h1 { font-size: 22px; line-height: 26px; } .catalogheader { margin-bottom: 25px; } .catalognav { margin: 40px 0 25px 0; } .catalogheader_large { margin-bottom: 28px; } .catalogheader_large .dropdown-select.dropdown-select--type1 { width: 100%; max-width: 320px; } .itemslists { margin-bottom: 32px; } .catalogheader__title h1 { margin-top: 19px; } .dropdownpanel { width: 100%; } .catalogbanner { margin-bottom: 17px; } .pagination ul { margin: 0 13px; } .pagination ul li a { font-size: 14px; } .pagination ul li a, .pagination ul li > span { width: 40px; height: 40px; line-height: 38px; min-width: 40px; } .pagination ul li { margin: 0 2px; } .pagination > a { width: 19px; height: 19px; } .paginationblock { margin-left: auto; margin-right: auto; width: 100%; text-align: center; } .dropdown-select--border { padding: 5px 10px; } .dropdown-caption { font-size: 14px; } .dropdown-value { font-size: 14px; } .dropdown-menu-wrapper { right: unset; left: 0; } .dropdown-select__title { width: 100%; } .showcountblock { margin: auto; } .productcard__stickers { left: 5px; top: 5px; } .productsticker { font-size: 12px; padding-left: 5px; padding-right: 5px; height: 16px; } .productsticker_green .productsticker__icon { height: 13px; line-height: 13px; } .productpage__main.flex.content-between { -ms-flex-wrap: wrap; flex-wrap: wrap; } .productpage__right { padding: 0; width: 100%; } .detailslider__wrapper { width: 100%; display: block; } .productpage__left { width: 100%; } .breadcrumbs__items ul span { font-size: 10px; line-height: 12px; } .breadcrumbs__items ul span:after { font-size: 10px; line-height: 12px; top: 0; } .detailinfo__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .detailinfo__h1 { font-style: normal; font-weight: 600; font-size: 18px; line-height: 100%; margin-bottom: 7px; } .productpage__images { position: relative; } .detailinfo__count a { font-size: 12px; line-height: 14px; } .swiper-horizontal .swiper-slide.swiper-slide-next { opacity: 1; } /* .detailslider .detailswiper { border-radius: 0; margin: 0 -18px; width: calc(100% + 36px); } */ .detailswiper .zoom-box { /* padding: 0 30px; */ max-width: 100%; margin-left: auto; margin-right: auto; } .detailslider-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal { text-align: center; } .detailbuy__options { width: 100%; } .imgcheckbox { width: 50%; } .imgcheckbox__content { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .detailinfo__reviews i.fa.fa-star { font-size: 13px; } .cardrating_large .score-wrap { width: 75px; } .productpage__left { position: relative; } .productpage__left .productcard__stickers { left: 0px; } .detailinfo__header { margin-bottom: 11px; } .detailslider { margin-bottom: 26px; } .productcard__cart .tocart { width: 100%; } .sitetabs__content { margin-bottom: 26px; } .detailbuy .productcard__buy { width: 100%; position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .productpage__title h2 { font-size: 22px; padding-bottom: 22px; } .productpage__main { margin-bottom: 32px; } .quantity { margin-right: 0; } .productpage__block { margin-bottom: 30px; } .pruductfacts__row { flex-wrap: wrap; font-size: 14px; margin-bottom: 20px; } .pruductfacts__title, .pruductfacts__value { width: 100%; line-height: 20px; } .productpage__description p { font-size: 14px; } .productpage__content { margin-bottom: 30px; } .norating .reviewsblock__wrapper { height: unset; padding: 30px 20px; } .reviewsblock__title { font-size: 18px; margin-bottom: 14px; background-image: url(/local/templates/main/public/css/../img/wave_small.svg); } .reviewsblock__text { font-size: 14px; margin-bottom: 23px; } .description__cols { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; } .description__col { padding: 0; width: 100%; } .detailbuy__buyblock .productcard__pricevalue { font-size: 26px; line-height: 30px; } .detailbuy__buyblock .productcard__priceunit { font-size: 18px; } .detailbuy__buyblock .productcard__badge { width: 36px; height: 17px; } .productcard__pricecaption { font-size: 12px; line-height: 14px; } .productcard__cart { width: calc(100% - 126px); margin-left: 7px; } .detailtable__body .detailtable__col, .detailtable__col { font-size: 14px; line-height: 140%; } .infomessage__wrapper { padding: 8px 18px; } .infomessage__text { font-size: 12px; line-height: 100%; } .infomessage__icon { margin-right: 14px; } .infoicons .badge__text { font-size: 12px; line-height: 130%; } .infoicons__item { margin-bottom: 5px; } .detailinfo__buyblock { margin-bottom: 13px; } .infomessage { margin: 13px 0; } .detailtable { margin-bottom: 21px; } .infoicons .badge img { width: 20px; } .sitetabs__header li { height: 36px; } .sitetabs__header li span.sitetabs__title { margin-right: -20px; font-size: 16px; line-height: 19px; } .sitetabs__header li { padding-left: 24px; padding-right: 24px; } .infoicons { margin: 23px 0; } .sitetabs__header { margin-bottom: 26px; } .description p { font-size: 14px; line-height: 140%; } .description h3 { margin-top: 0; font-size: 18px; line-height: 21px; } .modal-dialog_product .modal-content { padding: 14px 18px; } .modalproduct__main { -ms-flex-wrap: wrap; flex-wrap: wrap; } .modalproduct { padding-top: 16px; } .minicard__main { padding-left: 20px; margin-left: 0; width: calc(100% - 72px); } .minicard__image { width: 72px; } .modalproduct__product { width: 100%; } .minicard__wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } .productslider__modalslider .productcard { max-width: initial; } .productslider__modalslider .productcard__img { width: 62px; margin-right: 23px; padding: 0; height: initial; } .modalproduct .productcard__title { margin-bottom: 9px; } .modalproduct__buttons { max-width: 100%; width: 100%; margin: 25px 0 0 0; } .modalproduct__main { margin-bottom: 30px; padding-bottom: 0; border: none; } .miniproductslider h2 { font-size: 18px; line-height: 21px; margin-bottom: 0; } .minicard__params { display: block; } .minicard__params .minicard__param { text-align: left; margin-bottom: 9px; } .modalproduct .blockheader { margin-bottom: 11px; } .minicard__right { width: 100%; } .modal .productslider { margin: 30px 0 10px 0; } .modalproduct__buttons a { height: 46px; padding-top: 0; padding-bottom: 0; line-height: 42px; width: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .minicard__left { width: 100%; } .modal .blockheader__left h2 { text-align: left; } .modal .productslider .sliderarrows { display: flex; gap: 10px; } .minicard__main { width: 100%; padding-left: 0; margin-top: 0; } .minicard__section { display: flex; align-items: center; gap: 21px; margin-bottom: 26px; } .minicard__left { -ms-flex-wrap: wrap; flex-wrap: wrap; } .minicard__count .buyblock__quantity { width: 50%; } .minicard__count .minicard__amount { width: 50%; text-align: center; } .minicard__count input.quantity-field { height: 30px; } .minicard__count .imgcheckbox__content { height: 36px; } .minicard__info { /* width: calc(100% - 72px); padding-left: 20px; */ } .minicard__right { -moz-text-align-last: left; text-align-last: left; } .minicard__title { font-family: var(--second-family); font-weight: 700; font-size: 14px; text-transform: uppercase; color: #231f20; margin-bottom: 9px; } .miniproduct__img img { width: 80px; height: 53px; } .miniproduct__price, .miniproduct__price small { font-size: 16px; } .miniproduct__main { gap: 21px; } .cartblock { -ms-flex-wrap: wrap; flex-wrap: wrap; } .miniproduct__name a { font-family: var(--font-family); font-weight: 400; font-size: 12px; letter-spacing: 0.04em; text-transform: uppercase; color: #231f20; margin-bottom: 8px; } .cartblock__main { width: 100%; } .cartblock__aside { width: 100%; max-width: 100%; min-width: 100%; } .pageheader { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 27px 0; } .pageheader h1 { width: 100%; font-size: 26px; font-style: normal; font-weight: 700; line-height: 100%; } .linkicon span { font-size: 12px; line-height: 100%; } .linkicon img, .linkicon svg { max-width: 16px; margin-right: 5px; } .minicard__back img { display: block; } .minicard__back span { display: none; } .minicard__back { padding: 9px; } .listicon ul li:last-child { margin-bottom: 0; } .listicon ul li { margin-bottom: 12px; font-size: 12px; line-height: 100%; } .icontitle { margin-bottom: 10px; } .infobadge__title { font-size: 12px; line-height: 100%; } .haederbanner { display: none; } .itemslist__item_col3 { width: 50%; margin-bottom: 36px; } .breadcrumbs { margin-bottom: 19px; } .pagecontent__images { margin-bottom: 18px; } .pagetext { margin-top: 0; } .contentpage__cols + .fitchesblock { margin-bottom: 20px; } .pagetext p { font-size: 14px; line-height: 140%; margin-bottom: 20px; margin-top: 0; } .itemslist__item_col3 .itemslistcard__image, .itemslistcard__image { margin-bottom: 13px; } .modal_small .modal-content { padding-left: 16px; padding-right: 16px; } .modal-submit { margin-top: 23px; } iframe { max-height: 100%; } .modal_small .modal-title { font-size: 22px; line-height: 100%; } .formblock__input { margin-bottom: 18px; } .formblock__check { margin-top: 23px; } .modal-subtitle { font-size: 12px; margin-bottom: 13px; padding-right: 12px; } .formblock .check label { font-size: 12px; line-height: 110%; } /* .buttonsrow__item { margin-bottom: 23px; } */ .formblock__main { margin-bottom: 20px; } .formblock__check { margin-bottom: 20px; } .modal_small .modal-content { padding: 28px 18px; max-width: calc(100% - 36px); } .modal-submit_small .buttonsrow__item_full .btn_main { height: 50px; line-height: 50px; } .modal__header { margin-bottom: 16px; } .textinput { margin-top: 12px; font-size: 12px; line-height: 100%; } .modalinfo__image { width: 50px; margin-bottom: 13px; } .modalinfo__title { font-size: 16px; line-height: 100%; margin-bottom: 13px; max-width: 200px; margin-left: auto; margin-right: auto; } .modalinfo__text { margin-bottom: 16px; font-size: 14px; line-height: 100%; } .formblock__main_cols { margin: 0; } .formblock__main_cols .formblock__input { width: 100%; padding: 0; margin-bottom: 11px; } .formblock__main_cols .formblock__input__full { margin-bottom: 20px; } .modal_large .modal-content { padding: 24px 16px 28px 16px; } .informwrapper__list li { margin-bottom: 6px; font-size: 12px; line-height: 100%; } .buttonsrow.xs-full .buttonsrow__item { width: 100%; margin-bottom: 20px; } .buttonsrow__item .check label { font-weight: 400; font-size: 10px; line-height: 110%; } .formblock input[type="email"], .formblock input[type="password"], input[type="tel"], .formblock input[type="text"] { height: 46px; line-height: 46px; padding: 0 10px; font-size: 14px; } .accountna .productslider__slide { width: 50%; } .itemslistcard { max-width: 100%; } .recipeslider .sliderarrows { display: none; } .productslider .sliderarrows { display: none; } .blockabout__wrapper { flex-wrap: wrap; } .blockabout__main { width: 100%; } .mobilepanel__right { display: flex; align-items: center; } .mobilepanel__right .iconlinks__badge { top: 50%; transform: translateY(-50%); } .headermain__iconlinks { margin-right: 5px; } .container .container { padding: 0; } .header__topline { background: #fff; } .headermain { padding: 14px 0 0 0; } .mobilepanel { padding: 15px 0; } .cols__col_w9 { padding-left: 0; } .headermenu { margin: 0; width: 100%; } .menubutton { width: 30px; text-align: right; display: block; } .headermenu__link { font-size: 14px; } .mainslider__slide.swiper-slide-prev { opacity: 0; } .indexblock .cols { display: block; } .jsbackdrop { top: 0px; z-index: 99; } #header { position: relative; z-index: 999; background: #fff; } .mobilemenu__links { padding: 0; margin: 0; list-style: none; } .mobilemenu__links { margin-left: 18px; } .mobilemenu__links a { color: #283647; font-size: 16px; font-style: normal; font-weight: 700; line-height: 22px; display: block; height: 22px; background-size: 22px; padding-left: 35px; } .link { font-size: 14px; padding-right: 18px; } .link:before { height: 14px; background-size: 10px; background-position: right center; transform: translateY(2px); background-repeat: no-repeat; } .footer__logo { margin-bottom: 25px; max-width: 257px; width: 100%; } .footer__contacts .contacts__phone { margin-bottom: 3px; } .footer__address { margin-top: 33px; } .footer__subtitle { margin-bottom: 11px; font-size: 12px; } .footer__text { font-size: 14px; } .footer__col .footer__items { margin: 0 -26px; width: calc(100% + 52px); } .footer__col .footer__col { width: 50%; padding: 0 26px; margin: 0; } .footer__catalog ul li { width: unset; } .footer__title.wave { background-size: 38px; } .footer__text_lg { font-size: 14px; font-style: normal; font-weight: 600; line-height: 100%; } .footer__ask { margin-top: 20px; } /* .btn_border { padding: 8px 25px; display: inline-block; width: unset; font-size: 14px; font-style: normal; font-weight: 700; line-height: normal; } */ .mainmenubanner__image { margin-bottom: 26px; } .footer__block_payment { display: flex; justify-content: space-between; width: 100%; max-width: 375px; align-items: center; margin-bottom: 0; } .footer__block_payment .footer__title.wave { margin-bottom: 0; } .footer__aside { width: 100%; } .footer__cols.flex.items-center { display: block; } #toTop { width: 34px; right: 10px; } .footer__link { margin-left: 0; } .footer__bottom .footer__col { max-width: 50%; width: unset; } .page { margin: 10px 0 10px 0; } .category__wrapper { padding: 10px 0 26px 0; } .category__count { font-size: 12px; font-style: normal; font-weight: 700; } .productpage__columnright { max-width: 100%; min-width: 100%; } .productpage__columnleft { width: 100%; padding: 0; } .productpage__columns { flex-wrap: wrap; } .detailslider .detailswiper .zoom-box img { max-width: 100%; } .mainslider__dotsblock_detail { bottom: 0; } .detailinfo__sku { font-size: 12px; } .detailinfo__reviews { order: -1; } .detailinfo__header { justify-content: space-between; } .detailinfo__header .productcard__blockrating__value span { font-size: 12px; opacity: 0.4; } .detailinfo__reviews { margin-right: 14px; } .detailinfo__wishlist .favtext { font-size: 12px; padding-left: 0; opacity: 0.9; } .detailinfo__wishlist svg { width: 16px; height: 16px; } .detailinfo__title h1 { font-size: 22px; font-style: normal; font-weight: 700; line-height: 100%; margin-bottom: 15px; } .detailinfo__text { margin: 18px 0 14px 0; font-size: 14px; color: rgba(35, 31, 32, 0.6); } .detailtable__row { padding: 10px 10px 22px 10px; } .detailtable__content { padding: 4px 11px; } .detailtable__value { font-size: 14px; } .detailtable__text { font-size: 10px; } .productcard__buy .productcard__oldprice { font-size: 14px; } .productcard__buy .productcard__infotext { font-size: 14px; margin-left: 10px; } .productcard__pricecaption { font-size: 16px; } .detailbuy__buyblock .productcard__price { margin-bottom: 7px; } .blockabout_wide .blockabout__text { width: 100%; } .orderinfo { flex-wrap: wrap; width: 100%; } .orderinfo__number { width: 100%; } .orderinfo__link { margin-left: 0; margin-top: 29px; width: 100%; } .orderinfo__name { font-size: 14px; } .orderinfo__value { font-size: 18px; } .orderinfo__icon { margin-right: 10px; width: 42px; height: 42px; min-width: 42px; } .orderinfo__icon img { width: 25px; } .orderinfo__link a { width: 100%; text-align: center; } .blockabout__info { margin-top: 19px; } .blockabout__title_confirm { padding-right: 30px; } .fitchesblock_large .fitchesblock__item { width: 100%; } .blockhalf__cols { flex-wrap: wrap; } .blockhalf__col_left { padding: 0; width: 100%; margin-bottom: 17px; } h3 { font-size: 22px; font-style: normal; font-weight: 700; line-height: 100%; margin-bottom: 24px; } .fitchcard { min-height: unset !important; } h4 { margin-bottom: 25px; font-size: 18px; } .pagedetail__aside { max-width: 100%; min-width: 100%; } .pageaside { padding: 32px 20px; } .pagedetail__main { width: 100%; padding-right: 0; margin-bottom: 19px; } .pagedetail__cols.flex { flex-wrap: wrap; } .pageaside { background: #fff; padding: 0; } .pageaside__header { margin-bottom: 29px; } .asidenews__image { margin-bottom: 17px; } .asidenews__title { font-size: 16px; font-style: normal; font-weight: 700; line-height: 110%; } .asidenews__info { font-size: 14px; opacity: 0.4; } .itemslist__items { margin-top: 28px; margin-bottom: 28px; } .itemslist__item_col3 .itemslistcard__title, .itemslistcard__title { font-size: 14px; } .itemslist__item:last-child { margin-bottom: 0; } .pagemap__map iframe { height: 191px; } .contactcards__icon { height: 38px; max-width: 38px; min-width: 38px; margin-right: 12px; padding: 6px; } .contactcards__value, .contactcards__value a { font-size: 16px; } .topmenu__items ul { flex-wrap: wrap; } .headermenu__topmenu { width: 100%; } [data-menutoggle].menuicon { display: block; } [data-menutoggle].menuicon span { width: 30px; height: 2px; margin-bottom: 7px; display: block; background: #231f20; transform-origin: 4px 0px; transition: transform 0.3s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease; } [data-menutoggle].menuicon span:last-child { margin-bottom: 0; } [data-menutoggle].menuicon span:first-child { transform-origin: 0% 0%; } [data-menutoggle].menuicon span:last-child { transform-origin: 0% 100%; } [data-menutoggle].menuicon.active span:first-child { opacity: 1; transform: translate(0, 18px) rotate(-45deg); } [data-menutoggle].menuicon.active span:last-child { transform: translate(0, -21px) rotate(45deg); } [data-menutoggle].menuicon.active span:nth-child(2) { opacity: 0; } .mainmenu__column { padding: 18px 18px; } .mainmenu__items { flex-wrap: wrap; width: 100%; } .mainmenu__wrapper { box-shadow: none; padding-top: 18px; } .headermain__menu .mainmenu__wrapper { max-width: 400px; } .mobilemenu .contactline__messenger { margin-bottom: 49px; } .mainmenu__column { padding: 0; width: 100%; } .mainmenu__column:nth-child(1) { border-right: 1px solid #f7f7f7; min-width: 100%; } .mainmenu__column:nth-child(2) { min-width: 100%; padding-right: 20px; } .mainmenu__column:nth-child(3) { min-width: 100%; } .mainmenu__block, .mainmenu__column { margin-bottom: 36px; } .mainmenu__title { font-size: 26px; line-height: 100%; margin-bottom: 19px; } .mainmenu__list ul { gap: 6px; } .mainmenu__list ul a { padding: 7px 12px; font-weight: 500; font-size: 12px; } .mainmenubanner { padding: 21px; } .mainmenubanner__content { display: flex; align-items: center; gap: 15px; } .mainmenubanner__title { font-weight: 400; font-size: 12px; letter-spacing: 0.3em; text-transform: uppercase; text-align: left; } .mainmenu { max-width: calc(100% + 36px); width: calc(100% + 36px); left: -18px; right: -18px; padding: 0 18px; background: #fff; box-shadow: 4px 40px 40px 0 rgba(35, 31, 32, 0.1); } .mainmenubanner__buttons { justify-content: flex-start; } .topmenu__items ul li { padding: 0; } .mobilemenu__app { margin-top: 49px; } .mobilemenu__apptext { margin-bottom: 18px; font-family: var(--second-family); font-weight: 700; font-size: 16px; text-transform: uppercase; color: #231f20; } .mobilemenu__appbuttons { display: flex; gap: 5px; } .jsbackdrop.menuactive { display: block; } .footer__items { flex-wrap: wrap; } .footer__bottom .footer__items .footer__col { width: 100%; max-width: 100%; } .footer__links { flex-wrap: wrap; } .footer__link { margin-bottom: 6px; } .footer__info { gap: 20px; } .footer__col_right { max-width: 100%; } .footer__maincopy { margin-bottom: 21px; margin-right: 0; font-weight: 400; font-size: 14px; color: #231f20; } .footer_app .mobilemenu__apptext { margin-bottom: 16px; font-weight: 700; font-size: 16px; text-align: left; } .footer_app .mobilemenu__appbuttons { gap: 5px; flex-wrap: nowrap; align-items: center; justify-content: flex-start; flex-direction: row; } .footer_app .mobilemenu__appbutton { /* width: 149px; */ margin-bottom: 0; } .footer__col { padding: 0; margin-bottom: 28px; } .footer__items { margin: 0; } .mobilemenu__app { margin-top: 11px; } #footer .menucontancts .phonelink { font-size: 20px; } .footer__logo { margin-bottom: 16px; max-width: 106px; } .productslider .swiper-button-next, .productslider .swiper-button-prev { display: none; } .categoryblock__image img { width: 100%; } .producttabs__wrapper { flex-wrap: wrap; } .pagebanner__items { flex-wrap: wrap; } .pagebanner__left { width: 100%; } .pagebanner__right { width: 100%; } .mainslide__title { font-weight: 700; font-size: 26px; text-transform: uppercase; margin-bottom: 14px; } .mainslide__title h1 { font-weight: 700; font-size: 26px; text-transform: uppercase; } .mainslide__content { padding: 26px 0; } .mainslider__container { min-height: 317px; height: unset; } .mainmenu__list_red ul { max-width: 246px; } .mainslide__text { font-size: 12px; } .mainslide__content { max-width: 243px; } .mainslider__wrapper { overflow: visible; position: relative; margin: 0 6px 60px 6px; } .mainslider__wrapper .swiper-pagination { bottom: -11px; } .mainslide { border-radius: 20px; overflow: hidden; } .mainslide.slidehtml { background: none; } .slidehtml .mainslide__image { background-size: contain; background-repeat: no-repeat; } .mainslide__image { border-radius: 0; } .mainslide, .mainslide__image, .mainslide .container, .mainslide__content { min-height: auto; } .swiper-pagination-bullets.swiper-pagination-horizontal { text-align: center; margin: auto; left: 0; right: 0; position: absolute; bottom: -16px; z-index: 4; } .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet { height: 2px; width: unset; border-radius: 0; max-width: 47px; background: #d9d9d9; opacity: 0.5; } .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #b81b37; opacity: 1; } .productslider { margin: 40px 0; } .blockheader { margin-bottom: 20px; } .btn_link span { font-size: 12px; padding-right: 17px; line-height: 12px; } .btn_link span:before { width: 10px; height: 10px; background-size: 10px; } .productcard__img { height: 193px; } .productcard__images { margin-bottom: 16px; } .productcard__title { font-weight: 400; font-size: 12px; letter-spacing: 0.04em; text-transform: uppercase; } .productcard__price .productcard__pricevalue { font-family: var(--second-family); font-weight: 700; font-size: 18px; text-transform: uppercase; color: #231f20; } .productcard__price .productcard__pricetext { font-family: var(--second-family); font-weight: 700; font-size: 18px; text-transform: uppercase; color: #231f20; } .sitesection { margin: 40px 0; } .catalogroot .categoryblock__items { gap: 19px; } .categoryblock__image img { height: 100%; } .categoryblock { position: relative; } .categoryblock .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: -20px; } .categoryblock__image img { position: absolute; max-width: 100%; top: 0; } .categoryblock__image { height: 0; padding-top: 147%; position: relative; } .categoryblock__image { border-radius: 8px; margin-bottom: 12px; } .categoryblock__arrow { min-width: unset; } .catalogroot .categoryblock__item { flex: unset; width: calc(50% - 10px); } .categoryblock .slider__button { margin-left: 5px; opacity: 0.4; padding: 0; border: none; background: none !important; width: unset; height: unset; } .producttabs__header h2 { margin-bottom: 16px; } .producttabs__wrapper { gap: 27px; } .producttabs__aside .mainmenu__list ul a { font-size: 12px; } .producttabs .cataloglist__items { gap: 27px 10px; } .producttabs .cataloglist__item { min-width: calc(50% - 10px); max-width: calc(50% - 10px); } .producttabs__footer { display: block; margin: 30px 0 0 0; } .producttabs__footer a { width: 100%; } .pagebanner { padding-top: 0; } .pagebanner .badge { font-size: 22px; line-height: 120%; text-transform: uppercase; } .pagebanner__wrapper { padding: 0 0 0 19px; } .pagebanner .footer_app .mobilemenu__appbutton { width: 151px; } .pagebanner .mobilemenu__appbutton { height: 41px; padding-left: 13px; gap: 4px; } .pagebanner .mobilemenu__appbutton img { transform: scale(0.9); } .pagebanner__right { position: relative; z-index: 1; } .pagebanner__center { position: absolute; z-index: 0; right: 0; bottom: 0; } .pagebanner__center img { border-radius: 0 0 12px 0; } .producttabs .cataloglist__item .productcard__img { height: 229px; } .productcard__title { margin-bottom: 10px; } .productcard__blockinfo { margin-bottom: 4px; font-size: 12px; line-height: 17px; } .productcard__main { align-items: center; } .cardsblock .mainmenubanner__title { margin-bottom: 15px; font-family: var(--font-family); font-weight: 400; font-size: 12px; letter-spacing: 0.3em; text-transform: uppercase; text-align: center; color: #231f20; } .cardsblock .buyblock__right { transform: scale(0.9); margin-top: 20px; } .cardsblock .buyblock__text { font-size: 10px; letter-spacing: 0.3em; } .cardsblock .buyblock { align-items: flex-end; } .mainmenubanner__image { margin-bottom: 15px; text-align: center; margin: auto; } .mainmenubanner__img { max-width: 195px; margin: auto; } .contactmap { height: 155px; } .contactitem__phones a { font-size: 16px; } .contactsblock__item { width: 100%; flex: unset; } .cardsblock .buyblock { max-width: 290px; margin-left: auto; margin-right: auto; } .catalogpage .cataloglist__items { gap: 27px 10px; } .catalogpage .cataloglist__item { width: calc(50% - 10px); } .catalogpage .productcard__img { height: 229px; } .catalogheader { margin-bottom: 18px; } .catalogheader__title { font-size: 12px; } .catalogpage .productcard__images { margin-bottom: 9px; } .seoblock { margin: 30px 0; } .seoblock h2 { font-size: 26px; } .seoblock p { font-size: 14px; margin-bottom: 20px; } .contactsblock__label { margin-bottom: 3px; font-family: var(--font-family); font-weight: 400; font-size: 12px; color: #231f20; opacity: 0.5; } .contactsblock__common { margin-bottom: 25px; display: flex; justify-content: space-between; } .contactsblock__common .contactline__messenger { height: 30px; } .contactsblock__common a { white-space: nowrap; font-weight: 500; font-size: 14px; text-transform: uppercase; display: block; height: 30px; line-height: 30px; display: flex; align-items: center; } .pageheader .contactsblock__common { margin-bottom: 0; margin-top: 16px; } .pageheader__row { flex-wrap: wrap; } .pageheader__row .breadcrumbs { margin-top: 0; } .pageheader__row .pageheader__content { margin-bottom: 6px; } .pageheader__row .pageheader__content { display: flex; flex-direction: column; } .pageheader__row .pageheader__content .breadcrumbs { order: -1; } .detailslider .detailswiperpreview { top: unset; left: unset; right: 8px; bottom: 8px; height: unset; } .detailslider .detailswiperpreview .swiper-slide { width: 36px; height: 30px; border-width: 1px; } .detailslider .detailswiperpreview { top: unset; left: unset; right: 8px; bottom: 8px; height: unset; width: unset; } .detailslider .detailswiperpreview, .detailslider .detailswiper { height: unset; } .detailinfo__content .productcard__oldprice { font-weight: 700; font-size: 16px; line-height: 1; margin-bottom: 0; } .detailinfo__content .productcard__oldprice:before { top: 35%; -webkit-transform: rotate(-12deg); -moz-transform: rotate(-12deg); -ms-transform: rotate(-12deg); -o-transform: rotate(-12deg); transform: rotate(-12deg); } .productarrows { display: none !important; } .detail__banner .pagebanner__center { bottom: -15px; right: -15px; } .detailbuy .productcard__price .productcard__pricevalue { font-family: var(--second-family); font-weight: 700; font-size: 26px; text-transform: uppercase; color: #b81b37; } .detail__banner .pagebanner__left { max-width: 202px; } .detail__banner .pagebanner .badge { font-size: 16px; } .detail__banner .pagebanner__wrapper { padding: 15px; } .detail__banner .pagebanner__text { font-size: 16px; line-height: 1; } .detail__banner .footer_app .mobilemenu__appbuttons { gap: 20px; } .detail__banner .mobilemenu__app { margin-top: 8px; } .detail__banner .pagebanner { margin-top: 0; padding-top: 38px; } .sitetabs__header li a { font-weight: 700; font-size: 18px; text-transform: uppercase; color: #231f20; } .sitetabs__header { border-bottom: 2px solid #f0f0f0; padding-bottom: 33px; } .blockheader .btn_link span { white-space: nowrap; } .sitetabs__header li { padding: 0; height: unset; } .sitetabs__header ul { gap: 30px; } .description p { font-weight: 400; font-size: 14px; line-height: 160%; } .productpage__images { max-width: 550px; margin-left: auto; margin-right: auto; } .productpage__right { max-width: 550px; margin-left: auto; margin-right: auto; } .footer__link { width: 100%; } .projectblock_mobile .projectblock__image { top: -47px; position: relative; margin-left: auto; margin-right: auto; left: 0; right: 0; height: 194px; text-align: center; } .projectblock_mobile .projectblock__image img { max-height: initial; } .projectblock_mobile .projectslides__slide { padding-top: 47px; } .projectblock_mobile .projectblock__main { overflow: visible; max-width: 277px; display: block; background-color: #f8f8f8; border-radius: 12px; /* padding-top: 187px; */ } .projectblock_mobile .projectblock__content { margin: auto; padding: 0 21px 30px 21px; } .projectblock_mobile .projectdata__title { margin-bottom: 6px; font-family: var(--font-family); font-weight: 400; font-size: 16px; text-transform: uppercase; text-align: center; color: #231f20; } .projectblock_mobile .projectdata__text { font-family: var(--font-family); font-weight: 400; font-size: 12px; line-height: 140%; text-align: center; color: #231f20; margin-bottom: 22px; } .projectblock_mobile .projectdata__buyblock { flex-wrap: wrap; } .projectblock_mobile .projectdata__right { height: 62px; display: flex; align-items: center; justify-content: space-between; } .projectblock_mobile .btn_ring { transform: scale(0.5); } .projectblock_mobile .btn_redborder { font-weight: 500; font-size: 14px; text-transform: uppercase; color: #231f20; padding: 0 30px; height: 40px; line-height: 40px; } .projectblock_mobile .projectdata__left { width: 100%; } .projectblock_mobile .projectdata__price { font-weight: 700; font-size: 22px; text-transform: uppercase; color: #b81b37; margin-bottom: 17px; text-align: center; justify-content: center; } .projectblock_mobile .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet { max-width: unset; } .projectblock_mobile .projectslider__dots { padding: 0 18px; } .projectblock_mobile .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .projectblock_mobile .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 1%; } .sitesection { display: block; } .projectblock_mobile { position: relative; padding-bottom: 22px; } .mainslider__wrapper { padding-bottom: 18px; } .minicard__info { display: flex; align-items: center; justify-content: space-between; } .modalproduct__product .minicard__image { min-width: 100px; max-width: 100px; height: 68px; } .modalproduct__product .minicard__image img { height: 100%; } .modalproduct__product .productcard__topprice { text-align: right; } .modalproduct__product .productcard__pricevalue { font-weight: 700; font-size: 18px; text-transform: uppercase; color: #231f20; margin-bottom: 9px; } .modalproduct__product .quantity input[type="button"] { color: #212121; } .modalproduct__product .quantity { padding: 0 10px; border-radius: 555px; background: #f7f7f7; } .modalcatalog__item { width: calc(50% - 11px); } .modalcatalog__tabs ul { column-count: 2; } .modalcatalog__aside { padding: 18px; } .modalcatalog__text { margin-bottom: 17px; font-weight: 400; font-size: 12px; line-height: 130%; color: #212121; } .modalcatalog__title { margin-bottom: 15px; font-weight: 700; font-size: 26px; text-transform: uppercase; color: #231f20; } .modalcatalog__wrapper { display: block; } .modalcatalog__aside, .modalcatalog__main { width: 100%; max-width: 100%; } .modalcatalog__tabs a { font-size: 14px; text-transform: uppercase; padding: 7px 0 5px 0; line-height: 1; margin: 0; } .modalcatalog__tabs a.active:before { left: -10px; width: 4px; height: 4px; } .modalcatalog__tabs a.active { background: none; } .modal_xxl .modal-dialog { width: calc(100% - 36px); } .modalcatalog__main { padding: 12px 18px; } .modalcatalog__item img { height: 185px; } .modalcatalog__items { padding-right: 0; overflow: unset; height: 100%; gap: unset; } .modalcatalog__button { margin: auto; } .modalcatalog__item { width: unset; } .modalcatalog__sliderwrapper { width: 100%; height: 390px; } .modalcatalog__tab { padding-bottom: 16px; position: relative; } .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet { width: 6px; height: 6px; border-radius: 50%; } .modalcatalog__footer { margin-bottom: 10px; display: block; } .modalcatalog__item { width: 147px; } .modalcatalog__items { gap: 7px; } .modalcatalog__sliderwrapper.swiper-initialized .modalcatalog__item { width: unset; } .modalcatalog__sliderwrapper.swiper-initialized .modalcatalog__items { gap: unset; } .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 0; } .pagedelivery__steps, .pagedelivery__payments, .pagedelivery__tabs { flex-wrap: wrap; } .pagedelivery__step, .pagedelivery__pay, .pagedelivery__tabsleft, .pagedelivery__tabsright { width: 100%; } .pagedelivery__tabsleft { padding-right: 0; } .pagedelivery__paywrapper { min-width: 100%; } .pagedelivery__stepnumber { position: absolute; right: 0; height: 80px; width: 100px; border: none; } .pagedelivery__stepnumber img { max-width: 100%; } .pagedelivery__step { position: relative; } .pagedelivery__step:after { content: ""; width: 2px; background: #f5f5f5; height: 100%; position: absolute; left: 20px; bottom: 0; z-index: 0; } .pagedelivery__step:last-child::after { display: none; } .pagedelivery__step:last-child { margin-bottom: 0; } .pagedelivery__step:last-child .pagedelivery__stepcontent { margin-bottom: 0; } .pagedelivery__stepicon { margin-bottom: 0; } .pagedelivery__stepcontent { height: 80px; z-index: 1; margin-bottom: 20px; margin-top: 0; display: flex; gap: 18px; } .pagedelivery__stepcontent br { display: none; } .pagedelivery { padding: 0; } .pagedelivery__steptext { height: 42px; display: flex; align-items: center; flex-wrap: wrap; line-height: 1.2; } .pagedelivery__stepicon { max-width: 42px; min-width: 42px; } .pagedelivery__title { margin-bottom: 31px; font-size: 18px; } .pagedelivery__section { margin-bottom: 37px; } .pagedelivery__paywrapper { padding: 16px 18px; height: unset; } .pagedelivery__payments { gap: 8px; } .pagedelivery__paytitle { font-size: 14px; margin-bottom: 2px; } .pagedelivery__paytext { font-size: 12px; } .pagedelivery__text { font-size: 14px; line-height: 120%; margin-bottom: 20px; } .pagedelivery__tabscontacts { flex-wrap: wrap; gap: 22px; } .pagedelivery__tabscontactlink a { font-size: 16px; } .pagedelivery__tabscontact { width: 100%; } .pagedelivery__tabsheader { margin-bottom: 26px; } .pagedelivery__tabsbutton { padding: 23px 18px; } .pagedelivery__tabsbutton.active { border-color: transparent; } .menupage__tabsheaderitem { font-size: 14px; } .menupage__tabsheader { /* gap: 42px; */ width: 100%; overflow: auto; /* Hide scrollbar for IE, Edge and Firefox */ } .menupage__tabsheader::-webkit-scrollbar { display: none; } .menupage__tabsheader { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .menupage__tabsheaderitem { padding-bottom: 28px; padding-left: 21px; padding-right: 21px; white-space: nowrap; } .menupage__main { margin: 28px 0; } .menupage__tabsheader { margin-bottom: 28px; } .pageheader__filter { width: 100%; } .pageheader .mainmenu__list.mainmenu__list_row { width: 100%; overflow: auto; /* Hide scrollbar for IE, Edge and Firefox */ } .pageheader .mainmenu__list.mainmenu__list_row li { max-width: 130px; } .pageheader .mainmenu__list.mainmenu__list_row li a { white-space: initial; } .pageheader .mainmenu__list.mainmenu__list_row::-webkit-scrollbar { display: none; } .pageheader .mainmenu__list.mainmenu__list_row { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .pageheader .mainmenu__list.mainmenu__list_row ul { justify-content: flex-start; display: flex; flex-wrap: nowrap; } .productpage__right { margin-top: 20px; } .detail_project .detailinfo__content .btn_ring { transform: scale(0.8); } .detail_project .blockheader__left h2 { text-align: left; font-size: 26px; font-style: normal; font-weight: 700; line-height: 100%; } .catalogpage .cataloglist_projects .projectcard { width: 100%; border-radius: 8px; background: #f8f8f8; } .catalogpage .cataloglist_projects .cataloglist__items { width: 100%; gap: 10px; } .catalogpage .cataloglist_projects .cataloglist__item { width: 100%; } .catalogpage .cataloglist_projects .projectblock__image { min-width: 183px; max-width: 183px; margin-right: 0; text-align: center; margin-bottom: 12px; } .catalogpage .cataloglist_projects .projectdata__title { text-align: center; height: unset; } .catalogpage .cataloglist_projects .projectblock__main { flex-wrap: wrap; justify-content: center; max-width: 330px; margin-left: auto; margin-right: auto; } .catalogpage .cataloglist_projects .projectblock__content { max-width: unset; width: 100%; } .catalogpage .cataloglist_projects .projectdata__price_free { text-transform: uppercase; color: #1d9a3e; } .pagedescription h2 { font-size: 22px; margin-bottom: 27px; } .pagedescription p { font-size: 14px; line-height: 140%; } .pagefilial__mainimage > img { height: 123px; border-radius: 6px; } .pagefilial__mainimage { height: unset; } .pagefilial__footer { margin: 23px 0 27px 0; } .pagefilial__footer .pagefilial__slide { width: unset; display: flex; justify-content: center; align-items: center; } .pagefilial__footer .pagefilial__slide > a { display: inline-block; height: 123px; } .pagefilial__footer .pagefilial__slide > a > img { object-fit: cover; object-position: center; border-radius: 6px; height: 100%; } .pagefilial_3d { height: 54px; width: 54px; } .pagefilial { padding: 12px 0; } .pagefilial__title { font-size: 18px; margin-bottom: 0; } .pagefilial__content { width: 100%; } .pagefilial__info { margin-top: 0; } .pagefilial__top { width: 100%; margin-bottom: 12px; display: flex; align-items: center; justify-content: space-between; } .pagefilial .linkred { margin-right: 5px; } .pagefilial__content .contactitem__address span { font-size: 12px; } .pagefilial__footer { margin: 17px 0; } .contactitem__phones { margin: 17px 0 0 0; } .pageabout__item { width: 100%; } .aboutitem { height: 195px; padding: 24px 18px; } .aboutitem__icon { max-width: 50px; min-width: 50px; height: 50px; } .aboutitem__icon img { width: 27px; } .aboutitem__number { width: 130px; } .aboutitem__text { font-size: 18px; line-height: 120%; } .aboutitem__text br { display: none; } .pageabout__expandheader { flex-wrap: wrap; } .pageabout__expandtitle h2 { margin-bottom: 20px; font-size: 32px; } .pageabout__expandtext { margin-left: 0; margin-bottom: 30px; font-size: 14px; line-height: 120%; } .pageabout__expanditems { gap: 30px; } .pageabout__expanditem { padding-bottom: 27px; margin-bottom: 0; width: 100%; } .pageabout__expandbuttontitle { font-size: 16px; line-height: 120%; } .pageabout__expandbuttonicon { max-width: 24px; min-width: 24px; } .pageabout__expandcontent { padding: 10px; font-size: 14px; } .pageabout__expandblocks { margin: 40px 0; } .pagefilial_events .pagefilial__tour { order: -1; width: 100%; } .pagefilial__wrapper { flex-wrap: wrap; } .formblock { flex-wrap: wrap; } .formblock__left, .formblock__right { width: 100%; max-width: 100%; min-width: 100%; } .pagefilial_events .pagefilial__maintitle { font-size: 22px; display: block; margin-bottom: 23px; } .pagefilial_events .pagefilial__mainimage { margin-bottom: 21px; } .pagefilial_events .pagefilial__mainimage > img { height: unset; } .pagefilial_events .pagefilial__title { font-size: 18px; margin-bottom: 14px; } .pagefilial_events .contactitem__phones { flex-wrap: wrap; } .pagefilial_events .pagefilial__top { align-items: flex-start; } .pagefilial_events .pagefilial__info { margin-top: 0; } .pageabout__items_event .aboutitem { height: 165px; } .pageabout__items_event .aboutitem__text { font-size: 18px; } .pageabout__items_event .aboutitem__text br { display: block; } .pageabout__rooms:after { display: none; } .pageabout__roomsitems { flex-wrap: wrap; } .pageabout__roomsitem { width: 100%; margin-bottom: 63px; height: 84px; } .pageabout__roomsitem:before { content: ""; width: 100%; height: 2px; background: #f0f0f0; transform: translateY(-50%); top: 50%; position: absolute; } .pageabout__roomstitle { font-size: 22px; } .pageabout__roomsvalue { font-size: 14px; } .banketsection__wrapper { flex-wrap: wrap; } .banketsection__left, .banketsection__right { width: 100%; } .banketsection__image { margin-bottom: 24px; } .btn_linkborder { line-height: 1; } .btn_linkborder span { font-size: 14px; line-height: 14px; } .banketsection__content { width: 100%; } .formsection .formblock { padding: 27px 18px; height: unset; margin: 30px 0; } .formsection .formblock__title { font-size: 22px; line-height: 100%; margin-bottom: 18px; } .formsection .formblock__text { font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 120%; color: #343c4b; } .formsection .formblock__contact { margin-top: 24px; } .formsection .contactlabel { font-size: 12px; } .formsection .formblock__left { margin-bottom: 42px; } .formsection .formblock__items { flex-wrap: wrap; } .formsection .formblock__input { width: 100%; } .formsection .xsfirst { order: -1; } .formsection .formblock__input { margin-bottom: 6px; } .formsection .formblock__right .formblock__check { margin-bottom: 0; } .banketsection__title { font-size: 26px; margin-bottom: 13px; } .banketsection { margin: 0 0 40px 0; } .confirmpage__wrapper { height: unset; text-align: center; } .orderinfo__number { justify-content: center; } .confirmpage__content { padding: 37px 18px; height: unset; } .confirmpage__title { font-size: 22px; margin-bottom: 10px; } .confirmpage__text { margin-bottom: 19px; font-size: 14px; line-height: 120%; } .ordernumber__text { font-size: 12px; } .ordernumber__number { font-size: 20px; } .confirmpage__logo { margin-bottom: 17px; } .confirmpage__left { position: relative; z-index: 1; } .confirmpage__info { margin-top: 19px; } .confirmpage { margin: 0 0 20px 0; } .confirmpage__left { margin-left: auto; margin-right: auto; width: 100%; } .contactitem__flex { width: 100%; } } .catalogroot .categoryblock__items { flex-wrap: wrap; } .catalogroot .categoryblock__item { width: calc(25% - 16px); flex: unset; } .catalogroot .categoryblock__image img { height: 377px; } .catalogroot .categoryblock__image { margin-bottom: 16px; } .catalogroot .categoryblock__item { margin-bottom: 18px; } @media only screen and (max-width: 767px) { .projectblock .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet { border-radius: 0; } .projectblock__content { min-width: unset; } .projectblock_mobile .projectblock__image img { max-height: 100%; } .catalogroot .categoryblock__image img { height: 100%; } .catalogroot .categoryblock__image { margin-bottom: 12px; } .catalogroot .categoryblock__item { margin-bottom: 12px; } /* .catalogroot .categoryblock__item { width: calc(50% - 16px); flex: unset; } */ .catalogpage .cataloglist__items { gap: 27px 10px; } .catalogpage .cataloglist__item { width: calc(50% - 10px); } .catalogpage .productcard__img { height: 229px; } .producttabs .cataloglist__item { min-width: 100%; } .producttabs .cataloglist__items { gap: 27px 0; } .itemslistslider__slide { padding: 0; } .itemslists__item { width: 100%; margin-bottom: 28px; } .itemslist__item_col3 { width: 100%; margin-bottom: 28px; } .catalogheader__title h1 { margin-bottom: 15px; } .category__item_large, .category__item { width: 33.3333%; } .category__image { /* padding: 0 20px; */ width: 100%; max-width: 110px; height: 110px; margin-bottom: 12px; } .cataloglist__item { width: 50%; } .category__title { margin-bottom: 4px; color: #1f3a51; font-size: 16px; font-style: normal; font-weight: 700; line-height: 100%; } .category__item { margin-bottom: 6px; } .pagecontent__image { width: 100%; margin-bottom: 9px; } .errorpage__content { margin: 0; } .errorpage__links ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; justify-content: center; } .errorpage__links li { white-space: nowrap; margin: 0 26px; padding: 0; margin-left: 0; } .errorpage__links li a { font-size: 14px; line-height: 100%; } } @media only screen and (max-width: 480px) { .category__item_large, .category__item { width: 50%; } .pageheader { padding: 24px 0 22px 0; } .breadcrumbs { margin-top: 14px; } .catalogpage .cataloglist__items { gap: 27px 0; } .catalogpage .cataloglist__item { width: 100%; } .catalogpage .productcard__img { height: 229px; } .breadcrumbs__items ul img { max-width: 16px; min-width: 16px; } .pageheader__filter .mainmenu__list ul a { font-size: 12px; line-height: 14px; } } @media (min-width: 1024px) { a:hover .onHover, button:hover .onHover, a.active .onHover, button.active .onHover { display: block !important; transition: all 0.3 ease; } a:hover .offHover, button:hover .offHover, a.active .offHover, button.active .offHover { display: none !important; } .mainmenubtn:hover { background: #b81b37; opacity: 1; } .mainmenubtn:hover span { color: #fff !important; } .mainmenubtn:hover .menuexpand { transform: rotate(180deg); } #headermain.fixed { position: fixed; top: 0; left: 0; right: 0; width: 100%; -webkit-box-shadow: 0px 0px 40px rgba(37, 52, 79, 0.15); box-shadow: 0px 0px 40px rgba(37, 52, 79, 0.15); z-index: 999; } #headermain.fixed .headermenu__wrapper { width: 100%; } #headermain.fixed .headermain__contacts { display: none; } #headermain.fixed .headermain__right { width: 228px; } #headermain.fixed .headermain__left { width: calc(100% - 228px); } #headermain.fixed .headermain__search { max-width: 653px; } #headermain.fixed .headermenu { margin: 0 auto; max-width: 1700px; } } /* mobile */ /*# sourceMappingURL=main.bundle.css.map*/ .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex: 1 0 100%; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) / -2); margin-left: calc(var(--bs-gutter-x) / -2); } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) / 2); padding-left: calc(var(--bs-gutter-x) / 2); margin-top: var(--bs-gutter-y); } .col { flex: 1 0 0; } .row-cols-auto > * { flex: 0 0 auto; width: auto; } .row-cols-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-3 > * { flex: 0 0 auto; width: 33.333333%; } .row-cols-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-6 > * { flex: 0 0 auto; width: 16.666667%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 auto; width: 8.333333%; } .col-2 { flex: 0 0 auto; width: 16.666667%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.333333%; } .col-5 { flex: 0 0 auto; width: 41.666667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.333333%; } .col-8 { flex: 0 0 auto; width: 66.666667%; } .col-9 { flex: 0 0 auto; width: 75%; } .col-10 { flex: 0 0 auto; width: 83.333333%; } .col-11 { flex: 0 0 auto; width: 91.666667%; } .col-12 { flex: 0 0 auto; width: 100%; } .offset-1 { margin-left: 8.333333%; } .offset-2 { margin-left: 16.666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.333333%; } .offset-5 { margin-left: 41.666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.333333%; } .offset-8 { margin-left: 66.666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.333333%; } .offset-11 { margin-left: 91.666667%; } .g-0, .gx-0 { --bs-gutter-x: 0; } .g-0, .gy-0 { --bs-gutter-y: 0; } .g-1, .gx-1 { --bs-gutter-x: 0.25rem; } .g-1, .gy-1 { --bs-gutter-y: 0.25rem; } .g-2, .gx-2 { --bs-gutter-x: 0.5rem; } .g-2, .gy-2 { --bs-gutter-y: 0.5rem; } .g-3, .gx-3 { --bs-gutter-x: 1rem; } .g-3, .gy-3 { --bs-gutter-y: 1rem; } .g-4, .gx-4 { --bs-gutter-x: 1.5rem; } .g-4, .gy-4 { --bs-gutter-y: 1.5rem; } .g-5, .gx-5 { --bs-gutter-x: 3rem; } .g-5, .gy-5 { --bs-gutter-y: 3rem; } @media (min-width: 576px) { .col-sm { flex: 1 0 0; } .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; } .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.333333%; } .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 auto; width: 8.333333%; } .col-sm-2 { flex: 0 0 auto; width: 16.666667%; } .col-sm-3 { flex: 0 0 auto; width: 25%; } .col-sm-4 { flex: 0 0 auto; width: 33.333333%; } .col-sm-5 { flex: 0 0 auto; width: 41.666667%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-7 { flex: 0 0 auto; width: 58.333333%; } .col-sm-8 { flex: 0 0 auto; width: 66.666667%; } .col-sm-9 { flex: 0 0 auto; width: 75%; } .col-sm-10 { flex: 0 0 auto; width: 83.333333%; } .col-sm-11 { flex: 0 0 auto; width: 91.666667%; } .col-sm-12 { flex: 0 0 auto; width: 100%; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0; } .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0; } .g-sm-1, .gx-sm-1 { --bs-gutter-x: 0.25rem; } .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.25rem; } .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.5rem; } .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.5rem; } .g-sm-3, .gx-sm-3 { --bs-gutter-x: 1rem; } .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1rem; } .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.5rem; } .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.5rem; } .g-sm-5, .gx-sm-5 { --bs-gutter-x: 3rem; } .g-sm-5, .gy-sm-5 { --bs-gutter-y: 3rem; } } @media (min-width: 768px) { .col-md { flex: 1 0 0; } .row-cols-md-auto > * { flex: 0 0 auto; width: auto; } .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-md-3 > * { flex: 0 0 auto; width: 33.333333%; } .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-md-6 > * { flex: 0 0 auto; width: 16.666667%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 auto; width: 8.333333%; } .col-md-2 { flex: 0 0 auto; width: 16.666667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.333333%; } .col-md-5 { flex: 0 0 auto; width: 41.666667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.333333%; } .col-md-8 { flex: 0 0 auto; width: 66.666667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.333333%; } .col-md-11 { flex: 0 0 auto; width: 91.666667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } .g-md-0, .gx-md-0 { --bs-gutter-x: 0; } .g-md-0, .gy-md-0 { --bs-gutter-y: 0; } .g-md-1, .gx-md-1 { --bs-gutter-x: 0.25rem; } .g-md-1, .gy-md-1 { --bs-gutter-y: 0.25rem; } .g-md-2, .gx-md-2 { --bs-gutter-x: 0.5rem; } .g-md-2, .gy-md-2 { --bs-gutter-y: 0.5rem; } .g-md-3, .gx-md-3 { --bs-gutter-x: 1rem; } .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem; } .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem; } .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem; } .g-md-5, .gx-md-5 { --bs-gutter-x: 3rem; } .g-md-5, .gy-md-5 { --bs-gutter-y: 3rem; } } @media (min-width: 992px) { .col-lg { flex: 1 0 0; } .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; } .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.333333%; } .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 auto; width: 8.333333%; } .col-lg-2 { flex: 0 0 auto; width: 16.666667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.333333%; } .col-lg-5 { flex: 0 0 auto; width: 41.666667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.333333%; } .col-lg-8 { flex: 0 0 auto; width: 66.666667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.333333%; } .col-lg-11 { flex: 0 0 auto; width: 91.666667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; } .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0; } .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0; } .g-lg-1, .gx-lg-1 { --bs-gutter-x: 0.25rem; } .g-lg-1, .gy-lg-1 { --bs-gutter-y: 0.25rem; } .g-lg-2, .gx-lg-2 { --bs-gutter-x: 0.5rem; } .g-lg-2, .gy-lg-2 { --bs-gutter-y: 0.5rem; } .g-lg-3, .gx-lg-3 { --bs-gutter-x: 1rem; } .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1rem; } .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1.5rem; } .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1.5rem; } .g-lg-5, .gx-lg-5 { --bs-gutter-x: 3rem; } .g-lg-5, .gy-lg-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1200px) { .col-xl { flex: 1 0 0; } .row-cols-xl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.333333%; } .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 auto; width: 8.333333%; } .col-xl-2 { flex: 0 0 auto; width: 16.666667%; } .col-xl-3 { flex: 0 0 auto; width: 25%; } .col-xl-4 { flex: 0 0 auto; width: 33.333333%; } .col-xl-5 { flex: 0 0 auto; width: 41.666667%; } .col-xl-6 { flex: 0 0 auto; width: 50%; } .col-xl-7 { flex: 0 0 auto; width: 58.333333%; } .col-xl-8 { flex: 0 0 auto; width: 66.666667%; } .col-xl-9 { flex: 0 0 auto; width: 75%; } .col-xl-10 { flex: 0 0 auto; width: 83.333333%; } .col-xl-11 { flex: 0 0 auto; width: 91.666667%; } .col-xl-12 { flex: 0 0 auto; width: 100%; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0; } .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0; } .g-xl-1, .gx-xl-1 { --bs-gutter-x: 0.25rem; } .g-xl-1, .gy-xl-1 { --bs-gutter-y: 0.25rem; } .g-xl-2, .gx-xl-2 { --bs-gutter-x: 0.5rem; } .g-xl-2, .gy-xl-2 { --bs-gutter-y: 0.5rem; } .g-xl-3, .gx-xl-3 { --bs-gutter-x: 1rem; } .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1rem; } .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1.5rem; } .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1.5rem; } .g-xl-5, .gx-xl-5 { --bs-gutter-x: 3rem; } .g-xl-5, .gy-xl-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1400px) { .col-xxl { flex: 1 0 0; } .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.333333%; } .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.666667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; } .col-xxl-1 { flex: 0 0 auto; width: 8.333333%; } .col-xxl-2 { flex: 0 0 auto; width: 16.666667%; } .col-xxl-3 { flex: 0 0 auto; width: 25%; } .col-xxl-4 { flex: 0 0 auto; width: 33.333333%; } .col-xxl-5 { flex: 0 0 auto; width: 41.666667%; } .col-xxl-6 { flex: 0 0 auto; width: 50%; } .col-xxl-7 { flex: 0 0 auto; width: 58.333333%; } .col-xxl-8 { flex: 0 0 auto; width: 66.666667%; } .col-xxl-9 { flex: 0 0 auto; width: 75%; } .col-xxl-10 { flex: 0 0 auto; width: 83.333333%; } .col-xxl-11 { flex: 0 0 auto; width: 91.666667%; } .col-xxl-12 { flex: 0 0 auto; width: 100%; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.333333%; } .offset-xxl-2 { margin-left: 16.666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.333333%; } .offset-xxl-5 { margin-left: 41.666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.333333%; } .offset-xxl-8 { margin-left: 66.666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.333333%; } .offset-xxl-11 { margin-left: 91.666667%; } .g-xxl-0, .gx-xxl-0 { --bs-gutter-x: 0; } .g-xxl-0, .gy-xxl-0 { --bs-gutter-y: 0; } .g-xxl-1, .gx-xxl-1 { --bs-gutter-x: 0.25rem; } .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: 0.25rem; } .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: 0.5rem; } .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: 0.5rem; } .g-xxl-3, .gx-xxl-3 { --bs-gutter-x: 1rem; } .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 1rem; } .g-xxl-4, .gx-xxl-4 { --bs-gutter-x: 1.5rem; } .g-xxl-4, .gy-xxl-4 { --bs-gutter-y: 1.5rem; } .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 3rem; } .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 3rem; } } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .hidden { display: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } } #bx-soa-order .bx-soa-coupon-input input[type="text"].form-control { width: 100%; } .bx-soa-coupon-input { width: 100%; } .bx-soa-pp-item-container .bx-selected .bx-soa-pp-company-graf-container::after { left: 27px; } .grecaptcha-badge { visibility: hidden !important; } .productpage__footer h2 { text-align: left; } .basket-item-block-image img { margin: 0; } .catalogpage__main { width: 100%; } .basket-item-property-name { margin-bottom: 5px; } .basket-item-property { display: flex !important; align-items: center; margin-bottom: 5px; text-align: left; } .basket-item-block-properties { display: block; } .empisbaket__byuamount .basket-item-block-price.d-none.d-sm-block { display: flex !important; align-items: center; } .cookie-panel p { margin-top: 0; font-size: 14px; text-align: left; } .errorpage { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 30px; } .errorpage__code { font-size: 404px; line-height: 100%; color: #b81b37; } .errorpage__content { margin-left: 85px; } .errorpage__title { font-size: 36px; line-height: 100%; margin-bottom: 16px; color: #25344f; } .errorpage__text { font-style: normal; font-weight: 400; font-size: 16px; line-height: 140%; margin-bottom: 35px; color: #25344f; } .errorpage__links li { display: inline-block; margin-right: 30px; position: relative; } .errorpage__links li:after { top: 5px; } .errorpage__links li a { font-style: normal; font-weight: 800; font-size: 16px; line-height: 100%; color: #b81b37; } .errorpage__links ul { padding-left: 0; margin-left: 0; } .bx-step-completed { position: relative; } .soa-property-container select { display: block; width: 100%; align-items: center; background-color: #f3f3f7; border-radius: 8px; display: flex; height: 56px; padding: 0 20px; width: 100%; border: none; font-weight: 400; font-size: 16px; line-height: 100%; color: #231f20; border: 2px solid #f3f3f7; color: #3b435a; } .catalog_noslider .categoryblock__items, .catalogroot .categoryblock__items { display: flex; gap: 20px; flex-wrap: wrap; } .catalog_noslider .categoryblock__items .categoryblock__item, .catalogroot .categoryblock__items .categoryblock__item { width: calc(25% - 15px); } @media (max-width: 767px) { .catalog_noslider .categoryblock__items .categoryblock__item, .catalogroot .categoryblock__items .categoryblock__item { width: calc(50% - 10px); } .errorpage__code { font-size: 134px; } .errorpage__title { font-size: 22px; line-height: 100%; margin-bottom: 10px; } .errorpage__text { font-size: 14px; line-height: 140%; margin-bottom: 18px; } .errorpage { -ms-flex-wrap: wrap; flex-wrap: wrap; } .errorpage__content { width: 100%; margin: 0; } .errorpage__links ul { padding-left: 0; display: block; } .errorpage__links ul li { width: 100%; margin-bottom: 10px; } } .detail__options { } .detail__actions { display: flex; flex-wrap: wrap; gap: 15px; } .detail__action { width: calc(50% - 8px); } .detail__action.w-full { width: 100%; } .detail__action .btn_main .green { font-weight: 700; font-size: 12px; text-transform: uppercase; color: #2da771; padding: 2px 4px 1px 4px; background: #fff; border-radius: 555px; } .detail__action .btn_main { font-size: 14px; white-space: unset; line-height: 1; display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; justify-content: center; font-weight: 500; } .detail__action .btn_main span { display: inline-block; text-align: center; width: 100%; } .detail__action .btn_main span.green { display: inline-block; width: unset; margin: 2px auto 0 auto; } .modal-subtitle { font-family: var(--second-family); text-align: center; margin: 16px 0 33px 0; font-weight: 700; font-size: 22px; text-transform: uppercase; color: #b81b37; } .modal-subtitle.green { color: #2da771; } .modal__header_flex { margin-bottom: 10px; display: flex; align-items: center; justify-content: space-between; } .modal__header_flex .modal-title { margin-bottom: 0; } .modal__text { opacity: 0.6; font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 160%; color: #231f20; margin: 10px 0 44px 0; } .modal-titleprice { font-family: var(--second-family); font-weight: 700; font-size: 22px; text-transform: uppercase; text-align: right; color: #b81b37; } .buttonsrow_flex { display: flex; justify-content: space-between; align-items: center; } .buttonsrow_flex .formblock__check { margin-top: 0; } .modal_md .modal-dialog { width: 746px; max-width: 100%; } .formblock__row { display: flex; align-items: center; gap: 20px; margin-bottom: 32px; } .formblock__col { width: calc(50% - 11px); } textarea { max-width: 100%; } .formfiles__result { display: none; } .formfiles__result.active { display: flex; } .formfiles__dragdrop { border: 2px dashed rgba(35, 31, 32, 0.15); border-radius: 8px; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 74px; } .formfiles__dragdroptitle { font-family: var(--font-family); font-weight: 500; font-size: 16px; text-transform: uppercase; color: #3771c9; margin-bottom: 2px; } .formfiles__dragdroptext { font-family: var(--font-family); font-weight: 400; font-size: 12px; color: #231f20; opacity: 0.5; } [data-action="dragdrop"] { transition: all 0.3s ease; } [data-action="dragdrop"].hover { border-style: solid; border-color: #b81b37; } [data-action="dragdrop"].active { display: none; } [data-action="dragdrop_remove"] { cursor: pointer; } .formfiles label { opacity: 1; cursor: pointer; } .formfiles input[type="file"] { visibility: hidden; opacity: 0; height: 0; width: 0; position: absolute; z-index: -999; } .formfiles__result { display: none; align-items: center; gap: 19px; padding: 17px 0; border-top: 1px solid rgba(233, 233, 233, 0.93); border-bottom: 1px solid rgba(233, 233, 233, 0.93); } .formfiles__resultimg img { width: 101px; height: 74px; object-fit: cover; object-position: center; border-radius: 8px; } .formfiles__title { display: flex; align-items: center; gap: 12px; } .formfiles__name { font-family: var(--font-family); font-weight: 500; font-size: 16px; color: #3771c9; } .formfiles__size { opacity: 0.5; font-family: var(--font-family); font-weight: 400; font-size: 12px; color: #231f20; margin-top: 3px; } .alert { margin: 20px 0; border: 2px solid #b81b37; } #pageloader { background: rgba(255, 255, 255, 0.8); display: none; height: 100%; position: fixed; width: 100%; z-index: 9999; top: 0; } #pageloader img { left: 50%; margin-left: -32px; margin-top: -32px; position: absolute; top: 50%; } [disabled], .disabled { cursor: not-allowed; opacity: 0.5; } .btn_main.disabled, .btn_main:disabled { opacity: 0.5; } .detailslider .detailswiperpreview .swiper-slide { background: none; } /* .detailslider .detailswiper .zoom-box { width: 100%; max-height: 558px; } */ /* .detailslider .detailswiper .zoom-box img:not([role="presentation"]) { max-height: unset; width: 100%; height: unset; } */ /* .detailslider .detailswiperpreview .swiper-slide img { max-height: unset; max-width: 100%; width: 100%; } */ .productcard__stickers { display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% - 71px); position: absolute; z-index: 9; left: 20px; top: 20px; } .productpage__left .productcard__stickers { right: 15px; left: unset; width: unset; } .detailslider__wrapper { position: relative; } .productcard__sticker { margin-right: 5px; } .productsticker { height: 26px; padding-left: 9px; padding-right: 9px; margin-bottom: 5px; font-size: 18px; line-height: 100%; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 5555px; font-weight: 600; } .productsticker_yellow { color: #25344f; background: #ffd600; } .productsticker_blue { color: #fff; background: #0eb6ff; } .productsticker_red { color: #fff; background: #d83a56; } .productsticker__icon { margin-left: 3px; } .productsticker_green { color: #fff; background: #0cba7a; } .productsticker_green .productsticker__icon { background: #fff; color: #0cba7a; border-radius: 5555px; height: 17px; padding: 0 2px; line-height: 17px; } .productcard__sticker--icon .productsticker { padding-right: 2px; padding-top: 2px; padding-bottom: 2px; } .detailslider .swiper { height: 100%; width: 100%; margin-left: auto; margin-right: auto; } .productcard__images .productcard__stickers { right: unset; top: 10px; left: 10px; width: unset; } .productcard__images .productsticker { font-size: 16px; height: 22px; } div#bx-soa-main-notifications { position: relative; } @media (max-width: 767px) { .detailslider .detailswiperpreview { height: unset; width: unset; } /*.detailslider .detailswiper .zoom-box { max-height: 228px; }*/ .orderpay_system form.mb-4 { display: block; text-align: center; width: 100%; } input.btn.btn-lg.btn-success.pl-4.pr-4 { display: block; padding: 14px 34px; color: #fff; font-weight: 600; font-size: 16px; height: unset; width: 100%; text-align: center; } .formblock__col { width: 100%; } .detail__action { width: 100%; } .detail__actions { gap: 8px; } .modal_md .modal-dialog { max-width: calc(100% - 36px); } .modal__header_flex { flex-wrap: wrap; justify-content: center; align-items: center; } .modal__header_flex .modal-title { font-weight: 700; font-size: 20px; text-transform: uppercase; text-align: center; color: #231f20; margin-bottom: 10px; } .modal__header_flex .modal-titleprice { margin-bottom: 12px; text-align: center; } .formfiles__name { font-size: 14px; } .formblock__row { flex-wrap: wrap; gap: 16px; } .modal__text { text-align: center; margin-bottom: 17px; } .modal_md .buttonsrow__item .check label { font-weight: 500; font-size: 12px; line-height: 130%; color: #231f20; margin-top: 17px; } .modal_md .buttonsrow__item .btn_main { font-size: 14px; width: 100%; display: block; } .modal_md .buttonsrow__item { width: 100%; } .xs_first { order: -1; } .formfiles__dragdroptext { display: none; } .formfiles__resultimg img { width: 63px; height: 50px; border-radius: 4px; } .modal__text { font-weight: 400; font-size: 14px; line-height: 160%; text-align: center; } } .news .itemslistcard__img { overflow: hidden; border-radius: 12px; } .news .itemslist__items { margin-left: -12px; margin-right: -12px; } .news .itemslist__item_col3 { padding: 0 12px; } .news .itemslistcard__img img { max-width: unset; max-height: unset; min-width: 100%; min-height: 100%; object-fit: cover; object-position: center; } .news .itemslistcard__img img:hover { transform: none; } .news .itemslistcard__title { margin-bottom: 6px; } .news .itemslistcard__title a { font-weight: 400; font-size: 22px; text-transform: uppercase; color: #231f20; } .news .itemslistcard__title a:hover { color: #b81b37; } .news .itemslistcard__image { display: block; margin-bottom: 26px; } .news .itemslistcard__info { opacity: 0.6; } .news .itemslistcard__params { margin-bottom: 0; } .catalognav { margin: 20px 0; } .itemslist__title { font-style: normal; font-weight: 500; font-size: 22px; line-height: 26px; margin-bottom: 16px; } .itemslistcard__title { margin-bottom: 14px; } .itemslistcard__title a { font-style: normal; font-weight: 500; font-size: 18px; line-height: 100%; color: #2e2f31; } .itemslistcard__params { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .itemslistcard__param { margin-right: 22px; position: relative; padding-left: 13px; } .itemslistcard__param::before { content: ""; border-radius: 50%; left: 0; top: 6px; position: absolute; width: 6px; height: 6px; background: #d9d9d9; } .itemslistcard__text { opacity: 0.5; font-weight: 500; font-size: 12px; line-height: 100%; color: #2e2f31; display: inline-block; vertical-align: middle; } .pageparams { margin: 15px 0; } .pagecontent__image { width: 33.333%; max-width: 100%; padding: 0 9px; } .pagecontent { margin-top: 42px; } .pagecontent__img { border-radius: 8px; overflow: hidden; display: block; position: relative; overflow: hidden; } .pagecontent__img img:not([role="presentation"]) { object-fit: contain; object-position: center; width: 100%; max-height: unset; } .pagecontent__images { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -9px; margin-right: -9px; margin-bottom: 49px; } .pageshortdescr { background: #fff; -webkit-box-shadow: 8px 8px 40px rgba(48, 54, 64, 0.1); box-shadow: 8px 8px 40px rgba(48, 54, 64, 0.1); border-radius: 8px; margin: 34px 0; padding: 28px 35px; } .pageshortdescr__text { font-style: normal; font-weight: 600; font-size: 22px; line-height: 100%; color: #25344f; position: relative; padding-left: 26px; } .pageshortdescr__text:before { content: ""; background: #04a3e9; border-radius: 555px; width: 4px; height: 100%; position: absolute; left: 0; top: 0; } .pagecontent p { font-style: normal; font-weight: 400; font-size: 16px; line-height: 140%; /* or 22px */ margin-bottom: 30px; color: #25344f; } .pagetext { margin: 34px 0; } .pagetext p { font-style: normal; font-weight: 400; font-size: 16px; line-height: 140%; /* or 22px */ margin-bottom: 30px; color: #25344f; } .pagetext_large p { font-size: 18px; line-height: 140%; } .itemslistcard__anonce { color: rgba(37, 52, 79, 0.5); } .page .pageblock { margin: 25px 0; } .lb-data .lb-number { display: none !important; } .lightbox { -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: fixed !important; top: 0 !important; } #lightboxOverlay { height: 100% !important; left: 0; position: fixed !important; top: 0; width: 100% !important; } .lb-outerContainer { margin: auto; } .lb-image { margin: auto; } .lb-close { bottom: 100%; position: fixed; right: 3%; top: 30px; } .itemslistcar_large { max-width: 100%; } .itemslistcar_large .itemslistcard__img { display: block; position: relative; overflow: hidden; } .itemslistcar_large .itemslistcard__img img:not([role="presentation"]) { object-fit: contain; object-position: center; width: 100%; max-height: unset; } .itemslistcar_large .itemslistcard__image { margin-bottom: 29px; } .itemslistcar_large .itemslistcard__title { margin-bottom: 12px; } .itemslistcar_large .itemslistcard__title a { font-size: 22px; line-height: 100%; } .itemslistcard__params { margin-bottom: 12px; } .morenewsslider { margin-top: 50px; } .morenewsslider .itemslist__items { margin-top: 31px; } .morenewsslider .blockheader { margin-bottom: 31px; } .morenewsslider .blockheader h2 { font-weight: 700; font-size: 32px; text-transform: uppercase; color: #231f20; } .news .itemslistcard__param { padding-left: 0; } .news .itemslistcard__info { opacity: 1; } .news .itemslistcard__text { font-size: 14px; line-height: 140%; color: #231f20; } .news .itemslistcard__param::before { display: none; } .pagetext h2 { font-weight: 700; font-size: 32px; text-transform: uppercase; color: #b81b37; font-family: var(--second-family); margin-bottom: 18px; } .itemslist__nav { margin-bottom: 18px; display: none; } .itemslist__nav a { display: block !important; } .topmenu__items li { position: relative; } .topmenu__items ul.topmenu__submenu { position: absolute; top: 100%; min-width: 100%; left: 0; z-index: 3; padding: 20px; background: #ffffff; border-radius: 12px; box-shadow: 4px 34px 40px 0 rgba(35, 31, 32, 0.1); display: none; } .topmenu__items li:hover ul.topmenu__submenu { display: block; } .gotomenu { min-width: 200px; text-align: center; justify-content: center; } .morenewsslider .itemslistcard__image img, .news .itemslistcard__img img { height: 350px; } @media (min-width: 1024px) { .onlyMobile { display: none; } } @media (max-width: 1023px) { .pagetext img { max-width: 100% !important; } .itemslistcard__img { width: 130px; display: flex; } .headermain .phonelink { color: #b81b37; } .itemslist__nav { display: block; } .news .itemslist__item_col3 { padding: 0 6px; } .news .itemslist__items { margin-left: -6px; margin-right: -6px; } .morenewsslider .itemslist__items { margin-top: 31px; flex-wrap: nowrap; width: 100%; overflow: auto; } .morenewsslider .itemslist__item { max-width: 309px; } .morenewsslider .itemslist__items { width: calc(100% + 12px); } .morenewsslider .itemslistcard__img img { height: 184px; } .morenewsslider .blockheader h2 { text-align: left; font-weight: 700; font-size: 26px; text-transform: uppercase; color: #231f20; } .news .itemslistcard__title a { font-size: 16px; } .news .itemslistcard__title { margin-bottom: 10px; } .news .itemslist__item_col3 { margin-bottom: 18px; } .news .itemslistcard__info { font-size: 12px; } .headermain__right .contactline__phone { margin-right: 0; display: block; width: 100%; text-align: right; margin-top: 12px; } .headermain__right { flex-wrap: wrap; } .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet { max-width: 6px; } } .mainslider__slide .mainslide__title h1 { color: #fff; } .bannersubtitle { color: #FFC107; } .bannertext { color: #fff; } .bannerpage { background-position: center; background-size: cover; height: 745px; display: flex; align-items: flex-end; } .bannerpage .pageheader { background: none; padding-bottom: 26px; } .bannerpage .pageheader * { color: #fff; } .bannerpage .breadcrumbs__items ul span:after { color: #fff !important; } .pagesubtitle { margin-top: 25px; } .lessoncategory__items { display: flex; flex-wrap: wrap; gap: 23px; justify-content: center; } .lessoncategory__item { width: calc(100% / 6 - 23px); margin-bottom: 53px; } .lessoncategory__image { width: 198px; margin: auto; height: 198px; margin-bottom: 36px; } .lessoncategory__image img { border-radius: 50%; object-fit: cover; object-position: center; } .lessoncategory__title { font-family: var(--second-family); font-weight: 700; font-size: 20px; text-transform: uppercase; text-align: center; color: #b81b37; } .lessoncategory__link { display: block; } .lessoncategory { padding: 44px 0; } .pagelesson h2 { text-align: center; font-weight: 700; font-size: 42px; line-height: 100%; text-transform: uppercase; color: #231f20; } .lessonabout { margin: 40px 0; } .lessonabout h2 { text-align: left; } .lessonabout__wrapper { display: flex; align-items: center; gap: 35px; } .lessonabout__main { max-width: 642px; min-width: 642px; } .lessonabout__title { font-family: var(--second-family); font-weight: 700; font-size: 42px; text-transform: uppercase; color: #231f20; margin-bottom: 40px; } .lessonabout__subtitle { font-family: var(--font-family); font-weight: 400; font-size: 26px; line-height: 120%; color: #b81b37; margin-bottom: 36px; } .lessonabout__text { margin-bottom: 34px; } .lessonabout__text p { font-family: var(--font-family); font-weight: 400; font-size: 18px; line-height: 140%; color: #343c4b; } .lessonformat { margin: 90px 0 144px 0; } .lessonformat h2 { text-align: left; } .lessonformat__wrapper { display: flex; align-items: center; justify-content: space-between; gap: 30px; } .lessonformat__main { max-width: 566px; min-width: 566px; } .lessonformat__title { margin-bottom: 52px; } .lessonformat__text { box-shadow: 5px 5px 40px 0 rgba(35, 31, 32, 0.07); background: #fff; display: flex; align-items: center; gap: 29px; padding: 28px 35px; border-radius: 16px; } .lessonformat__text span { font-weight: 500; font-size: 18px; line-height: 120%; color: #343c4b; } .lessonformat__image { max-width: 719px; } .lessoncards { margin: 112px 0; } .lessoncards h2 { text-align: left; } .lessoncards__wrapper { border-radius: 10px; background: #f8f8f8; padding-left: 70px; display: flex; align-items: center; justify-content: space-between; gap: 30px; height: 358px; position: relative; } .lessoncards__content { max-width: 302px; min-width: 302px; } .lessoncards__title { font-family: var(--font-family); font-weight: 400; font-size: 22px; letter-spacing: 0.3em; text-transform: uppercase; color: #231f20; margin-bottom: 11px; } .lessoncards__text { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 120%; color: #343c4b; } .lessonpromo { margin: 60px 0; } .lessonpromo h2 { text-align: left; } .lessonpromo__wrapper { display: flex; justify-content: space-between; } .lessonpromo__left { max-width: 623px; } .lessonpromo__right { max-width: 802px; } .lessonpromo__text { font-family: var(--font-family); font-weight: 400; font-size: 24px; line-height: 120%; color: #b81b37; } .lessonpromo__text mark { background: #b81b37; color: #fff; padding: 0 5px; } .lessonpromo__wrapper { gap: 20px; } .lessonslist__item { margin-bottom: 40px; } .lessonslist__title { font-family: var(--second-family); font-weight: 700; font-size: 20px; line-height: 100%; text-transform: uppercase; margin-top: 22px; } .pageheader_white { background: none; } .lessonslist video { width: 100%; } .lessonslist__items { max-width: 1175px; margin: auto; } .lessonslist { background: #f8f8f8; padding: 30px 0; } .lessonsform { background-image: url(/local/templates/main/public/css/../img/oblineform.jpg); background-size: cover; background-position: center; padding: 102px 0; } .lessonsform__form { max-width: 490px; background: #fff; border-radius: 12px; margin: auto; padding: 50px; } .formblock__title { font-family: var(--second-family); font-weight: 700; font-size: 26px; text-transform: uppercase; color: #231f20; margin-bottom: 39px; text-align: center; } .inputpassword { position: relative; } .inputpassword img { position: absolute; right: 34px; top: 50%; cursor: pointer; transform: translateY(-50%); } .pageheader_white { padding: 0; margin: 0; } .pageheader_white .breadcrumbs { margin: 20px 0; } .gallerypage__items { display: flex; flex-wrap: wrap; gap: 21px; margin-bottom: 60px; } .gallerypage__item { width: calc(100% / 4 - 21px); } .gallerypage__link { display: block; border-radius: 8px; overflow: hidden; } .gallerypage__img { border-radius: 8px; overflow: hidden; } .gallerypage__img img { border-radius: 8px; object-fit: cover; object-position: center; transition: all 0.3s ease; } .gallerypage__link:hover img { transform: scale(1.05); } .gallerypage__more .btn_main { display: block; margin: auto; width: 100%; max-width: 507px; text-align: center; } .gallerypage { margin-bottom: 60px; } .formblock__left .formblock__title { text-align: left; } .btnexit { gap: 8px; display: flex; align-items: center; padding: 10px 35px; border: 1px solid rgba(233, 233, 233, 1); border-radius: 555px; transition: all 0.3s ease; } .btnexit:hover { border-color: rgba(35, 31, 32, 1); } .btnexit:hover span { color: rgba(35, 31, 32, 1); } .btnexit:hover svg g { opacity: 1; } .btnexit svg { transition: all 0.3s ease; } .btnexit span { font-size: 16px; color: rgba(35, 31, 32, 0.5); font-weight: 500; text-transform: uppercase; transition: all 0.3s ease; } .w-full { width: 100%; } .sitetabs__main h2 { margin-bottom: 20px; } .sitetabs__main h3 { font-size: 22px; margin: 30px 0 20px 0; } .blockabout__wrapper { display: flex; gap: 10px; margin: 20px 0; } .blockabout__wrapper .blockabout__cardlink { display: block } .blockabout__wrapper .blockabout__cardwrapper { display: flex; align-items: center; gap: 40px; border-radius: 12px; background: #f6f6f6; padding: 22px 32px 22px 40px; min-height: 138px; border-bottom: 3px solid transparent; transition: all .3s ease } .blockabout__wrapper .blockabout__cardwrapper:hover { border-color: #b81b37 } .blockabout__wrapper .blockabout__cardicon { min-width: 60px; max-width: 60px; text-align: center } .blockabout__wrapper .blockabout__cardtext { font-family: var(--third-family); font-weight: 500; font-size: 18px; line-height: 141%; color: #232325 } .blockabout__nav, .blockabout__main { width: 100% } .blockabout__cards { display: flex; flex-wrap: wrap; gap: 10px } .blockabout__card { width: calc(25% - 10px) } .blockabout__banner { border-radius: 20px; background: #fff5dd; height: 100%; display: flex; align-items: center } .blockaboutbanner__wrapper { display: flex; align-items: center } .blockaboutbanner__main { padding: 41px 0 40px 46px } .blockaboutbanner__title { font-family: var(--font-family); font-weight: 600; font-size: 36px; line-height: 100%; color: #232325; margin-bottom: 28px } .blockaboutbanner__nav { display: flex; gap: 6px; flex-wrap: wrap; max-width: 338px } .blockaboutbanner__nav .blockaboutbanner__button { font-family: var(--third-family); font-weight: 500; font-size: 16px; height: 31px; line-height: 31px; color: #232325 } .contactline__phone.contactline__phone--flex { display: flex; flex-direction: column; gap: 6px; align-items: end; } .scroll-btn { position: fixed; bottom: 20px; left: 20px; z-index: 999; border: none; border-radius: 4px; background: #b81b37; width: 40px; height: 40px; align-items: center; justify-content: center; } .mainslide__image--new-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } .mainslide__image.mainslide__image--new { position: relative; } .mainslide .container { position: relative; } .page-privacy li, .page-privacy p { line-height: 1.4; } .mainslide__image--new-img { object-fit: contain; } .mainslide__image.mainslide__image--new { position: relative; padding-bottom: 42%; } .mainslide__content { max-width: 100%; position: absolute; } .mainslide__content { max-width: 100%; } .mainslider__container { height: 100%; width: 100%; position: absolute; top: 0; left: 0; } .mainslider__wrapper { overflow: hidden; border-radius: 20px; padding-bottom: 42%; } .productcard__rightmain { align-self: end; } .reviews { display: flex; gap: 40px; flex-wrap: wrap; margin: 40px 0; } .reviews-left { flex: 1 0 280px; } .reviews-right { flex: 1 0 280px; max-width: 756px; } .reviews-left__text { margin: 30px 0; } .reviews-title { margin-bottom: 20px; } .section-reviews { padding-top: 60px; } .advantages-block { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 24px; } .advantage-item { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 20px 16px; border-radius: 12px; background: #fff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06); transition: transform 0.2s ease, box-shadow 0.2s ease; } .advantage-item:hover { transform: translateY(-4px); box-shadow: 0 6px 16px rgba(0, 0, 0, 0.09); } .advantage-icon { margin-bottom: 18px; } .advantage-icon svg { width: 48px; height: 48px; display: block; } .advantage-item h3 { margin: 0 0 10px 0; font-size: 18px; font-weight: 600; color: #333; } .advantage-item p { margin: 0; font-size: 15px; color: #555; line-height: 1.5; } .section-advantages { padding: 40px 0; } .pagedelivery__tabs.pagedelivery__tabs--product .pagedelivery__tabsleft { display: flex; gap: 20px; width:100%; flex-wrap: wrap; } .pagedelivery__tabs.pagedelivery__tabs--product .pagedelivery__tabsbutton { flex: 1 0 auto; width: 280px; } .footer-requisites { margin-top: 14px; display: flex; flex-direction: column; gap: 6px; } .footer-requisites__item { color: #525252; } .btn-callback--footer { margin-bottom: 14px; } .contactline.contactline__clock { margin-top: 19px; } .formblock__input.formblock__input--captcha { width: 100%; margin-top: 20px; } .tpwidget { position: fixed; bottom: 20px; right: 20px; /* overflow: hidden; */ z-index: 999; } .tpwidget__button { padding: 12px; border: none; background: #43d854; display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 50%; color: white; position: relative; } .tpwidget__button::before, .tpwidget__button::after { content: ''; position: absolute; width: 100%; height: 100%; border-radius: 50%; border: 2px solid #43d854; transform-origin: center; transform-box: fill-box; animation: flyBorder1 6s linear infinite; } .tpwidget__button::after { animation: flyBorder2 3s linear infinite; border: 1px solid #43d854; } @keyframes flyBorder1 { 0% { opacity: 1; transform: scale(1); } 50% { opacity: 0; transform: scale(2); } 99% { opacity: 0; } } @keyframes flyBorder2 { 0% { opacity: 1; transform: scale(1); } 50% { opacity: 0; transform: scale(2); } 99% { opacity: 0; } } .tpwidget__button svg { fill: currentColor; color: inherit; animation: rotateWidgetSvg 3s linear infinite; } @keyframes rotateWidgetSvg { 0%, 100% { transform: scaleX(0) scaleY(0.5); } 50% { transform: scaleX(1) scaleY(1) } } .tpwidget__button--open svg, .tpwidget__button--open::before, .tpwidget__button--open::after { animation: none; } .tpwidget__button--open .tpwidget__button-icon { display: block; width: 24px; height: 24px; } .cataloglist-block { display: flex; gap: 12px; } .catalogfilter { flex: 0 0 240px; } .bx_filter .bx_filter_section { background: unset!important; border: 1px solid lightgrey!important; border-radius: 10px; } .bx_filter .bx_filter_search_button { color: white!important; background: #b81b38!important; border: unset!important; } .bx_filter .bx_filter_search_button:hover { background: #d83a56!important; } .bx_filter .bx_filter_title { padding: 0 5px 2px!important; } .catalogpage .cataloglist__items { width: 100%; } .catalog-list__information { display: flex; padding: 24px; border: 1px solid #b81b37; border-radius: 9px; margin-bottom: 20px; gap: 24px; } .catalog-list__information-icon { width: 64px; height: 64px; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; border: 2px solid #b81b37; color: white; background: #b81b37; border-radius: 50%; } .catalog-list__information-title { font-size: 1.5rem; font-weight: 600; color: #b81b37; margin-bottom: 8px; } .catalog-list__information-caption { font-size: 18px; opacity: 0.75; line-height: 1.2; } .catalog-list__information-content { align-self: center; } #header .headermain__right { display: flex; flex-wrap: wrap; align-items: center; } .headermain__yandexwrap { flex: 0 1 auto; min-width: 0; max-width: 220px; margin-left: 12px; margin-right: 4px; align-self: center; } .header-yandex { display: flex; align-items: center; gap: 8px; text-decoration: none; color: #0a0033; line-height: 1.15; transition: opacity 0.2s ease; } .header-yandex:hover { opacity: 0.85; } .header-yandex__ico { flex-shrink: 0; display: flex; align-items: center; } .header-yandex__pin-svg { display: block; width: 42px; height: 24px; flex-shrink: 0; } .header-yandex__txt { display: flex; flex-direction: column; gap: 1px; min-width: 0; } .header-yandex__row1 { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 6px; font-size: 10px; font-weight: 600; color: #1a1a1a; } .header-yandex__stars { display: inline-flex; gap: 0; letter-spacing: -1px; color: #ffb300; font-size: 11px; line-height: 1; } .header-yandex__stars span { display: inline-block; transform: scale(0.92); transform-origin: left center; } .header-yandex__score { color: #1a1a1a; font-weight: 700; } .header-yandex__src { font-weight: 500; color: #757575; font-size: 9px; text-transform: uppercase; letter-spacing: 0.02em; } .header-yandex__row2 { font-size: 11px; font-weight: 700; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (max-width: 1199px) { .headermain__yandexwrap { max-width: 180px; } .header-yandex__row2 { font-size: 10px; } } .faq-section.sitesection { margin-top: 0; margin-bottom: 0; padding-top: clamp(2.25rem, 5vw, 3.75rem); padding-bottom: clamp(2.5rem, 5.5vw, 4rem); background: #fff; } .faq-section .faq-section__head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(24px, 4vw, 56px); align-items: start; margin-bottom: clamp(28px, 4vw, 48px); } .faq-section .faq-section__title { margin: 0; font-family: var(--second-family, "Jost", system-ui, sans-serif); font-weight: 700; font-size: clamp(1.15rem, 2.2vw, 1.5rem); line-height: 1.25; letter-spacing: 0.04em; text-transform: uppercase; color: #231f20; text-align: left; } .faq-section .faq-section__lead { margin: 0; font-family: var(--font-family, "Sofia Sans", system-ui, sans-serif); font-weight: 400; font-size: clamp(14px, 1.5vw, 16px); line-height: 1.55; color: #231f20; opacity: 0.82; text-align: left; max-width: 36em; } .faq-section .faq-section__panel { margin: 0; } .faq-section .faq-section__grid { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #e3e3e3; } .faq-section .faq-section__item { margin: 0; background: #fff; border-bottom: 1px solid #e3e3e3; border-radius: 0; overflow: hidden; border-left: none; border-right: none; transition: background 0.2s ease; } .faq-section .faq-section__item:nth-child(odd) { border-right: 1px solid #e3e3e3; } .faq-section .faq-section__item:hover { background: #fafafa; } .faq-section .faq-section__item[open] { background: #fff; } .faq-section .faq-section__question { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 16px 20px; padding: 18px clamp(16px, 2.5vw, 28px); cursor: pointer; list-style: none; font-family: var(--font-family, "Sofia Sans", system-ui, sans-serif); font-weight: 500; font-size: clamp(14px, 1.4vw, 16px); line-height: 1.35; color: #231f20; text-align: left; user-select: none; box-sizing: border-box; } .faq-section .faq-section__qtext { display: block; flex: 1; min-width: 0; padding-right: 8px; } .faq-section .faq-section__question::-webkit-details-marker { display: none; } .faq-section .faq-section__toggle { position: relative; flex-shrink: 0; width: 36px; height: 36px; border-radius: 50%; background: #8b1530; transition: transform 0.25s ease, background 0.2s ease; } .faq-section .faq-section__toggle::before, .faq-section .faq-section__toggle::after { content: ""; position: absolute; left: 50%; top: 50%; background: #fff; transform: translate(-50%, -50%); } .faq-section .faq-section__toggle::before { width: 14px; height: 2px; } .faq-section .faq-section__toggle::after { width: 2px; height: 14px; } .faq-section .faq-section__item[open] .faq-section__toggle { transform: rotate(45deg); background: #b81b37; } .faq-section .faq-section__question:focus { outline: none; } .faq-section .faq-section__question:focus-visible { outline: 2px solid #b81b37; outline-offset: 2px; } .faq-section .faq-section__answer { margin: 0; padding: 16px clamp(16px, 2.5vw, 28px) 20px; border-top: 1px solid rgba(35, 31, 32, 0.06); font-family: var(--font-family, "Sofia Sans", system-ui, sans-serif); font-size: 15px; line-height: 1.65; text-align: left; color: #231f20; opacity: 0.92; box-sizing: border-box; } .faq-section .faq-section__answer p { margin: 0; } .faq-section .faq-section__answer a.linkred { font-weight: 600; } @media (max-width: 991px) { .faq-section .faq-section__head { grid-template-columns: 1fr; gap: 16px; margin-bottom: 24px; } .faq-section .faq-section__grid { grid-template-columns: 1fr; } .faq-section .faq-section__item:nth-child(odd) { border-right: none; } } @media (max-width: 767px) { .faq-section .faq-section__question { padding: 16px 14px; font-size: 14px; } .faq-section .faq-section__toggle { width: 32px; height: 32px; } .faq-section .faq-section__toggle::before { width: 12px; } .faq-section .faq-section__toggle::after { height: 12px; } .faq-section .faq-section__answer { padding: 16px 14px 16px; font-size: 14px; } } .menu-page { width: 100%; max-width: 1600px; margin: 0 auto; padding: 18px 24px 12px; box-sizing: border-box; } .menu-page .menu-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; align-items: start; } .menu-page .menu-col { min-width: 0; } .menu-page .section-title { margin: 0 0 10px; color: #c83a3a; font: 700 34px/1.05 "Brush Script MT", "Segoe Script", cursive; letter-spacing: 0.3px; } .menu-page .mt { margin-top: 26px; } .menu-page .menu-list { list-style: none; padding: 0; margin: 0; } .menu-page .menu-list li { display: flex; align-items: baseline; gap: 8px; margin: 0 0 8px; font-size: 16px; line-height: 1.08; } .menu-page .badge { display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 22px; border-radius: 50%; color: #fff; font-size: 8px; font-weight: 700; flex: 0 0 22px; margin-right: 2px; transform: translateY(1px); } .menu-page .badge.hit { background: #2d78c8; } .menu-page .badge.new { background: #e13a3a; } .menu-page .name { flex: 1 1 auto; min-width: 0; text-align: start; } .menu-page .price { flex: 0 0 auto; color: #8a2a2a; font-weight: 700; white-space: nowrap; margin-left: auto; } .menu-page .chef-box { margin-top: 24px; } .menu-page .chef-lines { margin-top: 8px; display: grid; gap: 14px; padding-right: 10px; } .menu-page .chef-lines span { display: block; border-bottom: 2px solid #6a6a6a; height: 12px; } .menu-page .coffee-beans { margin-top: 22px; margin-bottom: 12px; } .menu-page .coffee-title { font-size: 18px; font-weight: 700; margin-bottom: 6px; } .menu-page .coffee-row { display: flex; justify-content: space-between; gap: 12px; font-size: 17px; } .menu-page .info-block { margin-top: 12px; font-size: 13px; line-height: 1.3; } .menu-page .info-block h3 { margin: 0 0 6px; color: #c83a3a; font: 700 22px/1.05 "Brush Script MT", "Segoe Script", cursive; } .menu-page .info-block p { margin: 0 0 6px; } .menu-page .note { text-align: right; font-size: 13px; line-height: 1.2; color: #4a4a4a; font-style: italic; margin-top: 4px; } @media (max-width: 1200px) { .menu-page .menu-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 760px) { .menu-page .menu-grid { grid-template-columns: 1fr; } .menu-page .section-title { font-size: 30px; } .menu-page .menu-list li { font-size: 14px; } } .menu-page .addons-section { margin-top: 30px; border-top: 2px solid #ddd; padding-top: 18px; } .menu-page .addons-title { font-size: 18px; font-weight: 700; margin-bottom: 12px; color: #4a4a4a; } .menu-page .addon-star { color: #c83a3a; font-size: 22px; line-height: 1; vertical-align: middle; margin-right: 2px; } .menu-page .addons-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px 16px; font-size: 16px; } .menu-page .addons-grid span { display: block; } .menu-page .addons-grid .price { display: inline; margin-left: 4px; } @media (max-width: 760px) { .menu-page .page-title { font-size: 40px; } .menu-page .addons-grid { grid-template-columns: 1fr; } } @media (max-width: 1919px) { .arrowsslider .swiper-next, .productslider .swiper-next { right: 48px; z-index: 2; } .arrowsslider .swiper-prev, .productslider .swiper-prev { left: 48px; z-index: 2; } } @media (max-width: 1440px) { .lessoncategory__items { gap: 10px; } .lessoncategory__item { width: calc(100% / 4 - 10px); margin-bottom: 31px; } .lessoncards__wrapper { height: unset; padding: 34px; } .lessoncards__content { min-width: 220px; max-width: 220px; } .lessonpromo__right { max-width: 50%; } } @media (max-width: 1023px) { .blockabout__card { width: 100%; } .blockabout__wrapper .blockabout__cardwrapper { gap: 15px; min-height: 90px; } .blockabout__wrapper .blockabout__cardtext { font-size: 14px; line-height: 1.2; } .blockabout__wrapper .blockabout__cardwrapper { padding: 12px; } .pageheader__row.flex.content-between.w-full .pageheader__left { width: calc(100% - 34px); } .pageheader__row.flex.content-between.w-full .pageheader__left h1 { font-size: 22px; text-align: left; max-width: 246px; } .btnexit { padding: 0; border: none; } .btnexit span { display: none; } .btnexit svg { width: 18px; } .gallerypage__items { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 42px; } .pageheader h1 { text-align: center; } .gallerypage__item { width: calc(100% / 2 - 12px); } .lessonsform { padding: 50px 0; } .lessonsform__form { padding: 32px 18px; } .formblock__title { margin-bottom: 24px; font-size: 20px; } .lessoncategory__item { width: calc(100% / 3 - 10px); margin-bottom: 31px; } .pagelesson h2 { font-size: 26px; text-align: center; } .lessoncategory { padding: 25px 0; } .lessoncategory h2 { margin-bottom: 38px; } .lessonabout__title { margin-bottom: 0; } .lessonabout__wrapper h2 { margin-bottom: 0; } .lessonabout__subtitle { font-weight: 400; font-size: 18px; line-height: 120%; text-align: center; margin-bottom: 23px; } .lessonabout__text { margin-bottom: 24px; } .lessonabout__text p { font-weight: 400; font-size: 14px; line-height: 140%; text-align: center; margin: 0; } .lessonabout__button .btn_main { font-weight: 500; font-size: 14px; text-transform: uppercase; display: block; text-align: center; } .pageabout__expandtitle { width: 100%; } .pageabout__expandtitle h2 { margin-bottom: 40px; } .bannerpage { height: 421px; } .lessoncategory__image { width: unset; height: unset; padding: 0 15px; /* width: 74px; height: 74px; */ } .lessoncategory__title { font-size: 14px; } .lessoncategory__image { margin-bottom: 13px; } .lessonabout__main, .lessonpromo__right, .lessonpromo__wrapper > div, .lessonabout__wrapper > div, .lessonformat__wrapper > div { min-width: 100%; max-width: 100%; } .lessonpromo__wrapper, .lessonabout__wrapper, .lessonformat__wrapper { flex-wrap: wrap; width: 100%; } .lessoncards .cardsblock__items { flex-wrap: wrap; } .lessonformat__title { margin-bottom: 0; } .lessonformat__text { font-size: 14px; line-height: 120%; padding: 14px 18px; margin-top: 20px; gap: 22px; } .lessonformat__text span { font-size: 14px; } .lessonformat { margin: 45px 0 35px 0; } .lessoncards { margin: 35px 0; } .lessoncards__image { order: -1; } .lessoncards__wrapper { flex-wrap: wrap; } .lessoncards__wrapper { padding-top: 0; gap: 0; } .lessoncards__title { width: 100%; text-align: center; margin-bottom: 10px; font-weight: 400; font-size: 18px; letter-spacing: 0.3em; text-transform: uppercase; } .lessoncards__content { min-width: 100%; max-width: 100%; } .lessoncards__text { font-weight: 400; font-size: 14px; line-height: 120%; text-align: center; color: #343c4b; } .lessonpromo { margin: 30px 0; } .lessonpromo__text { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 120%; text-align: center; color: #b81b37; } .lessonslist__title { font-size: 14px; margin-top: 13px; } .mainslide { border-radius: 0; } .mainmenu__list_red ul { max-width: 100%; gap: 2px; } .mainslide__footer { margin-top: 10px; } .mainslide__title { margin-bottom: 8px; } .mainmenu__list ul a { padding: 4px 8px; font-weight: 500; font-size: 12px; text-transform: lowercase; background-color: #b81b37; color: white; } .mainslider__container { min-height: auto; /*height: unset;*/ } /*.mainslider__container .mainslider__slide { height: auto; }*/ } @media (max-width: 767px) { .section-advantages { padding-top: 0; } .advantage-item p { font-size: 13px; } .advantage-item h3 { font-size: 16px; } #header { position: sticky; top: 0; border-bottom: 1px solid #e9e9e9; } .headermenu { padding-top: 5px; padding-bottom: 5px; } .headermain { padding-top: 5px; } .headermain__logo .logo img { height: 90px; } .red-reviews-button { position: static; margin: unset; } .cataloglist-block { flex-direction: column; } form.smartfilter { height: 0; visibility: hidden; } .catalogfilter { flex: unset; } .bx_filter .bx_filter_section { padding: 12px 10px 0; } .bx_filter .bx_filter_section:hover form.smartfilter { height: auto; visibility: visible; } .catalog-list__information { flex-direction: column; } .catalog-list__information-content { align-self: flex-start; } } .lunch { max-width: 1100px; margin: 40px auto; background: #fff; padding: 40px; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); } .lunch .lunch__header { text-align: center; margin-bottom: 40px; } .lunch .lunch__title { font-size: 54px; font-weight: 700; color: #c83a3a; letter-spacing: 2px; font: 700 34px/1.05 "Brush Script MT", "Segoe Script", cursive; } .lunch .lunch__time { font-size: 28px; margin-top: 10px; color: #555; } .lunch .lunch__prices { display: flex; justify-content: center; gap: 30px; flex-wrap: wrap; margin-top: 35px; } .lunch .price-card { background: #c83a3a0f; border: 2px solid #c83a3a; border-radius: 16px; padding: 20px 25px; min-width: 220px; text-align: center; transition: .3s; } .lunch .price-card:hover { transform: translateY(-5px); } .lunch .price-card__price { font-size: 52px; /* font-weight: bold; */ color: #c83a3a; line-height: 1; } .lunch .price-card__desc { margin-top: 12px; font-size: 22px; color: #666; } .lunch .discount { color: #c40000; } .lunch .menu { margin-top: 50px; } .lunch .menu__day { margin-bottom: 45px; } .lunch .menu__title { font-size: 42px; margin-bottom: 18px; color: #c83a3a; border-bottom: 2px solid #c83a3a; padding-bottom: 10px; font: 700 34px/1.05 "Brush Script MT", "Segoe Script", cursive; } .lunch .menu__list { list-style: none; } .lunch .menu__item { display: flex; gap: 15px; padding: 10px 0; border-bottom: 1px dashed #ddd; font-size: 22px; } .lunch .menu__weight { min-width: 70px; color: #999; font-weight: bold; } .lunch .dessert, .lunch .daily { margin-top: 50px; padding: 25px; background: #faf7f5; border-radius: 16px; } .lunch .dessert h3, .lunch .daily h3 { font-size: 34px; margin-bottom: 15px; color: #c83a3a; font: 700 34px/1.05 "Brush Script MT", "Segoe Script", cursive; } .lunch .dessert p, .lunch .daily p { font-size: 22px; } .catalog-list__wrapper { flex: 1 0 auto; } @media (max-width: 768px) { .lunch { padding: 20px; } .lunch .lunch__title { font-size: 38px; } .lunch .lunch__time { font-size: 22px; } .lunch .menu__title { font-size: 30px; } .lunch .menu__item { font-size: 18px; } .lunch .price-card__price { font-size: 42px; } .lunch .price-card__desc { font-size: 18px; } } /* End */ /* /local/templates/main/public/css/bootstrap.min.css?17345252122487 */ /* /local/templates/main/public/css/swiper-bundle.min.css?173452521216469 */ /* /local/templates/main/public/css/lightbox.min.css?17345266262523 */ /* /local/templates/main/public/css/datepicker.min.css?173684481612257 */ /* /local/templates/main/public/css/main.bundle.css?1779789922268196 */