/* Start:/local/templates/almete2024/assets/css/swiper-bundle.min.css?173528187815563*/ /** * 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/almete2024/assets/css/jquery.formstyler.css?17352818782169*/ .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/almete2024/assets/css/jquery.formstyler.theme.css?173528187810672*/ .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/almete2024/assets/fonts/Circe/stylesheet.css?17352818791981*/ @font-face { font-family: 'Circe'; src: url('/local/templates/almete2024/assets/fonts/Circe/Circe-Light.eot'); src: local('Circe Light'), local('Circe-Light'), url('/local/templates/almete2024/assets/fonts/Circe/Circe-Light.eot?#iefix') format('embedded-opentype'), url('/local/templates/almete2024/assets/fonts/Circe/Circe-Light.woff2') format('woff2'), url('/local/templates/almete2024/assets/fonts/Circe/Circe-Light.woff') format('woff'), url('/local/templates/almete2024/assets/fonts/Circe/Circe-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Circe Extra'; src: url('/local/templates/almete2024/assets/fonts/Circe/Circe-ExtraBold.eot'); src: local('Circe Extra Bold'), local('Circe-ExtraBold'), url('/local/templates/almete2024/assets/fonts/Circe/Circe-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/almete2024/assets/fonts/Circe/Circe-ExtraBold.woff2') format('woff2'), url('/local/templates/almete2024/assets/fonts/Circe/Circe-ExtraBold.woff') format('woff'), url('/local/templates/almete2024/assets/fonts/Circe/Circe-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Circe'; src: url('/local/templates/almete2024/assets/fonts/Circe/Circe-Thin.eot'); src: local('Circe Thin'), local('Circe-Thin'), url('/local/templates/almete2024/assets/fonts/Circe/Circe-Thin.eot?#iefix') format('embedded-opentype'), url('/local/templates/almete2024/assets/fonts/Circe/Circe-Thin.woff2') format('woff2'), url('/local/templates/almete2024/assets/fonts/Circe/Circe-Thin.woff') format('woff'), url('/local/templates/almete2024/assets/fonts/Circe/Circe-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Circe'; src: url('/local/templates/almete2024/assets/fonts/Circe/Circe-Regular.eot'); src: local('Circe'), local('Circe-Regular'), url('/local/templates/almete2024/assets/fonts/Circe/Circe-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/almete2024/assets/fonts/Circe/Circe-Regular.woff2') format('woff2'), url('/local/templates/almete2024/assets/fonts/Circe/Circe-Regular.woff') format('woff'), url('/local/templates/almete2024/assets/fonts/Circe/Circe-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Circe'; src: url('/local/templates/almete2024/assets/fonts/Circe/Circe-Bold.eot'); src: local('Circe Bold'), local('Circe-Bold'), url('/local/templates/almete2024/assets/fonts/Circe/Circe-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/almete2024/assets/fonts/Circe/Circe-Bold.woff2') format('woff2'), url('/local/templates/almete2024/assets/fonts/Circe/Circe-Bold.woff') format('woff'), url('/local/templates/almete2024/assets/fonts/Circe/Circe-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } /* End */ /* Start:/local/templates/almete2024/assets/css/style.css?1760515141126309*/ @charset "UTF-8"; @font-face { font-family: 'CatLinz'; src: url("/local/templates/almete2024/assets/css/../fonts/CatLinz/CatLinz.eot"); src: local("../fonts/CatLinz/CatLinz"), local("../fonts/CatLinz/CatLinz"), url("/local/templates/almete2024/assets/css/../fonts/CatLinz/CatLinz.eot?#iefix") format("embedded-opentype"), url("/local/templates/almete2024/assets/css/../fonts/CatLinz/CatLinz.woff2") format("woff2"), url("/local/templates/almete2024/assets/css/../fonts/CatLinz/CatLinz.woff") format("woff"), url("/local/templates/almete2024/assets/css/../fonts/CatLinz/CatLinz.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } * { -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 { -webkit-box-sizing: border-box; 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; -webkit-box-sizing: border-box; box-sizing: border-box; } body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 99.9vh; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; color: #000000; background-color: #fff; font-family: 'Circe'; font-weight: 400; font-style: normal; -webkit-font-feature-settings: 'pnum' on, 'lnum' on; font-feature-settings: 'pnum' on, 'lnum' on; } 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: .521vw; font-style: normal; line-height: 1; } @media screen and (max-width: 1199px) { html, body { font-size: .721vw; } } @media screen and (max-width: 799px) { html, body { font-size: 1.252vw; } } @media screen and (max-width: 449px) { html, body { font-size: 1.59vw; } } a { text-decoration: none; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } a:hover { text-decoration: none; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .swiper-slide { -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; } .swiper-button-prev::after, .swiper-button-next::after { display: none; } .hidden { overflow: hidden; } .main { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .container { width: 100%; max-width: 181rem; margin: 0 auto; padding: 0 4.5rem; } @media screen and (max-width: 799px) { .container { padding: 0 2rem; } } @media screen and (max-width: 449px) { .container { padding: 0 2.7rem; } } .header { background: #fff; padding: 2.4rem 0; position: fixed; top: 0; left: 0; right: 0; z-index: 100; } @media screen and (max-width: 449px) { .header { padding: 2.7rem 0; } } .header__block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header__block_logo { min-width: 15.5rem; max-width: 15.5rem; } @media screen and (max-width: 799px) { .header__block_logo { display: none; } } .header__block_logo img { width: 100%; } @media screen and (max-width: 799px) { .header__block_buttons { width: 100%; } } .header__mobile { display: none; } @media screen and (max-width: 799px) { .header__mobile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (max-width: 449px) { .header__mobile { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .header__mobile__logo { min-width: 15.5rem; max-width: 15.5rem; } @media screen and (max-width: 449px) { .header__mobile__logo { min-width: 22rem; max-width: 22rem; margin: 0.2rem 0 0; } } .header__mobile__logo img { width: 100%; } .header__nemu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; margin: 0; gap: 35px; } @media screen and (max-width: 799px) { .header__nemu { display: block; width: 100%; } } .header__nemu_item { display: block; padding: 0; margin: 0; } @media screen and (max-width: 799px) { .header__nemu_item { padding: 0 0 2rem 0; margin: 0 0 2rem 0; border-bottom: 1px solid rgba(44, 47, 128, 0.2); } } @media screen and (max-width: 449px) { .header__nemu_item { padding: 0 0 2.4rem 0; margin: 0 0 3.8rem 0; } } .header__nemu_link { font-size: 2.6rem; line-height: 3.8rem; font-weight: 300; text-decoration: none; color: #2C2F80; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (min-width: 800px) { .header__nemu_link:hover { -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; color: rgba(44, 47, 128, 0.4); } } @media screen and (max-width: 799px) { .header__nemu_link { font-size: 3.2rem; line-height: 4.6rem; font-family: 'CatLinz'; text-transform: uppercase; font-weight: normal; } } @media screen and (max-width: 449px) { .header__nemu_link { font-size: 10rem; line-height: 10rem; } } .header__nemu_link.selected { font-weight: 400; color: #2C2F80; } @media screen and (max-width: 799px) { .header__dropdown { position: fixed; top: 10rem; right: 110vw; width: 100%; bottom: 0; background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 2rem; overflow-y: auto; opacity: 0; visibility: hidden; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .header__dropdown_active { right: 0; opacity: 1; visibility: visible; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .header__dropdown .button { width: 100%; } } @media screen and (max-width: 449px) { .header__dropdown { top: 14rem; padding: 5rem 3.2rem 4rem; } .header__dropdown .button { font-size: 3.8rem; line-height: 3.8rem; padding: 2.6rem 2.2rem; } } .button { background: transparent; border: none; font-family: 'Circe'; font-size: 2.2rem; font-weight: 300; line-height: 2.2rem; text-align: center; padding: 1.5rem 2.2rem; cursor: pointer; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; display: inline-block; border-radius: 0; } @media screen and (max-width: 449px) { .button { width: 100%; } } .button:hover { -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .button-blue { color: #2C2F80; border: 1px solid rgba(44, 47, 128, 0.4); background: #fff; } @media screen and (min-width: 800px) { .button-blue:hover { background: #2C2F80; border-color: #2C2F80; color: #fff; } } .button-white { color: #fff; border: 1px solid #fff; background: transparent; font-family: 'CatLinz'; padding: 2.1rem 3.7rem; line-height: 3.2rem; font-size: 3.2rem; } @media screen and (max-width: 449px) { .button-white { padding: 4rem 3.7rem; line-height: 4.9rem; font-size: 4.9rem; } } @media screen and (min-width: 800px) { .button-white:hover { background: #fff; border-color: #fff; color: #000000; } } .button-green { color: #4C715F; border: 1px solid #4C715F; background: transparent; font-family: 'CatLinz'; line-height: 2.8rem; font-size: 2.8rem; } @media screen and (max-width: 449px) { .button-green { padding: 3.8rem 3.7rem; line-height: 5.6rem; font-size: 5.6rem; } } @media screen and (min-width: 800px) { .button-green:hover { background: #4C715F; border-color: #4C715F; color: #fff; } } .menu-toggle { width: 100%; display: inline-block; vertical-align: middle; height: 2px; position: relative; background: transparent; } .menu-toggle-cont { min-width: 5rem; max-width: 5rem; height: 5rem; border: 1px solid #2C2F80; padding: 1rem; font-size: 0; cursor: pointer; } @media screen and (max-width: 449px) { .menu-toggle-cont { min-width: 8.7rem; max-width: 8.7rem; height: 8.7rem; padding: 2rem; } } .menu-toggle-cont:after { content: ""; height: 100%; display: inline-block; vertical-align: middle; } .menu-toggle-cont_active .menu-toggle { height: 0; } .menu-toggle-cont_active .menu-toggle:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: auto; } .menu-toggle-cont_active .menu-toggle:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: auto; width: 100%; } .menu-toggle:before, .menu-toggle:after { content: ""; -webkit-transition: all .3s; transition: all .3s; height: 1px; background: #2C2F80; position: absolute; left: 0; width: 100%; } @media screen and (max-width: 449px) { .menu-toggle:before, .menu-toggle:after { height: 1px; } } .menu-toggle:after { width: 80%; } .menu-toggle:before { top: 0.1rem; } @media screen and (max-width: 449px) { .menu-toggle:before { top: -0.2rem; } } .menu-toggle:after { top: 0; } .menu-toggle:before { -webkit-transform: translateY(-350%); transform: translateY(-350%); top: 0; } .menu-toggle:after { -webkit-transform: translateY(350%); transform: translateY(350%); } .main { padding-top: 19.2rem; } @media screen and (max-width: 799px) { .main { padding-top: 12rem; } } .swiper-button-disabled { display: none !important; } .main-banner { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0; position: relative; } @media screen and (max-width: 799px) { .main-banner { display: block; margin: 0 0 2rem 0; } } @media screen and (max-width: 449px) { .main-banner { margin: 5rem 0 6rem 0; } } .main-banner:before { content: ''; position: absolute; bottom: -8rem; left: -10rem; width: 27.4rem; height: 40.4rem; z-index: 1; background: url(/local/templates/almete2024/assets/css/../images/bg-1.png) 0 0 no-repeat; background-size: contain; } @media screen and (max-width: 799px) { .main-banner:before { display: none; } } .main-banner__petal { position: absolute; top: -9%; right: 25.4%; width: 12.8rem; height: 12.7rem; z-index: 10; } @media screen and (max-width: 799px) { .main-banner__petal { right: auto; z-index: 20; top: 37%; left: 0%; } } @media screen and (max-width: 449px) { .main-banner__petal { right: auto; z-index: 20; top: 29%; width: 9rem; left: 3%; -webkit-transform: rotate(82deg); transform: rotate(82deg); } } .main-banner__petal img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .main-banner__petal_second { position: absolute; bottom: 11.5%; left: 26%; width: 13.4rem; height: 13.5rem; z-index: 10; } @media screen and (max-width: 799px) { .main-banner__petal_second { right: auto; z-index: 20; top: 56%; left: 12%; } } @media screen and (max-width: 449px) { .main-banner__petal_second { right: 12%; z-index: 20; top: -3.5%; width: 9rem; left: auto; -webkit-transform: rotate(-74deg); transform: rotate(-74deg); } } .main-banner__petal_second img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .main-banner__content { width: 100%; padding: 10rem 8rem 10rem 0; } @media screen and (max-width: 1199px) { .main-banner__content { padding: 4rem 6rem 4rem 0; z-index: 10; position: relative; } } @media screen and (max-width: 449px) { .main-banner__content { padding: 4.4rem 0rem 9rem 0.8rem; overflow: hidden; } } .main-banner__content p.title { font-size: 9rem; line-height: 8.46rem; color: #2C2F80; margin: 0 0 2.8rem; font-family: 'CatLinz'; text-transform: uppercase; } @media screen and (max-width: 1199px) { .main-banner__content p.title { font-size: 7rem; line-height: 6.46rem; } } @media screen and (max-width: 449px) { .main-banner__content p.title { font-size: 7.7rem; line-height: 7.7rem; margin: 0 0 3rem 0; } } .main-banner__content h1 { font-size: 9rem; line-height: 8.46rem; color: #2C2F80; margin: 0rem; font-family: 'CatLinz'; text-transform: uppercase; } @media screen and (max-width: 1199px) { .main-banner__content h1 { font-size: 7rem; line-height: 6.46rem; } } @media screen and (max-width: 449px) { .main-banner__content h1 { font-size: 7.7rem; line-height: 7.7rem; } } .main-banner__content img.image { width: 28rem; margin: 0.5rem 0; } @media screen and (max-width: 449px) { .main-banner__content img.image { float: right; } } .main-banner__block { min-width: 52%; max-width: 52%; margin: 0; position: relative; } @media screen and (max-width: 1199px) { .main-banner__block { min-width: 50%; max-width: 50%; } } @media screen and (max-width: 799px) { .main-banner__block { min-width: 100%; max-width: 100%; margin: 4rem 0 0 0; } } @media screen and (max-width: 449px) { .main-banner__block { min-width: calc(100% - 1.2rem); max-width: calc(100% - 1.2rem); margin: 11rem 0.6rem 0 0.6rem; } } @media screen and (max-width: 449px) { .main-banner__block:after { content: ''; position: absolute; z-index: 7; bottom: -12.1rem; right: 3rem; width: 29rem; height: 52rem; background: url(/local/templates/almete2024/assets/css/../images/flower-6.png) 0 0 no-repeat; } } .main-banner__block_image { width: 100%; height: 80.8rem; position: relative; } @media screen and (max-width: 1199px) { .main-banner__block_image { height: 51rem; } } @media screen and (max-width: 449px) { .main-banner__block_image { height: 86rem; } } .main-banner__block_image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .main-banner__block_button { width: 9.1rem; height: 10.7rem; position: absolute; left: calc(50% - 4.5rem); top: calc(50% - 5.3rem); padding: 0; border: none; background: transparent; z-index: 5; cursor: pointer; } @media screen and (max-width: 449px) { .main-banner__block_button { width: 11.1rem; height: 12.7rem; left: calc(50% - 3.9rem); top: calc(50% - 5.3rem); } } @media screen and (min-width: 800px) { .main-banner__block_button:hover path:nth-child(1) { fill-opacity: 1; } } .main-banner__block_button svg { width: 100%; height: 100%; } .main-banner__block_button svg path { -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .main-banner__block__mini { position: absolute; bottom: -4.5%; width: 59.3rem; height: 70.5rem; left: -22.2rem; z-index: 10; } @media screen and (max-width: 1199px) { .main-banner__block__mini { width: 28rem; height: 66%; left: -10.5rem; bottom: -3.5%; } } @media screen and (max-width: 799px) { .main-banner__block__mini { bottom: auto; top: -5rem; height: 10rem; left: -2rem; right: -2rem; width: auto; background: #fff; border-radius: 50%; } } .main-banner__block__mini img { width: 100%; height: 100%; } @media screen and (max-width: 799px) { .main-banner__block__mini img { display: none; } } .main-banner__block__mini_text { position: absolute; bottom: 10.6rem; left: 0; right: 23rem; z-index: 7; } @media screen and (max-width: 1199px) { .main-banner__block__mini_text { bottom: 5rem; right: 15rem; } } @media screen and (max-width: 799px) { .main-banner__block__mini_text { bottom: 2rem; right: 0; } } @media screen and (max-width: 449px) { .main-banner__block__mini_text { bottom: 2.7rem; right: 0; left: 0; } } .main-banner__block__mini_text p { font-size: 6.6rem; line-height: 7.5rem; color: #4E715E; text-align: center; margin: 0; font-family: 'CatLinz'; } @media screen and (max-width: 1199px) { .main-banner__block__mini_text p { font-size: 5.5rem; line-height: 6.5rem; } } @media screen and (max-width: 449px) { .main-banner__block__mini_text p { font-size: 11.5rem; line-height: 11.5rem; } } .main-banner__block__mini_text p span { font-size: 2.6rem; line-height: 2.96rem; color: #4E715E; font-family: 'CatLinz'; margin: -1rem 0 0 0; display: block; text-align: center; text-transform: uppercase; } @media screen and (max-width: 1199px) { .main-banner__block__mini_text p span { font-size: 2rem; line-height: 2rem; } } @media screen and (max-width: 449px) { .main-banner__block__mini_text p span { font-size: 4.6rem; line-height: 4.6rem; } } .main-banner__video { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.9); padding: 15.5rem 20rem 10rem; opacity: 0; visibility: hidden; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; z-index: -1; } @media screen and (max-width: 1199px) { .main-banner__video { padding: 12rem 10rem 8rem; } } @media screen and (max-width: 799px) { .main-banner__video { padding: 10rem 2rem 6rem; } } @media screen and (max-width: 449px) { .main-banner__video { padding: 14rem 3rem 4rem; display: flex; justify-content: center; align-items: stretch; } } .main-banner__video.show { z-index: 999; opacity: 1; visibility: visible; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .main-banner__video__image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .main-banner__video__image img, .main-banner__video__image picture { width: 100%; height: 100.5%; -o-object-fit: contain; object-fit: contain; -o-object-position: top; object-position: top; } .main-banner__video__close { position: absolute; top: -5rem; right: 1.8rem; z-index: 20; cursor: pointer; width: 4.8rem; height: 4.8rem; border: 0; background: transparent; } @media screen and (max-width: 449px) { .main-banner__video__close { width: 7rem; height: 7rem; top: -8rem; right: 0; } } .main-banner__video__close img { width: 100%; } .main-banner__video .video__block { width: 100%; height: 100%; position: relative; display: flex; align-items: center; justify-content: center; } .main-banner__video .video__block_active .main-banner__video__image { opacity: 0; visibility: hidden; } .main-banner__video .video__block .video { width: auto; height: auto; max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .main-brand { margin: 10rem 0 0; background: url(/local/templates/almete2024/assets/css/../images/brand-bg.png) 0 0 no-repeat; background-size: cover; position: relative; } @media screen and (max-width: 449px) { .main-brand { margin: 3.4rem 0; position: relative; z-index: 10; } } .main-brand__petal { position: absolute; bottom: 4%; left: 23%; width: 11rem; height: 11.1rem; z-index: 10; } @media screen and (max-width: 799px) { .main-brand__petal { z-index: 20; top: 87%; left: auto; right: 10%; } } @media screen and (max-width: 449px) { .main-brand__petal { right: 16.5%; z-index: 20; top: auto; left: auto; -webkit-transform: rotate(-13deg); transform: rotate(-13deg); bottom: 3.5%; width: 13rem; height: 13rem; } } .main-brand__petal img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .main-brand__petal_second { position: absolute; bottom: 22.2%; right: 10.2%; width: 10rem; height: 9.8rem; z-index: 10; } @media screen and (max-width: 799px) { .main-brand__petal_second { right: auto; z-index: 20; top: 41%; left: 12%; } } @media screen and (max-width: 449px) { .main-brand__petal_second { right: auto; z-index: 20; top: 43.5%; width: 12rem; height: 11rem; -webkit-transform: rotate(-20deg); transform: rotate(-20deg); left: 17%; } } .main-brand__petal_second img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .main-brand__flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10rem 0; } @media screen and (max-width: 799px) { .main-brand__flex { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media screen and (max-width: 449px) { .main-brand__flex { padding: 4.2rem 0.6rem 6.2rem; } } .main-brand__images { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; min-width: 52%; max-width: 52%; margin: 0 11.8rem 0 0; position: relative; } @media screen and (max-width: 1199px) { .main-brand__images { margin: 0 7.8rem 0 0; } } @media screen and (max-width: 799px) { .main-brand__images { min-width: 100%; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; } } .main-brand__images_small { min-width: 32.5%; max-width: 32.5%; height: 41.7%; margin: 16% -11.3% 0 0; position: relative; z-index: 2; } @media screen and (max-width: 799px) { .main-brand__images_small { margin: 0; position: absolute; top: -5rem; right: 2.7rem; } } @media screen and (max-width: 449px) { .main-brand__images_small { top: -6rem; right: 4.7rem; min-width: 41.5%; max-width: 41.5%; height: 29.7%; } } .main-brand__images_small img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .main-brand__images_big { min-width: 79%; max-width: 79%; height: 73.9rem; } @media screen and (max-width: 1199px) { .main-brand__images_big { height: 59rem; } } @media screen and (max-width: 799px) { .main-brand__images_big { min-width: 100%; max-width: 100%; } } @media screen and (max-width: 449px) { .main-brand__images_big { height: 84rem; } } .main-brand__images_big img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .main-brand__images_cheese { min-width: 37%; max-width: 37%; position: absolute; height: 42.4%; bottom: -14.5%; right: -21%; z-index: 3; } @media screen and (max-width: 799px) { .main-brand__images_cheese { right: auto; left: 2.7rem; } } @media screen and (max-width: 449px) { .main-brand__images_cheese { left: 5.7rem; min-width: 42%; max-width: 42%; height: 30%; bottom: -7.5%; display: none; } } .main-brand__images_cheese img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .main-brand__content { width: 100%; padding: 9rem 0; position: relative; } @media screen and (max-width: 1199px) { .main-brand__content { padding: 4rem 0; } } @media screen and (max-width: 799px) { .main-brand__content { padding: 0; margin: 0 0 10rem 0; } } @media screen and (max-width: 449px) { .main-brand__content { margin: 0 0 12rem 0; } } .main-brand__content h2 { font-size: 8.5rem; line-height: 8rem; margin: 0 0 2.7rem 0; font-family: 'CatLinz'; color: #BBAE98; color: transparent; -webkit-background-clip: text; background-clip: text; background-image: linear-gradient(135deg, #E3DCC1, #BBAE98); } @media screen and (max-width: 1199px) { .main-brand__content h2 { font-size: 7rem; line-height: 6.46rem; } } @media screen and (max-width: 449px) { .main-brand__content h2 { font-size: 7.7rem; line-height: 7.2rem; margin: 0 0 3rem 0; } } .main-brand__content p { font-size: 2.4rem; line-height: 3.1rem; color: #F7F4D2; font-weight: 400; margin: 0 0 4rem 0; } @media screen and (max-width: 449px) { .main-brand__content p { font-size: 3.51rem; line-height: 4.2rem; } } .main-catalog { padding: 8.9rem 0 8.2rem; overflow: hidden; position: relative; margin: 0; } @media screen and (max-width: 799px) { .main-catalog { padding: 8.9rem 0; } } @media screen and (max-width: 449px) { .main-catalog { margin: 4.7rem 0 5rem; position: relative; padding: 0 0 15.2rem 0; } } .main-catalog:after { content: ''; position: absolute; top: 0; right: 0; width: 23.3rem; height: 32.9rem; z-index: -1; background: url(/local/templates/almete2024/assets/css/../images/bg-16.png) 0 0 no-repeat; background-size: contain; } @media screen and (max-width: 799px) { .main-catalog:after { display: none; } } .main-catalog__petal { position: absolute; top: 12%; right: 20%; z-index: 10; width: 9rem; height: 9.5rem; } @media screen and (max-width: 1199px) { .main-catalog__petal { right: 16%; } } @media screen and (max-width: 799px) { .main-catalog__petal { display: none; } } .main-catalog__petal img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .main-catalog__content { margin: 0 0 6rem 0; position: relative; } @media screen and (max-width: 449px) { .main-catalog__content { padding: 0 0.6rem; margin: 0 0 5.7rem 0; position: initial; } } .main-catalog__content h2 { font-size: 8.5rem; line-height: 8rem; color: #2C2F80; margin: 0 0 2.6rem; font-family: 'CatLinz'; text-transform: uppercase; } @media screen and (max-width: 1199px) { .main-catalog__content h2 { font-size: 7rem; line-height: 6.46rem; } } @media screen and (max-width: 449px) { .main-catalog__content h2 { font-size: 7.7rem; line-height: 7.2rem; margin: 0 0 3rem 0; } } .main-catalog__content p { font-size: 2.4rem; font-weight: 400; line-height: 3.1rem; color: #2C2F80; margin: 0 0 4rem 0; } @media screen and (max-width: 449px) { .main-catalog__content p { font-size: 3.51rem; line-height: 4.2rem; } } .main-catalog__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 1rem 0 0 0; } @media screen and (max-width: 449px) { .main-catalog__button { margin: 0; } } .main-catalog__button .button-green { font-family: 'CatLinz'; padding: 2.1rem 4.8rem 2.2rem; line-height: 3.2rem; font-size: 3.2rem; } @media screen and (max-width: 449px) { .main-catalog__button .button-green { position: absolute; bottom: 0; left: 3.6rem; right: 3.6rem; padding: 4rem 3.7rem; line-height: 4.9rem; font-size: 4.9rem; width: auto; } } .main-catalog__prev { width: 4.7rem; height: 4.7rem; position: absolute; top: 27%; left: 0; cursor: pointer; z-index: 10; border: 1px solid #2C2F80; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; border-radius: 50%; background: #fff; } @media screen and (max-width: 449px) { .main-catalog__prev { width: 9rem; height: 9rem; top: 28.3%; left: 1rem; } } @media screen and (min-width: 800px) { .main-catalog__prev:hover { background: #2C2F80; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .main-catalog__prev:hover svg path { -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; stroke: #fff; } } .main-catalog__prev svg { width: 1rem; } @media screen and (max-width: 449px) { .main-catalog__prev svg { width: 2rem; } } .main-catalog__prev svg path { stroke: #2C2F80; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .main-catalog__next { width: 4.7rem; height: 4.7rem; position: absolute; top: 27%; right: 0; cursor: pointer; z-index: 10; z-index: 10; border: 1px solid #2C2F80; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; border-radius: 50%; background: #fff; } @media screen and (max-width: 449px) { .main-catalog__next { width: 9rem; height: 9rem; top: 28.3%; right: 1rem; } } @media screen and (min-width: 800px) { .main-catalog__next:hover { background: #2C2F80; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .main-catalog__next:hover svg path { -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; stroke: #fff; } } .main-catalog__next svg { width: 1rem; } @media screen and (max-width: 449px) { .main-catalog__next svg { width: 2rem; } } .main-catalog__next svg path { stroke: #2C2F80; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .main-catalog__page { margin: 8.9rem 0 9rem; padding: 10rem 0 0 0; } @media screen and (max-width: 799px) { .main-catalog__page { margin: 0 0 9rem 0; } } @media screen and (max-width: 499px) { .main-catalog__page { padding: 9rem 0 0 0; } } .main-catalog__page h2 { margin: 0 0 2.8rem; } .main-catalog__page .main-catalog__content { margin: 0 0 6rem 0; } .main-catalog__page .main-catalog__petal { position: absolute; top: 15.8%; right: 19.8%; width: 9.5rem; height: 9.5rem; z-index: 10; } @media screen and (max-width: 799px) { .main-catalog__page .main-catalog__petal { display: none; } } .main-catalog__page .main-catalog__petal img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .main-catalog__slider { padding: 2rem 8rem 0; margin: -2rem -8rem 0; } @media screen and (max-width: 799px) { .main-catalog__slider { padding: 2rem 0 0; margin: -2rem 0 0; } } .main-catalog__slider__align .swiper-wrapper { -ms-flex-pack: distribute; justify-content: space-around; } .main-catalog__slider__align .swiper-slide { min-width: 21.5rem; max-width: 21.5rem; } .main-catalog__slider__align .main-catalog__prev { display: none; } .main-catalog__slider__align .main-catalog__next { display: none; } .card { position: relative; } .card-image { height: 25.7rem; width: 100%; position: relative; } @media screen and (max-width: 799px) { .card-image { height: 30rem; max-width: 30rem; margin: 0 auto; } } @media screen and (max-width: 449px) { .card-image { height: 43rem; position: relative; max-width: 100%; } } .card-image img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (max-width: 799px) { .card-image img { -o-object-fit: contain; object-fit: contain; } } .card-image__small { display: block; position: absolute; width: 7.4rem; height: 7.4rem; padding: 0.5rem; background: #fff; border-radius: 50%; z-index: 7; top: 1rem; right: -0.5rem; opacity: 0; visibility: hidden; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (max-width: 799px) { .card-image__small { opacity: 1; visibility: visible; } } @media screen and (max-width: 449px) { .card-image__small { width: 13.4rem; height: 13.4rem; top: 0rem; right: 9rem; padding: 1rem; opacity: 1; visibility: visible; } } .card-image__small img { margin: 0 !important; -o-object-fit: cover; object-fit: cover; -webkit-transform: scale(1) !important; transform: scale(1) !important; } .card-content { margin: 5rem 0 0 0; text-align: center; opacity: 0; visibility: hidden; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (max-width: 799px) { .card-content { opacity: 1; margin-top: 2rem; visibility: visible; } } @media screen and (max-width: 449px) { .card-content { margin: 2rem 0.6rem 0; } } .card-title { font-family: 'CatLinz'; font-size: 3rem; line-height: 3rem; text-align: center; color: #2C2F80; margin: 0 0 3rem 0; text-transform: uppercase; } @media screen and (max-width: 449px) { .card-title { font-size: 6.3rem; line-height: 6.3rem; margin: 0 0 3rem 0; } } .card__label { position: absolute; top: -1.7rem; left: -8.7rem; z-index: 5; background: url(/local/templates/almete2024/assets/css/../images/flag.svg) 0 0 no-repeat; background-size: contain; width: 15.6rem; height: 5.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: 'CatLinz'; font-weight: 400; font-size: 3rem; line-height: 100%; padding: 0.7rem 0 0 0; text-align: center; text-transform: uppercase; color: #fff; } @media screen and (max-width: 1199px) { .card__label { top: 0; left: -3.7rem; width: 10.6rem; height: 3.6rem; font-size: 2rem; padding: 0.5rem 0 0 0; } } @media screen and (max-width: 799px) { .card__label { top: -1.7rem; left: -5.7rem; width: 15.6rem; height: 5.2rem; font-size: 3rem; padding: 0.7rem 0 0 0; } } @media screen and (max-width: 449px) { .card__label { left: 3.3rem; width: 17.6rem; height: 7.2rem; padding: 0 0 0.5rem 0; } } @media screen and (min-width: 800px) { .card:hover .card-content { opacity: 1; visibility: visible; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .card:hover .card-image__small { opacity: 1; visibility: visible; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .card:hover .card-image img { -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; -webkit-transform: scale(1.15); transform: scale(1.15); margin: 20px 0 0 0; } } .slider__images .card__label { top: 0; left: 0; } .product__content .card__label { top: 0; left: -1.8rem; width: 8.8rem; height: 2.8rem; font-size: 1.7rem; padding: 0.4rem 0 0 0; } @media screen and (max-width: 799px) { .product__content .card__label { left: -0.8rem; } } @media screen and (max-width: 449px) { .product__content .card__label { left: -1.8rem; } } .main-buy { background: url(/local/templates/almete2024/assets/css/../images/buy-bg.png) 0 0 no-repeat; background-size: cover; position: relative; } @media screen and (max-width: 799px) { .main-buy { overflow: hidden; } } @media screen and (max-width: 449px) { .main-buy { background: url(/local/templates/almete2024/assets/css/../images/buy-bg-small.png) 0 0 no-repeat; background-size: cover; } } .main-buy__petal { position: absolute; bottom: 14%; left: 28.5%; z-index: 10; width: 9.3rem; height: 9.3rem; } @media screen and (max-width: 799px) { .main-buy__petal { bottom: 46%; left: auto; right: -2%; } } @media screen and (max-width: 449px) { .main-buy__petal { bottom: 42%; width: 14rem; height: 14rem; -webkit-transform: rotate(44deg); transform: rotate(44deg); } } .main-buy__petal img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .main-buy__flex { padding: 10rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media screen and (max-width: 799px) { .main-buy__flex { display: block; } } @media screen and (max-width: 449px) { .main-buy__flex { padding: 4.4rem 0.6rem 6rem; } } .main-buy__content { width: 100%; max-width: 66rem; padding: 9rem 0; } @media screen and (max-width: 1199px) { .main-buy__content { max-width: 55rem; padding: 4rem 0 0; } } @media screen and (max-width: 799px) { .main-buy__content { padding: 0; max-width: 100%; margin: 0 0 4rem 0; } } @media screen and (max-width: 449px) { .main-buy__content { margin: 0 0 6rem 0; } } .main-buy__content h2 { font-size: 8.5rem; line-height: 8rem; color: #4C715F; margin: 0 0 2.6rem; font-family: 'CatLinz'; text-transform: uppercase; } @media screen and (max-width: 1199px) { .main-buy__content h2 { font-size: 7rem; line-height: 6.46rem; } } @media screen and (max-width: 449px) { .main-buy__content h2 { font-size: 7.7rem; line-height: 7.2rem; margin: 0 0 3rem 0; } } .main-buy__content p { font-size: 2.4rem; font-weight: 400; line-height: 3.1rem; color: #4C715F; margin: 0 0 4rem 0; } @media screen and (max-width: 449px) { .main-buy__content p { font-size: 3.51rem; line-height: 4.2rem; } } .main-buy__content .button-green { font-family: 'CatLinz'; padding: 2.1rem 3.6rem 2.2rem; line-height: 3.2rem; font-size: 3.2rem; } @media screen and (max-width: 449px) { .main-buy__content .button-green { padding: 4rem 3.7rem; line-height: 4.9rem; font-size: 4.9rem; } } .main-buy__image { min-width: 41%; max-height: 41%; height: 73.9rem; position: relative; margin: 0 8% 0 3rem; } @media screen and (max-width: 1199px) { .main-buy__image { height: 54rem; } } @media screen and (max-width: 799px) { .main-buy__image { margin: 0; height: 60rem; } } @media screen and (max-width: 449px) { .main-buy__image { height: 84rem; } } .main-buy__image:after { content: ''; position: absolute; bottom: 0; right: -19%; width: 41.4rem; height: 61.2rem; z-index: 2; background: url(/local/templates/almete2024/assets/css/../images/flower-7.png) 0 0 no-repeat; background-size: contain; } @media screen and (max-width: 1199px) { .main-buy__image:after { width: 28.8rem; height: 42rem; } } @media screen and (max-width: 799px) { .main-buy__image:after { right: -9%; } } @media screen and (max-width: 449px) { .main-buy__image:after { right: -22%; width: 43.8rem; height: 64rem; bottom: -20%; -webkit-transform: rotate(-21deg); transform: rotate(-21deg); } } .main-buy__image img, .main-buy__image picture { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media screen and (max-width: 799px) { .main-buy__image img, .main-buy__image picture { -o-object-position: bottom; object-position: bottom; } } .footer { background: #fff; padding: 2.4rem 0; } @media screen and (max-width: 449px) { .footer { padding: 9.4rem 0 8rem; } } .footer-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 1199px) { .footer-block { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .footer-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4rem; } @media screen and (max-width: 799px) { .footer-menu { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } } @media screen and (max-width: 449px) { .footer-menu { gap: 2rem; margin: 5rem 0 0 0; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .footer-menu__item { font-size: 2.2rem; line-height: 3.2rem; color: rgba(0, 0, 0, 0.7); padding: 0; margin: 0; display: block; font-weight: 350; } @media screen and (max-width: 449px) { .footer-menu__item { font-size: 3.3rem; line-height: 4rem; text-align: center; } } .footer-menu__link { color: rgba(0, 0, 0, 0.7); -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (min-width: 800px) { .footer-menu__link:hover { color: #000000; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } } .footer-act { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: center; align-self: center; gap: 1.2rem; } @media screen and (max-width: 1199px) { .footer-act { margin: 0 0 2rem 0; } } @media screen and (max-width: 799px) { .footer-act { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media screen and (max-width: 449px) { .footer-act .button { font-size: 3.8rem; line-height: 3.8rem; padding: 2.6rem 2.2rem; width: 31rem; margin: 0 auto; } } .footer-social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1.2rem; } @media screen and (max-width: 799px) { .footer-social { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (max-width: 449px) { .footer-social { gap: 2.2rem; margin: 0 0 2.2rem 0; } } .footer-social li { display: block; padding: 0; margin: 0; } .footer-social li a { min-width: 5.4rem; max-width: 5.4rem; height: 5.4rem; border: 1px solid rgba(44, 47, 128, 0.4); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (max-width: 449px) { .footer-social li a { min-width: 9.4rem; max-width: 9.4rem; height: 9.4rem; } } .footer-social li a svg { width: 3.2rem; } @media screen and (max-width: 449px) { .footer-social li a svg { width: 5.2rem; } } .footer-social li a svg path { fill: #2C2F80; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (min-width: 800px) { .footer-social li a:hover { border-color: #2C2F80; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; background: #2C2F80; } .footer-social li a:hover svg path { fill: #fff; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } } .breadcrumb { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: -5.8rem 0 2.46rem 0; } @media screen and (max-width: 449px) { .breadcrumb { display: none; } } .breadcrumb__item { font-size: 2.2rem; font-weight: 400; line-height: 3.24rem; color: #2C2F80; display: block; position: relative; padding: 0; margin: 0; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .breadcrumb__item a { color: #2C2F80; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (min-width: 800px) { .breadcrumb__item a:hover { color: rgba(44, 47, 128, 0.4); -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } } .breadcrumb__item + .breadcrumb__item { margin: 0 0 0 3.5rem; } .breadcrumb__item + .breadcrumb__item:before { font-size: 2.2rem; font-weight: 400; line-height: 3.24rem; color: #2C2F80; content: '—'; position: absolute; top: 0.1rem; left: -2.7rem; } .catalog-banner { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0; position: relative; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 799px) { .catalog-banner { display: block; margin: 0 0 2rem 0; } } .catalog-banner:before { content: ''; position: absolute; bottom: 11rem; left: -10rem; width: 27.9rem; height: 50.5rem; z-index: 1; background: url(/local/templates/almete2024/assets/css/../images/bg-11.png) 0 0 no-repeat; background-size: contain; } @media screen and (max-width: 799px) { .catalog-banner:before { display: none; } } .catalog-banner__petal { position: absolute; top: 27%; left: 39%; width: 8.4rem; height: 8.2rem; z-index: 10; } @media screen and (max-width: 799px) { .catalog-banner__petal { top: -3%; left: 87%; } } @media screen and (max-width: 449px) { .catalog-banner__petal { top: 1.5%; left: 71.8%; } } .catalog-banner__petal img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .catalog-banner__content { width: 100%; padding: 6.2rem 0 10rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .catalog-banner__content_text { max-width: 60rem; } @media screen and (max-width: 799px) { .catalog-banner__content_text { max-width: 100%; } } .catalog-banner__content_image { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: relative; z-index: 5; } @media screen and (max-width: 799px) { .catalog-banner__content_image { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (max-width: 449px) { .catalog-banner__content_image { margin: 2.8rem 0 0 0; } } .catalog-banner__content_image img { width: 60.3rem; height: 36.4rem; -o-object-position: center; object-position: center; -o-object-fit: cover; object-fit: cover; margin: 0 -3.5rem 0 0; } @media screen and (max-width: 1199px) { .catalog-banner__content_image img { width: 33.3rem; height: 20rem; margin: 0 -9.5rem 0 0; } } @media screen and (max-width: 799px) { .catalog-banner__content_image img { margin: 0 0 -3rem 0; } } @media screen and (max-width: 449px) { .catalog-banner__content_image img { width: 41.5rem; height: 27.4rem; margin: 0 0 -5.5rem 0; } } .catalog-banner__content_image__bg-image { width: 34.5rem; height: 25rem; position: absolute; bottom: -30%; right: -21%; } @media screen and (max-width: 1199px) { .catalog-banner__content_image__bg-image { width: 20.5rem; height: 15rem; bottom: -27%; right: -28%; } } @media screen and (max-width: 799px) { .catalog-banner__content_image__bg-image { bottom: -50%; right: 0; left: 19%; } } @media screen and (max-width: 449px) { .catalog-banner__content_image__bg-image { bottom: -29%; left: 3%; width: 26rem; } } .catalog-banner__content_image__bg-image img { width: 100%; height: 100%; -o-object-position: center; object-position: center; -o-object-fit: cover; object-fit: cover; } @media screen and (max-width: 1199px) { .catalog-banner__content { padding: 4rem 6rem 4rem 0; z-index: 10; position: relative; } } @media screen and (max-width: 799px) { .catalog-banner__content { padding: 4rem 0 0; } } @media screen and (max-width: 449px) { .catalog-banner__content { padding: 9.8rem 0rem 0 0.8rem; } } .catalog-banner__content p { font-size: 2.4rem; line-height: 3.12rem; color: #2C2F80; margin: 0 0 2rem; font-weight: 400; } @media screen and (max-width: 449px) { .catalog-banner__content p { margin: 0 0 3.4rem; font-size: 3.51rem; line-height: 4.5rem; } } .catalog-banner__block { min-width: 52%; max-width: 52%; margin: 0; position: relative; } @media screen and (max-width: 1199px) { .catalog-banner__block { min-width: 50%; max-width: 50%; } } @media screen and (max-width: 799px) { .catalog-banner__block { min-width: 100%; max-width: 100%; margin: 0; } } @media screen and (max-width: 449px) { .catalog-banner__block { min-width: calc(100% - 1.2rem); max-width: calc(100% - 1.2rem); margin: 0 0.6rem 0 0.6rem; } } .catalog-banner__block_image { width: 100%; height: 80.8rem; position: relative; } @media screen and (max-width: 1199px) { .catalog-banner__block_image { height: 51rem; } } @media screen and (max-width: 449px) { .catalog-banner__block_image { height: 84rem; } } .catalog-banner__block_image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .catalog-banner__block_button { width: 9.1rem; height: 10.7rem; position: absolute; left: calc(50% - 4.5rem); top: calc(50% - 5.3rem); padding: 0; border: none; background: transparent; z-index: 5; cursor: pointer; } @media screen and (max-width: 449px) { .catalog-banner__block_button { width: 11.1rem; height: 12.7rem; left: calc(50% - 3.9rem); top: calc(50% - 12.3rem); } } .catalog-banner__block_button img { width: 100%; height: 100%; } .site-map { margin: 5rem; display: block; padding: 0; } .site-map li { padding: 0; margin: 0; margin: 0 0 3rem 0; display: block; } .site-map li a { font-size: 2.4rem; line-height: 3.1rem; color: #2C2F80; text-decoration: none; } .product { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 12rem 0 6rem; } @media screen and (max-width: 799px) { .product { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; margin: 0 0 6rem 0; position: relative; padding: 0; } .product.product-mobile-indent { padding: 0 0 56rem; } .product-bue.product-bue-small-indent { margin: 23rem 0 11.5rem; } } @media screen and (max-width: 449px) { .product { margin: 3rem 0.8rem 6rem; padding: 0; } } .product__slider { min-width: 50%; max-width: 50%; margin: 0 14.5rem 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: -webkit-sticky; position: sticky; top: 9rem; z-index: 99; } @media screen and (max-width: 799px) { .product__slider { display: block; min-width: 100%; max-width: 100%; margin: 0; } } .product__slider .slider__col { max-width: 13.5rem; min-width: 13.5rem; margin: 0 10.8rem 0 2rem; padding: 8.8rem 0; position: relative; } @media screen and (max-width: 799px) { .product__slider .slider__col { display: none; } } .product__slider .slider__col .swiper-button-disabled { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; pointer-events: none; } .product__slider .slider__col .swiper-button-disabled svg { opacity: 0.4 !important; } .product__slider .slider__col_to-button .swiper-button-disabled { display: none !important; } .product__slider .slider__thumbs { height: 47.4rem; overflow: hidden; } @media screen and (max-width: 799px) { .product__slider .slider__thumbs { display: none; } } .product__slider .slider__thumbs .swiper-slide { height: 15.8rem !important; cursor: pointer; } .product__slider .slider__thumbs .swiper-container { width: 100%; height: 100%; } .product__slider .slider__thumbs_image { -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; opacity: 1; border: 0; width: 100%; height: 15.8rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 0; overflow: hidden; } .product__slider .slider__thumbs_image img { width: auto; height: auto; max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .product__slider .slider__thumbs_image:hover img { opacity: 0.4; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .product__slider .slider__thumbs__prev { width: 5.4rem; height: 5.4rem; background: #fff; border: 1px solid rgba(44, 47, 128, 0.4); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; cursor: pointer; position: absolute; top: 2.5rem; left: calc(50% - 2.7rem); z-index: 10; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .product__slider .slider__thumbs__prev svg { width: 1.8rem; } @media screen and (max-width: 449px) { .product__slider .slider__thumbs__prev svg { width: 2rem; } } .product__slider .slider__thumbs__prev svg path { stroke: #2C2F80; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (min-width: 800px) { .product__slider .slider__thumbs__prev:hover { background: #2C2F80; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .product__slider .slider__thumbs__prev:hover svg path { -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; stroke: #fff; } } .product__slider .slider__thumbs__next { width: 5.4rem; height: 5.4rem; background: #fff; border: 1px solid rgba(44, 47, 128, 0.4); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; cursor: pointer; position: absolute; bottom: 2.5rem; left: calc(50% - 2.7rem); z-index: 10; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .product__slider .slider__thumbs__next svg { width: 1.8rem; } @media screen and (max-width: 449px) { .product__slider .slider__thumbs__next svg { width: 2rem; } } .product__slider .slider__thumbs__next svg path { stroke: #2C2F80; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (min-width: 800px) { .product__slider .slider__thumbs__next:hover { background: #2C2F80; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .product__slider .slider__thumbs__next:hover svg path { -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; stroke: #fff; } } .product__slider .slider__images { width: 100%; margin: -2rem 0 0 0; position: relative; } @media screen and (max-width: 449px) { .product__slider .slider__images { margin: -0.5rem 0 0 0; } } .product__slider .slider__images .swiper-slide { -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; opacity: 0 !important; } .product__slider .slider__images .swiper-slide-active { -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; opacity: 1 !important; } .product__slider .slider__images .swiper-container { width: 100%; height: 68.8rem; overflow: hidden; } @media screen and (max-width: 449px) { .product__slider .slider__images .swiper-container { height: 45.8rem; } } .product__slider .slider__images .swiper-container img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .product__slider .slider__images .swiper-button-disabled svg { opacity: 0.4; } .product__slider .slider__images__prev { width: 5.4rem; height: 5.4rem; background: #fff; border: 1px solid rgba(44, 47, 128, 0.4); display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; cursor: pointer; position: absolute; top: calc(50% - 2.7rem); left: 0; z-index: 10; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (max-width: 799px) { .product__slider .slider__images__prev { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media screen and (max-width: 449px) { .product__slider .slider__images__prev { width: 9.4rem; height: 9.4rem; } } .product__slider .slider__images__prev svg { width: 1.8rem; } @media screen and (max-width: 449px) { .product__slider .slider__images__prev svg { width: 2rem; } } .product__slider .slider__images__prev svg path { stroke: #2C2F80; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (min-width: 800px) { .product__slider .slider__images__prev:hover { background: #2C2F80; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .product__slider .slider__images__prev:hover svg path { -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; stroke: #fff; } } .product__slider .slider__images__next { width: 5.4rem; height: 5.4rem; background: #fff; border: 1px solid rgba(44, 47, 128, 0.4); display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; cursor: pointer; position: absolute; top: calc(50% - 2.7rem); right: 0; z-index: 10; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (max-width: 799px) { .product__slider .slider__images__next { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media screen and (max-width: 449px) { .product__slider .slider__images__next { width: 9.4rem; height: 9.4rem; } } .product__slider .slider__images__next svg { width: 1.8rem; } @media screen and (max-width: 449px) { .product__slider .slider__images__next svg { width: 2rem; } } .product__slider .slider__images__next svg path { stroke: #2C2F80; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (min-width: 800px) { .product__slider .slider__images__next:hover { background: #2C2F80; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .product__slider .slider__images__next:hover svg path { -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; stroke: #fff; } } .product__content { width: 100%; padding: 5.3rem 0 0 0; } .product__content h1 { font-family: 'CatLinz'; font-size: 9rem; font-weight: 400; line-height: 8.4rem; padding: 0; margin: 0 0 2.7rem; color: #2C2F80; text-transform: uppercase; } @media screen and (max-width: 1199px) { .product__content h1 { font-size: 7rem; line-height: 6.46rem; } } @media screen and (max-width: 449px) { .product__content h1 { font-size: 7.7rem; line-height: 7.7rem; } } .product__content p { font-size: 2.4rem; font-weight: 400; line-height: 3.1rem; margin: 0 0 2rem 0; color: #2C2F80; } @media screen and (max-width: 449px) { .product__content p { margin: 0 0 3.4rem; font-size: 3.51rem; line-height: 4.2rem; } } .product__content__block { margin: 4rem 0 0; max-width: 71.8rem; position: relative; } @media screen and (max-width: 1199px) { .product__content__block { max-width: 49.8rem; } } @media screen and (max-width: 799px) { .product__content__block { max-width: 100%; position: absolute; bottom: 0; left: 0; right: 0; z-index: 5; } } @media screen and (max-width: 449px) { .product__content__block .card-title { font-size: 2.7rem; line-height: 3rem; } .product__content__block .card-image__small { display: none; } } .product__content__block p { max-width: 50rem; } @media screen and (max-width: 449px) { .product__content__block p { max-width: 100%; } } /*.product__content .swiper-button-disabled { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; pointer-events: none; } .product__content .swiper-button-disabled svg { opacity: 0.4 !important; }*/ .product__content__slider { margin: 3.2rem 3rem; padding: 0 2rem; } @media screen and (max-width: 449px) { .product__content__slider { margin: 0 -1.2rem; padding: 0 1.8rem; } } .product__content__slider .card-image { height: 20.7rem; } .product__content__slider__prev { width: 5.4rem; height: 5.4rem; background: #fff; border: 1px solid rgba(44, 47, 128, 0.4); display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; cursor: pointer; position: absolute; top: calc(50% - 4.7rem); left: 0; z-index: 10; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (max-width: 449px) { .product__content__slider__prev { width: 9.4rem; height: 9.4rem; top: 100%; left: 30%; } } .product__content__slider__prev svg { width: 1.8rem; } @media screen and (max-width: 449px) { .product__content__slider__prev svg { width: 2rem; } } .product__content__slider__prev svg path { stroke: #2C2F80; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (min-width: 800px) { .product__content__slider__prev:hover { background: #2C2F80; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .product__content__slider__prev:hover svg path { -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; stroke: #fff; } } .product__content__slider__next { width: 5.4rem; height: 5.4rem; background: #fff; border: 1px solid rgba(44, 47, 128, 0.4); display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; cursor: pointer; position: absolute; top: calc(50% - 4.7rem); right: 0; z-index: 10; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (max-width: 449px) { .product__content__slider__next { width: 9.4rem; height: 9.4rem; top: 100%; right: 30%; } } .product__content__slider__next svg { width: 1.8rem; } @media screen and (max-width: 449px) { .product__content__slider__next svg { width: 2rem; } } .product__content__slider__next svg path { stroke: #2C2F80; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (min-width: 800px) { .product__content__slider__next:hover { background: #2C2F80; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .product__content__slider__next:hover svg path { -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; stroke: #fff; } } .product__valuation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 3.2rem 0 0 0; } .product__valuation_button { font-size: 2.6rem; font-weight: 400; line-height: 3.8rem; margin: 0; color: #2C2F80; padding: 0; border: 0; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; background: transparent; cursor: pointer; } @media screen and (min-width: 800px) { .product__valuation_button:hover { color: rgba(44, 47, 128, 0.4); -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } } @media screen and (max-width: 449px) { .product__valuation_button { font-size: 3.51rem; line-height: 4.2rem; font-weight: 300; padding: 0 2rem; } } .product__valuation__modal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.9); z-index: 1000; opacity: 0; visibility: hidden; padding: 3rem; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .product__valuation__modal.show { opacity: 1; visibility: visible; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .product__valuation__modal_content { padding: 4rem 4.2rem 3.6rem; border: 1px solid rgba(44, 47, 128, 0.4); background: #fff; border-radius: 0; width: 100%; position: relative; max-width: 53.8rem; } .product__valuation__modal_content p { font-family: 'CatLinz'; font-size: 3.4rem; font-weight: 400; line-height: 3.19rem; color: #2C2F80; margin: 0 0 2rem 0; } .product__valuation__modal_content p.info { font-size: 2.4rem; font-family: 'Circe'; } .product__valuation__modal_content .item-blocks { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 3.7rem; margin: 0 0 4rem 0; } .product__valuation__modal_content .item-values { white-space: nowrap; } .product__valuation__modal_content .item-values p { font-family: 'Circe'; font-size: 2.4rem; font-weight: 400; line-height: 3.1rem; color: #2C2F80; margin: 0; } .product__valuation__modal_content .item-values p.note { font-family: 'Circe'; font-size: 2.2rem; font-weight: 300; line-height: 3.3rem; color: #2C2F80; margin: 0; } .product__valuation__modal_slose { position: absolute; width: 2rem; height: 2rem; top: 2.4rem; right: 2.4rem; cursor: pointer; padding: 0; border: 0; background: transparent; z-index: 5; } .product__valuation__modal_slose img { width: 100%; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; opacity: 1; } @media screen and (min-width: 800px) { .product__valuation__modal_slose:hover { opacity: 0.4; } } .body-product-hidden { overflow: hidden; } .product-bue { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 6rem 0 12.5rem; position: relative; } @media screen and (max-width: 799px) { .product-bue { display: block; } } @media screen and (max-width: 449px) { .product-bue { margin: 16rem 0 11.5rem; } } .product-bue__petal { position: absolute; bottom: -6.5%; left: 12.5%; width: 9.5rem; height: 9.5rem; z-index: 10; } @media screen and (max-width: 449px) { .product-bue__petal { bottom: -3.5%; left: 10.5%; width: 11.5rem; height: 11.5rem; -webkit-transform: rotate(91deg); transform: rotate(91deg); } } .product-bue__petal img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .product-bue__content { width: 100%; max-width: 66rem; padding: 11.5rem 0 4rem; } @media screen and (max-width: 799px) { .product-bue__content { padding: 0 0 4rem 0; max-width: 100%; } } @media screen and (max-width: 449px) { .product-bue__content { padding: 0 0.8rem 6rem; } } .product-bue__content h2 { font-size: 8.5rem; line-height: 8rem; color: #2C2F80; margin: 0 0 2.6rem; font-family: 'CatLinz'; text-transform: uppercase; } @media screen and (max-width: 1199px) { .product-bue__content h2 { font-size: 7rem; line-height: 6.46rem; } } @media screen and (max-width: 449px) { .product-bue__content h2 { font-size: 7.7rem; line-height: 7.2rem; margin: 0 0 3rem; } } .product-bue__content p { font-size: 2.4rem; font-weight: 400; line-height: 3.1rem; color: #2C2F80; margin: 0; } @media screen and (max-width: 449px) { .product-bue__content p { font-size: 3.51rem; line-height: 4.2rem; } } .product-bue__content .button-blue { font-family: 'CatLinz'; padding: 2.1rem 3.6rem 2.2rem; line-height: 3.2rem; font-size: 3.2rem; margin: 4rem 0 0 0; } @media screen and (max-width: 449px) { .product-bue__content .button-blue { padding: 3.8rem 3.7rem; line-height: 5.6rem; font-size: 5.6rem; } } .product-bue__images { min-width: 41%; max-width: 41%; height: 70.2rem; position: relative; margin: 0 5.3% 0 2rem; } @media screen and (max-width: 799px) { .product-bue__images { min-width: 100%; max-width: 100%; margin: 0; } } @media screen and (max-width: 449px) { .product-bue__images { padding: 0 0.8rem; height: 84.2rem; } } .product-bue__images img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } .product-bue__images__block { position: absolute; bottom: 7.7%; right: -10%; min-width: 31%; max-width: 31%; height: 31%; } @media screen and (max-width: 799px) { .product-bue__images__block { right: 4rem; bottom: -4rem; } } @media screen and (max-width: 449px) { .product-bue__images__block { right: 3.5rem; bottom: -5.5rem; min-width: 44%; max-width: 44%; height: 29.5%; } } .buy-banner { margin: 0 0 10rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; } @media screen and (max-width: 799px) { .buy-banner { display: block; } } @media screen and (max-width: 449px) { .buy-banner { margin: 9rem 0 10rem; } } .buy-banner__petal { position: absolute; width: 9.5rem; height: 9.5rem; z-index: 10; bottom: 24%; left: 18.2%; } @media screen and (max-width: 799px) { .buy-banner__petal { bottom: -4%; } } @media screen and (max-width: 449px) { .buy-banner__petal { -webkit-transform: rotate(-60deg); transform: rotate(-60deg); } } .buy-banner__petal img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .buy-banner__petal-second { position: absolute; width: 12.5rem; height: 12.6rem; z-index: 10; bottom: -9%; right: 5%; } @media screen and (max-width: 799px) { .buy-banner__petal-second { bottom: auto; top: 13%; } } @media screen and (max-width: 449px) { .buy-banner__petal-second { top: 25%; width: 11.5rem; height: 12.5rem; -webkit-transform: rotate(92deg); transform: rotate(92deg); right: 10%; } } .buy-banner__petal-second img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .buy-banner__content { width: 100%; max-width: 70rem; padding: 9rem 0 4rem; } @media screen and (max-width: 799px) { .buy-banner__content { padding: 0 0 4rem 0; max-width: 100%; } } @media screen and (max-width: 449px) { .buy-banner__content { padding: 0 0.8rem 4.8rem; } } .buy-banner__content h1 { font-size: 9rem; line-height: 8.4rem; color: #2C2F80; margin: 0 0 2.6rem; font-family: 'CatLinz'; text-transform: uppercase; } @media screen and (max-width: 1199px) { .buy-banner__content h1 { font-size: 7rem; line-height: 6.46rem; } } @media screen and (max-width: 449px) { .buy-banner__content h1 { font-size: 7.7rem; line-height: 7.2rem; margin: 0 0 3rem; max-width: 40rem; } } .buy-banner__content p { font-size: 2.4rem; font-weight: 400; line-height: 3.1rem; color: #2C2F80; margin: 0; max-width: 50rem; } @media screen and (max-width: 449px) { .buy-banner__content p { font-size: 3.51rem; line-height: 4.2rem; } } .buy-banner__block { min-width: 52%; max-width: 52%; position: relative; } @media screen and (max-width: 799px) { .buy-banner__block { min-width: 100%; max-width: 100%; } } .buy-banner__block_image { height: 80.8rem; } @media screen and (max-width: 449px) { .buy-banner__block_image { padding: 0 0.8rem; height: 84.2rem; } } .buy-banner__block_image img, .buy-banner__block_image picture { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } .buy-banner__block_small { position: absolute; bottom: 9%; left: -14%; min-width: 27.5%; max-width: 27.5%; height: 35.2%; } @media screen and (max-width: 1199px) { .buy-banner__block_small { height: 27%; } } @media screen and (max-width: 799px) { .buy-banner__block_small { right: 4rem; bottom: -4rem; left: auto; } } @media screen and (max-width: 449px) { .buy-banner__block_small { right: 3.5rem; bottom: -5.5rem; min-width: 44%; max-width: 44%; height: 29.5%; } } .buy-banner__block_small img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } @media screen and (max-width: 449px) { .buy-banner__block_small img { -o-object-fit: initial; object-fit: initial; } } .buy-block { margin: 20.2rem 0 16.8rem; } @media screen and (max-width: 799px) { .buy-block { margin: 12rem 0rem; } } @media screen and (max-width: 449px) { .buy-block { margin: 16rem 0 6.5rem; } } .buy-block__content { width: 100%; margin: 0 0 6.3rem 0; } @media screen and (max-width: 799px) { .buy-block__content { padding: 0 0 4rem 0; max-width: 100%; margin: 0; } } @media screen and (max-width: 449px) { .buy-block__content { padding: 0 0.8rem 4.8rem; } } .buy-block__content h2 { font-size: 8.5rem; line-height: 8rem; color: #2C2F80; margin: 0 0 2.8rem; font-family: 'CatLinz'; text-transform: uppercase; } @media screen and (max-width: 1199px) { .buy-block__content h2 { font-size: 7rem; line-height: 6.46rem; } } @media screen and (max-width: 449px) { .buy-block__content h2 { font-size: 7.7rem; line-height: 7.2rem; margin: 0 0 3rem; max-width: 40rem; } } .buy-block__content p { font-size: 2.4rem; font-weight: 400; line-height: 3.1rem; color: #2C2F80; margin: 0; } @media screen and (max-width: 449px) { .buy-block__content p { font-size: 3.51rem; line-height: 4.2rem; } } .buy-block__place { position: relative; } @media screen and (max-width: 799px) { .buy-block__place { margin: 0 1rem; } } @media screen and (max-width: 449px) { .buy-block__place { margin: 0 5rem; } } /*.buy-block__place .swiper-button-disabled { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; pointer-events: none; } .buy-block__place .swiper-button-disabled svg { opacity: 0.4; }*/ .buy-block__slider__prev { width: 5.4rem; height: 5.4rem; position: absolute; top: calc(50% - 2.7rem); left: -2.7rem; cursor: pointer; z-index: 10; border: 1px solid rgba(44, 47, 128, 0.4); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; border-radius: 50%; background: #fff; } @media screen and (max-width: 449px) { .buy-block__slider__prev { width: 9.4rem; height: 9.4rem; top: calc(50% - 4.4rem); left: -4rem; } } @media screen and (min-width: 800px) { .buy-block__slider__prev:hover { background: #2C2F80; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .buy-block__slider__prev:hover svg path { -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; stroke: #fff; } } .buy-block__slider__prev svg { width: 2rem; } @media screen and (max-width: 449px) { .buy-block__slider__prev svg { width: 2rem; } } .buy-block__slider__prev svg path { stroke: #2C2F80; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .buy-block__slider__next { width: 5.4rem; height: 5.4rem; position: absolute; top: calc(50% - 2.7rem); right: -2.7rem; cursor: pointer; z-index: 10; z-index: 10; border: 1px solid rgba(44, 47, 128, 0.4); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; border-radius: 50%; background: #fff; } @media screen and (max-width: 449px) { .buy-block__slider__next { width: 9.4rem; height: 9.4rem; top: calc(50% - 4.4rem); right: -4rem; } } @media screen and (min-width: 800px) { .buy-block__slider__next:hover { background: #2C2F80; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .buy-block__slider__next:hover svg path { -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; stroke: #fff; } } .buy-block__slider__next svg { width: 2rem; } @media screen and (max-width: 449px) { .buy-block__slider__next svg { width: 2rem; } } .buy-block__slider__next svg path { stroke: #2C2F80; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .buy-block__slide { border: 1px solid rgba(44, 47, 128, 0.4); padding: 2rem; height: 20.4rem; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 449px) { .buy-block__slide { padding: 5rem; height: 35.6rem; } } .buy-block__slide img { width: auto; height: auto; max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (min-width: 800px) { .buy-block__slide:hover img { -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; opacity: 0.4; } } .contacts { margin: 11.4rem 0 27rem 0; position: relative; } @media screen and (max-width: 799px) { .contacts { margin: 11.4rem 0 10rem 0; } } @media screen and (max-width: 449px) { .contacts { padding: 20.1rem 0 3rem 0; overflow: hidden; margin: 0; } } .contacts:before { content: ''; position: absolute; bottom: -56%; left: 0; width: 27.5rem; height: 40.5rem; z-index: 1; background: url(/local/templates/almete2024/assets/css/../images/bg-14.png) 0 0 no-repeat; background-size: contain; } @media screen and (max-width: 799px) { .contacts:before { display: none; } } .contacts:after { content: ''; position: absolute; top: -40%; right: 0; width: 31.2rem; height: 50.8rem; z-index: 1; background: url(/local/templates/almete2024/assets/css/../images/bg-15.png) 0 0 no-repeat; background-size: contain; } @media screen and (max-width: 799px) { .contacts:after { display: none; } } .contacts__flower { position: absolute; top: 20.5%; left: 13.5%; z-index: 10; width: 26.1rem; height: 39.8rem; } @media screen and (max-width: 799px) { .contacts__flower { top: -16%; left: 1%; width: 14rem; height: 20.8rem; } } @media screen and (max-width: 449px) { .contacts__flower { top: 19.5%; left: 0; width: 16rem; height: 22.8rem; -webkit-transform: rotate(15deg); transform: rotate(15deg); } } .contacts__flower img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .contacts__flower_second { position: absolute; top: 48.5%; right: 15.2%; z-index: 10; width: 28.8rem; height: 51.2rem; } @media screen and (max-width: 799px) { .contacts__flower_second { top: -16%; bottom: 0; right: 1%; width: 14rem; height: 20.8rem; } } @media screen and (max-width: 449px) { .contacts__flower_second { top: 19.5%; right: -2%; width: 16rem; height: 22.8rem; -webkit-transform: rotate(-17deg); transform: rotate(-17deg); } } .contacts__flower_second img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .contacts__petal { position: absolute; top: 28.5%; left: 4.8%; z-index: 10; width: 9.5rem; height: 9.5rem; } @media screen and (max-width: 799px) { .contacts__petal { display: none; } } .contacts__petal img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .contacts__petal_second { position: absolute; bottom: -11.5%; right: 30.3%; z-index: 10; width: 9.5rem; height: 9.5rem; } @media screen and (max-width: 799px) { .contacts__petal_second { display: none; } } .contacts__petal_second img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .contacts h1 { font-size: 9rem; line-height: 8.5rem; color: #2C2F80; margin: 0 0 6.4rem; font-family: 'CatLinz'; text-transform: uppercase; text-align: center; } @media screen and (max-width: 1199px) { .contacts h1 { font-size: 7rem; line-height: 6.46rem; } } @media screen and (max-width: 449px) { .contacts h1 { font-size: 7.6rem; line-height: 7.2rem; max-width: 36rem; margin: 0 auto 5rem; } } .contacts__block { text-align: center; } .contacts__block p { font-size: 2.4rem; font-weight: 400; line-height: 3.1rem; color: #2C2F80; margin: 0 0 1.6rem 0; } @media screen and (max-width: 449px) { .contacts__block p { font-size: 3.51rem; line-height: 4.2rem; } } .contacts__block a.link { font-family: 'CatLinz'; font-size: 5.6rem; font-weight: 400; line-height: 5.6rem; text-align: center; color: #4C715F; text-decoration: none; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (max-width: 449px) { .contacts__block a.link { font-size: 7.4rem; line-height: 7.2rem; } } .contacts__block a.link:hover { color: #4C715F; opacity: 0.4; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .contacts__act { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 6.6rem 0 0 0; gap: 2rem; } @media screen and (max-width: 799px) { .contacts__act { display: none; } } .contacts__act .button-blue { font-family: 'CatLinz'; padding: 2.1rem 4.8rem 2.2rem; line-height: 3.2rem; font-size: 3.2rem; } .error-page { margin: 10.4rem 0 27rem 0; position: relative; } @media screen and (max-width: 799px) { .error-page { padding: 4rem 0 10rem 0; margin: 0; } } @media screen and (max-width: 449px) { .error-page { padding: 18rem 0 6rem 0; overflow: hidden; margin: 0; } } .error-page:before { content: ''; position: absolute; bottom: -72%; left: 0; width: 27.5rem; height: 40.5rem; z-index: 1; background: url(/local/templates/almete2024/assets/css/../images/bg-14.png) 0 0 no-repeat; background-size: contain; } @media screen and (max-width: 799px) { .error-page:before { display: none; } } .error-page:after { content: ''; position: absolute; top: -45%; right: 0; width: 31.2rem; height: 50.8rem; z-index: 1; background: url(/local/templates/almete2024/assets/css/../images/bg-15.png) 0 0 no-repeat; background-size: contain; } @media screen and (max-width: 799px) { .error-page:after { display: none; } } .error-page__flower { position: absolute; top: -10.5%; left: 13.5%; z-index: 10; width: 26.1rem; height: 39.8rem; } @media screen and (max-width: 1199px) { .error-page__flower { left: 6.5rem; } } @media screen and (max-width: 799px) { .error-page__flower { top: 9%; left: 1%; width: 14rem; height: 20.8rem; } } @media screen and (max-width: 449px) { .error-page__flower { top: 13.5%; left: 0; width: 16rem; height: 22.8rem; -webkit-transform: rotate(15deg); transform: rotate(15deg); } } .error-page__flower img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .error-page__flower_second { position: absolute; top: 29%; right: 12.2%; z-index: 10; width: 28.8rem; height: 51.2rem; } @media screen and (max-width: 1199px) { .error-page__flower_second { right: 6.2%; } } @media screen and (max-width: 799px) { .error-page__flower_second { top: 9%; bottom: 0; right: 1%; width: 14rem; height: 20.8rem; } } @media screen and (max-width: 449px) { .error-page__flower_second { top: 13.5%; right: -2%; width: 16rem; height: 22.8rem; -webkit-transform: rotate(-17deg); transform: rotate(-17deg); } } .error-page__flower_second img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .error-page__petal { position: absolute; bottom: -43%; left: 21%; z-index: 10; width: 9.5rem; height: 9.5rem; } @media screen and (max-width: 799px) { .error-page__petal { display: none; } } .error-page__petal img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .error-page__petal_second { position: absolute; top: -26.5%; right: 13%; z-index: 10; width: 6.2rem; height: 6.3rem; } @media screen and (max-width: 799px) { .error-page__petal_second { display: none; } } .error-page__petal_second img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .error-page__block { text-align: center; } .error-page__block p { font-size: 2.4rem; font-weight: 400; line-height: 3.1rem; color: #2C2F80; margin: 0 auto 3.1rem; max-width: 34rem; } @media screen and (max-width: 449px) { .error-page__block p { font-size: 3.51rem; line-height: 4.2rem; max-width: 46rem; } } .error-page__block p.code { font-size: 18rem; line-height: 17rem; color: #4C715F; margin: 0 0 -0.4rem 0; font-family: 'CatLinz'; max-width: 100%; } @media screen and (max-width: 799px) { .error-page__block p.code { font-size: 15rem; line-height: 14rem; } } @media screen and (max-width: 449px) { .error-page__block p.code { font-size: 20rem; line-height: 17rem; } } .error-page__block h1 { font-size: 5.6rem; line-height: 5.6rem; color: #2C2F80; margin: 0 0 2rem; font-family: 'CatLinz'; text-transform: uppercase; text-align: center; } @media screen and (max-width: 1199px) { .error-page__block h1 { font-size: 7rem; line-height: 6.46rem; } } @media screen and (max-width: 799px) { .error-page__block h1 { font-size: 5rem; line-height: 5.46rem; } } @media screen and (max-width: 449px) { .error-page__block h1 { font-size: 7.7rem; line-height: 7.5rem; max-width: 42rem; margin: 1.1rem auto 2.2rem; } } .error-page__block .button-blue { font-family: 'CatLinz'; padding: 2.1rem 3.8rem 2.2rem; line-height: 3.2rem; font-size: 3.2rem; } @media screen and (max-width: 449px) { .error-page__block .button-blue { padding: 3.8rem 3.7rem; line-height: 5.6rem; font-size: 5.6rem; } } .company-banner { margin: 0 0 10rem 0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media screen and (max-width: 799px) { .company-banner { display: block; } } @media screen and (max-width: 449px) { .company-banner { margin: 9.6rem 0 6.1rem 0; } } .company-banner__petal { position: absolute; top: -1.5%; left: 38.8%; width: 10.4rem; height: 10.4rem; z-index: 10; } @media screen and (max-width: 799px) { .company-banner__petal { top: -4%; left: 80%; } } @media screen and (max-width: 449px) { .company-banner__petal { top: -6%; left: 69.8%; } } .company-banner__petal img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .company-banner__petal_second { position: absolute; bottom: -8.5%; right: 20.1%; width: 9.9rem; height: 10rem; z-index: 10; } @media screen and (max-width: 799px) { .company-banner__petal_second { right: 20%; top: auto; bottom: -4%; } } @media screen and (max-width: 449px) { .company-banner__petal_second { right: 27%; width: 12rem; left: auto; height: 12%; -webkit-transform: rotate(70deg); transform: rotate(70deg); bottom: -6%; } } .company-banner__petal_second img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .company-banner__content { width: 100%; padding: 9.5rem 12rem 4rem 0; } @media screen and (max-width: 1199px) { .company-banner__content { padding: 9.5rem 6rem 4rem 0; } } @media screen and (max-width: 799px) { .company-banner__content { padding: 4rem 0 4rem 0; max-width: 100%; } } @media screen and (max-width: 449px) { .company-banner__content { padding: 0 0.8rem 7.4rem; } } .company-banner__content h1 { font-size: 9rem; line-height: 8.5rem; color: #2C2F80; margin: 0 0 2.6rem; font-family: 'CatLinz'; text-transform: uppercase; } @media screen and (max-width: 1199px) { .company-banner__content h1 { font-size: 7rem; line-height: 6.46rem; } } @media screen and (max-width: 449px) { .company-banner__content h1 { font-size: 7.7rem; line-height: 7.9rem; margin: 0 0 3rem; max-width: 40rem; } } .company-banner__content p { font-size: 2.4rem; font-weight: 400; line-height: 3.1rem; color: #2C2F80; margin: 0 0 2rem 0; } @media screen and (max-width: 449px) { .company-banner__content p { font-size: 3.51rem; line-height: 4.6rem; margin: 0 0 3rem 0; } } .company-banner__content img.image { width: 28rem; margin: 2rem 0; } .company-banner__block { min-width: 52%; max-width: 52%; position: relative; margin: 0; } @media screen and (max-width: 799px) { .company-banner__block { min-width: 100%; max-width: 100%; margin: 0; } } .company-banner__block_image { height: 80.8rem; position: relative; width: 100%; } @media screen and (max-width: 449px) { .company-banner__block_image { padding: 0 0.8rem; height: 84.2rem; } } .company-banner__block_image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } .company-banner__block_video { position: absolute; bottom: 13.2%; left: -14%; min-width: 31%; max-width: 31%; height: 31%; } @media screen and (max-width: 1199px) { .company-banner__block_video { bottom: 8.2%; } } @media screen and (max-width: 799px) { .company-banner__block_video { right: 4rem; bottom: auto; left: auto; top: -3rem; } } @media screen and (max-width: 449px) { .company-banner__block_video { right: 3.5rem; min-width: 44%; max-width: 44%; height: 29.5%; top: -3.5rem; } } .company-banner__block_video img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .company-banner__block_video .main-banner__block_button { top: calc(50% - 5rem); left: calc(50% - 3.5rem); } @media screen and (max-width: 799px) { .company-banner__block_video .main-banner__block_button { top: calc(50% - 5rem); } } @media screen and (max-width: 449px) { .company-banner__block_video .main-banner__block_button { top: calc(50% - 6.5rem); } } .company-odds { margin: 10rem 0 0; background: url(/local/templates/almete2024/assets/css/../images/company-bg.png) 0 0 no-repeat; background-size: cover; padding: 10rem 0 0; position: relative; overflow: hidden; } @media screen and (max-width: 1199px) { .company-odds { padding: 10rem 0 4rem; } } @media screen and (max-width: 449px) { .company-odds { padding: 4.8rem 0.8rem 1rem; margin: 6rem 0 4rem; } } .company-odds__petal { position: absolute; top: 51.8%; left: 21.4%; width: 8.5rem; height: 8.4rem; z-index: 10; } @media screen and (max-width: 1199px) { .company-odds__petal { top: 24.8%; left: 75.4%; } } @media screen and (max-width: 799px) { .company-odds__petal { z-index: 20; top: 32%; left: 5%; } } @media screen and (max-width: 449px) { .company-odds__petal { top: 32.6%; left: 12%; width: 12rem; height: 12rem; -webkit-transform: rotate(45deg); transform: rotate(45deg); } } .company-odds__petal img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .company-odds__petal_second { position: absolute; bottom: 18.6%; right: 5.1%; width: 10.5rem; height: 10.5rem; z-index: 10; } @media screen and (max-width: 799px) { .company-odds__petal_second { right: 0; top: auto; bottom: 20%; } } @media screen and (max-width: 449px) { .company-odds__petal_second { right: 8%; width: 15rem; left: auto; height: 15rem; -webkit-transform: rotate(-70deg); transform: rotate(-70deg); bottom: 19.7%; } } .company-odds__petal_second img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .company-odds__flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0; } @media screen and (max-width: 1199px) { .company-odds__flex { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .company-odds__block { min-width: 93rem; max-width: 93rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 10rem; } @media screen and (max-width: 799px) { .company-odds__block { min-width: 100%; max-width: 100%; display: block; } } .company-odds__item { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 0 17.2rem 0; cursor: pointer; } @media screen and (max-width: 799px) { .company-odds__item { padding: 0; margin: 0 0 5rem 0; } } @media screen and (max-width: 449px) { .company-odds__item { margin: 0 0 7.4rem 0; } } .company-odds__item_image { width: 100%; height: 41.5rem; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } @media screen and (max-width: 449px) { .company-odds__item_image { height: 55.5rem; } } .company-odds__item_image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .company-odds__item_text { position: absolute; top: 74.5%; left: 0; right: 0; } @media screen and (max-width: 799px) { .company-odds__item_text { position: initial; margin: 2rem 0 0; } } @media screen and (max-width: 449px) { .company-odds__item_text { margin: 4rem 0 0; } } .company-odds__item_text p { font-size: 2.4rem; line-height: 3.1rem; color: #4C715F; font-weight: 400; margin: 0; opacity: 0; } @media screen and (max-width: 799px) { .company-odds__item_text p { opacity: 1; } } @media screen and (max-width: 449px) { .company-odds__item_text p { font-size: 3.51rem; line-height: 4.2rem; } } .company-odds__item_text p.title { font-size: 5.6rem; font-weight: 400; line-height: 5.6rem; font-family: 'CatLinz'; text-transform: uppercase; opacity: 1; margin: 0 0 2rem 0; } @media screen and (max-width: 449px) { .company-odds__item_text p.title { font-size: 7.7rem; line-height: 7.9rem; margin: 0 0 2rem; } } @media screen and (min-width: 800px) { .company-odds__item:hover .company-odds__item_text { top: 0; } .company-odds__item:hover .company-odds__item_text p { opacity: 1; } .company-odds__item:hover .company-odds__item_image { opacity: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } } .company-odds__content { width: 100%; max-width: 62rem; margin: -0.4rem 1.4rem 0 0; } @media screen and (max-width: 1199px) { .company-odds__content { width: 100%; max-width: 100%; margin: 0 0 4rem 0; } } @media screen and (max-width: 449px) { .company-odds__content { margin: 0 0 4.8rem; } } .company-odds__content p { font-size: 2.4rem; line-height: 3.1rem; color: #4C715F; font-weight: 400; margin: 0 0 2rem 0; } @media screen and (max-width: 449px) { .company-odds__content p { font-size: 3.51rem; line-height: 4.2rem; margin: 0 0 3rem 0; } } .company-odds__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 0; } .company-odds__image { min-width: 43.1rem; max-width: 43.1rem; margin: 0 8.4rem 0 0; } @media screen and (max-width: 1199px) { .company-odds__image { display: none; } } .company-odds__image img { width: 100%; margin: 5rem 0 -4.3rem 2rem; } .company-info { margin: 0; background: url(/local/templates/almete2024/assets/css/../images/company-bg-green.png) 0 0 no-repeat; background-size: cover; padding: 9rem 0 12.2rem; position: relative; overflow: hidden; } @media screen and (max-width: 799px) { .company-info { margin: 0 0 3rem 0; padding: 9rem 0 4rem; } } @media screen and (max-width: 449px) { .company-info { padding: 3.8rem 0rem 10rem; margin: 7.7rem 0 1rem; } } .company-info__petal { position: absolute; top: 4.8%; right: 7%; width: 10rem; height: 10rem; z-index: 10; -webkit-transform: rotate(12deg); transform: rotate(12deg); } @media screen and (max-width: 799px) { .company-info__petal { top: 11%; -webkit-transform: rotate(-12deg); transform: rotate(-12deg); } } @media screen and (max-width: 449px) { .company-info__petal { top: 10%; right: 13%; width: 11rem; height: 11rem; -webkit-transform: rotate(-35deg); transform: rotate(-35deg); } } .company-info__petal img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .company-info__content { width: 100%; margin: 0 0 9rem 0; } @media screen and (max-width: 799px) { .company-info__content { max-width: 100%; } } @media screen and (max-width: 449px) { .company-info__content { padding: 0 0.8rem; margin: 0 0 7.4rem 0; } } .company-info__content h2 { font-size: 8.5rem; line-height: 8rem; margin: 0 0 2.6rem; font-family: 'CatLinz'; text-transform: uppercase; color: #BBAE98; color: transparent; -webkit-background-clip: text; background-clip: text; background-image: linear-gradient(135deg, #E3DCC1, #BBAE98) } @media screen and (max-width: 1199px) { .company-info__content h2 { font-size: 7rem; line-height: 6.46rem; } } @media screen and (max-width: 449px) { .company-info__content h2 { font-size: 7.7rem; line-height: 7.4rem; margin: 0 0 3rem; } } .company-info__content p { font-size: 2.4rem; font-weight: 400; line-height: 3.1rem; color: #F7F4D2; margin: 0 0 2rem 0; } @media screen and (max-width: 449px) { .company-info__content p { font-size: 3.51rem; line-height: 4.2rem; margin: 0 0 3rem 0; } } .company-info__block { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 7.7rem; } @media screen and (max-width: 799px) { .company-info__block { gap: 0; } } @media screen and (max-width: 449px) { .company-info__block { padding: 0 0.8rem; } } .company-info__item { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 0 19.2rem 0; cursor: pointer; } @media screen and (max-width: 799px) { .company-info__item { padding: 0; margin: 0 0 5rem 0; } } @media screen and (max-width: 449px) { .company-info__item { margin: 0 0 3.4rem 0; } } .company-info__item_image { width: 100%; height: 53.7rem; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } @media screen and (max-width: 1199px) { .company-info__item_image { height: 39rem; } } @media screen and (max-width: 449px) { .company-info__item_image { height: 55.8rem; } } .company-info__item_image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } .company-info__item_text { position: absolute; top: 76.6%; left: 0; right: 0; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (max-width: 799px) { .company-info__item_text { position: initial; margin: 2rem 0 0; } } @media screen and (max-width: 449px) { .company-info__item_text { margin: 4rem 0 0; } } .company-info__item_text p { font-size: 2.4rem; line-height: 3.1rem; color: #F7F4D2; font-weight: 400; margin: 0 0 2rem 0; opacity: 0; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (max-width: 799px) { .company-info__item_text p { opacity: 1; } } @media screen and (max-width: 449px) { .company-info__item_text p { font-size: 3.51rem; line-height: 4.4rem; margin: 0 0 3rem 0; } } .company-info__item_text p.title { font-size: 5.6rem; font-weight: 400; line-height: 5.6rem; font-family: 'CatLinz'; text-transform: uppercase; color: #BBAE98; color: transparent; -webkit-background-clip: text; background-clip: text; background-image: linear-gradient(135deg, #E3DCC1, #BBAE98); opacity: 1; margin: 0 0 2rem 0; } @media screen and (max-width: 449px) { .company-info__item_text p.title { font-size: 7.2rem; line-height: 7.9rem; margin: 0 0 2rem; } } @media screen and (min-width: 800px) { .company-info__item:hover .company-info__item_text { top: 0; } .company-info__item:hover .company-info__item_text p { opacity: 1; } .company-info__item:hover .company-info__item_image { opacity: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } } .modal-form { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.9); padding: 6rem; opacity: 0; visibility: hidden; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: auto; z-index: -1; } @media screen and (max-width: 449px) { .modal-form { padding: 2rem; } } .modal-form.show { z-index: 999; opacity: 1; visibility: visible; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .modal-form__content { width: 100%; max-width: 79rem; background: #fff; padding: 5rem 7rem; position: relative; border: 1px solid rgba(44, 47, 128, 0.4); } @media screen and (max-width: 449px) { .modal-form__content { padding: 4rem 2rem; } } .modal-form__close { position: absolute; top: 2.5rem; right: 2.5rem; cursor: pointer; width: 1.8rem; height: 1.8rem; background: transparent; opacity: 1; padding: 0; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; border: 0; } @media screen and (max-width: 449px) { .modal-form__close { width: 2.8rem; height: 2.8rem; } } .modal-form__close img { width: 100%; } .modal-form__close:hover { -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; opacity: 0.4; } .modal-form__content p { font-size: 2.4rem; font-weight: 400; line-height: 3.1rem; margin: 0 0 3.4rem 0; color: #2C2F80; } .modal-form__content p.error-message { display: none; color: rgba(255, 0, 4, 0.8); } .modal-form__content p.error-message.show { display: block; } @media screen and (max-width: 449px) { .modal-form__content p { font-size: 3.51rem; line-height: 4.2rem; } } .modal-form__content p.title { font-family: 'CatLinz'; font-size: 8.5rem; font-weight: 400; line-height: 8rem; text-transform: uppercase; color: #2C2F80; margin: 0 0 1.5rem; } @media screen and (max-width: 449px) { .modal-form__content p.title { font-size: 7.7rem; line-height: 7.7rem; } } .modal-form__content .button { font-family: 'CatLinz'; padding: 2.1rem 3.6rem 2.2rem; line-height: 3.2rem; font-size: 3.2rem; } .modal-form__content .button:disabled { opacity: 0.4; pointer-events: none; } .modal-form__content .button.loading { position: relative; color: transparent; background: #2C2F80; } .modal-form__content .button.loading .button__icon { opacity: 0; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .modal-form__content .button.loading:after { content: ''; border-radius: 50%; width: 4rem; height: 4rem; border: 0.25rem solid rgba(255, 255, 255, 0.2); border-top-color: #fff; -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; border-width: .5rem; position: absolute; top: calc(50% - 2rem); left: calc(50% - 2rem); } @media screen and (max-width: 449px) { .modal-form__content .button { padding: 4rem 3.7rem; line-height: 4.9rem; font-size: 4.9rem; } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .form__flex { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1rem; } @media screen and (max-width: 449px) { .form__flex { display: block; } } .form__group { width: 100%; margin: 0 0 1rem 0; } @media screen and (max-width: 449px) { .form__group { margin: 0 0 2rem 0; } } .form__group ::-webkit-input-placeholder { color: rgba(44, 47, 128, 0.4); } .form__group ::-moz-placeholder { color: rgba(44, 47, 128, 0.4); } .form__group :-moz-placeholder { color: rgba(44, 47, 128, 0.4); } .form__group :-ms-input-placeholder { color: rgba(44, 47, 128, 0.4); } .form__group.error .form__control { border: 1px solid rgba(255, 0, 4, 0.4); } .form__control { width: 100%; padding: 1.9rem 3.2rem 2.4rem; background: #fff; border: 1px solid rgba(44, 47, 128, 0.4); font-size: 2.2rem; font-weight: 400; line-height: 3.24rem; text-align: left; color: #2C2F80; outline: none; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .form__control:hover { border-color: #2C2F80; } .form__control:focus { border-color: #2C2F80; } @media screen and (max-width: 449px) { .form__control { font-size: 3.51rem; line-height: 4.2rem; padding: 3.4rem 4.2rem 3.8rem; } } textarea.form__control { height: 18.6rem; resize: none; } .jq-selectbox__select { height: auto; padding: 1.9rem 3.2rem 2.4rem; border: 1px solid rgba(44, 47, 128, 0.4) !important; border-radius: 0; background: #fff !important; -webkit-box-shadow: none !important; box-shadow: none !important; font-size: 2.2rem; font-weight: 400; line-height: 3.24rem; font-family: 'Circe'; color: #2C2F80; text-shadow: none; } @media screen and (max-width: 449px) { .jq-selectbox__select { font-size: 3.51rem; line-height: 4.2rem; padding: 3.4rem 4.2rem 3.8rem; } } .jq-selectbox { z-index: 30; width: 100%; margin: 0; } .jq-selectbox.error .jq-selectbox__select { border-color: rgba(255, 0, 4, 0.4) !important; } .jq-selectbox__select-text { display: block; width: auto !important; color: rgba(44, 47, 128, 0.4); -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .jq-selectbox__trigger { border: 0; width: 5.4rem; } .jq-selectbox__trigger-arrow { position: absolute; top: 2.2rem; right: 3rem; width: 1.4rem; height: 1.4rem; border: 0; border-top: 1px solid #2C2F80; border-right: 1px solid #2C2F80; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (max-width: 449px) { .jq-selectbox__trigger-arrow { top: 3.2rem; right: 3rem; width: 2.4rem; height: 2.2rem; } } .jq-selectbox:hover .jq-selectbox__select-text { color: #2C2F80; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .jq-selectbox:hover .jq-selectbox__select { border-color: #2C2F80 !important; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .jq-selectbox.opened .jq-selectbox__select-text { color: #2C2F80; border-color: transparent; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .jq-selectbox.opened .jq-selectbox__trigger-arrow { top: 3rem; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } @media screen and (max-width: 449px) { .jq-selectbox.opened .jq-selectbox__trigger-arrow { top: 4.5rem; } } .jq-selectbox.opened .jq-selectbox__select { border-color: #2C2F80 !important; } .jq-selectbox.changed .jq-selectbox__select-text { color: #2C2F80; } .jq-selectbox__dropdown { margin: -1px 0 0; left: 0; right: 0; padding: 0 3.2rem 3.2rem; -webkit-box-shadow: none; box-shadow: none; border: 0; border-left: 1px solid #2C2F80; border-right: 1px solid #2C2F80; border-bottom: 1px solid #2C2F80; border-radius: 0; } @media screen and (max-width: 449px) { .jq-selectbox__dropdown { padding: 3.2rem; border-top: 1px solid #2C2F80; } } .jq-selectbox ul li { margin: 0 0 1.5rem 0; padding: 0; font-size: 2.2rem; font-weight: 300; line-height: 3.2rem; text-align: left; color: #2C2F80; font-family: 'Circe'; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (max-width: 449px) { .jq-selectbox ul li { font-size: 3.51rem; line-height: 4.2rem; margin: 0 0 2.5rem; } } .jq-selectbox ul li:last-child { margin: 0; padding: 0; } .jq-selectbox ul li.option-hidden { display: none !important; } .jq-selectbox ul li:hover { color: #2C2F80; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; opacity: 0.4; background: #fff; } .jq-selectbox ul li.sel { color: #2C2F80; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; opacity: 1; font-weight: 400; background: #fff; } .checkbox { max-width: 100%; width: auto; margin: 3.4rem 0; overflow: hidden; padding: 0; } .checkbox p { margin: 0; } .checkbox input[type="checkbox"] { position: absolute; left: -9999px; } .checkbox input[type="checkbox"] + label { padding: 0 0 0 4.7rem; cursor: pointer; font-size: 2.2rem; line-height: 2.8rem; color: #2C2F80; position: relative; font-weight: 400; display: block; max-width: 64rem; } @media screen and (max-width: 449px) { .checkbox input[type="checkbox"] + label { font-size: 3.41rem; line-height: 4.2rem; padding: 0 0 0 5.7rem; } } .checkbox input[type="checkbox"] + label a { color: #2C2F80; text-decoration: underline; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .checkbox input[type="checkbox"] + label a:hover { text-decoration: none; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .checkbox input[type="checkbox"] + label:before { content: ''; position: absolute; top: calc(50% - 1.3rem); left: 0; width: 2.6rem; height: 2.6rem; background: #fff; z-index: 5; border: 1px solid rgba(44, 47, 128, 0.4); border-radius: 0; } @media screen and (max-width: 449px) { .checkbox input[type="checkbox"] + label:before { width: 3.6rem; height: 3.6rem; top: calc(50% - 1.8rem); } } .checkbox input[type="checkbox"]:checked + label:before { -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .checkbox input[type="checkbox"]:checked + label:after { content: ''; top: calc(50% - 0.6rem); left: 0.8rem; width: 1.2rem; height: 0.8rem; border-top: 1px solid #2C2F80; border-right: 1px solid #2C2F80; position: absolute; -webkit-transform: rotate(135deg); transform: rotate(135deg); z-index: 10; } @media screen and (max-width: 449px) { .checkbox input[type="checkbox"]:checked + label:after { width: 1.6rem; height: 1.2rem; top: calc(50% - 1rem); left: 1rem; } } .checkbox.error input[type="checkbox"] + label:before { border-color: rgba(255, 0, 4, 0.4); } .message-succsess { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.9); padding: 6rem; opacity: 0; visibility: hidden; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: auto; z-index: -1; } @media screen and (max-width: 449px) { .message-succsess { padding: 4rem 2rem 2rem; } } .message-succsess.show { z-index: 999; opacity: 1; visibility: visible; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .message-succsess__content { width: 100%; max-width: 79rem; background: #fff; padding: 5rem 7rem; position: relative; border: 1px solid rgba(44, 47, 128, 0.4); } @media screen and (max-width: 449px) { .message-succsess__content { padding: 6rem 2rem 2rem; } } .message-succsess__content_close { position: absolute; top: 2.5rem; right: 2.5rem; cursor: pointer; width: 1.8rem; height: 1.8rem; background: transparent; opacity: 1; padding: 0; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; border: 0; } @media screen and (max-width: 449px) { .message-succsess__content_close { width: 2.8rem; height: 2.8rem; } } .message-succsess__content_close img { width: 100%; } .message-succsess__content_close:hover { -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; opacity: 0.4; } .message-succsess__content p { font-size: 2.4rem; font-weight: 400; line-height: 3.1rem; margin: 0; color: #2C2F80; } @media screen and (max-width: 449px) { .message-succsess__content p { font-size: 3.51rem; line-height: 4.2rem; } } .message-succsess__content p.title { font-family: 'CatLinz'; font-size: 8.5rem; font-weight: 400; line-height: 8rem; text-transform: uppercase; color: #2C2F80; margin: 0 0 1.5rem; } @media screen and (max-width: 449px) { .message-succsess__content p.title { font-size: 7.7rem; line-height: 7.7rem; } .main-banner__video .video__block { height: auto; max-height: 100%; } .main-banner__video .video__block .video { -o-object-fit: contain; object-fit: contain; } } .body-open-form { overflow: hidden; } .product__content .swiper-button-disabled { display: none !important; } .video__block__position { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: relative; } @media screen and (max-width: 449px) { .video__block__position { max-width: 100%; max-height: 100%; width: auto; height: auto; } .main-banner__video__image img, .main-banner__video__image picture { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } } .product__content sup { font-size: 2.2rem; font-weight: 350; line-height: 3rem; margin: 0; display:block; color: #2C2F80; } @media screen and (max-width: 449px) { .product__content sup { font-size: 3rem; line-height: 3.6rem; } } @media screen and (max-width: 799px) { .product__slider .slider__images { margin:0; } } .product__content .swiper-button-disabled.show-button { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; pointer-events: none; opacity: 0.3; } .product__content .swiper-button-disabled.show-button { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; pointer-events: none; opacity: 0.3; } .popup { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.9); padding: 6rem; opacity: 0; visibility: hidden; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: auto; z-index: -1; } @media screen and (max-width: 449px) { .popup { padding: 2rem; } } .popup.show { z-index: 999; opacity: 1; visibility: visible; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .popup-block { width: 100%; max-width: 73.5rem; background: #fff url(/local/templates/almete2024/assets/css/../images/popup-bg.png) 0 0 no-repeat; background-size: cover; padding: 6.3rem 6.2rem; position: relative; border: 1px solid rgba(44, 47, 128, 0.4); } @media screen and (max-width: 449px) { .popup-block { padding: 8rem 3rem 4rem; max-width: 57.6rem; } } .popup-close { position: absolute; top: 2.4rem; right: 2.4rem; cursor: pointer; width: 2rem; height: 2rem; background: transparent; opacity: 1; padding: 0; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; border: 0; } @media screen and (max-width: 449px) { .popup-close { width: 3.3rem; height: 3.3rem; } } .popup-close img { width: 100%; } .popup-close:hover { -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; opacity: 0.4; } .popup-content { display: block; } .popup-content__image { width: 100%; height: 32.5rem; margin: 0 0 4.3rem 0; } @media screen and (max-width: 449px) { .popup-content__image { height: 35.6rem; } } .popup-content__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .popup-content p { font-weight: 400; font-size: 2.2rem; line-height: 3rem; color: #F7F4D2; margin: 0 0 4.2rem 0; } @media screen and (max-width: 449px) { .popup-content p { font-size: 3.2rem; line-height: 4rem; } } .popup-content p.title { font-weight: 400; font-size: 4.5rem; font-family: 'CatLinz'; line-height: 4.3rem; color: transparent; -webkit-background-clip: text; background-clip: text; text-transform: uppercase; background-image: linear-gradient(135deg, #E3DCC1, #BBAE98); margin: 0 0 3rem 0; } @media screen and (max-width: 799px) { .popup-content p.title { font-size: 4.3rem; } } @media screen and (max-width: 449px) { .popup-content p.title { font-size: 5.8rem; line-height: 5.5rem; } } .popup-content .button-white { padding: 1.75rem 1.95rem; } @media screen and (max-width: 449px) { .popup-content .button-white { padding: 2.8rem 3.7rem; line-height: 5rem; font-size: 5rem; } } .popup-content .button-white span { color: #fff; } @media screen and (max-width: 449px) { .popup-content .button-white span { display: block; } .popup-content .button-white span::first-letter { text-transform: uppercase; } .popup-content .button-white span.text { display: none; } } .body-popup { overflow: hidden; } @media screen and (min-width: 800px) { .popup-content .button-white:hover span { color: #4C715F; } } /*# sourceMappingURL=style.css.map */ /* End */ /* /local/templates/almete2024/assets/css/swiper-bundle.min.css?173528187815563 */ /* /local/templates/almete2024/assets/css/jquery.formstyler.css?17352818782169 */ /* /local/templates/almete2024/assets/css/jquery.formstyler.theme.css?173528187810672 */ /* /local/templates/almete2024/assets/fonts/Circe/stylesheet.css?17352818791981 */ /* /local/templates/almete2024/assets/css/style.css?1760515141126309 */