.nice-select { -webkit-tap-highlight-color: transparent; background-color: #fff; border-radius: 5px; border: solid 1px #e8e8e8; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: inherit; font-size: 14px; font-weight: normal; height: 42px; line-height: 40px; outline: none; padding-left: 18px; padding-right: 30px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto; } .nice-select:hover { border-color: #dbdbdb; } .nice-select:active, .nice-select.open, .nice-select:focus { border-color: #999; } .nice-select:after { border-bottom: 2px solid #999; border-right: 2px solid #999; content: ''; display: block; height: 5px; margin-top: -4px; pointer-events: none; position: absolute; right: 12px; top: 50%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 5px; } .nice-select.open:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; } .nice-select.disabled:after { border-color: #cccccc; } .nice-select.wide { width: 100%; } .nice-select.wide .list { left: 0 !important; right: 0 !important; } .nice-select.right { float: right; } .nice-select.right .list { left: auto; right: 0; } .nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } .nice-select.small:after { height: 4px; width: 4px; } .nice-select.small .option { line-height: 34px; min-height: 34px; } .nice-select .list { background-color: #fff; border-radius: 5px; box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-sizing: border-box; margin-top: 4px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; } .nice-select .list:hover .option:not(:hover) { background-color: transparent !important; } .nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s; } .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #f6f6f6; } .nice-select .option.selected { font-weight: bold; } .nice-select .option.disabled { background-color: transparent; color: #999; cursor: default; } .no-csspointerevents .nice-select .list { display: none; } .no-csspointerevents .nice-select.open .list { display: block; } /*! * Bootstrap Reboot v4.6.0 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md) */*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([class]){color:inherit;text-decoration:none}a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit;text-align:-webkit-match-parent}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important} /*# sourceMappingURL=bootstrap-reboot.min.css.map */ /** * 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} /*! Lity - v2.4.1 - 2020-04-26 * http://sorgalla.com/lity/ * Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,0.9);outline:none !important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease}.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6)}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-iframe .lity-container,.lity-youtube .lity-container,.lity-vimeo .lity-container,.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}.lity-hide{display:none} /* line 1, ../sass/smartscroll.scss */ html, body { margin: 0; padding: 0; } :root { /*!-------- svg -------- --icon-close: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEuMjQ2IDEuMjQ2YS43My43MyAwIDAgMSAxLjAzMSAwTDggNi45N2w1LjcyNC01LjcyM2EuNzMuNzMgMCAwIDEgMS4wMyAxLjAzMUw5LjAzMyA4bDUuNzIzIDUuNzI0YS43My43MyAwIDEgMS0xLjAzMSAxLjAzTDggOS4wMzNsLTUuNzIzIDUuNzIzYS43My43MyAwIDEgMS0xLjAzLTEuMDMxTDYuOTY4IDggMS4yNDYgMi4yNzdhLjczLjczIDAgMCAxIDAtMS4wM1oiIGZpbGw9IiMzMzMiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEuMDEgMS4wMWExLjA2MiAxLjA2MiAwIDAgMSAxLjUwMyAwTDggNi40OThsNS40ODgtNS40ODhhMS4wNjIgMS4wNjIgMCAxIDEgMS41MDMgMS41MDNMOS41MDMgOGw1LjQ4OCA1LjQ4OGExLjA2MyAxLjA2MyAwIDAgMS0xLjUwMyAxLjUwM0w4IDkuNTAzbC01LjQ4NyA1LjQ4OGExLjA2MyAxLjA2MyAwIDAgMS0xLjUwMy0xLjUwM0w2LjQ5OCA4IDEuMDEgMi41MTNhMS4wNjIgMS4wNjIgMCAwIDEgMC0xLjUwM1ptMS4wMzIuNDcyYS4zOTYuMzk2IDAgMCAwLS41Ni41Nkw3LjQ0IDhsLTUuOTYgNS45NmEuMzk2LjM5NiAwIDAgMCAuNTYuNTZsNS45Ni01Ljk2IDUuOTU4IDUuOTZhLjM5Ni4zOTYgMCAxIDAgLjU2LS41Nkw4LjU2IDhsNS45Ni01Ljk1OGEuMzk2LjM5NiAwIDEgMC0uNTYtLjU2TDggNy40NCAyLjA0MiAxLjQ4WiIgZmlsbD0iIzMzMyIvPjwvc3ZnPg==); --icon-burger: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMi43NzggNS44MzNoMTQuNDQ0YS41NTYuNTU2IDAgMCAwIC41NTYtLjU1NlYzLjg5YS41NTYuNTU2IDAgMCAwLS41NTYtLjU1NkgyLjc3OGEuNTU2LjU1NiAwIDAgMC0uNTU2LjU1NnYxLjM4OGMwIC4zMDcuMjQ5LjU1Ni41NTYuNTU2Wm0wIDUuNTU2aDE0LjQ0NGEuNTU2LjU1NiAwIDAgMCAuNTU2LS41NTZWOS40NDRhLjU1Ni41NTYgMCAwIDAtLjU1Ni0uNTU1SDIuNzc4YS41NTYuNTU2IDAgMCAwLS41NTYuNTU1djEuMzg5YzAgLjMwNy4yNDkuNTU2LjU1Ni41NTZabTAgNS41NTVoMTQuNDQ0YS41NTYuNTU2IDAgMCAwIC41NTYtLjU1NXYtMS4zOWEuNTU2LjU1NiAwIDAgMC0uNTU2LS41NTVIMi43NzhhLjU1Ni41NTYgMCAwIDAtLjU1Ni41NTZ2MS4zODljMCAuMzA2LjI0OS41NTUuNTU2LjU1NVoiIGZpbGw9IiMwQzVFOTYiLz48L3N2Zz4=); */ --icon-check: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDExIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEuNSA0IDMgM0wxMCAxLjUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+); } [class*="icon--"] {display: inline-block; vertical-align: middle; -webkit-box-flex: 0; -ms-flex: none; flex: none; background-repeat: no-repeat; background-size: contain; background-position: center;} @font-face {font-family: "Calibri"; font-display: swap; font-style: normal; font-weight: 300; src: url("../fonts/Calibri-Light.woff");} @font-face {font-family: "Calibri"; font-display: swap; font-style: normal; font-weight: 400; src: url("../fonts/Calibri.woff");} @font-face {font-family: "Calibri"; font-display: swap; font-style: normal; font-weight: 700; src: url("../fonts/Calibri-Bold.woff");} @font-face {font-family: "Karton"; font-display: swap; font-style: normal; font-weight: 400; src: url("../fonts/Karton-Regular.woff");} .flex-center {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;} .flex-between {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;} .flex {display: -webkit-box;display: -ms-flexbox;display: flex;} .flex.center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} .flex.middle {-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .flex.inline {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;} .flex.between {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;} .flex.around {-ms-flex-pack: distribute;justify-content: space-around;} .flex.start {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;} .flex.end {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;} .flex.top {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;} .flex.bottom {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;} .flex.stretch {-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;} .flex.column, [class*="flex-"].column {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;} .flex.wrap, [class*="flex-"].wrap {-ms-flex-wrap: wrap;flex-wrap: wrap;} .flex > .grow, [class*="flex-"] > .grow {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;} .flex > .self-top, [class*="flex-"] > .self-top {-ms-flex-item-align: self-start;align-self: self-start;} .flex > .self-middle, [class*="flex-"] > .self-middle {-ms-flex-item-align: center;align-self: center;} .flex > .self-bottom, [class*="flex-"] > .self-bottom {-ms-flex-item-align: end;align-self: flex-end;} .flex > .self-stretch, [class*="flex-"] > .self-stretch {-ms-flex-item-align: stretch;align-self: stretch;} .flex > img, [class*="flex-"] > img {-webkit-box-flex: 0;-ms-flex: none;flex: none;} .flex > svg, [class*="flex-"] > svg {-webkit-box-flex: 0;-ms-flex: none;flex: none;} .row {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; --mgap: -10px; --pgap: 10px;} .row-u, .row-2, .row-3, .row-4 {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; --mgap: -10px; --pgap: 10px; margin-left: var(--mgap); margin-right: var(--mgap);} .row-u > .col {padding-left: var(--pgap); padding-right: var(--pgap);} .row-2 > .col {-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%; max-width: 50%; padding-left: var(--pgap); padding-right: var(--pgap);} .row-3 > .col {-webkit-box-flex: 0;-ms-flex: 0 0 calc(100% / 3);flex: 0 0 calc(100% / 3); max-width: calc(100% / 3); padding-left: var(--pgap); padding-right: var(--pgap);} .row-4 > .col {-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%; max-width: 25%; padding-left: var(--pgap); padding-right: var(--pgap);} [class*="row-"].gap-50 {margin-left: -25px; margin-right: -25px;} [class*="row-"].gap-50 >.col {padding-left: 25px; padding-right: 25px;} [class*="row-"] > .col > img {max-width: 100%;} body {font-family: "Calibri"; font-size: 16px; line-height: 20px; color: #000; font-weight: 400;} body.locked {overflow: hidden; position: relative;} .title {font-family: "Karton"; font-size: 32px; line-height: 38px; color: #3E3E3F; position: relative; display: table; margin: 0 auto 10px;} .main-page .title {font-size: 48px; line-height: 58px;} .title.slide__title {font-size: 64px; line-height: 77px;} .title.highlight::before, .title.highlight::after {content: ''; width: 26px; height: 4px; background: #EA242B; border-radius: 10px; top: 50%; position: absolute;} .main-page .title.highlight::before, .main-page .title.highlight::after {top: 33px;} .title.highlight::before {left: -40px;} .title.highlight::after {right: -40px;} .title.highlight.green::before, .title.highlight.green::after {background: #798826;} .sub-title {font-family: 'Karton'; font-size: 20px; line-height: 24px; color: #3E3E3F; margin-bottom: 5px;} .sub-title-text {font-size: 16px; line-height: 20px; color: #6A6969;} .title-h2 {font-family: "Karton"; font-weight: 400; font-size: 18px; line-height: 22px; color: #000; margin-bottom: 15px;} .scroll, .hand {cursor: pointer;} .dn {display: none;} .video-wrapper {position: relative; height: 0; padding-bottom: 56.25%; background: #022033; border-radius: 16px; overflow: hidden; margin-bottom: 22px;} .video-wrapper .play-icon {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 19%; height: 132px; cursor: pointer;} .i-fluid {max-width: 100%; height: auto;} .fit > img {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block;} .fit-contain > img {width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain;} .wrapper {position: relative;} .wrapper-hidden {overflow: hidden;} .round {border-radius: 50%;} .round-hidden {border-radius: 50%; overflow: hidden;} .btn-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex; margin: -8px -6px;} .btn-wrapper .btn, .btn-wrapper .checkbox-wrapper {margin: 8px 6px;} .btn-wrapper.fluid .btn {-webkit-box-flex: 1;-ms-flex: auto;flex: auto;} .btn.fluid {width: 100%;} h1, h2, h3, h4, h5, h6 {margin: 0; font-size: inherit; font-weight: inherit;} .regular {font-weight: 400 !important;} b, strong, .t-bold {font-weight: 700 !important;} .uppercase {text-transform: uppercase;} .t-right {text-align: right;} .t-center {text-align: center;} .b-center {margin-left: auto; margin-right: auto;} .c-red {color: #FF0303;} .c-green {color: #4E8A42;} .underline {border-bottom: 1px solid var(--color-text);} .hr {height: 1px; background: #A0A3BD; margin: 16px 0;} .plain-title {font-weight: 800; font-size: 16px; line-height: 28px; color: #404040; margin-bottom: 4px;} .info-text {font-family: 'Calibri'; font-weight: 300; font-size: 18px; line-height: 22px;} p {margin-bottom: 24px;} p:last-child {margin-bottom: 0;} svg {vertical-align: middle; max-width: 100%; height: auto;} .empty-pic {width: 100%; height: 300px;} .only-mob {display: none !important;} @media (max-width: 767px){ .only-pc {display: none !important;} .only-mob {display: block !important;} } a {color: inherit; text-decoration: none;} a:link {color: inherit; text-decoration: none;} a:visited {color: inherit; text-decoration: none;} a:hover {color: inherit; text-decoration: none;} a.link, .link {font-weight: 600; font-size: 12px; line-height: 20px; letter-spacing: 0.5px; color: #48AEFF;} .link-icon {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .link-icon .link {margin-left: 10px;} .link-icon.leftext .link {margin-left: 0; margin-right: 10px; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1;} .link-icon svg {display: block;} select {-webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right: 48px; cursor: pointer;} select option {-webkit-box-shadow: none;box-shadow: none;} .select-wrapper {position: relative;} .select-wrapper::after {content: ''; background: var(--icon-select-chevron); width: 24px; height: 24px; position: absolute; top: calc(50% - 12px); right: 12px; pointer-events: none;} input[type="checkbox"] {width: 20px; height: 20px; background: #ECECEC; border-radius: 0; border: 0; margin-right: 10px;} [type="submit"] {border: 0;} input.error, textarea.error, select.error {border-color: #F83939 !important;} .error-text {font-weight: 500; font-size: 14px; line-height: 18px; color: #F83939; margin-top: 4px;} input:disabled, textarea:disabled {border-color: #C9C9C9;} textarea {min-height: 175px; display: block;} input:focus, textarea:focus {outline: none;} select:focus {outline: none;} label {margin: 0;} *:focus {outline: none;} .table-wrapper {margin: 32px 0 40px;} .table-wrapper .table-row {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #CFDCE4; background: #fff; padding: 0 140px;} .table-wrapper .table-col {padding: 16px 0; font-weight: 500; font-size: 16px; line-height: 28px; color: #678395;} .table-wrapper .table-col.out {color: #FF5B5B; font-weight: 700;} .table-wrapper .table-col.in {color: #41C746; font-weight: 700;} .table-wrapper .table-header {background: #678395; border-radius: 10px 10px 0 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; height: 45px; padding: 0 140px;} .table-wrapper .table-header .table-col {font-family: 'Craftwork Grotesk'; font-weight: 700; font-size: 16px; line-height: 26px; color: #fff;} .table-wrapper .table-footer {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 0 24px; background: #678395; border-radius: 0 0 10px 10px; font-weight: 500; font-size: 14px; line-height: 18px; color: #CFDCE4; height: 45px;} .table-wrapper .rows-control {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .table-wrapper .rows-shown {margin: 0 40px;} .table-wrapper .rows-control-icon {margin-left: 8px; cursor: pointer;} .table-wrapper .nav-btn-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex;} .table-wrapper .nav-btn-wrapper .nav-btn {cursor: pointer;} .table-wrapper .nav-btn-wrapper .nav-btn svg path {fill: #CFDCE4;} .table-wrapper .nav-btn-wrapper .nav-btn.disabled {opacity: .5; cursor: auto;} .table-wrapper .nav-btn-wrapper .btn-prev {margin-right: 16px;} .table-wrapper.table-delivery {margin: 8px 0 0;} .table-wrapper.table-delivery .table-header, .table-wrapper.table-delivery .table-row {padding: 0 50px 0 100px;} .table-wrapper.table-delivery .table-col {-webkit-box-flex: 0;-ms-flex: 0 0 200px;flex: 0 0 200px; max-width: 200px; text-align: center;} .table-wrapper.table-delivery .table-col:nth-child(1) {-webkit-box-flex: 0;-ms-flex: 0 0 100px;flex: 0 0 100px; font-weight: 700; text-align: left;} .table-wrapper.table-delivery .table-col:nth-child(4) {-webkit-box-flex: 0;-ms-flex: 0 0 170px;flex: 0 0 170px; text-align: left;} .table-wrapper.table-delivery .table-col .icon-status {margin-right: 8px;} @media (max-width: 1409px){ .table-wrapper.table-delivery .table-header, .table-wrapper.table-delivery .table-row {padding: 0 20px 0 60px;} } @media (max-width: 767px){ .table-wrapper.table-delivery .table-header, .table-wrapper.table-delivery .table-row {padding: 0;} .table-wrapper.table-delivery .table-col .icon-status {display: none;} .table-wrapper.table-delivery .table-col {-webkit-box-flex: 0 !important;-ms-flex: 0 0 25% !important;flex: 0 0 25% !important; max-width: 25% !important; text-align: center !important; font-weight: 500 !important;} } .animation-rotation {-webkit-animation: linear 2s infinite rotation;animation: linear 2s infinite rotation;} @-webkit-keyframes rotation {100%{-webkit-transform: rotate(-360deg);transform: rotate(-360deg);}} @keyframes rotation {100%{-webkit-transform: rotate(-360deg);transform: rotate(-360deg);}} .logo {display: block; position: relative;} .logo .logo-text {font-weight: 700; font-size: 16px; line-height: 19px; color: #000;} .logo .sub-text-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-line-pack: center; align-content: center; margin-top: -2px;} .logo .logo-sub-text {margin: 0 3px 0 8px;} button.btn, a.btn, .btn {height: 40px; width: auto; max-width: 100%; padding: 0 20px; background: #FF0303; border-radius: 20px; border: 0; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 0; -ms-flex: none; flex: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: background 0.3s, color 0.3s; -o-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s; font-family: 'Calibri'; font-weight: 700; font-size: 18px; line-height: 22px; color: #fff;} .btn:hover {background: #4E8A42;} button.btn-green, a.btn-green, .btn-green {background: #4E8A42;} .btn-green:hover {background: #36642c;} button.btn-white, a.btn-white, .btn-white {background: #fff; border: 1px solid #798826; color: #798826; transition: 0.25s all ease-in-out;} .btn-white:hover {background: #798826; color: #fff;} @media (max-width: 575px){.btn {width: 100%;}} .breadcrumbs {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 36px;} .bc-item {font-weight: 600; font-size: 12px; line-height: 15px; display: -webkit-box; display: -ms-flexbox; display: flex;} .bc-item a {color: #000;} .bc-item a:hover {color: #0C5E96;} .bc-item::after {content: ''; width: 12px; height: 13px; background-image: var(--icon-arrow-right); margin: 0 8px;} .bc-item:last-child {font-weight: 400;} .bc-item:last-child::after {content: none;} .item-icon-text {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; --it-margin: 8px;} .item-icon-text .icon {-webkit-box-flex: 0;-ms-flex: none;flex: none;} .item-icon-text .text {margin-left: var(--it-margin);} .item-icon-text .text.left {margin-left: 0; margin-right: var(--it-margin);} .v-form-control {margin-bottom: 16px;} .v-form-control.left {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .v-form-control .label {margin-bottom: 8px; font-weight: 600; font-size: 12px; line-height: 15px;} .v-form-control.left .label {margin: 0 16px 0 0;} .input-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 32px; padding: 8px 10px; background: #fff; border: 1px solid #6A6969; border-radius: 12px; --info-margin: 17px; width: 236px; background: #fff;} .input-wrapper input {padding: 0; border: 0; width: 100%;} .input-wrapper .info-icon {-webkit-box-flex: 0;-ms-flex: none;flex: none;} .input-wrapper.left-icon .info-icon {margin-right: var(--info-margin);} .input-wrapper .info-icon.btn-search { padding: 0; background: transparent; } .input-wrapper.right-icon .info-icon {margin-left: var(--info-margin);} .textarea-wrapper {position: relative;} .textarea-wrapper .input-info {position: absolute; right: 8px; bottom: 8px; font-size: 8px; line-height: 10px; color: #999999;} .checkbox-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; position: relative; width: 100%;} .v-form-control .checkbox-wrapper {margin-bottom: 12px;} .checkbox-inp {position: absolute; top: 0; left: 0; opacity: 0;} .checkbox {background: #fff; border: 1px solid #000; border-radius: 3px; width: 15px; height: 15px; -webkit-box-flex: 0; -ms-flex: none; flex: none;} .checkbox-inp:checked + .checkbox {background-image: var(--icon-check); background-color: #FF3333; border-color: #FF3333; background-position: 50%; background-repeat: no-repeat;} .checkbox-text {font-size: 12px; line-height: 14px; margin-left: 11px; color: #8F8F8F;} .checkbox-text a {text-decoration: underline;} .checkbox-inp:disabled + .checkbox {opacity: .5;} .checkbox-inp:disabled ~ .checkbox-text {color: var(--color-grey);} .v-form-control .controls-wrapper {margin: 0 -5px; display: -webkit-box; display: -ms-flexbox; display: flex;} .switch-btn-wrapper {position: relative; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-right: 15px;} .switch-btn-wrapper:last-child {margin-right: 0;} .switch-btn-wrapper input {position: absolute; visibility: hidden;} .switch-btn-wrapper .switch-btn {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; cursor: pointer; height: 32px; width: 32px; background: #fff; border: 1px solid #000; border-radius: 5px; font-weight: 700; font-size: 18px; line-height: 22px;transition: 0.3s all ease-in-out;} .switch-btn-wrapper input:checked + .switch-btn {color: #fff; background: #798826; border-color: #798826;} .switch-btn-wrapper .switch-btn:hover { background: #000; color: #fff; } .switch-btn-wrapper .icon {margin: 0 5px;} .switch-btn-wrapper input:checked + .icon {color: #000; background: #ccc;} .crumbs { list-style: none; display: flex; align-items: flex-start; flex-wrap: wrap; padding: 0; margin: 0 0 20px 0; gap: 5px; font-size: 14px; line-height: 1; color: #a1a1a1; } .crumbs li.active, .crumbs li a:hover { color: #222; } @media (max-width: 1279px) { .crumbs { margin-top: 15px; } } .switch-btn-text-wrapper {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; cursor: pointer;} .switch-btn-text-wrapper input {position: absolute; visibility: hidden;} .switch-btn-text-wrapper .icon {-webkit-box-flex: 0;-ms-flex: none;flex: none;} .switch-btn-text-wrapper .text {margin: 0 20px;} .modal-overlay { width: 100vw; height: 100vh; background: #E4E8CF; position: fixed; top: 0; left: 0; opacity: 0; -webkit-transition: opacity 0.56s cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition: opacity 0.56s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: opacity 0.56s cubic-bezier(0.175, 0.885, 0.32, 1.275); color: #fff; text-align: center; padding: 145px 20px 40px; pointer-events: none; overflow-x: hidden; z-index: 999; } .modal-overlay.shown { opacity: 1 !important; pointer-events: auto; } .modal-close { position: absolute; cursor: pointer; top: 20px; left: 20px; margin: -2px 0; height: 43px; } .modal-close span { display: block; width: 50px; height: 10px; background: #404041; border-radius: 10px; margin: 2px 0; transition: 0.25s all ease-in-out; } .modal-close span:first-child { transform: rotate(45deg) translate(8px,10px); } .modal-close span:last-child { transform: rotate(-45deg) translate(-1px, 0); } .modal-close:hover span { background: #636364; } .modal-form { display: flex; flex-direction: column; align-items: center; gap: 17px; margin-top: 45px; -webkit-transition: margin 0.56s cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition: margin 0.56s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: margin 0.56s cubic-bezier(0.175, 0.885, 0.32, 1.275); } .modal-overlay.shown .modal-form { margin-top: 0; } .form-block { position: relative; width: 396px; max-width: 100%; } .form-field { width: 100%; padding: 13px; background: #FFFFFF; border: 1px solid #FFFFFF; border-radius: 10px; font-size: 16px; line-height: 20px; text-align: center; color: #404041; transition: 0.3s all ease-in-out; } .form-field:focus { box-shadow: 0 2px 4px 1px rgba(22,22,22,0.15); } .form-field:focus ~ .field-pls, .form-field.filled ~ .field-pls { opacity: 0; z-index: -1; } .field-pls { position: absolute; left: 50%; top: 13px; transform: translateX(-50%); opacity: 1; font-size: 16px; line-height: 20px; color: #404041; text-transform: uppercase; transition: 0.25s all ease-in-out; } .field-pls > span { color: #CD3600; } .form-block .nice-select { width: 100%; border: 1px solid #FFFFFF; padding: 13px 0; font-size: 16px; line-height: 20px; border-radius: 10px; height: auto; color: #404041; text-align: center !important; text-transform: uppercase; } .form-block .nice-select .list { width: 100%; border-radius: 10px; border: 1px solid #bfbfbf; } textarea.form-field { height: 132px; min-height: 132px; } .form-msg { font-size: 16px; line-height: 20px; color: #404041; margin-top: -5px; margin-bottom: 0; } .form-msg > span { color: #CD3600; } .form-agreement > input { position: absolute; opacity: 0; left: 0; } .form-agreement > label { display: flex; align-items: flex-start; text-align: left; font-size: 10px; line-height: 12px; color: #6A6969; gap: 10px; cursor: pointer; } .chk-custom { display: flex; align-items: center; justify-content: center; width: 14px; height: 14px; background: #FFFFFF; border-radius: 5px; flex-shrink: 0; } .chk-custom:before { content: ''; display: block; width: 10px; height: 10px; background: #CD3600; border-radius: 3px; opacity: 0; transition: 0.25s opacity ease-in-out; } .form-agreement input:checked ~ label .chk-custom:before { opacity: 1; } input[name=workemail] { padding: 0 !important; margin: 0 !important; border: none !important; max-width: 1px !important; max-height: 1px !important; } .slide-list-control {margin-bottom: 0; border-bottom: 1px solid #E7E7E7; padding: 8px;} .slide-list-control .slide-list-title {padding: 8px 0; background: #fff; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .slide-list-control .slide-list-title .icon-plus {-webkit-transition: .2s;-o-transition: .2s;transition: .2s;} .slide-list-control .slide-list-title.expand .icon-plus {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg); background-image: var(--icon-minus-v);} .slide-list-control .slide-list-title .text {font-weight: 500; font-size: 16px; line-height: 19px; margin-left: 8px;} .slide-list-control .slide-list-content {display: none;} .slide-list-control .slide-list-content {margin: 0; padding: 0 24px;} .slide-list-control .slide-list-content {font-size: 14px; line-height: 17px; margin: 0;} .slide-list-title {cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex;} .slide-list-title .slide-list-icon {-webkit-transition: -webkit-transform ease .2s;transition: -webkit-transform ease .2s;-o-transition: transform ease .2s;transition: transform ease .2s;transition: transform ease .2s, -webkit-transform ease .2s; -webkit-box-flex: 0; -ms-flex: none; flex: none;} .slide-list-title.expand .slide-list-icon {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);} .avatar-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .avatar-pic {width: 40px; height: 40px; border: 1px solid #D7D7D7; margin-right: 16px; -webkit-box-flex: 0; -ms-flex: none; flex: none; position: relative;} .avatar-name {font-weight: 600; font-size: 14px; line-height: 17px;} .avatar-info {font-weight: 500; font-size: 9px; line-height: 11px; color: #818181;} .pagination-wrapper {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; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; margin: 16px 0;} .pagination-wrapper .item {width: 36px; height: 36px; font-size: 14px; line-height: 17px; color: #7D7C7C; cursor: pointer; 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;} .pagination-wrapper .item.active {font-weight: 500; color: #0C5E96;} .pagination-wrapper .item-dir {width: 36px; height: 36px; background: #FCFCFC; border: 1px solid #eee; border-radius: 8px;} #pushup-container {position: fixed; top: 10px; right: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; max-width: calc(100% - 20px); } #pushup-container .pushup {padding: 16px 40px 16px 68px; margin-bottom: 10px; background: #fff; border: 2px solid #04D79C; border-radius: 4px; font-weight: 500; font-size: 14px; line-height: 18px; color: #404040; position: relative;} #pushup-container .pushup::before {content: ''; position: absolute; top: calc(50% - 12px); left: 32px; width: 24px; height: 24px;} #pushup-container .pushup.success {border-color: #04D79C;} #pushup-container .pushup.error {border-color: #F83939;} #pushup-container .pushup.info {border-color: #1B94F3;} #pushup-container .pushup.warning {border-color: #F4B81D;} #pushup-container .pushup.success::before {background-image: var(--icon-success);} #pushup-container .pushup.error::before {background-image: var(--icon-error);} #pushup-container .pushup.info::before {background-image: var(--icon-info);} #pushup-container .pushup.warning::before {background-image: var(--icon-warning);} .quantity-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; width: 108px;} .quantity-wrapper input {text-align: center; width: 100%; height: 52px; padding-left: 40px; padding-right: 40px;} .quantity-wrapper .btn-quantity {position: absolute; top: calc(50% - 12px); cursor: pointer;} .quantity-wrapper .btn-reduce {left: 8px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);} .quantity-wrapper .btn-increase {right: 8px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);} .parallax {overflow: hidden;} .parallax-layer {-webkit-transition: ease-out .8s;-o-transition: ease-out .8s;transition: ease-out .8s;} .burger-btn {cursor: pointer; position: absolute; top: 20px; left: 35px;} .close-btn {cursor: pointer; display: none;} .hamburger-wrapper {position: fixed; top: 20px; left: 35px; width: 50px; height: 38px; cursor: pointer; z-index: 110;} .hamburger-menu, .hamburger-menu:after, .hamburger-menu:before {width: 100%; height: 10px; border-radius: 10px; background: #4E8A42;} .hamburger-menu {position: relative; -webkit-transform: translateY(14px); -ms-transform: translateY(14px); transform: translateY(14px); -webkit-transition: -webkit-transform 0ms 210ms; transition: -webkit-transform 0ms 210ms; -o-transition: transform 0ms 210ms; transition: transform 0ms 210ms; transition: transform 0ms 210ms, -webkit-transform 0ms 210ms;} .hamburger-wrapper.animate .hamburger-menu {background: #798826;} .hamburger-menu:before {content: ""; position: absolute; left: 0; bottom: 14px; -webkit-transition: bottom 210ms 210ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 210ms cubic-bezier(0.23, 1, 0.32, 1); transition: bottom 210ms 210ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 210ms cubic-bezier(0.23, 1, 0.32, 1); -o-transition: bottom 210ms 210ms cubic-bezier(0.23, 1, 0.32, 1), transform 210ms cubic-bezier(0.23, 1, 0.32, 1); transition: bottom 210ms 210ms cubic-bezier(0.23, 1, 0.32, 1), transform 210ms cubic-bezier(0.23, 1, 0.32, 1); transition: bottom 210ms 210ms cubic-bezier(0.23, 1, 0.32, 1), transform 210ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 210ms cubic-bezier(0.23, 1, 0.32, 1);} .hamburger-menu:after {content: ""; position: absolute; left: 0; top: 14px; -webkit-transition: top 210ms 210ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 210ms cubic-bezier(0.23, 1, 0.32, 1); transition: top 210ms 210ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 210ms cubic-bezier(0.23, 1, 0.32, 1); -o-transition: top 210ms 210ms cubic-bezier(0.23, 1, 0.32, 1), transform 210ms cubic-bezier(0.23, 1, 0.32, 1); transition: top 210ms 210ms cubic-bezier(0.23, 1, 0.32, 1), transform 210ms cubic-bezier(0.23, 1, 0.32, 1); transition: top 210ms 210ms cubic-bezier(0.23, 1, 0.32, 1), transform 210ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 210ms cubic-bezier(0.23, 1, 0.32, 1);} .hamburger-wrapper.animate .hamburger-menu:after {background: #fff; top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: top 210ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 210ms 210ms cubic-bezier(0.23, 1, 0.32, 1); transition: top 210ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 210ms 210ms cubic-bezier(0.23, 1, 0.32, 1); -o-transition: top 210ms cubic-bezier(0.23, 1, 0.32, 1), transform 210ms 210ms cubic-bezier(0.23, 1, 0.32, 1); transition: top 210ms cubic-bezier(0.23, 1, 0.32, 1), transform 210ms 210ms cubic-bezier(0.23, 1, 0.32, 1); transition: top 210ms cubic-bezier(0.23, 1, 0.32, 1), transform 210ms 210ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 210ms 210ms cubic-bezier(0.23, 1, 0.32, 1);} .hamburger-wrapper.animate .hamburger-menu:before {background: #fff; bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: bottom 210ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 210ms 210ms cubic-bezier(0.23, 1, 0.32, 1); transition: bottom 210ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 210ms 210ms cubic-bezier(0.23, 1, 0.32, 1); -o-transition: bottom 210ms cubic-bezier(0.23, 1, 0.32, 1), transform 210ms 210ms cubic-bezier(0.23, 1, 0.32, 1); transition: bottom 210ms cubic-bezier(0.23, 1, 0.32, 1), transform 210ms 210ms cubic-bezier(0.23, 1, 0.32, 1); transition: bottom 210ms cubic-bezier(0.23, 1, 0.32, 1), transform 210ms 210ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 210ms 210ms cubic-bezier(0.23, 1, 0.32, 1);} .header-wrapper {position: relative;} .top-menu {width: 100vw; height: 100vh; background: #798826; position: fixed; top: 0; left: 0; opacity: 0; -webkit-transition: opacity 0.56s cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition: opacity 0.56s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: opacity 0.56s cubic-bezier(0.175, 0.885, 0.32, 1.275); color: #fff; text-align: center; padding: 210px 0 40px; pointer-events: none; overflow-x: hidden; z-index: 100;} .top-menu::before, .top-menu::after {content: ''; position: absolute; background-repeat: no-repeat; background-size: contain; top: 0; height: 100%;} .top-menu::before {background-image: url("../img/top-menu-bg-left.svg"); min-height: 784px; width: 409px; left: -20px; background-position: center left;} .top-menu::after {background-image: url("../img/top-menu-bg-right.svg"); min-height: 784px; width: 332px; right: 0; background-position: center right;} .top-menu__item {display: table; color: #fff; font-size: 32px; line-height: 39px; margin: 43px auto; text-transform: uppercase; margin-top: 50px; -webkit-transition: margin 0.56s cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition: margin 0.56s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: margin 0.56s cubic-bezier(0.175, 0.885, 0.32, 1.275); position: relative; z-index: 1;} .top-menu__item:last-child {margin-bottom: 0;} .top-menu__item.active {color: #FF0303; position: relative;} .top-menu__item.active::after {content: ''; position: absolute; width: 300px; height: 1px; background: #fff; bottom: -25px; left: calc(50% - 150px); -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);} .top-menu__item:hover { color: #FF0303; } .hamburger-wrapper.animate ~ .top-menu {opacity: 1 !important; pointer-events: auto;} .hamburger-wrapper.animate ~ .top-menu .top-menu__item {margin-top: 0px;} .logo {position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 1;} .top-menu .logo {left: 50%; top: 20px; padding-right: 16px;} .content {position: relative; padding-top: 124px;} .main-page.content {overflow: hidden; padding-top: 0;} .top-block {position: relative; padding-top: 124px;} .main-top-basil {position: absolute; top: 0; left: 162px; pointer-events: none; z-index: -1;} .main-top-left-bg {position: absolute; top: 95px; left: 0; pointer-events: none; z-index: -1;} .main-top-right-bg {position: absolute; top: 560px; right: 0; pointer-events: none; z-index: -1;} .main-page .main-top-left-bg {top: 135px;} .main-page .main-top-right-bg {top: 0; background: url(../img/main-top-right-bg.svg) 0 0 no-repeat; width: 995px; width: calc(40vw + 227px); height: 896px;} .main-page .main-top-basil {left: 127px;} .main-top-olive {position: absolute; top: 524px; left: 0; pointer-events: none; z-index: -1;} .pic-bg img {width: 100%; height: auto;} .top-block .slider-wrapper {position: relative;} .main-page .slide-info .slide-info {text-align: center; padding-top: 170px; margin: 0 48px 0 114px; -webkit-box-flex: 0; -ms-flex: none; flex: none;} .slide__title {margin-bottom: 20px;} .slide__suit-for {font-size: 24px; line-height: 29px; color: #E12E2A;} .slide__suitable {font-size: 20px; line-height: 24px; color: #6A6969; max-width: 250px; margin: 10px auto;} .scroll-down {width: 101px; height: 109px; margin: 100px auto 0; position: relative;} .horeca-block {background: url("../img/horeca.svg") center 157px no-repeat;} .horeca-block .povora-pic {margin-left: calc(50% - 707px);} .special-offer-wrapper {max-width: 1800px; margin: 0 auto;} .special-offer-wrapper .food-pic {margin-top: 20px;} .special-offer-wrapper .food-pic.food2 {margin-left: 70px; margin-right: -15px;} .special-offer-wrapper .food-pic.food3 {margin-left: 35px; margin-right: 60px;} .special-offer {text-align: center; margin: 0 auto; display: table; position: relative; padding-bottom: 70px;} .special-offer .food-pic {position: absolute; top: 20px;} .special-offer .food-pic.food1 {right: calc(100% + 335px);} .special-offer .food-pic.food2 {right: calc(100% - 15px);} .special-offer .food-pic.food3 {left: calc(100% + 35px);} .special-offer .food-pic.food4 {left: calc(100% + 365px);} .special-offer-title {font-size: 40px; line-height: 49px; color: #FF0303;} .special-offer-text {font-size: 24px; line-height: 29px; color: #6A6969; margin-bottom: 50px;} .new-prods-block {overflow: hidden;} .block-info-wrapper {margin: 0 auto; max-width: 280px; position: relative;} .main-page .block-info-wrapper {text-align: center;} .new-prods-block .block-info-wrapper {padding: 175px 0 280px;} .block-pic {position: absolute; top: 0;} .bluch-pic1 {top: 35px; right: calc(100%);} .bluch-pic2 {left: calc(100% + 80px);} .new-prods-block .title {font-size: 48px; line-height: 58px;} .new-prods-block .sub-title {font-size: 16px; line-height: 19px; margin-bottom: 12px;} .new-prods-block .sub-title-text {margin-bottom: 5px;} .video-block { text-align: center; padding: 202px 0 184px; padding: 80px 0 40px; position: relative;} .video-bg-left {position: absolute; top: -122px; left: 0; z-index: -1;} .video-block .video-board {position: relative; display: table;} .video-block .video-board-pic {position: relative;} .video-block .video-bg {position: absolute; top: 20px; right: 0; width: 1790px; width: 114.2%; z-index: -1;} .recipes-block {position: relative; } .recipes-block .block-info-wrapper {padding: 160px 0 231px;} .recipe-pic1 {left: 0; top: -73px;} .recipe-pic2 { top: -72px; right: -2px;} .recipes-block .sub-title-text {margin: 35px 0 15px;} .where-to-buy-block {margin-bottom: 206px; margin-bottom: 25px;} .where-to-buy-block .title {font-size: 48px; line-height: 58px;} .partners-slider {overflow: hidden; width: calc(100% - 50px); margin-top: 20px;} .partners-slider ul {padding: 0; margin: 0; width: 4000px;} .partners-slider::-webkit-scrollbar {display: none;} .partners-slider ul li {display: inline-block; margin: 0 30px;} .partners-slider ul li img {max-width: 100%;} footer {position: relative; background: #D3D09B; padding: 30px 0;} footer .logo {top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 0;} footer .contacts {margin-right: auto;} footer .links {margin-right: 250px;} footer .links .footer-item {margin-bottom: 5px; text-transform: uppercase;} footer .links .footer-item:last-child {margin-bottom: 0;} footer .social-item {margin-right: 16px;} footer .social-item img {transition: 0.25s all ease-in-out;} footer .social-item:last-child {margin-right: 0;} a.footer-item, .footer-item {display: block; color: #6A6969;} a.footer-item:hover { color: #3c3b3b; } footer .social-item:hover img { transform: translateY(-7px); } .totop {position: sticky; right: 38px; bottom: 0; cursor: pointer; z-index: 90; transition: 0.25s filter ease-in-out;} .totop img {position: absolute; right: 30px; bottom: 20px; cursor: pointer; z-index: 90;} .totop:hover { filter: brightness(0.7); } .main-page .product-slider .slider-nav-wrapper {position: absolute; bottom: 0px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .main-page .product-slider .slider-nav-wrapper {bottom: -110px; right: 130px; left: auto; -webkit-transform: none; -ms-transform: none; transform: none;} .slider-nav-wrapper {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;} .slider-nav.swiper-button-disabled svg path {fill: #04833E;} .slider-nav {-webkit-box-flex: 0;-ms-flex: none;flex: none;} .product-slider img {max-width: 100%;width:100%;max-height: 100%; object-fit: contain; object-position: center;} .top-block-content {margin: auto; width: 100%; max-width: 1150px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-transform: translateX(38px); -ms-transform: translateX(38px); transform: translateX(38px);} .product-slider {width: calc(100% - 800px); padding-right: 27px; display: none;} .product-slider.swiper-initialized {display: inline-block;} .product-slider .product-img {display: none;} .product-slider.swiper-initialized + .product-img {display: block;} .product-slider__wrp {height: 100%;} .product-slider__item {position: relative; height: 100%; width: 100%;} .product-slider__item.swiper-slide-active .product-slider__content > * {opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none;} .product-slider__item.swiper-slide-active .product-slider__content > *:nth-child(1) {-webkit-transition-delay: 0s;-o-transition-delay: 0s;transition-delay: 0s;} .product-slider__item.swiper-slide-active .product-slider__content > *:nth-child(2) {-webkit-transition-delay: 0.2s;-o-transition-delay: 0.2s;transition-delay: 0.2s;} .product-slider__item.swiper-slide-active .product-slider__content > *:nth-child(3) {-webkit-transition-delay: 0.4s;-o-transition-delay: 0.4s;transition-delay: 0.4s;} .product-slider__item.swiper-slide-active .product-slider__content > *:nth-child(4) {-webkit-transition-delay: 0.6s;-o-transition-delay: 0.6s;transition-delay: 0.6s;} .product-slider__item.swiper-slide-active .product-slider__content > *:nth-child(5) {-webkit-transition-delay: 0.8s;-o-transition-delay: 0.8s;transition-delay: 0.8s;} .product-slider__item.swiper-slide-active .product-slider__content > *:nth-child(6) {-webkit-transition-delay: 1s;-o-transition-delay: 1s;transition-delay: 1s;} .product-slider__item.swiper-slide-active .product-slider__content > *:nth-child(7) {-webkit-transition-delay: 1.2s;-o-transition-delay: 1.2s;transition-delay: 1.2s;} .product-slider__item.swiper-slide-active .product-slider__content > *:nth-child(8) {-webkit-transition-delay: 1.4s;-o-transition-delay: 1.4s;transition-delay: 1.4s;} .product-slider__item.swiper-slide-active .product-slider__content > *:nth-child(9) {-webkit-transition-delay: 1.6s;-o-transition-delay: 1.6s;transition-delay: 1.6s;} .product-slider__item.swiper-slide-active .product-slider__content > *:nth-child(10) {-webkit-transition-delay: 1.8s;-o-transition-delay: 1.8s;transition-delay: 1.8s;} .product-slider__item.swiper-slide-active .product-slider__content > *:nth-child(11) {-webkit-transition-delay: 2s;-o-transition-delay: 2s;transition-delay: 2s;} .product-slider__item.swiper-slide-active .product-slider__content > *:nth-child(12) {-webkit-transition-delay: 2.2s;-o-transition-delay: 2.2s;transition-delay: 2.2s;} .product-slider__item.swiper-slide-active .product-slider__content > *:nth-child(13) {-webkit-transition-delay: 2.4s;-o-transition-delay: 2.4s;transition-delay: 2.4s;} .product-slider__item.swiper-slide-active .product-slider__content > *:nth-child(14) {-webkit-transition-delay: 2.6s;-o-transition-delay: 2.6s;transition-delay: 2.6s;} .product-slider__item.swiper-slide-active .product-slider__content > *:nth-child(15) {-webkit-transition-delay: 2.8s;-o-transition-delay: 2.8s;transition-delay: 2.8s;} .product-slider__card {padding-top: 170px; position: relative;} .product-slider__content {text-align: center; color: #fff; padding-top: 1px; position: relative; z-index: 2;} .product-slider__title {opacity: 0; -webkit-transform: translateY(55px); -ms-transform: translateY(55px); transform: translateY(55px); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: transform 0.35s, opacity 0.35s; transition: transform 0.35s, opacity 0.35s; transition: transform 0.35s, opacity 0.35s, -webkit-transform 0.35s;} .slide__sub-title {opacity: 0; -webkit-transform: translateY(55px); -ms-transform: translateY(55px); transform: translateY(55px); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: transform 0.35s, opacity 0.35s; transition: transform 0.35s, opacity 0.35s; transition: transform 0.35s, opacity 0.35s, -webkit-transform 0.35s;} .product-slider__bottom {margin-top: 20px; opacity: 0; -webkit-transform: translateY(55px); -ms-transform: translateY(55px); transform: translateY(55px); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: transform 0.35s, opacity 0.35s; transition: transform 0.35s, opacity 0.35s; transition: transform 0.35s, opacity 0.35s, -webkit-transform 0.35s;} .product-ctr {opacity: 0; -webkit-transform: translateY(55px); -ms-transform: translateY(55px); transform: translateY(55px); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: transform 0.35s, opacity 0.35s; transition: transform 0.35s, opacity 0.35s; transition: transform 0.35s, opacity 0.35s, -webkit-transform 0.35s;} .product-img {width: 800px; height: 685px; z-index: 2; pointer-events: none; position: relative;} .product-img__item {width: 100%; height: 100%; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; top: 50%; right: 0; -webkit-transform: translateY(-50%) translateX(130px); -ms-transform: translateY(-50%) translateX(130px); transform: translateY(-50%) translateX(130px); opacity: 0; -webkit-transition: opacity 0.21s, -webkit-transform 0.21s; transition: opacity 0.21s, -webkit-transform 0.21s; -o-transition: transform 0.21s, opacity 0.21s; transition: transform 0.21s, opacity 0.21s; transition: transform 0.21s, opacity 0.21s, -webkit-transform 0.21s;} .swiper-initialized + .product-img .product-img__item {display: -webkit-box;display: -ms-flexbox;display: flex;} .product-img__item.active {opacity: 1; -webkit-transform: translateY(-50%) translateX(0); -ms-transform: translateY(-50%) translateX(0); transform: translateY(-50%) translateX(0); -webkit-transition-delay: 0.21s; -o-transition-delay: 0.21s; transition-delay: 0.21s;} .product-img__item img {-o-object-fit: scale-down;object-fit: scale-down; -o-object-position: center; object-position: center; width: 100%; height: 100%;} .content.about-page {overflow: hidden;} .about-page .main-top-right-bg {top: 50px; width: 620px;} .about-page.content .container {max-width: 1290px;} .about-page .title {margin-bottom: 17px;} .about-page .top-block {padding-top: 0;} .content.about-page {padding-top: 200px;} .where-to-buy-block .container {max-width: 1780px !important;} .about-page .info-wrapper {max-width: 574px; position: relative;} .about-page .top-block .info-wrapper {margin-left: 200px; margin-bottom: 50px;} .about-page .ingrid-block .title {margin: 0 0 45px 100px;} .about-page .ingrid-block .info-wrapper {margin-left: 400px; padding-top: 236px;} .info-wrapper .info-pic {position: absolute;} .info-wrapper .title {position: relative;} .info-wrapper .info-text {position: relative; font-size: 20px; line-height: 24px;} .about-page .info-pic.ingrid1 {left: -327px; top: 0;} .about-page .info-pic.ingrid2 {right: -350px; bottom: -194px;} .about-page .prod-block {position: relative; padding: 231px 0 50px; min-height: 690px;} .about-page .prod-block .prod-pic {position: absolute; top: 0; left: 0;} .about-page .prod-block .info-wrapper {margin-left: 730px;} .about-page .prod-block .title {margin: 0 0 45px 80px;} .product-page.content {overflow: hidden; padding-top: 100px;} .product-page .top-block {padding-top: 0;} .product-page .info-text {position: relative;} .product-page .product-card {padding-left: 80px;} .product-page .product-slider {width: 610px; height: 522px; padding: 0; max-width: 100%;} .product-page .product-slider .swiper-slide {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;} .product-page .product-slider .swiper-slide .slide-pic {opacity: 0; -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); -webkit-transition: opacity .21s, -webkit-transform .21s; transition: opacity .21s, -webkit-transform .21s; -o-transition: transform .21s, opacity .21s; transition: transform .21s, opacity .21s; transition: transform .21s, opacity .21s, -webkit-transform .21s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .product-page .product-slider .swiper-slide.swiper-slide-active .slide-pic {opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition-delay: 0.21s; -o-transition-delay: 0.21s; transition-delay: 0.21s} .product-page .product-slider {position: relative;} .recipes-block-slider .swiper-pagination, .cheeses-block-slider .swiper-pagination, .product-slider .swiper-pagination {position: static; width: auto; white-space: nowrap; margin: 0 30px; font-family: 'Calibri'; font-size: 20px; line-height: 24px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .product-page .product-info {-webkit-box-flex: 0;-ms-flex: 0 0 508px;flex: 0 0 508px; max-width: 508px; margin: 12px -40px 0 0;} .product-page .product-info .title {font-size: 48px; line-height: 58px;} .product-page .product-info .sub-title {font-size: 16px; line-height: 19px; text-align: center; margin-bottom: 30px;} .product-page .product-info .food-chars-wrapper {margin-top: 10px;} .product-page .product-info .food-chars-wrapper .t-bold {margin-top: 5px;} .product-page .icons-food {margin: 5px 0 0 -10px;} .product-page .action-wrapper {margin-top: 33px;} .product-page .action-wrapper .btn:first-child {margin-right: 13px;} .product-page .block-info-wrapper {max-width: 493px; padding-top: 56px;} .product-page .block-info-wrapper .title {margin: 0 0 28px 20px;} .product-page .natural-block {position: relative;} .product-page .natural-block .block-info-wrapper .title {margin-left: 40px;} .product-page .natural-block .basil2-pic {left: 0; left: -455px; top: -10px;} .product-page .natural-block .hlorof-pic {left: calc(100% + 48px); top: 84px;} .product-page .sandwich-block {margin-top: 128px;} .product-page .sandwich-block .block-info-wrapper {padding-top: 127px; margin-left: 190px;} .product-page .sandwich-block .greensandwich-pic {left: calc(100%);} .product-page .sandwich-block .title {margin-left: 20px;} .product-page .melt-block {margin-top: 300px; margin-bottom: 230px;} .product-page .melt-block .block-info-wrapper {margin-right: 200px; padding: 0;} .product-page .melt-block .pizza-pic {top: -280px; right: calc(100% - 145px);} .product-page .melt-block .grre-pic {top: 10px; left: calc(100% - 190px);} .recipes-block-slider {margin: 80px 0 40px;} .recipes-block-slider .title {margin-bottom: 35px; font-size: 48px; line-height: 58px;} .recipes-block-slider .recipes-slider .slider-nav-wrapper > * {margin-top: 50px;} .recipes-block-slider .swiper-slide {display: -webkit-box;display: -ms-flexbox;display: flex;height: auto;} .recipes-block-slider .slide-pic {margin-right: 30px; -webkit-box-flex: 0; -ms-flex: none; flex: none;} .recipes-block-slider .slide-pic img {border-radius: 15px;} .recipes-block-slider .slide-info {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 280px;} .recipes-block-slider .slide-info .title {margin: 0 0 15px; color: #000; font-size: 22px; line-height: 30px;} .recipes-block-slider .slide-info .info-text {margin-bottom: auto;overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .recipes-block-slider .slide-info .btn {width: 150px; padding: 0;margin-top: 20px;} .cheeses-block-slider {margin: 80px 0 40px;} .cheeses-block-slider .title {margin-bottom: 25px; font-size: 48px; line-height: 58px;} .cheeses-block-slider .cheeses-slider .swiper-slide img {max-width: 100%;} .cheeses-block-slider .cheeses-slider .slider-nav-wrapper > * {margin-top: 50px;} .product-page .where-to-buy-block {margin-top: 80px;} .recipe-list-page.content {padding-top: 200px;} .recipe-list-page .top-line { margin-bottom: 17px; position: relative;} .recipe-list-page .tags-wrapper .tag-item {font-size: 24px; line-height: 29px; margin-right: 20px; cursor: pointer; white-space: nowrap;transition: 0.25s color ease-in-out;} .recipe-list-page .tags-wrapper .tag-item:last-child {margin-right: 0;} .recipe-list-page .tags-wrapper .tag-item.active, .recipe-list-page .tags-wrapper .tag-item:hover {color: #798826;} .recipe-list-wrapper {} .recipe-list-wrapper .col-big {-webkit-box-flex: 0;-ms-flex: 0 0 calc(100% / 3 * 2);flex: 0 0 calc(100% / 3 * 2); max-width: calc(100% / 3 * 2);} .recipe-item {margin-bottom: 30px; display: block;} .recipe-item__pic {height: 526px;overflow: hidden;} .recipe-item__name {font-size: 24px; line-height: 29px; color: #404041; padding-top: 16px;transition: 0.25s color ease-in-out;} .recipe-item__pic img {transition: 0.45s all ease-in-out;} .recipe-item:hover .recipe-item__name { color: #EA242B; } .recipe-item:hover .recipe-item__pic img { transform: scale(1.15); } .link-more.btn-more {width: auto; display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 60px 0 80px; cursor: pointer;border: none; background: transparent;} .link-more .link-text {font-size: 14px; line-height: 16px; letter-spacing: 0.1em; text-transform: uppercase; margin: 18px;} .recipe-page .top-block {padding-top: 0;} .recipe-page.content {padding-top: 156px; overflow: hidden;} .recipe-page .product-image {-webkit-box-flex: 0;-ms-flex: 0 0 662px;flex: 0 0 662px; max-width: 662px; height: 440px; margin-right: 106px;} .recipe-page .product-info {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;} .recipe-page .product-info .title {font-size: 18px; line-height: 22px; margin: 0 0 20px 0;} .recipe-page .food-chars-wrapper {margin: 45px 0 auto;} .recipe-page .qty-wrapper .caption {font-weight: 300; font-size: 15px; line-height: 18px; color: #6A6969;} .recipe-page .qty-wrapper .qty-inner {margin: 5px 0;} .recipe-page .action-wrapper .btn {margin-left: 75px;} .recipe-page .recipes-block-slider {margin: 70px 0 90px;} .recipe-ingrid-block {margin-top: 80px;} .recipe-ingrid-block .ingrid-wrapper {--mgap: -25px; --pgap: 25px; margin-bottom: 100px;} .recipe-ingrid-block .ingrid-wrapper .col {-webkit-box-flex: 0;-ms-flex: 0 0 543px;flex: 0 0 543px; max-width: 543px;} .recipe-ingrid-block .ingrid-wrapper .col-pic {-webkit-box-flex: 0;-ms-flex: 0 0 calc(100% - 543px * 2);flex: 0 0 calc(100% - 543px * 2); max-width: calc(100% - 543px * 2);} .recipe-ingrid-block .title {margin-bottom: 50px;} .recipe-ingrid-block ul {padding-left: 0; list-style: none;} .recipe-ingrid-block ul li {font-weight: 300; font-size: 24px; line-height: 29px;} .recipe-ingrid-block .blue-pic {max-width: 253px !important; margin-left: -50px;} .recipe-dough-block {position: relative; padding-bottom: 120px;} .recipe-dough-block .ravi1-pic {position: absolute; top: 26px; left: -2px; left: -492px;} .recipe-dough-block .info-wrapper {max-width: 770px; margin-left: 420px; position: relative;} .recipe-dough-block .info-pic {position: absolute;} .recipe-dough-block .title {margin: 0 0 60px 40px;} .recipe-dough-block .info-text {font-weight: 300; font-size: 18px; line-height: 22px;} .recipe-dough-block.block2 {padding: 60px 0 36px;} .recipe-dough-block.block2 .ravi2-pic {top: -90px; right: -505px;} .recipe-dough-block.block2 .info-wrapper {max-width: 790px; margin-left: 55px;} .recipe-dough-block.block3 {padding: 140px 0 106px;} .recipe-dough-block.block3 .ravi3-pic {top: 30px; top: -140px; left: -570px;} .recipe-dough-block.block3 .info-wrapper {max-width: 770px; margin-left: 500px;} .recipe-dough-block.content-block { padding: 30px 0; } .recipe-dough-block.content-block .title { margin-left: auto; margin-right: auto; margin-bottom: 30px; } .recipe-dough-block.content-block .info-wrapper { display: flex; align-items: center; gap: 60px; max-width: 100%; width: 100%; margin: 0; } .recipe-dough-block.content-block .info-pic { position: static; width: 35%; flex-shrink: 0; } .recipe-dough-block.content-block .info-pic img { width: 100%; height: 100%; object-fit: cover; } .recipe-dough-block.content-block .info-text { position: static; flex-grow: 1; } .recipe-dough-block.content-block.content-block-1 .info-text { padding-right: 10%; } .recipe-dough-block.content-block.content-block-2 .info-text { order: 1; padding-left: 10%; } .recipe-dough-block.content-block.content-block-3 .info-text { padding: 0; } .recipe-dough-block.content-block.content-block-2 .info-pic { order: 2; } .recipe-dough-block.content-block.content-block-3 .info-pic { width: 25%; } .horeca-page.content {padding: 124px 0 300px; overflow: hidden;} .horeca-page .top-block {padding: 0;} .horeca-page .main-top-basil {left: 129px;} .horeca-page .cheeses-horeca-pic {margin-right: 55px; -webkit-box-flex: 0; -ms-flex: none; flex: none;} .horeca-page .top-block-inner {margin-left: 50px;} .horeca-page .horeca-min-text {font-size: 24px; line-height: 29px; color: #6A6969; text-transform: uppercase;} .horeca-page .green-list {max-width: 410px;} .horeca-page .horeca-min-wrapper .green-list {margin-top: 40px;} .green-list {padding-left: 0;} .green-list li {display: -webkit-box;display: -ms-flexbox;display: flex; font-weight: 300; font-size: 20px; line-height: 24px; margin-bottom: 16px;} .green-list li::before {content: ''; width: 11px; height: 11px; background: #798826; margin-right: 16px; margin-top: 7px; border-radius: 50%; -webkit-box-flex: 0; -ms-flex: none; flex: none;} .horeca-page .horeca-min-wrapper .btn {margin-top: 16px;} .horeca-page .horeca-pizza-block {margin-top: 80px;} .horeca-page .horeca-pizza-block .title {margin-bottom: 13px;} .horeca-page .horeca-pizza-block .sub-title {text-align: center; font-family: 'Calibri'; font-weight: 700; font-size: 20px; line-height: 24px; color: #798826; text-transform: uppercase;} .horeca-page .horeca-pizza-block-inner {margin-top: 25px;} .horeca-page .pizza-horeca-pic {margin-right: 65px; -webkit-box-flex: 0; -ms-flex: none; flex: none;} .horeca-page .horeca-pizza-block-inner .info-wrapper {position: relative;} .horeca-page .horeca-pizza-block-inner .green-list {position: relative;} .horeca-page .horeca-pizza-block-inner .btn {margin-top: 60px;} .horeca-page .horeca-pizza-block-inner .cheese-horeca-pic {position: absolute; bottom: -62px; left: 170px; z-index: -1;} .products-row { display: flex; max-width: 100%; gap: 50px; margin-bottom: 128px; } .product-item { width: calc((100% - 100px) / 3); display: flex; flex-direction: column; align-items: center; text-align: center; } .product-item >img { height: 270px; width: 100%; object-fit: contain; object-position: center; } .title.product-item-title { font-size: 36px; line-height: 43px; margin-bottom: 25px; } .sub-title.product-item-intro { font-size: 16px; line-height: 19px; margin-top: 30px; margin-bottom: 20px; } .product-item .btn-red { margin-top: auto; } @media (max-width: 992px) { .products-row { flex-direction: column; align-items: center; } .product-item { width: 100%; } .title.product-item-title { margin-bottom: 10px; } .sub-title.product-item-intro { margin-top: 5px; } } .contacts-page.content {padding: 200px 0 225px; overflow: hidden;} .contacts-page .main-top-basil {left: 129px;} .contacts-page .map-block .col:first-child {-webkit-box-flex: 0;-ms-flex: 0 0 258px;flex: 0 0 258px; max-width: 258px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;} .contacts-page .map-block .col:last-child {-webkit-box-flex: 0;-ms-flex: 0 0 calc(100% - 258px);flex: 0 0 calc(100% - 258px); max-width: calc(100% - 258px);} .contacts-page .contacts-wrapper:first-child {margin-bottom: auto;} .contacts-page .contacts-wrapper .caption {font-weight: 700; font-size: 14px; line-height: 20px;} .contacts-page .contacts-wrapper .contacts-item {font-size: 14px; line-height: 20px;} .contacts-page .map {height: 562px; width: 100%;} .contacts-page .feedback-block {margin-top: 55px;} .contacts-page .feedback-block .title {color: #000;} .contacts-page .feedback-block .sub-title {text-align: center; font-family: 'Calibri'; font-size: 18px; line-height: 21px; color: #000; text-transform: uppercase; margin: 17px 0 60px;} .contacts-page .feedback-block .row-3 {--mgap: -12.5px; --pgap: 12.5px;} .contacts-page .feedback-block .v-form-control {margin-bottom: 55px;} .contacts-page .feedback-block .input-wrapper {width: 100%; padding: 20px 0 0; border: none; height: auto;} .contacts-page .feedback-block .input-wrapper input {font-size: 18px; line-height: 21px; padding-bottom: 20px; border-bottom: 1px solid #000;} .contacts-page .feedback-block .note {width: 100%; font-size: 12px; line-height: 14px; color: #8F8F8F; text-align: right;} .contacts-page .feedback-block .btn {margin-top: 50px; border-radius: 10px; width: 384px; height: 60px; font-weight: 400; font-size: 15px; line-height: 16px; letter-spacing: 0.1em; text-transform: uppercase;} .animate {-webkit-transition: opacity .7s, -webkit-transform .7s;transition: opacity .7s, -webkit-transform .7s;-o-transition: transform .7s, opacity .7s;transition: transform .7s, opacity .7s;transition: transform .7s, opacity .7s, -webkit-transform .7s;} .animate.fade-in {opacity: 0; -webkit-transition: opacity .7s; -o-transition: opacity .7s; transition: opacity .7s;} .animate.fade-up {-webkit-transform: translateY(50px);-ms-transform: translateY(50px);transform: translateY(50px); opacity: 0;} .animate.fade-down {-webkit-transform: translateY(-50px);-ms-transform: translateY(-50px);transform: translateY(-50px); opacity: 0;} .animate.fade-left {-webkit-transform: translateX(-100px);-ms-transform: translateX(-100px);transform: translateX(-100px); opacity: 0;} .animate.fade-right {-webkit-transform: translateX(100px);-ms-transform: translateX(100px);transform: translateX(100px); opacity: 0;} .animate.animate-ready {-webkit-transform: translate(0) !important;-ms-transform: translate(0) !important;transform: translate(0) !important; opacity: 1 !important;} .animate.delay1 {-webkit-transition-delay: 0.2s;-o-transition-delay: 0.2s;transition-delay: 0.2s;} .animate.delay2 {-webkit-transition-delay: 0.4s;-o-transition-delay: 0.4s;transition-delay: 0.4s;} .animate.delay3 {-webkit-transition-delay: 0.6s;-o-transition-delay: 0.6s;transition-delay: 0.6s;} .animate.delay4 {-webkit-transition-delay: 0.8s;-o-transition-delay: 0.8s;transition-delay: 0.8s;} .animate.delay5 {-webkit-transition-delay: 1s;-o-transition-delay: 1s;transition-delay: 1s;} .animate.delay6 {-webkit-transition-delay: 1.2s;-o-transition-delay: 1.2s;transition-delay: 1.2s;} .animate.delay7 {-webkit-transition-delay: 1.4s;-o-transition-delay: 1.4s;transition-delay: 1.4s;} .animate.delay8 {-webkit-transition-delay: 1.6s;-o-transition-delay: 1.6s;transition-delay: 1.6s;} .animate.delay9 {-webkit-transition-delay: 1.8s;-o-transition-delay: 1.8s;transition-delay: 1.8s;} .animate.delay10 {-webkit-transition-delay: 2s;-o-transition-delay: 2s;transition-delay: 2s;} .container, .container-fluid {width: 100%; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto;} @media (min-width: 576px) {.container{max-width: 540px; padding-left: 15px; padding-right: 15px;}} @media (min-width: 768px) {.container{max-width: 730px;}} @media (min-width: 1280px){.container{max-width: 1290px;}} @media (min-width: 1450px){.container{max-width: 1780px;} .recipe-list-page .container, .recipe-page .container, .product-page .container {max-width: 1290px;} } @media (max-width: 1449px){ .main-page.content {padding: 0;} .main-page .top-block {padding: 70px 0 0;} .main-page .main-top-right-bg {width: 731px; height: 701px; background: url(../img/main-top-right-bg-732.svg) 0 0 no-repeat;} .main-top-olive {top: 490px; left: -14px; width: 397px;} .top-block-content {max-width: 920px; } .product-img {width: 610px; height: 522px;} .product-slider {width: calc(100% - 610px); padding-right: 46px;} .main-page .product-slider .slider-nav-wrapper {bottom: -104px; right: 35px;} .main-page .title.slide__title {font-size: 48px; line-height: 58px; margin-bottom: 5px;} .main-page .slide__sub-title {font-size: 16px; line-height: 19px;} .main-page .slide__suitable {font-size: 15px; line-height: 18px; max-width: 260px;} .scroll-down {margin-top: 60px;} .horeca-block .povora-pic {width: 780px; height: auto;} .horeca-block .povora-pic {margin-left: calc(50% - 415px);} .horeca-block {background-size: 1280px; background-position: center 120px; margin-top: -25px;} .special-offer {padding-bottom: 42px; margin-top: -10px;} .special-offer .food-pic {height: 160px; top: 50px;} .special-offer .food-pic.food1 {right: calc(100% + 210px);} .special-offer .food-pic.food2 {right: calc(100% - 40px);} .special-offer .food-pic.food3 {left: calc(100% - 80px);} .special-offer .food-pic.food4 {left: calc(100% + 150px);} .bluch-pic1 {width: 730px; height: auto; right: calc(100% + 33px); top: -15px;} .bluch-pic2 {width: 515px; height: auto; left: calc(100% + 195px); top: -25px;} .new-prods-block .block-info-wrapper {padding: 110px 0 170px;} .video-block {padding: 0 0 40px; margin-top: -25px;} .video-block .video-board {width: 1104px; height: auto; margin-right: -38px;} .video-bg-left {width: 422px; height: auto; top: -146px; left: -2px;} .video-block .video-bg {top: -55px; right: -73px; width: 128.4%;} .recipes-block .block-info-wrapper {padding: 100px 0 75px;} .recipe-pic1 {width: 475px; height: auto;} .recipe-pic2 {width: 553px; height: auto;} .about-page .main-top-right-bg {top: 108px; width: auto;} .about-page .top-block .info-wrapper {margin-left: 160px;} .about-page .prod-block .prod-pic {left: -100px;} .about-page .main-top-right-bg {right: -30px;} .horeca-page .horeca-pizza-block-inner {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;} footer .links {margin-right: 80px;} } @media (max-width: 1279px){ .logo {width: 300px;} .main-top-basil {left: auto !important; right: -15px; width: 230px;} .content {padding: 120px 0 100px !important; overflow: hidden;} .main-page.content {padding: 0 !important;} .main-page .top-block {padding: 90px 0 0 !important;} .main-page .main-top-left-bg {left: -50px;} .main-page .main-top-right-bg {right: -200px; top: -50px; height: 670px; background-size: 731px 670px;} .main-top-olive {width: 270px;} .top-block-content {max-width: 800px;} .product-slider {padding: 0;} .product-img {width: 530px; height: 450px;} .product-slider {width: calc(100% - 530px);} .main-page .product-slider .slider-nav-wrapper {bottom: -70px; right: 45px;} .scroll-down {margin-top: 40px;} .product-page .top-block { margin-bottom: 20px; } .horeca-block {background-size: 100%;} .horeca-block .povora-pic {width: 670px; margin-left: calc(50% - 380px);} .special-offer .food-pic {height: 140px; top: 70px;} .special-offer .food-pic.food1 {right: calc(100% + 115px);} .special-offer .food-pic.food2 {right: calc(100% - 100px);} .special-offer .food-pic.food3 {left: calc(100% - 100px);} .special-offer .food-pic.food4 {left: calc(100% + 115px);} .bluch-pic1 {width: 550px; right: calc(100% + 0px); top: 10px;} .bluch-pic2 {width: 370px; left: calc(100% + 50px); top: 0;} .new-prods-block .block-info-wrapper {padding: 130px 0 170px;} .recipes-block .block-info-wrapper {padding-bottom: 100px;} .recipe-pic1 {width: 350px; top: 10px;} .recipe-pic2 {width: 400px; top: 10px;} .recipe-list-page.content {padding-bottom: 0 !important;} .recipe-list-page .top-line {-ms-flex-wrap: wrap;flex-wrap: wrap;} .recipe-list-page .tags-wrapper {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1; margin-top: 17px; max-width: 730px; overflow-x: auto;} .recipe-list-page .tags-wrapper::-webkit-scrollbar {display: none;} .recipe-list-wrapper .col {-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%; max-width: 50%;} .recipe-list-wrapper .col-big {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%; max-width: 100%;} .recipe-item__pic {height: 340px;} .recipe-page .main-top-left-bg {left: -100px;} .recipe-page .product-image {margin-top: 50px; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} .recipe-page .product-info .title {position: absolute; top: 0; width: 700px; text-align: center; margin: 0;} .recipe-page .product-info .title + .info-text {margin-top: 30px;} .recipe-page .recipe-card {-ms-flex-wrap: wrap;flex-wrap: wrap;} .recipe-page .product-info {display: block;} .recipe-page .food-chars-wrapper {margin-top: 20px;} .recipe-page .action-wrapper {margin-top: 20px;} .recipe-ingrid-block .ingrid-wrapper .col {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%; max-width: 100%; margin-bottom: 40px;} .recipe-ingrid-block .ingrid-wrapper .title-h2 {text-align: center;} .recipe-ingrid-block .ingrid-wrapper .col-pic {text-align: center;} .recipe-ingrid-block .blue-pic {margin: 0;} .recipe-dough-block {padding: 0 !important;} .recipe-dough-block .info-wrapper {max-width: none !important; margin: 0 !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;} .recipe-dough-block .title {margin-left: 0;} .recipe-dough-block .info-pic {position: static; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 30px 0; height: 250px; width: 400px; -webkit-box-flex: 0; -ms-flex: none; flex: none;} .recipe-dough-block .info-pic img {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block;} .recipe-page .recipes-block-slider {margin-bottom: 0;} .recipes-block-slider .swiper-slide {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} .recipe-dough-block.content-block { padding: 20px 0 !important; } .recipe-dough-block.content-block .info-wrapper { max-width: 100% !important; padding-left: 20px; padding-right: 20px; gap: 20px; } .recipe-dough-block.content-block .info-pic { width: 100% !important; flex-shrink: 0; order: 1 !important; margin: 0; } .recipe-dough-block.content-block .info-pic img { object-fit: contain; object-position: center; } .recipe-dough-block.content-block .info-pic.info-pic-second { order: 3 !important; } .recipe-dough-block.content-block .info-text { width: 100%; flex-shrink: 0; order: 2 !important; padding: 0 !important; } .recipe-dough-block.content-block .title { max-width: calc(100% - 52px); } .title.highlight::before, .title.highlight::after { transform: translateY(-50%); } .horeca-page.content {padding-bottom: 80px !important;} .horeca-page .main-top-left-bg {display: none;} .horeca-page .top-block-inner {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; margin: 0;} .horeca-page .cheeses-horeca-pic {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1; margin: 70px 0 0; width: 400px;} .horeca-page .cheeses-horeca-pic img {max-width: 100%; height: auto;} .horeca-page .horeca-min-wrapper .green-list {margin: 47px auto 0;} .horeca-page .horeca-min-wrapper .btn {position: absolute; bottom: -60px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);} .horeca-page .horeca-pizza-block {margin-top: 40px;} .horeca-page .horeca-pizza-block-inner {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; position: relative;} .horeca-page .horeca-pizza-block-inner .info-wrapper {position: static;} .horeca-page .pizza-horeca-pic {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1; margin: 110px 0 0; width: 450px;} .horeca-page .pizza-horeca-pic img {max-width: 100%; height: auto;} .horeca-page .horeca-pizza-block-inner .cheese-horeca-pic {display: none;} .horeca-page .horeca-pizza-block-inner .btn {position: absolute; bottom: -70px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);} .about-page .main-top-left-bg {left: -80px;} .product-page .main-top-left-bg {left: -80px;} .product-page .main-top-right-bg {display: none;} .product-page .product-card {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; padding: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative;} .product-page .product-info {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%; max-width: 100%; margin: 50px 0 0;} .product-page .product-info .title-wrapper {position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%) !important; -ms-transform: translateX(-50%) !important; transform: translateX(-50%) !important; width: 100%; -webkit-transition: opacity 1s !important; -o-transition: opacity 1s !important; transition: opacity 1s !important;} .product-page .product-slider {margin-top: 50px;} .product-page .icons-food {margin: 5px 0; display: flex; align-items: flex-start; gap: 5px; overflow: hidden; width: 100%;} .product-page .icons-food > img { flex-grow: 1; display: block; width: auto; flex-basis: 0; max-width: calc(25% - 5px); } .product-page .action-wrapper {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} .product-page .block-info-wrapper .title {margin: 0 auto 28px !important;} .product-page .block-info-wrapper {padding: 0 !important; margin: 0 !important; max-width: none;} .product-page .natural-block {margin-top: 70px;} .product-page .natural-block .basil2-pic {left: 30px; top: -40px; -webkit-transform: scale(.6); -ms-transform: scale(.6); transform: scale(.6); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left;} .product-page .natural-block .hlorof-pic {right: 30px; top: 30px; left: auto; -webkit-transform: scale(.6); -ms-transform: scale(.6); transform: scale(.6); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right;} .product-page .natural-block .info-text {margin-top: 220px;} .product-page .sandwich-block {margin-top: 70px;} .product-page .sandwich-block .block-info-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .product-page .sandwich-block .greensandwich-pic {position: static; width: 450px; max-width: 100%; margin: 20px auto; display: block; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2;} .product-page .sandwich-block .block-info-wrapper .title {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;} .product-page .sandwich-block .info-text {-webkit-box-ordinal-group: 4;-ms-flex-order: 3;order: 3;} .product-page .melt-block {margin: 70px 0;} .product-page .melt-block .grre-pic {display: none;} .product-page .melt-block .block-info-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .product-page .melt-block .pizza-pic {position: static; width: 450px; max-width: 100%; margin: 0 auto 20px; display: block; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2;} .product-page .melt-block .block-info-wrapper .title {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;} .product-page .melt-block .info-text {-webkit-box-ordinal-group: 4;-ms-flex-order: 3;order: 3;} .cheeses-block-slider, .product-page .where-to-buy-block {margin-top: 100px;} .contacts-page .map-block .col:first-child {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%; max-width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-top: 40px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;} .contacts-page .map-block .col:last-child {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%; max-width: 100%;} .contacts-page .contacts-wrapper:first-child {-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%; max-width: 50%; padding-right: 20px;} .contacts-page .contacts-wrapper:last-child {-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%; max-width: 50%;} .contacts-page .map {height: 350px;} footer {padding-top: 10px;} footer .logo {position: static; -webkit-transform: none; -ms-transform: none; transform: none; margin: 0 auto; width: 368px;} footer .links .footer-item {margin-bottom: 3px;} .partners-slider {width: 100%;} .totop {right: 20px; bottom: 8px !important; position: fixed;} .totop img {width: 60px; height: 60px; position: static;} } @media (max-width: 1199px){ .about-page.content .container {max-width: 730px;} .about-page .main-top-right-bg {width: 500px; right: -60px;} .about-page .top-block .info-wrapper {margin-left: 100px; max-width: 450px;} .about-page .ingrid-block {margin-top: 20px;} .about-page .info-wrapper {padding: 0 !important; margin: 0 !important; max-width: none;} .about-page .info-wrapper .info-pic {position: static; text-align: center; max-width: 100%; width: 400px; margin: 0 auto 10px;} .about-page .info-wrapper .info-pic img {max-width: 100%; height: auto;} .about-page .info-pic.ingrid1 {margin-left: 50px;} .about-page .info-pic.ingrid2 {margin-top: 30px;} .about-page .ingrid-block .title, .about-page .prod-block .title {margin: 0 auto 30px;} .about-page .prod-block {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; margin-top: 34px;} .about-page .prod-block .prod-pic {position: static; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; text-align: center;} .about-page .prod-block {min-height: 0;} .partners-slider {overflow-x: scroll;} } @media (max-width: 1023px){ .top-menu::before {left: -150px;} .top-menu::after {right: -150px;} .main-page.content {padding: 0 !important;} .main-page .top-block {padding: 10vw 0 0 !important;} .main-page .main-top-left-bg {left: 0; top: 80px; right: 80vw;} .main-page .main-top-right-bg { right: 0; top: -5px; background-size: 100% 100%; width: 67vw; height: 65vw; display: block !important;} .main-top-olive {width: 39vw; max-width: 200px; left: 0; top: calc(50vw + 200px);} .top-block-content {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 720px; -webkit-transform: none; -ms-transform: none; transform: none;} .product-img {width: 100%; max-width: 80%; height: 50vw; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; margin-bottom: 30px;} .product-slider {-webkit-box-flex: 1;-ms-flex: auto;flex: auto; width: 100%; max-width: 100%;} .product-slider__card {padding-top: 10px;} .main-page .product-slider .slider-nav-wrapper {bottom: -80px; left: 50%; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%);} .scroll-down {display: none;} .horeca-block {margin-top: 110px; background-position: center 9vw;} .horeca-block .povora-pic {width: 84%; margin-left: calc(4%);} .special-offer .food-pic {height: 100px; top: 80px;} .special-offer .food-pic.food1 {right: calc(100% + 30px);} .special-offer .food-pic.food2 {right: calc(100% - 120px);} .special-offer .food-pic.food3 {left: calc(100% - 120px);} .special-offer .food-pic.food4 {left: calc(100% + 30px);} .new-prods-block {position: relative;} .new-prods-block .block-info-wrapper {padding-top: 250px; padding: 40vw 0 100px; position: static;} .bluch-pic1 {left: -15vw; right: auto; width: 60vw;} .bluch-pic2 {right: -5vw; left: auto; width: 40vw; top: -10px;} .new-prods-block .sub-title, .new-prods-block .sub-title-text {position: relative;} .video-block {margin-top: 0;} .video-bg-left, .video-block .video-bg {display: none;} .video-block .video-board {margin-right: -15px;} .recipes-block {text-align: center; margin-top: 50px;} .recipe-pic1 {position: static; margin-top: 70px;} .recipe-pic2 {display: none;} .recipes-block .block-info-wrapper {position: static; padding-top: 0;} .recipes-block .title {position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%) !important; -ms-transform: translateX(-50%) !important; transform: translateX(-50%) !important;} .recipes-block .sub-title-text {margin-top: 0;} .recipe-list-page .main-top-left-bg, .recipe-list-page .main-top-right-bg {display: none;} .about-page .main-top-right-bg {right: 0; width: auto;} .about-page .top-block {margin-top: 400px;} .about-page .top-block .info-wrapper {max-width: none;} .about-page .info-pic.ingrid1 {margin: 0 auto 10px;} } @media (max-width: 767px){ .hamburger-wrapper {width: 38px; height: 29px; top: 12px; left: 20px;} .hamburger-menu, .hamburger-menu:after, .hamburger-menu:before {height: 7px; border-radius: 5px;} .hamburger-menu:after {top: 11px;} .hamburger-menu:before {bottom: 11px;} .logo {width: 165px;} .top-menu .logo {width: 245px; top: 0; padding: 0;} .main-top-left-bg {display: none;} .main-top-right-bg {display: none;} .main-top-basil {right: -10px; width: 136px;} .content {padding: 80px 0 !important;} .title {text-align: center;} .special-offer-text {margin-bottom: 120px;} .special-offer .food-pic.food1 {right: calc(100% - 70px);} .special-offer .food-pic.food2 {right: calc(100% - 215px);} .special-offer .food-pic.food3 {left: calc(100% - 215px);} .special-offer .food-pic.food4 {left: calc(100% - 70px);} .recipe-list-page .search-wrapper, .recipe-list-page .search-wrapper .input-wrapper {width: 100%;} .recipe-list-wrapper .col .recipe-item__name {font-size: 15px; line-height: 18px; padding-top: 11px;} .recipe-list-wrapper .col-big .recipe-item__name {font-size: 20px; line-height: 24px;} .recipe-list-wrapper .col .recipe-item__pic {height: 150px;} .recipe-list-wrapper .col-big .recipe-item__pic {height: 340px;} .link-more {margin: 0 auto;} .recipe-page .product-info .title {width: 510px;} .about-page .main-top-right-bg {display: block; max-width: 100%; top: 90px;} .about-page .top-block {margin-top: 430px;} .about-page .ingrid-block {margin-top: 0;} .about-page .prod-block .prod-pic img {max-width: 104%;} .product-page .natural-block .basil2-pic {left: -40px;} .product-page .natural-block .hlorof-pic {right: -30px;} .product-page .product-slider {height: 450px;} .contacts-page .map {height: 250px;} .contacts-page .feedback-block .sub-title {margin-bottom: 30px;} .contacts-page .feedback-block .row-3 > .col {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%; max-width: 100%;} .contacts-page .feedback-block .v-form-control {margin-bottom: 20px;} .contacts-page .feedback-block .input-wrapper {padding: 15px 0;} .contacts-page .feedback-block .row-2 > .col {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%; max-width: 100%;} .contacts-page .feedback-block .note {text-align: left; margin-top: 20px;} footer {padding-bottom: 100px;} footer .flex-between {display: block;} footer .contacts {padding: 0 45px; margin-top: 10px;} footer .links {padding: 0 45px; margin: 40px 0 0;} footer .social {padding: 0 45px; margin: 40px 0 0;} .top-menu {padding-top: 170px;} .top-menu::after {content: none;} .top-menu__item.active::after {bottom: -15px;} .top-menu::before {min-height: 0; width: 100vw; width: 350px; height: 100vh; height: 724px; left: 0; top: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);} .totop {bottom: 40px !important;} } @media (max-width: 575px){ .main-page .main-top-right-bg {background: url(../img/main-top-right-bg-mob.svg) 100% center no-repeat; right: 0; top: 0; background-size: 100% 100%; width: 67vw; height: 89vw;} .main-top-olive {top: calc(50vw + 310px);} .product-img {height: 68vw; margin: 30px 0 10px -50px;} .main-page .product-slider .slider-nav-wrapper {bottom: -110px;} .main-page .title.slide__title {font-size: 24px; line-height: 29px; margin-bottom: 15px;} .main-page .title.highlight::before, .main-page .title.highlight::after {top: 15px; width: 15px;} .main-page .title.highlight::before {left: -25px;} .main-page .title.highlight::after {right: -25px;} .special-offer-title {font-size: 24px; line-height: 29px;} .special-offer-text {font-size: 16px; line-height: 20px; margin-bottom: 80px;} .special-offer .food-pic {height: 55px; top: 60px;} .special-offer .food-pic.food1 {right: calc(100% - 20px);} .special-offer .food-pic.food2 {right: calc(100% - 110px);} .special-offer .food-pic.food3 {left: calc(100% - 110px);} .special-offer .food-pic.food4 {left: calc(100% - 20px);} .recipe-page .main-top-left-bg {display: none;} .recipe-page .product-image {margin-top: 55px; height: 236px;} .recipe-ingrid-block {margin-top: 50px;} .recipe-ingrid-block .title {margin-bottom: 35px;} .recipe-ingrid-block .ingrid-wrapper {margin-bottom: 0;} .recipe-page .action-wrapper {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;} .recipe-page .action-wrapper .btn {margin-left: 0;} .recipe-page .product-info .title {width: calc(100% - 40px);} .recipe-dough-block .info-pic {height: 195px;} .recipes-block-slider .swiper-slide {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .recipes-block-slider .slide-pic {margin: 0 0 40px;} .recipes-block-slider .slide-info .btn {margin: 30px auto 0;} .recipes-block-slider .title, .recipes-block-slider .slide-info .title, .cheeses-block-slider .title, .where-to-buy-block .title {font-size: 16px; line-height: 22px;} .horeca-page .horeca-min-pic {width: 323px; margin: 0 auto;} .horeca-page .horeca-min-text {text-align: center; font-size: 16px; line-height: 20px;} .horeca-page .cheeses-horeca-pic {width: 283px;} .horeca-page .pizza-horeca-pic {width: 265px;} .horeca-page .horeca-min-wrapper .btn, .horeca-page .horeca-pizza-block-inner .btn {width: 190px;} .about-page .main-top-right-bg {display: block; max-width: 100%; margin-top: 0; position: static;} .about-page .top-block {margin-top: 30px;} .about-page .top-block .title.highlight {font-size: 25px; line-height: 30px; } .about-page .top-block .title.highlight::before, .about-page .top-block .title.highlight::after {content: none;} .about-page .where-to-buy-block {margin-top: 75px;} .product-page .main-top-left-bg {left: -110px; top: 35px; width: 220px;} .product-page .product-slider {margin-top: 100px;} .product-page .product-slider {width: 290px; height: 248px;} .product-page .block-info-wrapper .title {font-size: 24px; line-height: 29px;} .product-page .block-info-wrapper .title.highlight::before, .product-page .block-info-wrapper .title.highlight::after {width: 16px; height: 2px;} .product-page .block-info-wrapper .title.highlight::before {left: -25px;} .product-page .block-info-wrapper .title.highlight::after {right: -25px;} .product-page .natural-block .basil2-pic {width: 125px; -webkit-transform: none; -ms-transform: none; transform: none; top: 35px; left: -20px;} .product-page .natural-block .hlorof-pic {width: 164px; -webkit-transform: none; -ms-transform: none; transform: none; top: 50px; right: -10px;} .product-page .natural-block .info-text {margin-top: 140px;} .product-page .sandwich-block .greensandwich-pic {margin-top: 0;} .cheeses-block-slider .title, .recipes-block-slider .title { font-size: 32px; line-height: 38px; } .recipes-block-slider .slide-info, .recipes-block-slider .title { text-align: center; } .modal-overlay { padding-top: 80px; } }