/* Start:/local/templates/hochland26/assets/css/swiper-bundle.min.css?177694851115563*/ /** * Swiper 7.0.8 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: October 4, 2021 */ @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-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-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:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;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-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-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.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%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/hochland26/assets/css/jquery.formstyler.css?17769485112169*/ .jq-checkbox, .jq-radio { position: relative; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .jq-checkbox input, .jq-radio input { position: absolute; z-index: -1; margin: 0; padding: 0; opacity: 0; } .jq-file { position: relative; display: inline-block; overflow: hidden; } .jq-file input { position: absolute; top: 0; right: 0; height: auto; margin: 0; padding: 0; opacity: 0; font-size: 100px; line-height: 1em; } .jq-file__name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .jq-selectbox, .jq-select-multiple { position: relative; display: inline-block; } .jq-selectbox select, .jq-select-multiple select { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0; padding: 0; opacity: 0; } .jq-selectbox li, .jq-select-multiple li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .jq-selectbox { z-index: 10; } .jq-selectbox__select { position: relative; } .jq-selectbox__select-text { overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; text-overflow: ellipsis; } .jq-selectbox__dropdown { position: absolute; } .jq-selectbox__search input { -webkit-appearance: textfield; } .jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration { -webkit-appearance: none; } .jq-selectbox__dropdown ul { position: relative; overflow: auto; overflow-x: hidden; list-style: none; -webkit-overflow-scrolling: touch; } .jq-select-multiple ul { position: relative; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .jq-number { display: inline-block; } .jq-number__field input { -moz-appearance: textfield; text-align: left; /* для Opera Presto */ } .jq-number__field input::-webkit-inner-spin-button, .jq-number__field input::-webkit-outer-spin-button { margin: 0; /* в каких-то браузерах присутствует отступ */ -webkit-appearance: none; } /* End */ /* Start:/local/templates/hochland26/assets/css/jquery.formstyler.theme.css?177694851110672*/ .jq-checkbox, .jq-radio { vertical-align: -4px; width: 16px; height: 16px; margin: 0 4px 0 0; border: 1px solid #C3C3C3; background: linear-gradient(#FFF, #E6E6E6); box-shadow: 0 1px 1px rgba(0,0,0,.05), inset -1px -1px #FFF, inset 1px -1px #FFF; cursor: pointer; } .jq-checkbox.focused, .jq-radio.focused { border: 0px; } .jq-checkbox.disabled, .jq-radio.disabled { opacity: .55; } .jq-checkbox { border-radius: 3px; } .jq-checkbox.checked .jq-checkbox__div { width: 12px; height: 12px; margin: 2px 0 0 2px; border-radius: 2px; background: #666; box-shadow: inset 0 -3px 6px #AAA; } .jq-radio { border-radius: 50%; } .jq-radio.checked .jq-radio__div { width: 10px; height: 10px; margin: 3px 0 0 3px; border-radius: 50%; background: #777; box-shadow: inset 1px 1px 1px rgba(0,0,0,.7); } .jq-file { width: 270px; border-radius: 4px; box-shadow: 0 1px 2px rgba(0,0,0,.1); } .jq-file input { cursor: pointer; } .jq-file__name { box-sizing: border-box; width: 100%; height: 34px; padding: 0 80px 0 10px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; background: #FFF; box-shadow: inset 1px 1px #F1F1F1; font: 14px/32px Arial, sans-serif; color: #333; } .jq-file__browse { position: absolute; top: 1px; right: 1px; padding: 0 10px; border-left: 1px solid #CCC; border-radius: 0 4px 4px 0; background: linear-gradient(#FFF, #E6E6E6); box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1); font: 14px/32px Arial, sans-serif; color: #333; text-shadow: 1px 1px #FFF; } .jq-file:hover .jq-file__browse { background: linear-gradient(#F6F6F6, #E6E6E6); } .jq-file:active .jq-file__browse { background: #F5F5F5; box-shadow: inset 1px 1px 3px #DDD; } .jq-file.focused .jq-file__name { border: 1px solid #5794BF; } .jq-file.disabled, .jq-file.disabled .jq-file__name, .jq-file.disabled .jq-file__browse { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } .jq-number { position: relative; vertical-align: middle; padding: 0 36px 0 0; } .jq-number__field { width: 100px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1); } .jq-number__field:hover { border-color: #B3B3B3; } .jq-number__field input { box-sizing: border-box; width: 100%; padding: 8px 9px; border: none; outline: none; background: none; font: 14px Arial, sans-serif; color: #333; } .jq-number__spin { position: absolute; top: 0; right: 0; width: 32px; height: 14px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; background: linear-gradient(#FFF, #E6E6E6); box-shadow: 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-shadow: 1px 1px #FFF; cursor: pointer; } .jq-number__spin.minus { top: auto; bottom: 0; } .jq-number__spin:hover { background: linear-gradient(#F6F6F6, #E6E6E6); } .jq-number__spin:active { background: #F5F5F5; box-shadow: inset 1px 1px 3px #DDD; } .jq-number__spin:after { content: ''; position: absolute; top: 4px; left: 11px; width: 0; height: 0; border-right: 5px solid transparent; border-bottom: 5px solid #999; border-left: 5px solid transparent; } .jq-number__spin.minus:after { top: 5px; border-top: 5px solid #999; border-right: 5px solid transparent; border-bottom: none; border-left: 5px solid transparent; } .jq-number__spin.minus:hover:after { border-top-color: #000; } .jq-number__spin.plus:hover:after { border-bottom-color: #000; } .jq-number.focused .jq-number__field { border: 1px solid #5794BF; } .jq-number.disabled .jq-number__field, .jq-number.disabled .jq-number__spin { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } .jq-number.disabled .jq-number__spin:after { border-bottom-color: #AAA; } .jq-number.disabled .jq-number__spin.minus:after { border-top-color: #AAA; } .jq-selectbox { vertical-align: middle; cursor: pointer; } .jq-selectbox__select { height: 32px; padding: 0 45px 0 10px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; background: linear-gradient(#FFF, #E6E6E6); box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1); font: 14px/32px Arial, sans-serif; color: #333; text-shadow: 1px 1px #FFF; } .jq-selectbox__select:hover { background: linear-gradient(#F6F6F6, #E6E6E6); } .jq-selectbox__select:active { background: #F5F5F5; box-shadow: inset 1px 1px 3px #DDD; } .jq-selectbox.focused .jq-selectbox__select { border: 1px solid #5794BF; } .jq-selectbox.disabled .jq-selectbox__select { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } .jq-selectbox__select-text { display: block; width: 100%; } .jq-selectbox .placeholder { color: #888; } .jq-selectbox__trigger { position: absolute; top: 0; right: 0; width: 34px; height: 100%; border-left: 1px solid #CCC; } .jq-selectbox__trigger-arrow { position: absolute; top: 14px; right: 12px; width: 0; height: 0; border-top: 5px solid #999; border-right: 5px solid transparent; border-left: 5px solid transparent; } .jq-selectbox:hover .jq-selectbox__trigger-arrow { border-top-color: #000; } .jq-selectbox.disabled .jq-selectbox__trigger-arrow { border-top-color: #AAA; } .jq-selectbox__dropdown { box-sizing: border-box; width: 100%; margin: 2px 0 0; padding: 0; border: 1px solid #CCC; border-radius: 4px; background: #FFF; box-shadow: 0 2px 10px rgba(0,0,0,.2); font: 14px/18px Arial, sans-serif; } .jq-selectbox__search { margin: 5px; } .jq-selectbox__search input { box-sizing: border-box; width: 100%; margin: 0; padding: 5px 27px 6px 8px; border: 1px solid #CCC; border-radius: 3px; outline: none; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==') no-repeat 100% 50%; box-shadow: inset 1px 1px #F1F1F1; color: #333; } .jq-selectbox__not-found { margin: 5px; padding: 5px 8px 6px; background: #F0F0F0; font-size: 13px; } .jq-selectbox ul { margin: 0; padding: 0; } .jq-selectbox li { min-height: 18px; padding: 5px 10px 6px; color: #231F20; } .jq-selectbox li.selected { background-color: #A3ABB1; color: #FFF; } .jq-selectbox li:hover { background-color: #08C; color: #FFF; } .jq-selectbox li.disabled { color: #AAA; } .jq-selectbox li.disabled:hover { background: none; } .jq-selectbox li.optgroup { font-weight: bold; } .jq-selectbox li.optgroup:hover { background: none; color: #231F20; cursor: default; } .jq-selectbox li.option { padding-left: 25px; } .jq-select-multiple { box-sizing: border-box; padding: 1px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; background: #FFF; box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1); font: 14px/18px Arial, sans-serif; color: #333; cursor: default; } .jq-select-multiple.focused { border: 1px solid #5794BF; } .jq-select-multiple.disabled { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } .jq-select-multiple ul { margin: 0; padding: 0; } .jq-select-multiple li { padding: 3px 9px 4px; list-style: none; } .jq-select-multiple li:first-child { border-radius: 3px 3px 0 0; } .jq-select-multiple li:last-child { border-radius: 0 0 3px 3px; } .jq-select-multiple li.selected { background: #08C; color: #FFF; } .jq-select-multiple li.disabled { color: #AAA; } .jq-select-multiple li.optgroup { font-weight: bold; } .jq-select-multiple li.option { padding-left: 25px; } .jq-select-multiple.disabled li.selected, .jq-select-multiple li.selected.disabled { background: #CCC; color: #FFF; } input[type='email'].styler, input[type='password'].styler, input[type='search'].styler, input[type='tel'].styler, input[type='text'].styler, input[type='url'].styler, textarea.styler { padding: 8px 9px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1); font: 14px Arial, sans-serif; color: #333; } input[type='search'].styler { -webkit-appearance: none; -moz-appearance: none; appearance: none; } textarea.styler { overflow: auto; } input[type='email'].styler:hover, input[type='password'].styler:hover, input[type='search'].styler:hover, input[type='tel'].styler:hover, input[type='text'].styler:hover, input[type='url'].styler:hover, textarea.styler:hover { border-color: #B3B3B3; } input[type='email'].styler:hover:focus, input[type='password'].styler:hover:focus, input[type='search'].styler:hover:focus, input[type='tel'].styler:hover:focus, input[type='text'].styler:hover:focus, input[type='url'].styler:hover:focus, textarea.styler:hover:focus { border-color: #CCC; border-top-color: #B3B3B3; outline: none; box-shadow: inset 0 1px 2px rgba(0,0,0,.1); } button.styler, input[type='button'].styler, input[type='submit'].styler, input[type='reset'].styler { overflow: visible; padding: 8px 11px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; outline: none; background: linear-gradient(#FFF, #E6E6E6); box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1); font: 14px Arial, sans-serif; color: #333; text-shadow: 1px 1px #FFF; cursor: pointer; } button.styler.styler::-moz-focus-inner, input[type='button'].styler.styler::-moz-focus-inner, input[type='submit'].styler.styler::-moz-focus-inner, input[type='reset'].styler.styler::-moz-focus-inner { padding: 0; border: 0; } button.styler:not([disabled]):hover, input[type='button'].styler:not([disabled]):hover, input[type='submit'].styler:not([disabled]):hover, input[type='reset'].styler:not([disabled]):hover, input[type='reset'].styler:hover { background: linear-gradient(#F6F6F6, #E6E6E6); } button.styler:active, input[type='button'].styler:active, input[type='submit'].styler:active, input[type='reset'].styler:active { background: #F5F5F5; box-shadow: inset 1px 1px 3px #DDD; } button.styler[disabled], input[type='button'].styler[disabled], input[type='submit'].styler[disabled] { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } /* End */ /* Start:/local/templates/hochland26/assets/css/style.css?1777275975128972*/ /* @font-face { font-family: "Lumios Marker"; src: url("/local/templates/hochland26/assets/css/../fonts/Lumios-Marker.eot"); src: url("/local/templates/hochland26/assets/css/../fonts/Lumios-Marker.eot?#iefix") format("embedded-opentype"), url("/local/templates/hochland26/assets/css/../fonts/Lumios-Marker.woff2") format("woff2"), url("/local/templates/hochland26/assets/css/../fonts/Lumios-Marker.woff") format("woff"), url("/local/templates/hochland26/assets/css/../fonts/Lumios-Marker.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } */ @font-face { font-family: "Sweet-Mavka-Script"; src: url("/local/templates/hochland26/assets/css/../fonts/Sweet-Mavka-Script.eot"); src: url("/local/templates/hochland26/assets/css/../fonts/Sweet-Mavka-Script.eot?#iefix") format("embedded-opentype"), url("/local/templates/hochland26/assets/css/../fonts/Sweet-Mavka-Script.woff2") format("woff2"), url("/local/templates/hochland26/assets/css/../fonts/Sweet-Mavka-Script.woff") format("woff"), url("/local/templates/hochland26/assets/css/../fonts/Sweet-Mavka-Script.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Futura PT Cond"; src: url("/local/templates/hochland26/assets/css/../fonts/FuturaPTCond-Bold.eot"); src: local("../fonts/Futura PT Cond Bold"), local("FuturaPTCond-Bold"), url("/local/templates/hochland26/assets/css/../fonts/FuturaPTCond-Bold.eot?#iefix") format("embedded-opentype"), url("/local/templates/hochland26/assets/css/../fonts/FuturaPTCond-Bold.woff") format("woff"), url("/local/templates/hochland26/assets/css/../fonts/FuturaPTCond-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; } * { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: transparent; } input, button, textarea, select, label { font: inherit; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: transparent; } *, *::before, *::after { box-sizing: border-box; color: #000000; } b, body, html, i, img, strong, sup { margin: 0; padding: 0; } article, aside, footer, header, main, nav, section { display: block; } a, article, aside, blockquote, code, div, footer, form, h1, h2, h3, h4, h5, h6, header, hr, iframe, label, li, main, nav, ol, p, pre, section, span, textarea, ul { margin: 0; padding: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: inherit; font-family: inherit; color: inherit; line-height: inherit; vertical-align: baseline; box-sizing: border-box; } body { display: flex; flex-direction: column; min-height: 99.9vh; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; color: #000; background-color: #F2FAFF; font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; } ul[role=list], ol[role=list] { list-style: none; } html:focus-within { scroll-behavior: smooth; } /* Set core body defaults */ html, body { line-height: 1.4; font-size: 0.2605vw; font-style: normal; line-height: 1; } @media screen and (max-width: 4000px) { html, body { font-size: 0.4299vw; } } @media screen and (max-width: 1920px) { html, body { font-size: 0.521vw; } } @media screen and (max-width: 1600px) { html, body { font-size: 0.628vw; } } @media screen and (max-width: 1440px) { html, body { font-size: 0.7144vw; } } @media screen and (max-width: 1200px) { html, body { font-size: 0.835vw; } } @media screen and (max-width: 991px) { html, body { font-size: 1.011vw; } } @media screen and (max-width: 799px) { html, body { font-size: 1.254vw; } } @media screen and (max-width: 449px) { html, body { font-size: 2.55vw; } } html::-webkit-scrollbar, body::-webkit-scrollbar { width: 5px; } html::-webkit-scrollbar-button:hover, body::-webkit-scrollbar-button:hover { background-color: #fff; } html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb { background: rgba(8, 15, 31, 0.7); border-radius: 10px; } html::-webkit-scrollbar-track, body::-webkit-scrollbar-track { background-color: #fff; border-radius: 10px; } a { text-decoration: none; transition: all 300ms ease-in-out; } a:hover { text-decoration: none; transition: all 300ms ease-in-out; } .swiper-slide { transform: translateZ(0); backface-visibility: hidden; } .swiper-button-prev::after, .swiper-button-next::after { display: none; } .hidden { overflow: hidden; } .main { flex: 1 1 auto; padding-top: 12.3rem; } @media screen and (max-width: 799px) { .main { padding-top: 7.7rem; } } .container { width: 100%; max-width: 192rem; margin: 0 auto; padding: 0 13.5rem; } @media screen and (max-width: 1200px) { .container { padding: 0 4rem; } } @media screen and (max-width: 991px) { .container { padding: 0 2rem; } } @media screen and (max-width: 449px) { .container { padding: 0 1.5rem; } } .header { padding: 3.2rem 0; position: fixed; top: 0; left: 0; right: 0; z-index: 100; transition: all 300ms ease-in-out; } @media screen and (max-width: 799px) { .header { padding: 1rem 0; } } .header.sticky { background: #F2FAFF; } .header.sticky .header__menu__dropdown { background: #F2FAFF; } .header .container { padding: 0 8.2rem; } @media screen and (max-width: 1200px) { .header .container { padding: 0 4rem; } } @media screen and (max-width: 991px) { .header .container { padding: 0 2rem; } } @media screen and (max-width: 449px) { .header .container { padding: 0 1.5rem; } } .header__block { display: flex; align-items: center; justify-content: space-between; width: 100%; } @media screen and (max-width: 799px) { .header__block { justify-content: center; position: relative; } } .header__logo { display: block; text-decoration: none; min-width: 8.38rem; max-width: 8.38rem; margin: 0 6.2rem 0 0; } @media screen and (max-width: 1200px) { .header__logo { margin: 0 5rem 0 0; } } @media screen and (max-width: 991px) { .header__logo { margin: 0 4rem 0 0; } } @media screen and (max-width: 799px) { .header__logo { min-width: 8.2rem; max-width: 8.2rem; margin: 0; position: relative; z-index: 55; } } .header__logo img { width: 100%; } .header__search { display: block; margin: 0 7.7rem 0 0; min-width: 4.7rem; max-width: 4.7rem; padding: 0; background: transparent; border: 0; cursor: pointer; } @media screen and (min-width: 800px) { .header__search:hover svg circle { stroke: #4980EA; } .header__search:hover svg path { stroke: #4980EA; } } @media screen and (max-width: 1200px) { .header__search { margin: 0 5rem 0 0; } } @media screen and (max-width: 991px) { .header__search { margin: 0 4rem 0 0; min-width: 3rem; max-width: 3rem; } } @media screen and (max-width: 799px) { .header__search { margin: 0; position: absolute; right: 4.4rem; top: 1.5rem; height: 3rem; background: url(/local/templates/hochland26/assets/css/../images/search-mobile.svg) center center no-repeat; background-size: 2.4rem; z-index: 55; } } .header__search svg { width: 100%; } @media screen and (max-width: 799px) { .header__search svg { display: none; } } .header__search svg circle { stroke: #003F97; transition: all 300ms ease-in-out; } .header__search svg path { stroke: #003F97; transition: all 300ms ease-in-out; } .header__dropdown { width: 100%; display: flex; align-items: center; justify-content: space-between; } .header__menu { display: flex; align-items: center; gap: 6.4rem; margin: 0; padding: 0; } @media screen and (max-width: 1200px) { .header__menu { gap: 5rem; } } @media screen and (max-width: 991px) { .header__menu { gap: 3rem; } } @media screen and (max-width: 799px) { .header__menu { gap: 2.4rem; width: 100%; flex-direction: column; align-items: center; justify-content: center; } } .header__menu__item { display: block; padding: 0; margin: 0; position: relative; } @media screen and (min-width: 800px) { .header__menu__item:hover .header__menu__link__dropdown .item__icon svg path { fill: #4980EA; } } .header__menu__item.collapse .header__menu__link__dropdown { color: #4980EA; } .header__menu__item.collapse .header__menu__link__dropdown .item__icon svg { transform: rotate(0deg); } .header__menu__item.collapse .header__menu__link__dropdown .item__icon svg path { fill: #4980EA; } .header__menu__item.collapse .header__menu__dropdown { opacity: 1; visibility: visible; } @media screen and (max-width: 799px) { .header__menu__item.collapse .header__menu__link__dropdown { color: #003F97; } .header__menu__item.collapse .header__menu__link__dropdown .item__icon svg { transform: rotate(180deg); } .header__menu__item.collapse .header__menu__link__dropdown .item__icon svg path { fill: #343330; } .header__menu__item.collapse .header__menu__dropdown { display: none; } } .header__menu__link { font-family: "Montserrat", sans-serif; font-weight: 500; font-size: 1.65rem; line-height: 2rem; color: #003F97; text-decoration: none; text-transform: uppercase; position: relative; z-index: 7; } @media screen and (min-width: 800px) { .header__menu__link:hover { color: #4980EA; text-decoration: none; } } .header__menu__link.selected { color: #4980EA; } .header__menu__link.selected .item__icon svg path { fill: #4980EA; } @media screen and (max-width: 991px) { .header__menu__link { font-size: 1.5rem; } } @media screen and (max-width: 799px) { .header__menu__link { font-size: 2rem; line-height: 120%; text-transform: none; } } .header__menu__link__dropdown { display: flex; align-items: center; gap: 0.5rem; } @media screen and (max-width: 799px) { .header__menu__link__dropdown { justify-content: center; } } .header__menu__link__dropdown .item__icon { min-width: 2.4rem; max-width: 2.4rem; height: 2.4rem; } @media screen and (max-width: 991px) { .header__menu__link__dropdown .item__icon { min-width: 1.4rem; max-width: 1.4rem; height: 2rem; } } @media screen and (max-width: 799px) { .header__menu__link__dropdown .item__icon { min-width: 2.4rem; max-width: 2.4rem; height: 2.4rem; position: absolute; top: -2.2rem; left: calc(50% - 1.2rem); } } .header__menu__link__dropdown .item__icon svg { width: 100%; transform: rotate(180deg); transition: all 300ms ease-in-out; } @media screen and (max-width: 799px) { .header__menu__link__dropdown .item__icon svg { transform: rotate(0deg); } } .header__menu__link__dropdown .item__icon svg path { fill: #003F97; transition: all 300ms ease-in-out; } @media screen and (max-width: 799px) { .header__menu__link__dropdown .item__icon svg path { fill: #343330; } } .header__menu__dropdown { width: 18.4rem; position: absolute; top: -3rem; left: calc(50% - 9.4rem); padding: 7rem 1rem 1rem; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.14) 100%); border-radius: 1.5rem; display: flex; gap: 1.6rem; flex-direction: column; z-index: 3; opacity: 0; backdrop-filter: blur(4px); visibility: hidden; transition: all 300ms ease-in-out; } @media screen and (max-width: 799px) { .header__menu__dropdown { opacity: 1; visibility: visible; position: initial; padding: 1rem 0 0; gap: 0.8rem; margin: 0 0 -1rem 0; background: transparent; } } .header__menu__dropdown__item { padding: 0; margin: 0; width: 100%; display: block; text-align: center; } .header__menu__dropdown__link { font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1.6rem; line-height: 120%; text-decoration: none; color: #003F97; } @media screen and (max-width: 799px) { .header__menu__dropdown__link { color: #0077FF; } } .header__mobile { display: none; } @media screen and (max-width: 799px) { .header__mobile { display: flex; flex-direction: column; align-items: center; width: 100%; margin: 5rem 0 6.3rem; } .header__mobile p { font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 2rem; line-height: 120%; color: #000; margin: 0 0 0.5rem 0; } .header__mobile p a { color: #000; text-decoration: none; } .header__mobile__button { display: block; margin: 2.4rem 0 0; min-width: 5.1rem; max-width: 5.1rem; } .header__mobile__button img { width: 100%; } } @media screen and (max-width: 449px) { .header__mobile { margin: 5rem 0 10.2rem; } } .header__part { display: none; } @media screen and (max-width: 799px) { .header__part { display: flex; align-items: center; justify-content: center; position: absolute; right: 0; top: 1.4rem; width: 3rem; height: 3rem; padding: 0.37rem; background-color: transparent; } } @media screen and (max-width: 799px) { .header .header__dropdown { background: #F2FAFF; position: fixed; top: 0; left: 0; right: 0; bottom: 0; padding: 14.3em 2rem 1rem; opacity: 0; visibility: hidden; z-index: -9999; display: none; } .header .header__dropdown_active { opacity: 1; visibility: visible; z-index: 20; display: block; } .header .header__dropdown__content { height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; overflow: auto; } .header .header__dropdown .button { display: none; } .header .menu-toggle { width: 100%; display: inline-block; vertical-align: middle; height: 0.2rem; position: relative; background: #000; border-radius: 1rem; } .header .menu-toggle-cont { width: 2.2rem; height: 1.6rem; font-size: 0; cursor: pointer; position: relative; z-index: 25; } .header .menu-toggle-cont:after { content: ""; height: 100%; display: inline-block; vertical-align: middle; } .header .menu-toggle-cont_active .menu-toggle { height: 0.2rem; background: transparent; } .header .menu-toggle-cont_active .menu-toggle:before { transform: rotate(45deg); top: auto; } .header .menu-toggle-cont_active .menu-toggle:after { transform: rotate(-45deg); top: auto; width: 100%; } .header .menu-toggle:before, .header .menu-toggle:after { content: ""; transition: all 0.3s; height: 0.2rem; background: #000; position: absolute; left: 0; width: 100%; border-radius: 1rem; } .header .menu-toggle:before { top: -1px; } .header .menu-toggle:after { top: 1px; } .header .menu-toggle:before { transform: translateY(-350%); } .header .menu-toggle:after { transform: translateY(350%); } } @media screen and (max-width: 449px) { .header .header__dropdown { padding: 13.5rem 1.5rem 1rem; } } @media screen and (max-width: 799px) { .header__white .header__search { background: url(/local/templates/hochland26/assets/css/../images/search-mobile-white.svg) center center no-repeat; background-size: 2.4rem; } .header__white .header__dropdown { background: #0050CC; } .header__white .header__mobile p a { color: #fff; } } .header__white.sticky { background: #0050CC; } .header__white.sticky .header__menu__dropdown { background: #0050CC; } .header__white .header__search svg path { stroke: #fff; } .header__white .header__search svg circle { stroke: #fff; } .header__white .header__menu__link { color: #fff; } .header__white .header__block .button { color: #3056B7; background: #fff; } @media screen and (min-width: 800px) { .header__white .header__block .button:hover { color: #fff; background: #4980EA; } } .header__white .header__menu__link__dropdown .item__icon svg path { fill: #fff; } .header__white .header__menu__dropdown__link { color: #fff; } .header__white .header__menu__item.collapse .header__menu__link__dropdown { color: #fff; } .header__white .header__menu__item.collapse .header__menu__link__dropdown .item__icon svg path { fill: #fff; } .header__white .header__menu__item:hover .header__menu__link__dropdown .item__icon svg path { fill: #fff; } .header__white .menu-toggle { background: #fff; } .header__white .menu-toggle:before, .header__white .menu-toggle:after { background: #fff; } .catalog__block { display: flex; flex-wrap: wrap; gap: 2rem 2.5rem; } @media screen and (max-width: 449px) { .catalog__block { gap: 0.9rem; } } .catalog__item { width: calc(50% - 1.25rem); position: relative; height: 33.5rem; border-radius: 2.32rem; background: #EDE1C3; display: flex; } @media screen and (max-width: 1440px) { .catalog__item { height: 23.5rem; } } @media screen and (max-width: 991px) { .catalog__item { height: 20rem; } } @media screen and (max-width: 799px) { .catalog__item { height: 31rem; } } @media screen and (max-width: 449px) { .catalog__item { width: calc(50% - 0.45rem); border-radius: 1.2rem; height: 19rem; } } .catalog__item__content { width: 100%; max-width: 31rem; padding: 2.7rem 0rem 2.3rem 2rem; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; } @media screen and (max-width: 799px) { .catalog__item__content { width: 100%; max-width: 100%; padding: 1.5rem 2rem; } } @media screen and (max-width: 449px) { .catalog__item__content { padding: 0.3rem 1.5rem 1rem; } } .catalog__item__content__block { width: 100%; } .catalog__item__content .note { font-family: "Sweet-Mavka-Script"; font-size: 5rem; line-height: 100%; color: #3056B7; display: block; margin: 0 0 1rem 0; } @media screen and (max-width: 449px) { .catalog__item__content .note { font-size: 2.4rem; } } .catalog__item__content .text { font-family: "Futura PT Cond"; font-size: 5.6rem; line-height: 60%; text-transform: uppercase; color: #3056B7; margin: 0 0 2rem 0; display: block; } @media screen and (max-width: 449px) { .catalog__item__content .text { font-size: 3rem; margin: 0 0 1rem 0; } } .catalog__item__content .name { font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 1.63rem; letter-spacing: 0.05rem; text-transform: uppercase; color: #003F97; display: block; margin: 0 0 0 1rem; } @media screen and (max-width: 799px) { .catalog__item__content .name { margin: 0; text-align: center; } } @media screen and (max-width: 449px) { .catalog__item__content .name { font-size: 1rem; text-align: center; width: 100%; } } .catalog__item__image { position: absolute; top: 0; right: 0; height: 100%; width: 40.1rem; display: flex; align-items: center; justify-content: center; padding: 2rem; } @media screen and (max-width: 1440px) { .catalog__item__image { width: 27.1rem; padding: 0; } } @media screen and (max-width: 991px) { .catalog__item__image { width: 17.1rem; } } @media screen and (max-width: 799px) { .catalog__item__image { width: 17.5rem; height: 9rem; margin: 0 auto; position: initial; } } @media screen and (max-width: 449px) { .catalog__item__image { width: 12.5rem; height: 12.5rem; } } .catalog__item__image img { width: 100%; height: 100%; max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } @media screen and (max-width: 1440px) { .catalog__item__image img { height: auto; width: auto; } } .breadcrumb { display: flex; gap: 1rem 4.7rem; flex-wrap: wrap; align-items: center; margin: 0 0 4.7rem -1.5rem; } @media screen and (max-width: 449px) { .breadcrumb { gap: 0.5rem 2.8rem; margin: 0 0 2.7rem 0; } } .breadcrumb-item { display: block; padding: 0; margin: 0; font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 2rem; line-height: 120%; color: #003F97; position: relative; letter-spacing: -0.05rem; } @media screen and (max-width: 449px) { .breadcrumb-item { font-size: 1.2rem; letter-spacing: 0; color: #000; } } .breadcrumb-item a { display: flex; align-items: center; gap: 1.3rem; text-decoration: none; color: #003F97; } @media screen and (min-width: 800px) { .breadcrumb-item a:hover { text-decoration: underline; color: #003F97; } } @media screen and (max-width: 449px) { .breadcrumb-item a { color: #000; gap: 0.8rem; } } .breadcrumb-item a svg { min-width: 3.9rem; max-width: 3.9rem; height: 3.9rem; } @media screen and (max-width: 449px) { .breadcrumb-item a svg { min-width: 2.4rem; max-width: 2.4rem; height: 2.4rem; } } .breadcrumb-item a svg path { fill: #003F97; } @media screen and (max-width: 449px) { .breadcrumb-item a svg path { fill: #000; } } .breadcrumb-item:after { content: ""; width: 2rem; height: 2rem; position: absolute; top: 0.2rem; right: -3.3rem; background: url(/local/templates/hochland26/assets/css/../images/arrow-right-blue.svg) center center no-repeat; background-size: contain; } @media screen and (max-width: 449px) { .breadcrumb-item:after { width: 1.2rem; height: 1.2rem; top: 0.1rem; right: -2rem; background: url(/local/templates/hochland26/assets/css/../images/arrow-right.svg) center center no-repeat; background-size: contain; } } .breadcrumb-item:last-child:after { display: none; } .breadcrumb-item:first-child:after { top: 1rem; } @media screen and (max-width: 449px) { .breadcrumb-item:first-child:after { top: 0.6rem; } } .shops { padding: 6.5rem 0 0; } @media screen and (max-width: 449px) { .shops { padding: 4.5rem 0 0; } } .shops__slider { margin: 0 9.5rem; } @media screen and (max-width: 449px) { .shops__slider { margin: 0; padding: 0 0 4.9rem 0; } } .shops__wrap { position: relative; } @media screen and (max-width: 449px) { .shops__wrap .shops__prev, .shops__wrap .shops__next { display: none !important; } } .shops__slide { width: 100%; height: 7rem; display: flex; align-items: center; justify-content: center; } .shops__slide img { width: auto; height: auto; max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } h2 { font-family: "Futura PT Cond"; font-size: 8.1rem; line-height: 120%; text-transform: uppercase; text-align: center; color: #003F97; margin: 0 0 3.4rem 0; letter-spacing: -0.07rem; } @media screen and (max-width: 449px) { h2 { font-size: 4.8rem; letter-spacing: 0; margin: 0 0 1.4rem 0; } } .interior__block { padding: 1.8rem 0 0; } @media screen and (max-width: 449px) { .interior__block { padding: 0.6rem 0 0 0; } } .swiper-prev, .swiper-next { width: 6rem; height: 6rem; position: absolute; top: calc(50% - 3rem); background: #003F97; cursor: pointer; display: flex; align-items: center; justify-content: center; border-radius: 50%; z-index: 3; transition: all 300ms ease-in-out; } @media screen and (min-width: 800px) { .swiper-prev:hover, .swiper-next:hover { background: #4980EA; } } @media screen and (max-width: 449px) { .swiper-prev, .swiper-next { width: 4rem; height: 4rem; top: calc(50% - 2rem); } } .swiper-prev img, .swiper-next img { min-width: 3.1rem; max-width: 3.1rem; } @media screen and (max-width: 449px) { .swiper-prev img, .swiper-next img { min-width: 2rem; max-width: 2rem; } } .swiper-prev { left: 0; } .swiper-next { right: 0; } .swiper-button-disabled { pointer-events: none; opacity: 0.5; } .swiper-button-lock { display: none; } .swiper-pagination { display: none; } @media screen and (max-width: 449px) { .swiper-pagination { display: block; } } .swiper-pagination-bullet { margin: 0 0.4rem !important; width: 1rem; height: 1rem; background-color: rgba(24, 24, 24, 0.08); opacity: 1; transition: all 300ms ease-in-out; border-radius: 5rem; } .swiper-pagination-bullet-active { width: 3rem; background: #4980EA; opacity: 1; } .footer { padding: 9rem 0; } @media screen and (max-width: 799px) { .footer { padding: 7rem 0; } } @media screen and (max-width: 449px) { .footer { padding: 4rem 0; } } .footer .container { padding: 0 12rem; } @media screen and (max-width: 1200px) { .footer .container { padding: 0 4rem; } } @media screen and (max-width: 449px) { .footer .container { padding: 0 1.5rem; } } .footer__wrap { display: flex; align-items: flex-start; gap: 7.5rem; } @media screen and (max-width: 799px) { .footer__wrap { flex-direction: column; align-items: center; justify-content: center; gap: 0; } } .footer__logo { min-width: 13.1rem; max-width: 13.1rem; margin: 4.2rem 0 0 0; cursor: pointer; } @media screen and (max-width: 799px) { .footer__logo { margin: 0 0 3rem 0; } } @media screen and (max-width: 449px) { .footer__logo { min-width: 8.1rem; max-width: 8.1rem; margin: 0 0 2.4rem 0; } } .footer__logo img { width: 100%; cursor: pointer; } .footer__block { width: 100%; } .footer__menu { display: grid; grid-template-columns: repeat(6, auto); gap: 0.8rem 4.4rem; } @media screen and (max-width: 1200px) { .footer__menu { display: flex; flex-wrap: wrap; gap: 0.8rem 3rem; } } @media screen and (max-width: 991px) { .footer__menu { gap: 0.8rem 2rem; } } @media screen and (max-width: 799px) { .footer__menu { flex-direction: column; gap: 2.4rem; } } @media screen and (max-width: 449px) { .footer__menu { gap: 1.4rem; } } .footer__menu__item { display: block; padding: 0; margin: 0; } @media screen and (max-width: 1200px) { .footer__menu__item { width: calc(25% - 3rem); } } @media screen and (max-width: 991px) { .footer__menu__item { width: calc(33.3333333333% - 1.5rem); } } @media screen and (max-width: 799px) { .footer__menu__item { width: 100%; text-align: center; } } .footer__menu__link { font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1.63rem; line-height: 120%; text-align: center; color: #003F97; text-decoration: none; } @media screen and (min-width: 800px) { .footer__menu__link:hover { color: #4980EA; text-decoration: none; } } @media screen and (max-width: 449px) { .footer__menu__link { font-size: 2rem; } } .footer__flex { margin: 3.1rem 0 0; display: flex; align-items: flex-start; gap: 3rem; } .footer__flex__block { width: 100%; } @media screen and (max-width: 799px) { .footer__flex { margin: 4.5rem 0 0; flex-direction: column; } } @media screen and (max-width: 449px) { .footer__flex { margin: 3.5rem 0 0; } } .footer__spec { min-width: 34.4%; max-width: 34.4%; position: relative; } @media screen and (max-width: 991px) { .footer__spec { min-width: 44%; max-width: 44%; } } @media screen and (max-width: 799px) { .footer__spec { min-width: 100%; max-width: 100%; text-align: center; } } .footer__spec.collapse .footer__spec__button::before { transform: rotate(180deg); } .footer__spec__button { font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1.5rem; line-height: 120%; position: relative; color: #000; padding: 0; border: 0; letter-spacing: -0.03rem; background: transparent; cursor: pointer; } .footer__spec__button::before { content: ""; position: absolute; top: -1.4rem; left: 50%; transform: translateX(-50%); width: 1.6rem; height: 1rem; background: url(/local/templates/hochland26/assets/css/../images/arrow-top.svg) center center no-repeat; background-size: contain; transition: all 300ms ease-in-out; } .footer__spec__dropdown { margin: 1.7rem 0 0; display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; gap: 0.7rem; } .footer__spec__dropdown__item { display: block; padding: 0; margin: 0; } @media screen and (max-width: 799px) { .footer__spec__dropdown__item { text-align: center; width: 100%; } } .footer__spec__dropdown__link { font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1.5rem; line-height: 120%; color: #0077FF; text-decoration: none; letter-spacing: -0.03rem; } .footer__links { display: flex; flex-wrap: wrap; gap: 1.5rem 1.6rem; width: 100%; margin: 0 0 1.5rem 0; } .footer__links:last-child .footer__links__item:nth-child(3n+2) { max-width: 29%; } @media screen and (max-width: 799px) { .footer__links { flex-direction: column; gap: 2.4rem; margin: 0 0 2.4rem 0; } } @media screen and (max-width: 449px) { .footer__links { gap: 1.4rem; } } .footer__links__item { display: block; padding: 0; margin: 0; } @media screen and (max-width: 1200px) { .footer__links__item { width: 100%; max-width: 100% !important; } } @media screen and (max-width: 799px) { .footer__links__item { text-align: center; } } .footer__links__item:nth-child(3n+1) { width: 100%; max-width: 39%; padding: 0 2rem 0 0; } @media screen and (max-width: 449px) { .footer__links__item:nth-child(3n+1) { padding: 0 6rem !important; } } .footer__links__item:nth-child(3n+2) { width: 100%; max-width: 29%; } .footer__links__item:nth-child(3n) { width: 100%; max-width: 26%; } .footer__links__link { font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1.5rem; line-height: 120%; text-align: center; color: #000; text-decoration: none; } @media screen and (min-width: 800px) { .footer__links__link:hover { color: #003F97; text-decoration: none; } } .footer__button { display: none; } @media screen and (max-width: 799px) { .footer__button { display: block; min-width: 4.8rem; max-width: 4.78rem; margin: 3.4rem auto 2.4rem; } } @media screen and (max-width: 449px) { .footer__button { margin: 4.2rem auto 2.4rem; } } .contacts { padding: 1.8rem 0 0; } .contacts .breadcrumb { margin-bottom: 2.5rem; } .contacts h1, .contacts h2 { font-family: "Futura PT Cond"; font-size: 8.1rem; line-height: 120%; text-transform: uppercase; color: #003F97; text-align: center; margin: 0 0 2.9rem 0; letter-spacing: -0.05rem; } @media screen and (max-width: 449px) { .contacts h1, .contacts h2 { font-size: 4.8rem; letter-spacing: 0; } } .contacts__block { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 2rem; } @media screen and (max-width: 799px) { .contacts__block { flex-direction: column; gap: 4rem; } } .contacts__block .button { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 2.3rem; line-height: 2.3rem; text-transform: uppercase; padding: 2.3rem 2.5rem; } @media screen and (max-width: 799px) { .contacts__block .button { order: 2; } } @media screen and (max-width: 449px) { .contacts__block .button { font-size: 1.6rem; line-height: 1.6rem; padding: 1.6rem 1.6rem; width: auto; } } .contacts__links { display: flex; align-items: center; gap: 2rem 6.1rem; padding: 0; margin: 0 0 0 5rem; flex-wrap: wrap; } @media screen and (max-width: 991px) { .contacts__links { margin: 0; gap: 2rem 4rem; } } @media screen and (max-width: 799px) { .contacts__links { order: 1; flex-direction: column; } } @media screen and (max-width: 449px) { .contacts__links { gap: 1.6rem; } } .contacts__links li { display: block; padding: 0; margin: 0; } .contacts__links li a { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 2.22rem; line-height: 120%; color: #000; text-decoration: none; } @media screen and (min-width: 800px) { .contacts__links li a:hover { color: #3056B7; } .header__menu__item:hover .header__menu__dropdown { opacity: 1; visibility: visible; } .header__menu__item:hover .header__menu__link__dropdown .item__icon svg { width: 100%; transform: rotate(0deg); } } @media screen and (max-width: 449px) { .contacts__links li a { font-size: 2rem; font-weight: 400; } } .contacts__social { display: flex; align-items: center; gap: 3rem; padding: 0; margin: 0; } @media screen and (max-width: 799px) { .contacts__social { order: 3; } } .contacts__social li { display: block; padding: 0; margin: 0; } .contacts__social li a { display: block; min-width: 6.7rem; max-width: 6.7rem; } @media screen and (max-width: 449px) { .contacts__social li a { min-width: 5.1rem; max-width: 5.1rem; } } .contacts__social li a img { width: 100%; } .promo__text__image { position: relative; } @media screen and (max-width: 449px) { .promo__text__image { margin: 0 -1.5rem; } } .promo__text__image img { width: 100%; } .promo__text__image .button { display: none; } @media screen and (max-width: 799px) { .promo__text__image .button { display: inline-block; position: absolute; bottom: 1.7rem; right: 4.3rem; z-index: 5; } } @media screen and (max-width: 449px) { .promo__text__image .button { padding: 1.7rem 1.5rem 1.7rem; font-size: 1.6rem; line-height: 1.6rem; font-weight: 600; width: auto; } } .promo__text__flex { margin: 3.7rem 0 0; display: flex; align-items: flex-start; justify-content: space-between; gap: 2rem; } @media screen and (max-width: 449px) { .promo__text__flex { margin: 1.8rem 0 0; } } .promo__text__button .button-small { padding: 1.5rem 1.5rem 1.5rem; font-size: 1.6rem; line-height: 1.6rem; font-weight: 600; } @media screen and (max-width: 799px) { .promo__text__button .button-small { display: none; } } .promo__text__content { width: 100%; max-width: 70.4%; } @media screen and (max-width: 799px) { .promo__text__content { max-width: 100%; } } .promo__text__content h1 { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 2.27rem; line-height: 120%; color: #000; margin: 0 0 3.1rem 0; } @media screen and (max-width: 449px) { .promo__text__content h1 { font-size: 1.8rem; margin: 0 0 2.4rem 0; } } .promo__text__content p { font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1.7rem; line-height: 115%; color: #000; margin: 0 0 2rem 0; } .promo__text__content p:last-child { margin: 0; } @media screen and (max-width: 449px) { .promo__text__content p { font-size: 1.5rem; line-height: 119%; } } .promo__text__content p.date { font-size: 1.64rem; margin: 0 0 0.2rem 0; } @media screen and (max-width: 449px) { .promo__text__content p.date { font-size: 1.3rem; margin: 0 0 0.5rem 0; } } .promo__text__content ul { margin: 1.6rem 0; padding: 0 0 0 2rem; } .promo__text__content ul li { font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1.7rem; line-height: 120%; color: #000; margin: 0 0 0.6rem 0; } .promo__text__content ol { margin: 1.6rem 0; padding: 0 0 0 2rem; } .promo__text__content ol li { font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1.7rem; line-height: 120%; color: #000; margin: 0 0 0.6rem 0; } .promos__filter { margin: 0 0 3.8rem 0; display: flex; flex-wrap: wrap; gap: 1.4rem; padding: 0; } @media screen and (max-width: 449px) { .promos__filter { gap: 1.3rem; margin: 0 0 3.2rem 0; } } .promos__filter__item { display: block; padding: 0; margin: 0; } .promos__filter__link { border: none; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1.7rem; line-height: 1.7rem; text-align: center; padding: 2.8rem 3.2rem 2.6rem; cursor: pointer; transition: all 300ms ease-in-out; display: block; border-radius: 10rem; background: #fff; text-decoration: none; color: #003F97; } @media screen and (min-width: 800px) { .promos__filter__link:hover { opacity: 0.7; text-transform: none; } } @media screen and (max-width: 449px) { .promos__filter__link { font-size: 1.3rem; line-height: 1.3rem; padding: 2.1rem 2.3rem 2rem; } } .promos__filter__link.selected { opacity: 1; background: #4980EA; color: #fff; } .promos__block { display: flex; flex-wrap: wrap; gap: 3.9rem 2.5rem; } @media screen and (max-width: 449px) { .promos__block { gap: 3.4rem; margin: 0 -1.5rem; padding-bottom: 4rem; } } .promos__item { width: calc(50% - 1.25rem); display: block; position: relative; } @media screen and (max-width: 799px) { .promos__item { width: 100%; } } .promos__item__image { width: 100%; padding-bottom: 52.8%; position: relative; } @media screen and (max-width: 449px) { .promos__item__image { position: relative; padding-bottom: 76.3%; } } .promos__item__image img, .promos__item__image picture { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 2rem; position: absolute; top: 0; left: 0; display: block; } @media screen and (max-width: 449px) { .promos__item__image img, .promos__item__image picture { border-radius: 0; } } .promos__item__content { padding: 1.7rem 0 0 1.6rem; width: 100%; display: flex; align-items: flex-start; justify-content: space-between; } .promos__item__content__text { width: 100%; } .promos__item__content p.date { font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1.3rem; line-height: 120%; color: #000; margin: 0 0 1rem 0; } .promos__item__content p.name { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 1.8rem; line-height: 120%; color: #000; margin: 0; } .promos__item__content .button { padding: 1.5rem 1.5rem 1.5rem; font-size: 1.6rem; line-height: 1.6rem; font-weight: 600; text-transform: uppercase; } @media screen and (max-width: 799px) { .promos__item__content .button { position: absolute; top: 33.5rem; right: 1.5rem; } } @media screen and (max-width: 449px) { .promos__item__content .button { width: auto; top: 23.5rem; } } .category__banner { width: 100%; height: 63.3rem; background: #EDE1C3; margin-top: -12.3rem; padding-top: 14rem; position: relative; overflow: hidden; } @media screen and (max-width: 799px) { .category__banner { height: 52rem; margin-top: -7.7rem; padding-top: 10rem; } } @media screen and (max-width: 449px) { .category__banner { padding-top: 8.2rem; height: 51.5rem; } } .category__banner::after { content: ""; position: absolute; bottom: -0.2rem; left: 0; right: 0; top: 0; z-index: 7; background: url(/local/templates/hochland26/assets/css/../images/category-wave.png) left bottom no-repeat; background-size: contain; } @media screen and (max-width: 449px) { .category__banner::after { background: url(/local/templates/hochland26/assets/css/../images/category-wave-small.png) left bottom no-repeat; background-size: contain; bottom: 0; } } .category__banner__image { position: absolute; top: 0; right: 0; bottom: 0; width: 72rem; display: flex; align-items: flex-end; justify-content: flex-end; } @media screen and (max-width: 1200px) { .category__banner__image { width: 60rem; } } @media screen and (max-width: 991px) { .category__banner__image { width: 54rem; } } @media screen and (max-width: 799px) { .category__banner__image { width: 40rem; } } @media screen and (max-width: 449px) { .category__banner__image { width: 39.3rem; padding: 0 0 2.5rem 0; } } .category__banner__image img, .category__banner__image picture { width: auto; height: auto; max-height: 100%; max-width: 100%; display: block; } .category__banner__text { margin: 6.6rem 0 0 -1rem; max-width: 55%; } @media screen and (max-width: 449px) { .category__banner__text { margin: 4.2rem 0 0 1rem; max-width: 100%; } } .category__banner__content { position: relative; z-index: 10; } @media screen and (max-width: 799px) { .category__banner__content .breadcrumb-item { color: #003F97; } .category__banner__content .breadcrumb-item a { color: #003F97; } .category__banner__content .breadcrumb-item + .breadcrumb-item:before { background: url(/local/templates/hochland26/assets/css/../images/arrow-right-blue.svg) center center no-repeat; background-size: contain; } .category__banner__content .breadcrumb-item a svg path { fill: #003F97; } } .category__banner__content h1 { font-family: "Sweet-Mavka-Script"; font-size: 9rem; line-height: 80%; color: #3056B7; margin: 0; } @media screen and (max-width: 991px) { .category__banner__content h1 { font-size: 6.2rem; } } @media screen and (max-width: 799px) { .category__banner__content h1 { font-size: 5.4rem; line-height: 74%; } } .category__banner__content p { font-family: "Futura PT Cond"; font-size: 10.4rem; line-height: 85%; text-transform: uppercase; color: #3056B7; margin: 0; letter-spacing: -0.1rem; } @media screen and (max-width: 991px) { .category__banner__content p { font-size: 8.4rem; } } @media screen and (max-width: 799px) { .category__banner__content p { font-size: 6.4rem; } } @media screen and (max-width: 449px) { .category__banner__content p { text-align: right; letter-spacing: 0; } } .category__text { padding-top: 2rem; } @media screen and (max-width: 449px) { .category__text { padding-top: 3rem; } } .category__text p { font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1.95rem; line-height: 115%; color: #000; margin: 0; max-width: 73%; } @media screen and (max-width: 799px) { .category__text p { max-width: 100%; } } @media screen and (max-width: 449px) { .category__text p { font-size: 1.5rem; } } .category__wrap { padding: 7rem 0 0; display: flex; gap: 2rem; align-items: center; justify-content: center; } @media screen and (max-width: 799px) { .category__wrap { padding: 3rem 0 0 0; flex-wrap: wrap; } } @media screen and (max-width: 449px) { .category__wrap { gap: 0.8rem; } } .category__item { display: block; flex: 1; border-radius: 2.2rem; padding: 1rem 0 2rem; max-width: 57.1rem; } @media screen and (max-width: 799px) { .category__item { width: calc(50% - 1.5rem); flex: auto; } } @media screen and (max-width: 449px) { .category__item { width: calc(50% - 0.4rem); background: #fff; border-radius: 1.2rem; padding: 1rem 0; } } .category__item__image { width: 100%; height: 20rem; display: flex; align-items: center; justify-content: center; } @media screen and (max-width: 449px) { .category__item__image { height: 11.5rem; } } .category__item__image img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .category__item__name { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 1.97rem; line-height: 120%; color: #000; margin: 0.5rem 2rem 0; display: block; text-align: center; } @media screen and (max-width: 449px) { .category__item__name { font-size: 1.3rem; margin: 1rem; } } .category__products { padding: 6.4rem 0 0; } @media screen and (max-width: 449px) { .category__products { padding: 5.5rem 0 0; } } .category__products h2 { margin: 0 0 8rem 0; } @media screen and (max-width: 449px) { .category__products h2 { margin: 0 0 4rem 0; } } .category__products__wrap { display: flex; flex-wrap: wrap; gap: 5.6rem 6.8rem; } @media screen and (max-width: 449px) { .category__products__wrap { gap: 0.8rem; } } .category__products__item { display: block; position: relative; text-decoration: none; width: calc(25% - 5.1rem); } @media screen and (min-width: 800px) { .category__products__item:hover .category__products__item__name { color: #003F97; } } @media screen and (max-width: 799px) { .category__products__item { width: calc(50% - 5.1rem); } } @media screen and (max-width: 449px) { .category__products__item { width: calc(50% - 0.4rem); background: #fff; border-radius: 1.2rem; padding: 1rem 1.2rem; } } .category__products__item__new { position: absolute; z-index: 3; top: -1.9rem; right: 0; font-family: "Futura PT Cond"; font-size: 2.6rem; line-height: 2.6rem; text-transform: uppercase; color: #fff; padding: 0.6rem 2.4rem 0.5rem; background: #E12127; border-radius: 10rem; } @media screen and (max-width: 449px) { .category__products__item__new { top: 0.5rem; right: 0.5rem; font-size: 2rem; line-height: 2rem; padding: 0.4rem 1.4rem 0.3rem; } } .category__products__item__image { width: 100%; height: 18.5rem; display: flex; align-items: center; justify-content: center; } @media screen and (max-width: 449px) { .category__products__item__image { height: 11.5rem; } } .category__products__item__image img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .category__products__item__name { margin: 3.4rem 0 0; display: block; font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 2rem; line-height: 120%; transition: all 300ms ease-in-out; color: #000; } @media screen and (max-width: 449px) { .category__products__item__name { margin: 2rem 0 0; font-size: 1.27rem; } } .category__button { margin-top: 6.6rem; display: flex; align-items: center; justify-content: center; } @media screen and (max-width: 449px) { .category__button { margin-top: 2.8rem; } } .category__button .button { font-weight: 600; min-width: 37.6rem; text-transform: uppercase; } @media screen and (max-width: 449px) { .category__button .button { min-width: 100%; font-size: 1.6rem; line-height: 1.6rem; padding: 1.6rem; } } .category__reco { position: relative; } @media screen and (max-width: 449px) { .category__reco .category__prev, .category__reco .category__next { display: none; } } .category__slider { margin: 0 9.5rem; } @media screen and (max-width: 449px) { .category__slider { margin: 0 -1.5rem 0 0; } .category__slider .swiper-slide { width: 14.7rem; } } .category__slider .category__products__item { width: 100%; } .category__slider .category__products__item__name { margin: 2.5rem 0 0; font-size: 1.8rem; line-height: 100%; } @media screen and (max-width: 449px) { .category__slider .category__products__item__name { margin: 1.7rem 0 0; font-size: 1.2rem; line-height: 120%; } } #categoryColor { display: none; } .product h1 { font-family: "Futura PT Cond"; font-weight: 700; font-size: 5rem; line-height: 120%; text-transform: uppercase; color: #3056B7; } @media screen and (max-width: 449px) { .product h1 { font-size: 2.4rem; } } .product .breadcrumb { margin-bottom: 0.5rem; } @media screen and (max-width: 449px) { .product .breadcrumb { margin-bottom: 1.5rem; } } .product__wrap { display: flex; align-items: flex-start; gap: 8rem; } @media screen and (max-width: 991px) { .product__wrap { flex-direction: column-reverse; gap: 1.5rem; } } @media screen and (max-width: 449px) { .product__wrap { gap: 0.5rem; } } .product__content { width: 100%; padding: 4rem 0 0; } @media screen and (max-width: 991px) { .product__content { padding: 0; } } .product__content p { font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 2.16rem; line-height: 120%; color: #000; margin: 0 0 2rem 0; } @media screen and (max-width: 449px) { .product__content p { font-size: 1.5rem; } } .product__content__text { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; max-width: 52rem; } .product__content__text.collapse { -webkit-line-clamp: initial; } .product__content__more { padding: 0; border: 0; display: inline-block; background: transparent; font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 2.3rem; line-height: 120%; color: #000; cursor: pointer; margin: 2.6rem 0 3rem; transition: all 300ms ease-in-out; } @media screen and (max-width: 449px) { .product__content__more { font-size: 1.6rem; margin: 1.2rem 0 2.7rem; } } .product__content__more span.show { display: block; } .product__content__more span.hidd { display: none; } .product__content__more.active span.show { display: none; } .product__content__more.active span.hidd { display: block; } @media screen and (min-width: 800px) { .product__content__more:hover { color: #003F97; } } .product__images { min-width: 53.8rem; max-width: 53.8rem; } @media screen and (max-width: 991px) { .product__images { min-width: 100%; max-width: 100%; } } .product__images .swiper-slide { opacity: 0 !important; } .product__images .swiper-slide-active { opacity: 1 !important; } .product__slide { width: 100%; height: 45.8rem; display: flex; align-items: center; justify-content: center; } @media screen and (max-width: 449px) { .product__slide { height: 34.8rem; } } .product__slide img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .product__worth { display: flex; align-items: flex-start; gap: 0.8rem; max-width: 47.4rem; } .product__worth__item { flex: 1; } .product__worth__item p { font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1.87rem; line-height: 120%; color: rgba(24, 24, 24, 0.4); margin: 0 0 0.5rem 0; } @media screen and (max-width: 449px) { .product__worth__item p { font-size: 1.3rem; margin: 0 0 0.4rem; } } .product__worth__item p.value { color: #000; margin: 0; } .product__weight { width: 100%; margin: 0 0 3.5rem 0; padding: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 2rem; } @media screen and (max-width: 449px) { .product__weight { gap: 1rem; margin: 0 0 3rem 0; } } .product__weight__item { display: block; padding: 0; margin: 0; } .product__weight__link { padding: 2.1rem; cursor: pointer; color: #003F97; position: relative; display: block; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 2.1rem; line-height: 2.1rem; transition: all 300ms ease-in-out; background: #fff; border-radius: 10rem; text-decoration: none; } @media screen and (min-width: 800px) { .product__weight__link:hover { text-decoration: none; opacity: 0.7; } } @media screen and (max-width: 449px) { .product__weight__link { font-size: 1.3rem; padding: 1.6rem 2.4rem; } } .product__weight__link.selected { color: #fff; background: #3056B7; } .product .category__products { padding: 9.4rem 0 0; } @media screen and (max-width: 449px) { .product .category__products { padding: 3.4rem 0; } } .product .category__products h2 { margin: 0 0 6rem 0; } @media screen and (max-width: 449px) { .product .category__products h2 { margin: 0 0 4rem 0; } } @media screen and (max-width: 449px) { .product .category__slider .swiper-slide { width: 19.2rem; } .product .category__products__item__image { height: 16rem; } .product .category__slider .category__products__item__name { font-size: 1.56rem; line-height: 100%; } } .promo__empty { width: 100%; height: 72rem; background: #0050CC; margin-top: -12.3rem; padding-top: 14rem; position: relative; overflow: hidden; } @media screen and (max-width: 799px) { .promo__empty { height: 52rem; margin-top: -7.7rem; padding-top: 10rem; } } @media screen and (max-width: 449px) { .promo__empty { padding-top: 8.2rem; height: 51.5rem; } } .promo__empty:after { content: ""; position: absolute; bottom: -0.25rem; left: 0; right: 0; top: 0; z-index: 7; background: url(/local/templates/hochland26/assets/css/../images/category-wave.png) left bottom no-repeat; background-size: contain; } @media screen and (max-width: 449px) { .promo__empty:after { background: url(/local/templates/hochland26/assets/css/../images/category-wave-small.png) left bottom no-repeat; background-size: contain; bottom: 0; } } .promo__empty .breadcrumb-item a { color: #fff; } .promo__empty .breadcrumb-item { color: #fff; } .promo__empty .breadcrumb-item a svg path { fill: #fff; } .promo__empty .breadcrumb-item:after { background: url(/local/templates/hochland26/assets/css/../images/arrow-right-white.svg) center center no-repeat; background-size: contain; } .promo__empty .breadcrumb { position: relative; z-index: 10; } .promo__empty h1 { font-family: "Sweet-Mavka-Script"; font-size: 11.2rem; line-height: 80%; color: #fff; margin: 0; text-align: center; } @media screen and (max-width: 799px) { .promo__empty h1 { font-size: 7.4rem; margin-top: 2rem; } } @media screen and (max-width: 449px) { .promo__empty h1 { font-size: 6.4rem; margin-top: 7rem; } } .promo__empty p { font-family: "Futura PT Cond"; font-size: 10.4rem; line-height: 90%; text-transform: uppercase; color: #fff; margin: 0; letter-spacing: -0.1rem; text-align: center; width: 100%; max-width: 60rem; margin: 0 auto; } @media screen and (max-width: 799px) { .promo__empty p { font-size: 6.4rem; max-width: 50rem; } } @media screen and (max-width: 449px) { .promo__empty p { text-align: right; max-width: 100%; padding: 0 1rem; } } .videos { position: relative; width: 100%; height: 100vh; margin-top: -12.3rem; padding-top: 14rem; } @media screen and (max-width: 799px) { .videos { margin-top: -7.7rem; padding-top: 10rem; } } @media screen and (max-width: 449px) { .videos { padding-top: 8.2rem; } } .videos__active .videos__poster { opacity: 0; visibility: hidden; } .videos__poster { background: #001394; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 12; padding: 10rem 2rem 3rem; display: flex; align-items: center; justify-content: center; opacity: 1; visibility: visible; transition: all 300ms ease-in-out; } @media screen and (max-width: 449px) { .videos__poster { overflow: hidden; } } .videos__poster__wrap { width: 100%; max-width: 74rem; } .videos__poster__logo { width: 100%; max-width: 25.2rem; display: block; margin: 0 auto; } @media screen and (max-width: 799px) { .videos__poster__logo { max-width: 17.3rem; } } .videos__poster__logo img { width: 100%; } .videos__poster__note { width: 100%; max-width: 47.5rem; margin: -9rem auto -11rem; } @media screen and (max-width: 799px) { .videos__poster__note { max-width: 40rem; margin: -7rem auto -9rem; } } @media screen and (max-width: 449px) { .videos__poster__note { margin: -7rem auto -8rem; } } .videos__poster__note img { width: 100%; } .videos__poster__button { width: 100%; max-width: 10rem; margin: 0 auto; position: relative; z-index: 5; cursor: pointer; transition: all 400ms ease } .videos__poster__button span { font-family: "Montserrat", sans-serif; font-weight: 500; font-size: 1.5rem; color: #fff; line-height: 100%; display: block; margin: 0; position: absolute; bottom: 0.7rem; left: -2rem; right: -2rem; text-align: center; } @media screen and (min-width: 800px) { .videos__poster__button:hover img { opacity: 0.7; } } @media screen and (max-width: 449px) { .videos__poster__button { max-width: 7rem; } .videos__poster__button span { font-size: 1rem; } } .videos__poster__button img { width: 100%; } .videos__poster__image { width: 100%; max-width: 72.6rem; margin: -11rem 0 0 -0.7rem; } @media screen and (max-width: 799px) { .videos__poster__image { max-width: 65rem; margin: -8rem auto 0; } } @media screen and (max-width: 449px) { .videos__poster__image { max-width: 49rem; min-width: 49rem; margin: -5rem -9rem 0; } } .videos__poster__image img { width: 100%; } .videos__poster__text { position: absolute; z-index: 15; bottom: 1rem; right: 7rem; } @media screen and (max-width: 799px) { .videos__poster__text { right: 1.5rem; } } .videos__poster__text p { font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1.4rem; line-height: 120%; color: #F2FAFF; text-align: right; letter-spacing: -0.05rem; } @media screen and (max-width: 449px) { .videos__poster__text p { font-size: 1.2rem; } } .videos__block { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .videos__block .video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .brand__content { margin-top: 5rem; } @media screen and (max-width: 449px) { .brand__content { margin-top: 4.5rem; } } .brand__content .breadcrumb { margin-bottom: 2.7rem; } .brand__content h1 { font-family: "Futura PT Cond"; font-weight: 700; font-size: 8.1rem; line-height: 120%; text-align: center; text-transform: uppercase; color: #3056B7; letter-spacing: -0.1rem; margin: 0 0 0 0; } @media screen and (max-width: 799px) { .brand__content h1 { font-size: 6.4rem; } } @media screen and (max-width: 449px) { .brand__content h1 { font-size: 4.8rem; line-height: 91%; text-align: left; } } .brand__content__text { width: 100%; max-width: 103.6rem; margin: 5rem auto 0; text-align: center; } .brand__content__text .button { margin-top: 4.2rem; font-weight: 600; font-size: 2.2rem; line-height: 2.2rem; text-transform: uppercase; padding: 2rem 2rem; } @media screen and (max-width: 449px) { .brand__content__text .button { font-size: 1.6rem; line-height: 1.6rem; width: auto; padding: 1.6rem; } } .brand__content h2 { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 2.7rem; line-height: 114%; text-align: center; margin: 0; color: #003F97; text-transform: none; width: 100%; max-width: 97rem; margin: 0 auto 3rem; } @media screen and (max-width: 799px) { .brand__content h2 { font-size: 2.4rem; } } @media screen and (max-width: 449px) { .brand__content h2 { font-size: 1.8rem; } } .brand__content p { font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 2.7rem; line-height: 120%; text-align: center; margin: 0; color: #000; } @media screen and (max-width: 799px) { .brand__content p { font-size: 2rem; } } @media screen and (max-width: 449px) { .brand__content p { font-size: 1.8rem; } } .brand__wrap { position: relative; display: flex; overflow: hidden; align-items: flex-start; } @media screen and (max-width: 799px) { .brand__wrap { padding: 0 0 30rem 0; } } @media screen and (max-width: 449px) { .brand__wrap { padding: 0 0 12rem 0; } } .brand__wrap:after { content: ""; position: absolute; bottom: 4.5rem; right: 22%; width: 14.2rem; height: 15.6rem; z-index: 7; background: url(/local/templates/hochland26/assets/css/../images/heart-4.svg) center center no-repeat; background-size: contain; } @media screen and (max-width: 449px) { .brand__wrap:after { width: 9.7rem; bottom: 1.5rem; right: 18%; height: 10.7rem; } } .brand__wrap__item { position: relative; } .brand__wrap__item img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; position: absolute; top: 0; left: 0; } .brand__wrap__item.item-1 { min-width: 41%; max-width: 41%; padding-bottom: 41%; margin: 0.2rem 0 0 -4rem; } @media screen and (max-width: 799px) { .brand__wrap__item.item-1 { min-width: 56%; max-width: 56%; padding-bottom: 57%; margin: 0.2rem 0 0 -3rem; position: relative; } } @media screen and (max-width: 449px) { .brand__wrap__item.item-1 { min-width: 65%; max-width: 65%; padding-bottom: 66%; margin: 2rem 0 0 -2rem; } } .brand__wrap__item.item-1:after { content: ""; position: absolute; top: -2px; left: -2px; bottom: -2px; right: -2px; background: url(/local/templates/hochland26/assets/css/../images/heart-2.svg) 0 0 no-repeat; background-size: cover; z-index: 5; } .brand__wrap__item.item-2 { min-width: 30%; max-width: 30%; padding-bottom: 32%; margin: 13.5rem 0 0 0rem; } @media screen and (max-width: 799px) { .brand__wrap__item.item-2 { min-width: 56%; max-width: 56%; padding-bottom: 53%; margin: 17.5rem 0 0 0rem; } } @media screen and (max-width: 449px) { .brand__wrap__item.item-2 { min-width: 61%; max-width: 61%; padding-bottom: 58%; margin: 16.5rem 0 0 -0.8rem; } } .brand__wrap__item.item-2:after { content: ""; position: absolute; top: -2px; left: -2px; bottom: -2px; right: -2px; background: url(/local/templates/hochland26/assets/css/../images/heart-1.svg) 0 0 no-repeat; background-size: cover; z-index: 5; } .brand__wrap__item.item-3 { min-width: 35%; max-width: 35%; padding-bottom: 38%; margin: 0; position: absolute; top: 0; right: -5rem; z-index: 5; } @media screen and (max-width: 799px) { .brand__wrap__item.item-3 { min-width: 50%; max-width: 50%; padding-bottom: 54.2%; top: auto; bottom: 0; right: auto; left: 0; } } @media screen and (max-width: 449px) { .brand__wrap__item.item-3 { min-width: 54.5%; max-width: 54.5rem; padding-bottom: 59%; } } .brand__wrap__item.item-3:after { content: ""; position: absolute; top: -2px; left: -2px; bottom: -2px; right: -2px; background: url(/local/templates/hochland26/assets/css/../images/heart-3.svg) 0 0 no-repeat; background-size: cover; z-index: 5; } .popup { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.68); z-index: 5555; opacity: 0; visibility: hidden; transition: all 300ms ease-in-out; display: flex; align-items: center; justify-content: center; padding: 4rem 2rem; overflow: auto; } @media screen and (max-width: 799px) { .popup { align-items: flex-start; } } .popup::-webkit-scrollbar { width: 5px; } .popup::-webkit-scrollbar-button:hover { background-color: #fff; } .popup::-webkit-scrollbar-thumb { background: rgba(8, 15, 31, 0.7); border-radius: 10px; } .popup::-webkit-scrollbar-track { background-color: #fff; border-radius: 10px; } @media screen and (max-width: 449px) { .popup { padding: 2rem 3.4rem; } } .popup.open { opacity: 1; visibility: visible; } .popup__close { position: absolute; top: 2rem; right: 2rem; width: 5rem; height: 5rem; border: 0; padding: 0; background: transparent; transition: all 300ms ease-in-out; cursor: pointer; } @media screen and (max-width: 449px) { .popup__close { top: 1.2rem; right: 1.2rem; width: 3rem; height: 3rem; } } @media screen and (min-width: 800px) { .popup__close:hover { opacity: 0.7; } } .popup__close img { width: 100%; } @media screen and (max-width: 449px) { .popup__close img { max-width: 4.6rem; } } .header__mobile ul { display: flex; gap: 2rem; flex-wrap: wrap; padding: 0; justify-content: center; margin: 2rem 0 0; } .header__mobile ul li { display: block; padding: 0; margin: 0; } .header__mobile ul li a { text-decoration: none; } .header__mobile ul li a img { width: 100%; max-width: 5rem; } .popup__block { background: #3056B7; width: 100%; max-width: 80rem; padding: 3rem; border-radius: 2rem; position: relative; } @media screen and (max-width: 449px) { .popup__block { padding: 2rem 2.8rem 3.4rem; border-radius: 2rem; } } .popup__block__logo { width: 100%; max-width: 10rem; margin: 0 auto 1rem; } @media screen and (max-width: 449px) { .popup__block__logo { max-width: 7.2rem; margin: 0 auto 1.2rem; } } .popup__block__logo img { width: 100%; } .popup__block__caption { width: 100%; margin: 0 auto 2.4rem; text-align: center; } @media screen and (max-width: 449px) { .popup__block__caption { margin: 0 auto 2rem; max-width: 24rem; } } .popup__block__caption p { font-family: "Montserrat", sans-serif; font-weight: 500; font-size: 1.6rem; line-height: 100%; text-align: center; color: #fff; margin: 0; } @media screen and (max-width: 449px) { .popup__block__caption p { font-size: 1.2rem; } } .popup__block__caption p.title { font-family: "Futura PT Cond"; font-weight: 700; font-size: 3.4rem; line-height: 100%; text-align: center; color: #fff; margin: 0 0 1rem 0; } @media screen and (max-width: 449px) { .popup__block__caption p.title { font-size: 2.8rem; margin: 0 0 1rem 0; } } .popup__block .button { font-family: "Futura PT Cond"; font-size: 3.6rem; line-height: 3.6rem; padding: 1.4rem 4.6rem; } @media screen and (max-width: 449px) { .popup__block .button { font-size: 2.2rem; line-height: 2.2rem; width: auto; padding: 0.8rem 2.8rem; } } .open-popup { overflow: hidden; } .form__group { margin: 0 0 1.6rem 0; position: relative; } @media screen and (max-width: 449px) { .form__group { margin: 0 0 1.2rem 0; } } .form__group:last-child { margin: 0; } @media screen and (max-width: 799px) { .form__group:last-child { margin: 0 0 2.3rem 0; } } @media screen and (max-width: 449px) { .form__group:last-child { margin: 0 0 1.2rem 0; } } .form__group ::-webkit-input-placeholder { color: rgba(24, 24, 24, 0.5); } .form__group ::-moz-placeholder { color: rgba(24, 24, 24, 0.5); } .form__group :-moz-placeholder { color: rgba(24, 24, 24, 0.5); } .form__group :-ms-input-placeholder { color: rgba(24, 24, 24, 0.5); } .form__group-success .form__control { background: #F2FFF7; border-color: #afecc7; } .form__group-success .jq-selectbox__select { background: #F2FFF7; border-color: #afecc7 !important; } .form__group-error .form__control { color: #F65656; border-color: #F65656; } .form__group-error .jq-selectbox__select { color: #F65656; border-color: #F65656 !important; } .form__flex { display: flex; gap: 1.6rem; width: 100%; } @media screen and (max-width: 799px) { .form__flex { display: block; } } .form__flex .form__group { flex: 1; } textarea.form__control { height: 14rem; resize: none; } @media screen and (max-width: 449px) { textarea.form__control { height: 11.5rem; } } .form__control { width: 100%; padding: 0.9rem 2rem; background: #fff; border: 2px solid #fff; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 2rem; line-height: 160%; border-radius: 1.62rem; color: #000; transition: all 300ms ease-in-out; outline: none; position: relative; } @media screen and (min-width: 800px) { .form__control:hover { border-color: #000; } } @media screen and (max-width: 449px) { .form__control { font-size: 1.5rem; border-radius: 0.8rem; padding: 0.5rem 1.2rem; } } .form__control:focus { border-color: #000; background: #fff; } .chekbox { width: 100%; margin: 1.6rem 0; padding: 0; } @media screen and (max-width: 449px) { .chekbox { margin: 1.7rem 0 2.7rem; } } .chekbox__item { margin: 0 0 2rem 0; } .chekbox__item:last-child { margin: 0; } .chekbox__item input[type=checkbox] { position: absolute; left: -9999px; display: none; } .chekbox__item input[type=checkbox] + label { padding: 0.3rem 0 0 5rem; cursor: pointer; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1.6rem; line-height: 120%; color: #fff; position: relative; display: block; } @media screen and (max-width: 449px) { .chekbox__item input[type=checkbox] + label { font-size: 1.2rem; line-height: 100%; padding: 0.3rem 0 0 4rem; } } .chekbox__item input[type=checkbox] + label a { text-decoration: none; border-bottom: 1px solid #fff; } @media screen and (min-width: 800px) { .chekbox__item input[type=checkbox] + label a:hover { text-decoration: none; border-color: transparent; } } .chekbox__item input[type=checkbox] + label:before { content: ""; position: absolute; top: 0.3rem; left: 0; width: 3.8rem; height: 3.8rem; background: rgba(255, 255, 255, 0.14); z-index: 5; transition: all 300ms ease-in-out; border-radius: 0.8rem; } @media screen and (max-width: 449px) { .chekbox__item input[type=checkbox] + label:before { width: 3rem; height: 3rem; } } .chekbox__item input[type=checkbox] + label:after { content: ""; top: 1.3rem; left: 0.9rem; width: 2.2rem; height: 1.2rem; border-top: 2px solid #fff; border-right: 2px solid #fff; position: absolute; transform: rotate(135deg); z-index: 10; transition: all 300ms ease-in-out; opacity: 0; } @media screen and (max-width: 449px) { .chekbox__item input[type=checkbox] + label:after { top: 1rem; left: 0.7rem; width: 1.7rem; height: 1rem; } } .chekbox__item input[type=checkbox]:checked + label:after { opacity: 1; } .jq-selectbox__select { height: auto; padding: 0.9rem 6rem 0.9rem 2rem; border: 2px solid transparent !important; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 2rem; line-height: 160%; border-radius: 1.62rem; color: #000; transition: all 300ms ease-in-out; text-shadow: none; box-shadow: none; background: #fff; } @media screen and (max-width: 449px) { .jq-selectbox__select { font-size: 1.5rem; line-height: 100%; border-radius: 0.8rem; padding: 0.5rem 4rem 0.5rem 1.2rem; min-height: 5rem; display: flex; align-items: center; justify-content: flex-start; } } .jq-selectbox { z-index: 10; width: 100%; margin: 0; } .popup .jq-selectbox.opened { z-index: 2000 !important; } .jq-selectbox__select-text { display: block; color: rgba(24, 24, 24, 0.5); overflow: visible !important; } .jq-selectbox__trigger { border: 0; width: 4.5rem; } .jq-selectbox select { display: none !important; } .jq-selectbox__trigger-arrow { position: absolute; top: 1.3rem; right: 2.2rem; width: 1.6rem; height: 1.6rem; border: 0; border-top: 2px solid #343330; border-right: 2px solid #343330; transform: rotate(135deg); transition: all 400ms ease-in-out; } @media screen and (max-width: 449px) { .jq-selectbox__trigger-arrow { top: 1.4rem; right: 1.2rem; width: 1.2rem; height: 1.2rem; } } @media screen and (max-width: 449px) { .jq-selectbox__select-text { white-space: normal; } } .jq-selectbox__select:hover { background: #fff; } @media screen and (min-width: 800px) { .jq-selectbox:hover .jq-selectbox__select { border-color: #000 !important; } } .jq-selectbox.opened .jq-selectbox__select-text { color: #000; transition: all 400ms ease-in-out; } .jq-selectbox.opened .jq-selectbox__trigger-arrow { top: 2.2rem; transform: rotate(-45deg); } @media screen and (max-width: 449px) { .jq-selectbox.opened .jq-selectbox__trigger-arrow { top: 1.9rem; } } .jq-selectbox__dropdown { margin: 0.2rem 0 0; left: 0; padding: 1rem; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1); border-radius: 1.62rem; z-index: 2001 !important; } .jq-selectbox ul li { margin: 0.2rem 0; padding: 0.5rem; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 2rem; line-height: 160%; color: #000; border-radius: 0; transition: all 400ms ease-in-out; } @media screen and (max-width: 449px) { .jq-selectbox ul li { font-size: 1.4rem; } } .jq-selectbox ul li.hidd { display: none !important; } .jq-selectbox ul li:hover { color: #000; transition: all 400ms ease-in-out; background: transparent; } .jq-selectbox ul li.sel { background: #fff; color: #003F97; } .jq-selectbox.changed .jq-selectbox__select-text { color: #000; } .main__blue { background: linear-gradient(308.71deg, #024AB7 32.78%, #085DB9 56.4%); } .main__banner { position: relative; z-index: 15; } .main__banner:after { content: ''; position: absolute; top: -25%; right: 0; z-index: 2; width: 144rem; height: 149rem; background: url(/local/templates/hochland26/assets/css/../images/mask.png) top right no-repeat; background-size: contain; } .main__banner .videos { position: fixed; height: 100dvh; z-index: 50; transition: transform 1.6s ease; margin: 0; overflow: hidden; padding-bottom: 2rem; } .main__banner .videos.hide { transform: translateY(-120vh); } .main__banner .videos .videos__poster__text { bottom: 2.4rem; } .main__banner__wrap { margin-top: -12.3rem; padding-top: 14rem; position: relative; overflow: hidden; } @media screen and (max-width: 799px) { .main__banner__wrap { margin-top: -7.7rem; padding-top: 10rem; } } @media screen and (max-width: 449px) { .main__banner__wrap { padding-top: 8.2rem; } } @media screen and (max-width: 799px) { .main__banner__wrap .swiper-pagination { display: flex; justify-content: center; } .main__banner__wrap .swiper-pagination-bullet { background: rgba(255, 255, 255, 0.36); } .main__banner__wrap .swiper-pagination-bullet-active { background: #fff; } } .main__banner__block { display: flex; align-items: flex-start; justify-content: space-between; gap: 9.2rem; width: 100%; max-width: 73.6%; margin: 0 auto; position: relative; z-index: 5; padding-top: 40px; } @media screen and (max-width: 1400px) { .main__banner__block { max-width: 100%; } } @media screen and (max-width: 799px) { .main__banner__block { flex-direction: column; gap: 0; } } .main__banner__slider { min-width: 62rem; max-width: 62rem; margin: -9rem 0 0 0; } .main__banner__logo { min-width: 31.9rem; max-width: 31.9rem; margin: -1rem 0 0 5rem; } @media screen and (max-width: 991px) { .main__banner__logo { min-width: 26.9rem; max-width: 26.9rem; margin: 4rem 0 0 2rem; } } @media screen and (max-width: 799px) { .main__banner__logo { min-width: 34rem; max-width: 34rem; margin: -10rem auto 0; } } @media screen and (max-width: 449px) { .main__banner__logo { margin: -8rem auto 0; } } .main__banner__logo img { width: 100%; } .main__banner__carousel { margin: -60rem auto 0; width: 100%; max-width: 84%; position: relative; padding: 0; z-index: 5; } @media screen and (max-width: 1400px) { .main__banner__carousel { max-width: 100%; } } @media screen and (max-width: 799px) { .main__banner__carousel { overflow: hidden; margin: -12rem auto 0; } } @media screen and (max-width: 449px) { .main__banner__carousel { margin: -7rem auto 0; } } .main__banner__carousel:before { content: ""; position: absolute; height: 22rem; left: 0; bottom: 0; width: 15rem; z-index: 5; background: linear-gradient(to right, #085db9 2%, transparent 100%); display: none !important; } @media screen and (max-width: 799px) { .main__banner__carousel:before { display: none; } } .main__banner__carousel:after { content: ""; position: absolute; height: 22rem; right: 0; bottom: 0; width: 15rem; z-index: 5; background: linear-gradient(to left, #024ab7 2%, transparent 100%); display: none !important; } @media screen and (max-width: 799px) { .main__banner__carousel:after { display: none; } } .main__banner__carousel .swiper-prev, .main__banner__carousel .swiper-next { width: 5rem; height: 5rem; bottom: 7.3rem; background: #fff; z-index: 10; top: auto; } .main__banner__carousel .swiper-prev svg, .main__banner__carousel .swiper-next svg { width: 100%; max-width: 2.5rem; } .main__banner__carousel .swiper-prev svg path, .main__banner__carousel .swiper-next svg path { fill: #003F97; } @media screen and (max-width: 799px) { .main__banner__carousel .swiper-prev, .main__banner__carousel .swiper-next { display: none; } } .main__banner__carousel .swiper-prev { left: 1.6rem; } .main__banner__carousel .swiper-next { right: 1.6rem; } .main__banner__images { position: relative; width: 62rem; height: 62rem; margin: -9rem 13rem 0 0; } @media screen and (max-width: 1920px) { .main__banner__images { margin-right: 7rem; } } @media screen and (max-width: 1600px) { .main__banner__images { margin-right: 0; } } @media screen and (max-width: 1440px) { .main__banner__images { margin-right: -4.5rem; } } @media screen and (max-width: 1400px) { .main__banner__images { margin-right: 10rem; } } @media screen and (max-width: 1200px) { .main__banner__images { margin-right: 5rem; } } @media screen and (max-width: 991px) { .main__banner__images { margin-right: 0; } } @media screen and (max-width: 799px) { .main__banner__images { width: 52rem; height: 52rem; margin: -9rem auto 0; } } @media screen and (max-width: 449px) { .main__banner__images { width: 36rem; height: 36rem; margin: -9.5rem auto 0; } } .main__banner__images .banner__image { position: absolute; top: 0; left: 0; transition: opacity 0.6s ease 0.1s; pointer-events: none; z-index: 2; opacity: 0; } .main__banner__images .banner__image.active { opacity: 1; } .main__banner__images .banner__image img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .main__carousel .swiper-slide { transition: transform 0.3s; } @media screen and (max-width: 449px) { .main__carousel .swiper-slide { height: auto; } } .main__carousel .swiper-slide.big { transform: scale(1.15); z-index: 2; } .main__carousel .swiper-slide:not(.big) .images__slide { transition: opacity 0.01s ease 0s; opacity: 0; } .main__carousel .swiper-slide.big .images__slide { opacity: 1; transition: opacity 0.4s ease 0.6s; } @media screen and (max-width: 799px) { .main__carousel .swiper-slide.big { backdrop-filter: blur(5px); } } .main__carousel { padding: 43.5rem 0 2rem; } @media screen and (max-width: 799px) { .main__carousel { margin: 0 -5rem; padding: 2rem 0 6rem; } } @media screen and (max-width: 449px) { .main__carousel { padding: 2rem 0 5.7rem; margin: 0 -6rem; } } .main__carousel__slide { padding: 1rem; position: relative; } .main__carousel__slide a { display: block; } @media screen and (max-width: 449px) { .main__carousel__slide { height: 100%; } } .main__carousel__slide:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 4; background: rgba(255, 255, 255, 0.14); backdrop-filter: blur(20px); border-radius: 2.8rem; pointer-events: none; } @media screen and (max-width: 449px) { .main__carousel__slide:after { backdrop-filter: blur(0px); } } @media screen and (max-width: 449px) { .main__carousel__slide:after { border-radius: 2rem; } } .main__carousel__slide .images__slide { position: absolute; bottom: -1rem; left: calc(50% - 26rem); width: 52rem; opacity: 0; transition: opacity 0.4s ease 0.2s; pointer-events: none; z-index: 2; } @media screen and (max-width: 449px) { .main__carousel__slide .images__slide { bottom: -7.5rem; left: calc(50% - 16rem); width: 31rem; } } .main__carousel__slide__image { width: 100%; max-width: 14.7rem; height: 11rem; display: block; margin: 0 auto 2.2rem; display: flex; align-items: center; justify-content: center; position: relative; z-index: 5; } @media screen and (max-width: 449px) { .main__carousel__slide__image { height: 9rem; margin: 0 auto; } } .main__carousel__slide__image img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .main__carousel__slide p { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 1.73rem; line-height: 120%; color: #fff; margin: 0; text-align: center; position: relative; z-index: 5; } @media screen and (max-width: 991px) { .main__carousel__slide p { font-size: 1.4rem; } } @media screen and (max-width: 449px) { .main__carousel__slide p { font-size: 1.21rem; } } .images__slide { width: 100%; height: 62rem; display: flex; align-items: center; justify-content: center; } .images__slide img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .images__slider .swiper-slide { opacity: 0 !important; } .images__slider .swiper-slide-active { opacity: 1 !important; } .main__history { padding: 6.8rem 0 24rem; position: relative; z-index: 10; } @media screen and (max-width: 449px) { .main__history { padding: 2.6rem 0 10rem; } } .main__history .container { padding: 0 1.5rem; } .main__history h2 { color: #fff; font-size: 9rem; margin: 0 0 2.2rem; } @media screen and (max-width: 799px) { .main__history h2 { font-size: 7rem; } } @media screen and (max-width: 449px) { .main__history h2 { display: none; } } .main__history__wrap { display: flex; align-items: flex-start; gap: 2.3rem; justify-content: center; } @media screen and (max-width: 799px) { .main__history__wrap { justify-content: flex-start; gap: 1.6rem; overflow: auto; margin: 0 -1.5rem; padding: 0 1.5rem; scrollbar-width: none; } .main__history__wrap::-webkit-scrollbar { display: none; } } @media screen and (max-width: 449px) { .main__history__wrap { padding: 0 0.5rem; } } .main__history__item { min-width: 10.1%; max-width: 10.1%; cursor: pointer; } @media screen and (max-width: 799px) { .main__history__item { min-width: 15.5rem; max-width: 15.5rem; } } @media screen and (max-width: 449px) { .main__history__item { min-width: 10rem; max-width: 10rem; } } .main__history__item__image { position: relative; padding-bottom: 100%; background: url(/local/templates/hochland26/assets/css/../images/lines.png) 0 0 no-repeat; background-size: cover; } .main__history__item__image img { width: calc(100% - 1.72rem); height: calc(100% - 1.72rem); position: absolute; top: 0.86rem; left: 0.86rem; background-size: cover; border-radius: 50%; } .main__history__item p { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 1.85rem; line-height: 120%; text-align: center; color: #fff; margin: 1.4rem 0 0; } @media screen and (max-width: 1200px) { .main__history__item p { font-size: 1.8rem; } } @media screen and (max-width: 991px) { .main__history__item p { font-size: 1.4rem; } } @media screen and (max-width: 449px) { .main__history__item p { font-size: 1.3rem; margin: 1.2rem 0 0; } } .main__recipes { margin: -22.2rem 0 0; padding: 0 0 40.5%; position: relative; } @media screen and (max-width: 449px) { .main__recipes { margin: -7rem 0 0; padding: 0 0 110%; position: relative; background: url(/local/templates/hochland26/assets/css/../images/recipes__bg__small.png) 0 0 no-repeat; background-size: contain; } } .main__recipes img.bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; z-index: 2; } @media screen and (max-width: 449px) { .main__recipes img.bg { display: none; } } .main__recipes h2 { color: #fff; font-size: 9rem; margin: 0; position: relative; z-index: 5; top: 11.4rem; } @media screen and (max-width: 1200px) { .main__recipes h2 { top: 8rem; } } @media screen and (max-width: 799px) { .main__recipes h2 { font-size: 7rem; } } @media screen and (max-width: 449px) { .main__recipes h2 { font-size: 4.8rem; line-height: 120%; top: 2.5rem; } } .main__recipes__image { position: absolute; z-index: 5; top: 0.7rem; left: 4.2rem; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; } @media screen and (max-width: 449px) { .main__recipes__image { top: 2.5rem; left: 0; } } .main__recipes__image img, .main__recipes__image picture { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; } .main__recipes .button { position: absolute; z-index: 5; left: 50%; bottom: 6rem; transform: translateX(-50%); font-size: 2.4rem; line-height: 2.4rem; font-family: "Montserrat", sans-serif; font-weight: 600; display: flex; align-items: center; gap: 1.4rem; padding: 1.8rem 2.5rem; text-transform: uppercase; } @media screen and (max-width: 1200px) { .main__recipes .button { bottom: 4rem; } } @media screen and (max-width: 799px) { .main__recipes .button { font-size: 1.6rem; line-height: 1.6rem; bottom: 2rem; gap: 0.8rem; } } @media screen and (max-width: 449px) { .main__recipes .button { bottom: 0; white-space: nowrap; width: auto; padding: 1.2rem 1.5rem; } } .main__recipes .button img { min-width: 5.8rem; max-width: 5.8rem; } @media screen and (max-width: 799px) { .main__recipes .button img { min-width: 3.7rem; max-width: 3.7rem; } } .main__shops .shops { padding: 3.8rem 0 0; } @media screen and (max-width: 449px) { .main__shops .shops { padding: 4.4rem 0 0; } } .main__contacts { padding: 7.6rem 0 0; } @media screen and (max-width: 449px) { .main__contacts { padding: 5.8rem 0 1rem; } .main__contacts .contacts__block { gap: 3rem; } .main__contacts .contacts__social { display: none; } } .main__contacts .contacts__links { margin: 0; } .seacrh__popup { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.68); z-index: 5555; opacity: 0; visibility: hidden; transition: all 300ms ease-in-out; display: flex; align-items: flex-start; justify-content: center; padding: 4rem 2rem; overflow: auto; } .seacrh__popup::-webkit-scrollbar { width: 5px; } .seacrh__popup::-webkit-scrollbar-button:hover { background-color: #fff; } .seacrh__popup::-webkit-scrollbar-thumb { background: rgba(8, 15, 31, 0.7); border-radius: 10px; } .seacrh__popup::-webkit-scrollbar-track { background-color: #fff; border-radius: 10px; } @media screen and (max-width: 449px) { .seacrh__popup { padding: 0; border-radius: 0; } } .seacrh__popup.open { opacity: 1; visibility: visible; } .seacrh__popup__close { position: absolute; top: 5.6rem; right: 5.6rem; height: 5.2rem; width: 5.2rem; border: 0; padding: 0; background: transparent; transition: all 300ms ease-in-out; cursor: pointer; } @media screen and (max-width: 449px) { .seacrh__popup__close { top: 1.2rem; right: 1.2rem; width: 3rem; height: 3rem; } } @media screen and (min-width: 800px) { .seacrh__popup__close:hover { opacity: 0.7; } } .seacrh__popup__close img { width: 100%; max-width: 3.2rem; } @media screen and (max-width: 449px) { .seacrh__popup__close img { max-width: 2rem; } } .seacrh__popup__block { width: 100%; max-width: 90.1rem; background: #F2FAFF; border-radius: 3.9rem; padding: 4.8rem 5.4rem 6.3rem; position: relative; } @media screen and (max-width: 449px) { .seacrh__popup__block { padding: 2rem 1.5rem; border-radius: 0; min-height: 100vh; } } .seacrh__popup__logo { width: 100%; max-width: 11.8rem; margin: 0 auto 3.6rem; } @media screen and (max-width: 449px) { .seacrh__popup__logo { max-width: 8.1rem; } } .seacrh__popup__logo img { width: 100%; } .seacrh__popup__form { margin: 0 0 3.8rem; display: flex; gap: 4.2rem; align-items: center; } @media screen and (max-width: 449px) { .seacrh__popup__form { gap: 0.8rem; margin: 0 0 2.2rem 0; } } .seacrh__popup__form .form__control { width: 100%; font-size: 2rem; } @media screen and (max-width: 449px) { .seacrh__popup__form .form__control { font-size: 1.6rem; padding: 1.3rem 1.2rem 1.3rem; } } .seacrh__popup__form .button { min-width: 5.6rem !important; min-width: 5.6rem !important; width: auto; padding: 0; } @media screen and (min-width: 800px) { .seacrh__popup__form .button:hover { opacity: 0.7; } } @media screen and (max-width: 449px) { .seacrh__popup__form .button { height: 5.6rem; } } .seacrh__popup__form .button img { width: 100%; } .seacrh__popup__result { text-align: center; } @media screen and (max-width: 449px) { .seacrh__popup__result { text-align: left; } } .seacrh__popup__result p { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 1.9rem; line-height: 120%; text-align: center; color: #000; margin: 0; } @media screen and (max-width: 449px) { .seacrh__popup__result p { font-family: 1.6rem; text-align: left; } } .seacrh__popup__result .button { width: 100%; max-width: 36.5rem; font-size: 1.6rem; line-height: 1.6rem; font-weight: 600; text-transform: uppercase; padding: 1.5rem 2rem; } @media screen and (max-width: 449px) { .seacrh__popup__result .button { padding: 1.6rem 2rem; } } .seacrh__popup__result .result__list { width: 100%; max-width: 56.9rem; margin: 4.2rem auto; text-align: center; } @media screen and (max-width: 449px) { .seacrh__popup__result .result__list { margin: 3.1rem 0; text-align: left; max-width: 100%; } } .seacrh__popup__result .result__list li { display: block; padding: 2.5rem 0; border-bottom: 1px solid #003F97; margin: 0; } .seacrh__popup__result .result__list li:first-child { padding-top: 0; } .seacrh__popup__result .result__list li a { font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1.5rem; line-height: 120%; text-align: center; color: #000; text-shadow: none; } @media screen and (min-width: 800px) { .seacrh__popup__result .result__list li a:hover { text-decoration: none; color: #003F97; } } .open-seacrh { overflow: hidden; } .history { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.68); z-index: 5555; opacity: 0; visibility: hidden; transition: all 300ms ease-in-out; display: flex; align-items: center; justify-content: center; padding: 4rem 2rem; overflow: auto; display: none; overflow: hidden; overscroll-behavior: contain; touch-action: none; } .history::-webkit-scrollbar { width: 5px; } .history::-webkit-scrollbar-button:hover { background-color: #fff; } .history::-webkit-scrollbar-thumb { background: rgba(8, 15, 31, 0.7); border-radius: 10px; } .history::-webkit-scrollbar-track { background-color: #fff; border-radius: 10px; } @media screen and (max-width: 449px) { .history { padding: 0; border-radius: 0; } } .history.open { opacity: 1; visibility: visible; display: flex; } .history__close { position: absolute; top: 1rem; right: 1.9rem; height: 3.3rem; width: 3.3rem; border: 0; padding: 0; background: transparent; transition: all 300ms ease-in-out; z-index: 29; cursor: pointer; } @media screen and (min-width: 800px) { .history__close:hover { opacity: 0.7; } } .history__close img { width: 100%; max-width: 2rem; } .history__block { width: 100%; max-width: 129rem; margin: 0 auto; } @media screen and (max-width: 449px) { .history__block { max-width: 100%; } } @media screen and (max-width: 799px) { .history__slider { margin: 0 -15%; } } @media screen and (max-width: 449px) { .history__slider { margin: 0; } } .history__slider .swiper-slide { position: relative; transform: scale(0.9); transition: all 300ms ease-in-out; } @media screen and (max-width: 449px) { .history__slider .swiper-slide { transform: scale(1); } } .history__item__content { position: relative; } .history__slider .swiper-slide .history__item__content:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; background: rgba(0, 27, 60, 0.8); transition: all 300ms ease-in-out; opacity: 1; visibility: visible; z-index: 30; } @media screen and (max-width: 450px) { .history__slider .swiper-slide .history__item:after { display: none; } } .history__slider .swiper-slide-next { transform: scale(1); transition: all 300ms ease-in-out; } .history__slider .swiper-slide-next .history__item:after { opacity: 0; visibility: hidden; } .history__slider .swiper-slide-next .history__item__content:after { opacity: 0; visibility: hidden; } .history__slider .swiper-next, .history__slider .swiper-prev { background: #fff; width: 5.2rem; height: 5.2rem; position: absolute; top: calc(50% - 3.1rem); } @media screen and (min-width: 800px) { .history__slider .swiper-next:hover, .history__slider .swiper-prev:hover { opacity: 0.7; } } @media screen and (max-width: 449px) { .history__slider .swiper-next, .history__slider .swiper-prev { display: none; } } .history__slider .swiper-next svg, .history__slider .swiper-prev svg { width: 100%; max-width: 2.6rem; } .history__slider .swiper-next svg path, .history__slider .swiper-prev svg path { fill: #003F97; } .history__slider .swiper-next { right: 30%; } @media screen and (max-width: 991px) { .history__slider .swiper-next { right: 29%; } } .history__slider .swiper-prev { left: 30%; } @media screen and (max-width: 991px) { .history__slider .swiper-prev { left: 29%; } } .history__item { width: 100%; max-width: 31.9rem; margin: 0 auto; position: relative; /* background: #fff; */ } @media screen and (max-width: 449px) { .history__item { max-width: 100%; height: 100vh; height: 100dvh; } } @media screen and (max-width: 449px) { .history__item__content { height: 100vh; height: 100dvh; } } .history__item__content p { font-family: "Futura PT Cond"; font-size: 5rem; line-height: 85%; text-align: center; text-transform: uppercase; color: #085DB9; margin: 0 1.5rem 2.2rem; height: 13rem; display: flex; align-items: center; justify-content: center; } @media screen and (max-width: 991px) { .history__item__content p { font-size: 4rem; height: 10rem; margin-bottom: 1.5rem; } } @media screen and (max-width: 449px) { .history__item__content p { height: 13rem; font-size: 5rem; margin: 0 1.5rem 2rem; } } .history__item__desc { position: relative; height: 15.9rem; width: 100%; } @media screen and (max-width: 1200px) { .history__item__desc { height: 13.6rem; } } @media screen and (max-width: 449px) { .history__item__desc { position: absolute; bottom: 0; } } .history__item__desc__image { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: flex; align-items: flex-end; justify-content: flex-end; z-index: 2; } @media screen and (max-width: 991px) { .history__item__desc__image { border-bottom: 3rem solid #056fda; } } .history__item__desc__image img { width: 100%; } .history__item__desc__text { display: flex; align-items: center; justify-content: flex-end; position: relative; z-index: 4; flex-direction: column; height: 100%; padding: 1.5rem 1rem; gap: 0.5rem; } .history__item__desc__text p { font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1.3rem; line-height: 100%; text-align: center; color: #fff; margin: 0 auto; text-transform: none; max-width: 30rem; height: auto; display: block; } .history__item__desc__text p.title { font-family: "Futura PT Cond"; font-weight: 700; font-size: 2.4rem; line-height: 85%; text-align: center; color: #fff; } .history__item__desc__text p.title span { font-size: 9.4rem; display: inline-block; margin: 0; color: #fff; } @media screen and (max-width: 1200px) { .history__item__desc__text p.title span { font-size: 7rem; } } @media screen and (max-width: 991px) { .history__item__desc__text p.title span { font-size: 6rem; } } .history__item__image { padding: 0; width: 100%; height: 64.6rem; display: flex; align-items: center; justify-content: center; position: relative; } @media screen and (max-width: 991px) { .history__item__image { height: 54.2rem; } } @media screen and (max-width: 799px) { .history__item__image { height: 54.7rem; } } .history__item__image:before { content: ""; top: -15%; position: absolute; left: 0; right: 0; height: 52.3rem; z-index: 10; background: url(/local/templates/hochland26/assets/css/../images/img-1.png) 0 0 no-repeat; background-size: contain; display: none !important; } @media screen and (max-width: 449px) { .history__item__image:before { top: -10%; height: auto; bottom: -10%; } } @media screen and (max-width: 449px) { .history__item__image:before { background: url(/local/templates/hochland26/assets/css/../images/img-3.png) 0 0 no-repeat; width: 10.7rem; height: 19.5rem; } } @media screen and (max-width: 449px) { .history__item__image:after { content: ""; display: block; bottom: -15%; position: absolute; right: 0; height: 24rem; width: 15.8rem; z-index: 10; background: url(/local/templates/hochland26/assets/css/../images/img-2.png) 0 0 no-repeat; width: 10.7rem; height: 19.5rem; background-size: contain; display: none; } } .history__item__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .history__item__slider { z-index: 25; } .history__item__slider .swiper-slide { transform: scale(1); } .history__item__slider .swiper-prev { width: 49%; opacity: 0 !important; left: 0; border-radius: 0; top: 8rem; bottom: 0; z-index: 45; display: block !important; height: auto; } @media screen and (max-width: 449px) { .history__item__slider .swiper-prev { top: 9rem; } } .history__item__slider .swiper-next { width: 49%; height: 36rem; opacity: 0 !important; right: 0; border-radius: 0; top: 8rem; bottom: 0; z-index: 45; display: block !important; height: auto; } @media screen and (max-width: 449px) { .history__item__slider .swiper-next { top: 9rem; } } .history__item__slider .history__item__pagination { display: flex; top: 6.8rem !important; bottom: auto !important; left: 1.5rem; width: auto !important; right: 1.5rem; } @media screen and (max-width: 991px) { .history__item__slider .history__item__pagination { top: 5rem; } } .history__item__slider .history__item__pagination .swiper-pagination-bullet { flex: 1; width: auto; background: rgba(24, 24, 24, 0.24); height: 0.33rem; } .history__item__slider .history__item__pagination .swiper-pagination-bullet-active { background: #003F97; opacity: 1; } .body-history { overflow: hidden; position: fixed; width: 100%; } .error__page { width: 100%; height: 72rem; background: #0050CC; margin-top: -12.3rem; padding-top: 14rem; position: relative; overflow: hidden; } @media screen and (max-width: 799px) { .error__page { height: 52rem; margin-top: -7.7rem; padding-top: 10rem; } } @media screen and (max-width: 449px) { .error__page { padding-top: 8.2rem; height: 51.5rem; } } .error__page:after { content: ""; position: absolute; bottom: -0.25rem; left: 0; right: 0; top: 0; z-index: 7; background: url(/local/templates/hochland26/assets/css/../images/category-wave.png) left bottom no-repeat; background-size: contain; } @media screen and (max-width: 449px) { .error__page:after { background: url(/local/templates/hochland26/assets/css/../images/category-wave-small.png) left bottom no-repeat; background-size: contain; bottom: 0; } } .error__page h1 { font-family: "Sweet-Mavka-Script"; font-size: 20.4rem; line-height: 80%; color: #fff; margin: 0; text-align: center; } @media screen and (max-width: 799px) { .error__page h1 { font-size: 14.5rem; margin-top: 2rem; } } @media screen and (max-width: 449px) { .error__page h1 { margin-top: 3rem; } } .error__page p { font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 2rem; line-height: 100%; text-align: center; color: #fff; width: 100%; max-width: 76rem; margin: 0 auto; } @media screen and (max-width: 449px) { .error__page p { font-size: 1.4rem; line-height: 120%; } } .error__page p.note { font-family: "Futura PT Cond"; font-size: 9.7rem; line-height: 85%; text-transform: uppercase; color: #fff; margin: 0; letter-spacing: -0.1rem; text-align: center; margin: 0 0 5rem; max-width: 100%; } @media screen and (max-width: 799px) { .error__page p.note { font-size: 6.4rem; } } @media screen and (max-width: 449px) { .error__page p.note { font-size: 7rem; line-height: 85%; margin: 0 0 3rem 0; } } .cookies { position: fixed; bottom: 2rem; left: 50%; transform: translateX(-50%); width: 70rem; padding: 4.1rem; z-index: 30; background: #3056B7; border-radius: 3.6rem; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2); text-align: center; opacity: 0; visibility: hidden; transition: all 300ms ease-in-out; } @media screen and (max-width: 449px) { .cookies { max-width: 32.4rem; padding: 2.5rem 2rem; } } .cookies.open { opacity: 1; visibility: visible; } .cookies p { font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1.6rem; line-height: 120%; text-align: center; color: #fff; margin: 0 auto 2.5rem; width: 100%; max-width: 49rem; } @media screen and (max-width: 449px) { .cookies p { font-size: 1.2rem; margin: 0 0 3rem 0; } } .cookies p a { color: #fff; text-decoration: none; border-bottom: 1px solid #fff; } @media screen and (min-width: 800px) { .cookies p a:hover { color: #fff; text-decoration: none; border-bottom-color: transparent; } } .cookies .button { font-family: "Futura PT Cond"; font-size: 3.1rem; line-height: 3.1rem; padding: 1.2rem 4.8rem; } @media screen and (max-width: 449px) { .cookies .button { width: auto; font-size: 2.1rem; line-height: 2.1rem; padding: 0.8rem 3.4rem; } } .company__banner { display: flex; align-items: flex-start; gap: 0; justify-content: space-between; } @media screen and (max-width: 991px) { .company__banner { flex-direction: column; } } .company__banner.animate .company__banner__content { opacity: 1; } .company__banner.animate .company__banner__item.item-1 { bottom: 1rem; left: 6rem; } @media screen and (max-width: 449px) { .company__banner.animate .company__banner__item.item-1 { bottom: -0.5rem; left: 0.5rem; } } .company__banner.animate .company__banner__item.item-3 { top: 5.4rem; left: 11rem; } @media screen and (max-width: 449px) { .company__banner.animate .company__banner__item.item-3 { top: 2.4rem; left: 3.5rem; } } .company__banner.animate .company__banner__item.item-4 { top: 1.4rem; left: 34.5rem; } @media screen and (max-width: 449px) { .company__banner.animate .company__banner__item.item-4 { top: 0.8rem; left: 16.5rem; } } .company__banner.animate .company__banner__item.item-6 { bottom: -7.6rem; right: 1rem; } @media screen and (max-width: 449px) { .company__banner.animate .company__banner__item.item-6 { bottom: -3rem; right: -1rem; } } .company__banner__content { width: 100%; margin: 2.8rem 0 0 0; opacity: 0; transition: all 0.6s ease-in-out 0.8s; } @media screen and (max-width: 991px) { .company__banner__content { margin: 0; } } .company__banner__content p { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 2.66rem; line-height: 120%; color: #3056B7; margin: 0 0 3rem 0; } @media screen and (max-width: 799px) { .company__banner__content p { font-size: 2rem; margin: 0 0 2rem 0; } } .company__banner__content p:last-child { margin: 0; } .company__banner__images { min-width: 72.5rem; max-width: 72.5rem; position: relative; margin: -12rem -4rem 0 0; } @media screen and (max-width: 991px) { .company__banner__images { margin: 2rem auto 0; } } @media screen and (max-width: 449px) { .company__banner__images { min-width: 36.3rem; max-width: 36.3rem; margin: 3rem auto 0; } } .company__banner__bg { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .company__banner__bg img { width: 100%; max-width: 58rem; } @media screen and (max-width: 449px) { .company__banner__bg img { max-width: 32rem; margin: 0 0 0 -0.8rem; } } .company__banner__logo { width: 26.3rem; height: 21.1rem; display: flex; align-items: center; justify-content: center; position: absolute; top: 18.5rem; left: 24rem; } @media screen and (max-width: 449px) { .company__banner__logo { left: 12rem; width: 13.3rem; height: 11.1rem; top: 10rem; } } .company__banner__logo img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .company__banner__item { position: absolute; z-index: 2; transition: all 0.6s ease-in-out 0.3s; } .company__banner__item img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .company__banner__item.item-1 { width: 20.1rem; height: 18.1rem; bottom: -6rem; left: -1rem; } @media screen and (max-width: 449px) { .company__banner__item.item-1 { width: 11.1rem; height: 12.1rem; bottom: -4.5rem; left: -1.5rem; } } .company__banner__item.item-2 { width: 10.7rem; height: 12.5rem; bottom: 17.4rem; left: 2rem; } @media screen and (max-width: 449px) { .company__banner__item.item-2 { width: 5.7rem; height: 6.5rem; bottom: 10rem; left: -0.8rem; } } .company__banner__item.item-3 { width: 20rem; height: 15.2rem; top: -2.6rem; left: 3rem; } @media screen and (max-width: 449px) { .company__banner__item.item-3 { width: 11rem; height: 8.2rem; top: -2.6rem; left: -0.5rem; } } .company__banner__item.item-4 { width: 19.5rem; height: 15rem; top: -3.6rem; left: 41.5rem; } @media screen and (max-width: 449px) { .company__banner__item.item-4 { top: -5.2rem; width: 11.5rem; height: 8rem; left: 18.5rem; } } .company__banner__item.item-5 { width: 13.4rem; height: 10.1rem; top: 10.4rem; right: 5rem; } @media screen and (max-width: 449px) { .company__banner__item.item-5 { width: 7.4rem; height: 6.1rem; top: 5rem; right: 1rem; } } .company__banner__item.item-6 { width: 26.4rem; height: 37.6rem; bottom: -15.6rem; right: -2rem; } @media screen and (max-width: 449px) { .company__banner__item.item-6 { bottom: -8rem; right: -1rem; width: 14.4rem; height: 20.6rem; } } .company__banner__item.item-7 { width: 6.7rem; height: 6.8rem; bottom: 3.6rem; right: 29rem; } @media screen and (max-width: 449px) { .company__banner__item.item-7 { width: 3.7rem; height: 3.8rem; bottom: 2rem; right: 15rem; } } .company__numbers { padding: 7.4rem 0 0 0; display: flex; align-items: flex-start; gap: 8rem; } @media screen and (max-width: 991px) { .company__numbers { flex-wrap: wrap; gap: 4rem 8rem; } } @media screen and (max-width: 449px) { .company__numbers { gap: 3.8rem; padding: 5.4rem 0 0 0; flex-direction: column; } } .company__numbers__item p { font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 2rem; line-height: 120%; color: #000; margin: 0; letter-spacing: -0.07rem; } @media screen and (max-width: 449px) { .company__numbers__item p { font-size: 1.6rem; letter-spacing: 0; } } .company__numbers__item p.note { font-family: "Futura PT Cond"; font-weight: 700; font-size: 6.14rem; line-height: 120%; text-transform: uppercase; color: #3056B7; margin: 0; white-space: nowrap; } @media screen and (max-width: 449px) { .company__numbers__item p.note { font-size: 4.8rem; } } .company__numbers__item p.note span { color: #4980EA; } .company__history { padding: 7.4rem 0 0; } .company__history h2 { margin: 0 0 5.9rem; } @media screen and (max-width: 449px) { .company__history h2 { font-size: 2.6rem; text-align: left; margin: 0 0 1rem 0; } } .company__history__slider { padding: 0 0 0 14rem; } @media screen and (max-width: 1200px) { .company__history__slider { padding: 0 0 0 4rem; } } @media screen and (max-width: 991px) { .company__history__slider { padding: 0 0 0 1.6rem; } } @media screen and (max-width: 449px) { .company__history__slider { padding: 0 0 0 1.6rem; } } .company__history__slider .swiper-slide { width: 40.6rem; } @media screen and (max-width: 449px) { .company__history__slider .swiper-slide { width: 25rem; } } .company__history__slide { margin-right: 1.6rem; } @media screen and (max-width: 449px) { .company__history__slide { margin-right: 1.7rem; } } .company__history__slide .item__image { width: 100%; height: 28.8rem; } @media screen and (max-width: 449px) { .company__history__slide .item__image { height: 17.7rem; } } .company__history__slide .item__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 3rem; } @media screen and (max-width: 449px) { .company__history__slide .item__image img { border-radius: 1.8rem; } } .company__history__slide .item__content { margin: 4.4rem 0 0; } @media screen and (max-width: 449px) { .company__history__slide .item__content { margin: 1.7rem 0 0; } } .company__history__slide .item__content__line { height: 0.16rem; background: #000; margin: 0 0 4.5rem 0; position: relative; } @media screen and (max-width: 449px) { .company__history__slide .item__content__line { height: 1px; margin: 0 0 2.5rem 0; } } .company__history__slide .item__content__line:before { content: ""; position: absolute; width: 0.8rem; height: 0.8rem; background: #000; top: -0.3rem; left: -0.2rem; border-radius: 50%; } @media screen and (max-width: 449px) { .company__history__slide .item__content__line:before { width: 0.6rem; height: 0.6rem; top: -0.24rem; left: 0rem; } } .company__history__slide .item__content__line:after { content: ""; position: absolute; width: 0.8rem; height: 0.8rem; background: #000; top: -0.3rem; right: -0.2rem; border-radius: 50%; } @media screen and (max-width: 449px) { .company__history__slide .item__content__line:after { width: 0.6rem; height: 0.6rem; top: -0.24rem; right: 0rem; } } .company__history__slide .item__content p { font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 2.1rem; line-height: 120%; color: #000; margin: 0; } @media screen and (max-width: 449px) { .company__history__slide .item__content p { font-size: 1.3rem; } } .company__history__slide .item__content p.date { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 4.66rem; line-height: 120%; color: #000; margin: 0 0 4rem 0; } @media screen and (max-width: 449px) { .company__history__slide .item__content p.date { font-size: 2.8rem; margin: 0 0 1.6rem 0; } } .company__history__nav { display: flex; margin: 3.4rem 0 0; align-items: center; justify-content: center; gap: 2rem; } @media screen and (max-width: 449px) { .company__history__nav { position: relative; margin: 3.3rem 0 0; } } .company__history__nav .swiper-prev, .company__history__nav .swiper-next { position: initial; width: 5rem; height: 5rem; } @media screen and (max-width: 449px) { .company__history__nav .swiper-prev, .company__history__nav .swiper-next { display: none; } } .company__history__nav .swiper-prev svg, .company__history__nav .swiper-next svg { width: 100%; max-width: 2.5rem; } .about { padding: 11.2rem 0 8rem; width: 100%; max-width: 192rem; margin: 0 auto; overflow: hidden; } @media screen and (max-width: 799px) { .about { position: relative; padding: 32rem 0 16rem; } } @media screen and (max-width: 449px) { .about { padding: 21rem 0 13.5rem; } } .about__wrap { display: flex; align-items: flex-start; gap: 23.4rem; } @media screen and (max-width: 1200px) { .about__wrap { gap: 20rem; } } @media screen and (max-width: 799px) { .about__wrap { flex-direction: column; gap: 0; } } .about__figures { min-width: 65.2rem; max-width: 65.2rem; height: 65.2rem; position: relative; margin: -5.2rem 0 0 0; } @media screen and (max-width: 1440px) { .about__figures { margin-left: -9rem; } } @media screen and (max-width: 1200px) { .about__figures { margin-left: -22rem; } } @media screen and (max-width: 991px) { .about__figures { margin-left: -24rem; } } @media screen and (max-width: 799px) { .about__figures { margin-left: -9rem; } } @media screen and (max-width: 449px) { .about__figures { min-width: 40.2rem; max-width: 40.2rem; height: 40.2rem; margin-left: -19rem; } } .about__figure__item { position: absolute; width: 26.4rem; height: 21.4rem; z-index: 2; opacity: 1; } @media screen and (max-width: 449px) { .about__figure__item { width: 16rem; height: 13rem; } } .about__figure__item img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; } .about__figure__item .item_triangle { width: 100%; height: 100%; transition: all 200ms ease 0s; opacity: 1; } .about__figure__item .item_triangle-full { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; transition: all 500ms ease 0s; } .about__figure__item .item_image { position: absolute; top: -17.6rem; left: -3.8rem; width: 51.4rem; height: 51.4rem; display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.15s ease 0s; z-index: 7; } @media screen and (max-width: 449px) { .about__figure__item .item_image { top: -10.1rem; left: -3.8rem; width: 35.4rem; height: 30.4rem; } } .about__figure__item .item_image img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .about__figure__item.active { opacity: 1; z-index: 10; } .about__figure__item.active .item_triangle { opacity: 0; } .about__figure__item.active .item_triangle-full { opacity: 1; left: 5rem; transform: scale(1.4); } @media screen and (max-width: 449px) { .about__figure__item.active .item_triangle-full { left: 3.5rem; } } .about__figure__item.active .item_image { transition: opacity 0.4s ease 0.3s; opacity: 1; } .about__figure__item.item-1 { top: 21.5rem; right: 1rem; } @media screen and (max-width: 449px) { .about__figure__item.item-1 { top: 13.5rem; right: 0.5rem; } } .about__figure__item.item-2 { top: 8.5rem; right: 7rem; transform: rotate(-45deg); } @media screen and (max-width: 449px) { .about__figure__item.item-2 { top: 5.5rem; right: 4.5rem; } } .about__figure__item.item-2 .item_image { top: -20rem; } @media screen and (max-width: 449px) { .about__figure__item.item-2 .item_image { top: -11.5rem; } } .about__figure__item.item-3 { top: 3rem; right: 20.2rem; transform: rotate(-90deg); } @media screen and (max-width: 449px) { .about__figure__item.item-3 { top: 2.2rem; right: 12.5rem; } } .about__figure__item.item-3 .item_image { top: -22.4rem; left: -2rem; } @media screen and (max-width: 449px) { .about__figure__item.item-3 .item_image { top: -12.6rem; } } .about__figure__item.item-4 { top: 8.8rem; left: 5.2rem; transform: rotate(-135deg); } @media screen and (max-width: 449px) { .about__figure__item.item-4 { top: 5.4rem; left: 3.4rem; } } .about__figure__item.item-4 .item_image { top: -22.5rem; left: -6.9rem; } @media screen and (max-width: 449px) { .about__figure__item.item-4 .item_image { top: -13.5rem; } } .about__figure__item.item-5 { top: 22.2rem; left: 0; transform: rotate(-180deg); } @media screen and (max-width: 449px) { .about__figure__item.item-5 { top: 13.6rem; } } .about__figure__item.item-5 .item_image { top: -19.5rem; } @media screen and (max-width: 449px) { .about__figure__item.item-5 .item_image { top: -11.3rem; } } .about__figure__item.item-6 { bottom: 8.2rem; left: 5.8rem; transform: rotate(-225deg); } @media screen and (max-width: 449px) { .about__figure__item.item-6 { bottom: 5.2rem; left: 3.8rem; } } .about__figure__item.item-6 .item_image { top: -21.5rem; } @media screen and (max-width: 449px) { .about__figure__item.item-6 .item_image { top: -12.4rem; } } .about__figure__item.item-7 { bottom: 3rem; left: 19.4rem; transform: rotate(-270deg); } @media screen and (max-width: 449px) { .about__figure__item.item-7 { bottom: 2rem; left: 12rem; } } .about__figure__item.item-7 .item_image { top: -19.1rem; } @media screen and (max-width: 449px) { .about__figure__item.item-7 .item_image { top: -11rem; } } .about__figure__item.item-8 { bottom: 8.8rem; right: 6.2rem; transform: rotate(-315deg); } @media screen and (max-width: 449px) { .about__figure__item.item-8 { bottom: 5.8rem; right: 4.2rem; } } .about__figure__item.item-8 .item_image { top: -19.6rem; left: -4.8rem; } @media screen and (max-width: 449px) { .about__figure__item.item-8 .item_image { top: -11.4rem; } } .about__content { width: 100%; } .about__content__caption { display: flex; align-items: flex-end; margin: -0.6rem 0 0 -4.7rem; } @media screen and (max-width: 991px) { .about__content__caption { margin: -6rem 0 0 -4.7rem; } } @media screen and (max-width: 799px) { .about__content__caption { position: absolute; top: 0; left: 2rem; margin: 0; } } @media screen and (max-width: 449px) { .about__content__caption { top: -3rem; left: 1.5rem; } } .about__content__caption img { min-width: 16.6rem; max-width: 16.6rem; height: 31.4rem; } @media screen and (max-width: 991px) { .about__content__caption img { min-width: 12.6rem; max-width: 12.6rem; height: 26.4rem; } } .about__content__caption p.title { font-family: "Futura PT Cond"; font-weight: 700; font-size: 6.5rem; line-height: 87%; text-transform: uppercase; color: #003F97; margin: 0 0 0.8rem -2.4rem; letter-spacing: -0.07rem; max-width: 32rem; } @media screen and (max-width: 991px) { .about__content__caption p.title { font-size: 4.8rem; } } @media screen and (max-width: 449px) { .about__content__caption p.title { margin: 0 0 2rem -1.8rem; letter-spacing: 0; } .about__content__caption p.title span { color: #003F97; display: block; text-align: right; margin: 0 2rem 0 0; } } .about__desc { margin: 4rem 0 0 9.5rem; position: relative; } @media screen and (max-width: 991px) { .about__desc { margin: 4rem 0 0 5.5rem; } } @media screen and (max-width: 449px) { .about__desc { margin: 0.9rem 0 0 11rem; } } .about__text { position: absolute; top: 0; left: 0; opacity: 0; transition: all 300ms ease; } @media screen and (max-width: 1200px) { .about__text { padding-right: 2rem; } } @media screen and (max-width: 799px) { .about__text { left: auto; right: 0; top: -2rem; } } .about__text.active { opacity: 1; } .about__text p { font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 2.1rem; line-height: 120%; color: #000; margin: 0; max-width: 47.4rem; } @media screen and (max-width: 991px) { .about__text p { font-size: 1.8rem; } } @media screen and (max-width: 449px) { .about__text p { font-size: 1.4rem; } } .about__text p.note { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 3rem; line-height: 120%; color: #003F97; max-width: 40rem; margin: 0 0 0.8rem 0; } @media screen and (max-width: 991px) { .about__text p.note { font-size: 2.2rem; } } @media screen and (max-width: 449px) { .about__text p.note { margin: 0 0 0.5rem 0; } } .button { background: transparent; border: none; font-family: "Montserrat", sans-serif; font-size: 2rem; line-height: 2rem; text-align: center; padding: 2.3rem 4.3rem; cursor: pointer; transition: all 300ms ease-in-out; display: inline-block; border-radius: 10rem; } @media screen and (max-width: 1200px) { .button { padding: 1.8rem 4rem; } } @media screen and (max-width: 799px) { .button { font-size: 1.6rem; line-height: 1.6rem; } } @media screen and (max-width: 449px) { .button { padding: 2.4rem 3.7rem 2.4rem; font-size: 2rem; line-height: 2rem; width: 100%; } } .button:disabled { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); box-shadow: none; pointer-events: none; } .button:hover { transition: all 300ms ease-in-out; } .button-small { padding: 1.6rem 4rem 1.8rem; font-size: 1.65rem; line-height: 1.65rem; } @media screen and (max-width: 799px) { .button-small { padding: 1.9rem 3.2rem; } } @media screen and (max-width: 449px) { .button-small { font-size: 1.6rem; line-height: 1.6rem; } } .button-blue { color: #fff; background: #003F97; } @media screen and (min-width: 800px) { .button-blue:hover { color: #fff; background: #4980EA; } } .button-green { background: #053C1A; color: #fff; } @media screen and (min-width: 800px) { .button-green:hover { color: #fff; background: #4980EA; } } .button-red { color: #fff; background: #FF3E3E; } @media screen and (min-width: 800px) { .button-red:hover { color: #fff; background: #4980EA; } } .button-white { color: #3056B7; background: #fff; } @media screen and (min-width: 800px) { .button-white:hover { color: #fff; background: #003F97; } } .site-map { display: block; margin: 5rem 0; padding: 0; } .site-map li { display: block; margin: 0 0 2rem 0; } .site-map li a { font-size: 2rem; line-height: 2rem; font-family: "Montserrat", sans-serif; color: #000 !important; }/*# sourceMappingURL=style.css.map */ .main__history__wrap.centered { justify-content: center; } @media screen and (max-width: 449px) { .history__item__image { width: 100%; height: 100%; display: flex; align-items: flex-end; justify-content: center; background: #fff; } .history__item__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: contain; object-position: bottom; } .history__slider .swiper-slide .history__item__content:after { display: none !important; } .main__banner:after { width: 85rem; height: 85rem; } } .header__hide { z-index: 5; } /* End */ /* Start:/local/templates/hochland26/components/bitrix/menu/mainMenu/style.css?1776948511112*/ .mobile-only{ display:none; } @media (max-width: 768px) { .mobile-only { display: block; } } /* End */ /* /local/templates/hochland26/assets/css/swiper-bundle.min.css?177694851115563 */ /* /local/templates/hochland26/assets/css/jquery.formstyler.css?17769485112169 */ /* /local/templates/hochland26/assets/css/jquery.formstyler.theme.css?177694851110672 */ /* /local/templates/hochland26/assets/css/style.css?1777275975128972 */ /* /local/templates/hochland26/components/bitrix/menu/mainMenu/style.css?1776948511112 */