/* Start:/local/templates/frutonyanya-infany/css/libs.css?172561441917907*/
/**
* Swiper 9.1.1
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2023 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: March 16, 2023
*/
@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,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.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{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-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.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-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .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/frutonyanya-infany/css/style.css?1752047457133563*/
@charset "UTF-8";
.h1 {
font-size: 64px;
line-height: 100%;
font-weight: 500;
color: #283e80;
margin-bottom: 30px;
margin-top: 0;
}
@media screen and (max-width: 767px) {
.h1 {
font-size: 44px;
}
}
@media screen and (max-width: 575px) {
.h1 {
font-size: 36px;
}
}
.h2 {
color: #283e80;
font-size: 44px;
font-weight: 500;
line-height: 100%;
margin-bottom: 60px;
margin-top: 0;
}
@media screen and (max-width: 767px) {
.h2 {
margin-bottom: 40px;
font-size: 28px;
}
}
@media screen and (max-width: 575px) {
.h2--mob-short {
max-width: 185px;
width: 100%;
}
}
@media screen and (max-width: 359px) {
.h2--mob-short {
max-width: 150px;
}
}
.h3 {
color: #283e80;
font-size: 28px;
font-weight: 400;
line-height: 100%;
margin-top: 0;
}
@media screen and (max-width: 767px) {
.h3 {
font-size: 24px;
}
}
@font-face {
font-family: "Moderustic";
src: url("/local/templates/frutonyanya-infany/css/../fonts/Moderustic-Light.woff2") format("woff2");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Moderustic";
src: url("/local/templates/frutonyanya-infany/css/../fonts/Moderustic-Regular.woff2") format("woff2");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Moderustic";
src: url("/local/templates/frutonyanya-infany/css/../fonts/Moderustic-Medium.woff2") format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Moderustic";
src: url("/local/templates/frutonyanya-infany/css/../fonts/Moderustic-SemiBold.woff2") format("woff2");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Moderustic";
src: url("/local/templates/frutonyanya-infany/css/../fonts/Moderustic-Bold.woff2") format("woff2");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Moderustic";
src: url("/local/templates/frutonyanya-infany/css/../fonts/Moderustic-ExtraBold.woff2") format("woff2");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Manrope";
src: url("/local/templates/frutonyanya-infany/css/../fonts/Manrope-Regular.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Manrope";
src: url("/local/templates/frutonyanya-infany/css/../fonts/Manrope-Medium.woff2") format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Manrope";
src: url("/local/templates/frutonyanya-infany/css/../fonts/Manrope-SemiBold.woff2") format("woff2");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Nunito";
src: url("/local/templates/frutonyanya-infany/css/../fonts/Nunito-BlackItalic.woff2") format("woff2");
font-weight: 900;
font-style: italic;
font-display: swap;
}
@layer reset {
header *:not(svg):not(svg *):not(strong):not(em):not(b):not(del),
main *:not(svg):not(svg *):not(strong):not(em):not(b):not(del),
footer *:not(svg):not(svg *):not(strong):not(em):not(b):not(del),
.modal *:not(svg):not(svg *):not(strong):not(em):not(b):not(del) {
all: unset;
display: revert;
list-style: none;
}
}
*,
*::before,
*::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
a {
text-decoration: none;
color: unset;
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}
button {
background-color: transparent;
font-family: inherit;
font-size: inherit;
cursor: pointer;
}
img {
display: block;
width: auto;
max-width: 100%;
overflow: clip;
overflow-clip-margin: content-box;
}
.hidden {
display: none !important;
}
body {
min-height: 100vh;
position: relative;
font-style: normal;
line-height: 100%;
font-size: 18px;
font-weight: 300;
color: #394157;
height: 100%;
font-family: "Moderustic", "Arial", sans-serif;
background-color: #f7f2e8;
}
body:has(.heading__background) .header:not(.header--scroll):not(.header--blue) .header__logo img {
-webkit-filter: none;
filter: none;
}
body:has(.heading__background) .header:not(.header--scroll):not(.header--blue) .burger__icon {
stroke: #ffffff;
}
body:has(.heading__background) .header:not(.header--scroll):not(.header--blue) .burger__cross {
stroke: #283e80;
}
body:has(.heading__background) .header--tight:not(.header--scroll):not(.header--blue) .nav__item {
color: #ffffff;
}
@media screen and (max-width: 991px) {
body:has(.heading__background) .header--tight:not(.header--scroll):not(.header--blue) .nav__item {
color: #283e80;
}
}
html {
height: auto;
-webkit-text-size-adjust: none;
}
html.disable-scrolling {
overflow: hidden;
margin-right: calc(-1 * (100vw - 100%));
}
html,
body {
min-height: 100vh;
-webkit-font-variant-ligatures: no-common-ligatures;
font-variant-ligatures: no-common-ligatures;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
scroll-behavior: smooth;
scroll-padding-top: 70px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0;
position: relative;
}
@media screen and (max-width: 767px) {
html,
body {
scroll-padding-top: 50px;
}
}
.main,
.page {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.container {
position: relative;
margin: 0 auto;
width: 100%;
padding: 0 20px;
max-width: 1210px;
}
@media screen and (max-width: 575px) {
.container {
padding: 0 15px;
}
}
.section {
padding: 80px 0;
}
@media screen and (max-width: 767px) {
.section {
padding: 50px 0;
}
}
.section--no-overflow {
overflow: hidden;
}
.section--z-index-1 {
z-index: 1;
}
.section--dark {
background-color: #e6e1d8;
}
.section--peach {
background-color: #f3e9d7;
}
.section--peach-gradient {
background: -o-linear-gradient(6deg, #FCF6EC 0%, #EADAC9 49%);
background: linear-gradient(84deg, #FCF6EC 0%, #EADAC9 49%);
}
.section--white {
background-color: #ffffff;
}
.section--h-570 {
min-height: 570px;
}
@media screen and (max-width: 991px) {
.section--h-570 {
min-height: inherit;
}
}
.section--product {
background-position: bottom center;
background-repeat: no-repeat;
background-size: cover;
}
@media screen and (max-width: 1200px) {
.section--product {
background-position-x: calc(100% + 343px);
}
}
@media screen and (max-width: 991px) {
.section--product {
background-position-x: 72%;
}
}
@media screen and (max-width: 767px) {
.section--product {
background-size: 255%;
}
}
@media screen and (max-width: 575px) {
.section--product {
background-image: url("/local/templates/frutonyanya-infany/css/../img/image-content/production-bg-mobile-new.png") !important;
background-position-x: center;
background-size: contain;
}
}
.section--pd-70 {
padding: 70px 0;
}
@media screen and (max-width: 767px) {
.section--pd-70 {
padding: 50px 0;
}
}
.section--pb-100 {
padding-bottom: 100px;
}
@media screen and (max-width: 767px) {
.section--pb-100 {
padding-bottom: 50px;
}
}
.section--pd-100 {
padding: 100px 0;
}
@media screen and (max-width: 767px) {
.section--pd-100 {
padding: 60px 0;
}
}
@media screen and (max-width: 767px) {
.section--pd-100:has(.another) {
padding: 50px 0;
}
}
.section--pb-0 {
padding-bottom: 0;
}
@media screen and (max-width: 767px) {
.section--pb-0 {
padding-bottom: 0;
}
}
.section--pd-0 {
padding: 0;
}
.section--hands {
background-image: url("/local/templates/frutonyanya-infany/css/../img/image/bottom-form-bg.png");
background-position: bottom center;
background-repeat: no-repeat;
padding-bottom: 407px;
background-size: contain;
position: relative;
}
.section--hands:before, .section--hands:after {
content: "";
position: absolute;
bottom: 0;
width: 2020px;
height: 100%;
background-color: #283e80;
pointer-events: none;
display: none;
}
.section--hands:before {
right: calc(50% + 2263px);
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
}
.section--hands:after {
left: calc(50% + 2263px);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
@media screen and (min-width: 2200px) {
.section--hands {
padding-bottom: 407px;
}
}
@media screen and (min-width: 1441px) {
.section--hands {
background-image: url("/local/templates/frutonyanya-infany/css/../img/image/bottom-form-bg-big-screen.png");
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
overflow: hidden;
padding-bottom: 455px;
}
}
@media screen and (min-width: 2200px) {
.section--hands:before, .section--hands:after {
display: block;
}
}
@media screen and (max-width: 1200px) {
.section--hands {
padding-bottom: 332px;
}
}
@media screen and (max-width: 991px) {
.section--hands {
padding-bottom: 380px;
}
}
@media screen and (max-width: 767px) {
.section--hands {
padding-bottom: 300px;
}
}
@media screen and (max-width: 575px) {
.section--hands {
padding-bottom: 220px;
}
}
@media screen and (max-width: 360px) {
.section--hands {
background-image: url("/local/templates/frutonyanya-infany/css/../img/image/bottom-form-bg-mobile.png");
}
}
@media screen and (max-width: 359px) {
.section--hands {
padding-bottom: 171px;
}
}
@media screen and (min-width: 1800px) {
.section--hands .container {
min-height: 420px;
}
}
@media screen and (min-width: 2400px) {
.section--hands .container {
min-height: 500px;
}
}
.element-invisible {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
}
.breadcrumbs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-family: "Manrope", "Arial", sans-serif;
}
@media screen and (max-width: 767px) {
.breadcrumbs:not(:has(.breadcrumbs__item:first-child:last-child)) .breadcrumbs__item {
display: none;
margin-right: 0;
}
.breadcrumbs:not(:has(.breadcrumbs__item:first-child:last-child)) .breadcrumbs__item:before {
display: none;
}
}
@media screen and (max-width: 767px) {
.breadcrumbs:not(:has(.breadcrumbs__item:first-child:last-child)) .breadcrumbs__item:nth-last-child(2) {
display: block;
}
}
.breadcrumbs__item {
position: relative;
margin: 0 25px 10px 0;
color: #394157;
text-decoration: none;
font-weight: 400;
font-size: 16px;
line-height: 100%;
}
.breadcrumbs__item a {
color: #afb2bb;
cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
.breadcrumbs__item a:hover {
color: #394157;
}
}
.breadcrumbs__item::before {
content: "";
position: absolute;
width: 4px;
height: 4px;
bottom: 50%;
right: -12px;
background-color: #afb2bb;
border-radius: 50%;
background-repeat: no-repeat;
-webkit-transform: translate(50%, 50%);
-ms-transform: translate(50%, 50%);
transform: translate(50%, 50%);
}
.breadcrumbs__item:last-child {
margin-right: 0;
}
.breadcrumbs__item:last-child::before {
display: none;
}
.inputholder {
width: 100%;
position: relative;
}
.inputholder__input, .inputholder__textarea {
font-family: inherit;
font-size: 20px;
font-weight: 400;
line-height: 135%;
border-radius: 20px;
padding: 15px 30px 18px 30px;
-webkit-box-shadow: 0 0 0 1px rgb(219, 219, 219) inset;
box-shadow: 0 0 0 1px rgb(219, 219, 219) inset;
width: 100%;
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
background-color: #ffffff;
}
.inputholder__input::-webkit-input-placeholder, .inputholder__textarea::-webkit-input-placeholder {
color: #afb2bb;
font-size: 20px;
}
.inputholder__input::-moz-placeholder, .inputholder__textarea::-moz-placeholder {
color: #afb2bb;
font-size: 20px;
}
.inputholder__input:-ms-input-placeholder, .inputholder__textarea:-ms-input-placeholder {
color: #afb2bb;
font-size: 20px;
}
.inputholder__input::-ms-input-placeholder, .inputholder__textarea::-ms-input-placeholder {
color: #afb2bb;
font-size: 20px;
}
.inputholder__input::placeholder, .inputholder__textarea::placeholder {
color: #afb2bb;
font-size: 20px;
}
.inputholder__input.error, .inputholder__textarea.error {
-webkit-box-shadow: 0 0 0 1px rgb(255, 0, 0) inset;
box-shadow: 0 0 0 1px rgb(255, 0, 0) inset;
}
.inputholder__input.error::-webkit-input-placeholder, .inputholder__textarea.error::-webkit-input-placeholder {
color: #ff0000;
}
.inputholder__input.error::-moz-placeholder, .inputholder__textarea.error::-moz-placeholder {
color: #ff0000;
}
.inputholder__input.error:-ms-input-placeholder, .inputholder__textarea.error:-ms-input-placeholder {
color: #ff0000;
}
.inputholder__input.error::-ms-input-placeholder, .inputholder__textarea.error::-ms-input-placeholder {
color: #ff0000;
}
.inputholder__input.error::placeholder, .inputholder__textarea.error::placeholder {
color: #ff0000;
}
.inputholder__input:not(:-moz-placeholder-shown), .inputholder__textarea:not(:-moz-placeholder-shown) {
box-shadow: 0 0 0 1px rgb(212, 172, 103) inset;
}
.inputholder__input:not(:-ms-input-placeholder), .inputholder__textarea:not(:-ms-input-placeholder) {
box-shadow: 0 0 0 1px rgb(212, 172, 103) inset;
}
.inputholder__input:not(:placeholder-shown), .inputholder__input:focus, .inputholder__textarea:not(:placeholder-shown), .inputholder__textarea:focus {
-webkit-box-shadow: 0 0 0 1px rgb(212, 172, 103) inset;
box-shadow: 0 0 0 1px rgb(212, 172, 103) inset;
}
.inputholder__textarea {
min-height: 110px;
display: block;
}
.error-text {
font-size: 10px;
line-height: 100%;
margin-top: 3px;
color: #ff0000;
display: none;
font-weight: 400;
margin-left: 30px;
}
.error-text--backend {
display: block;
}
.error {
border-color: #da1b1b;
}
.error + .error-text {
display: block;
}
.fields {
display: grid;
gap: 20px 30px;
}
@media screen and (max-width: 575px) {
.fields {
gap: 15px;
}
}
.fields__row {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
}
@media screen and (max-width: 575px) {
.fields__row {
grid-template-columns: none;
gap: 15px;
}
}
.form {
display: grid;
gap: 20px;
}
@media screen and (max-width: 575px) {
.form {
gap: 15px;
}
}
.form__buttonholder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 30px;
}
@media screen and (max-width: 1200px) {
.form__buttonholder {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.form .buttonholder {
-webkit-box-flex: 0;
-ms-flex: 0 0 270px;
flex: 0 0 270px;
}
@media screen and (max-width: 1200px) {
.form .buttonholder {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
}
.form .buttonholder .button {
max-width: inherit;
}
.policy {
font-size: 14px;
font-weight: 400;
line-height: 130%;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
font-family: "Manrope", "Arial", sans-serif;
}
.policy a {
color: #d4ac67;
font-family: "Manrope", "Arial", sans-serif;
cursor: pointer;
}
.form-thanks {
position: absolute;
top: 0;
left: 20px;
opacity: 0;
pointer-events: none;
width: calc(100% - 40px);
}
@media screen and (max-width: 991px) {
.form-thanks {
top: auto;
bottom: 50%;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
}
}
@media screen and (max-width: 575px) {
.form-thanks {
width: calc(100% - 30px);
left: 15px;
}
}
.button {
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
cursor: pointer;
background-color: #283e80;
color: #ffffff;
max-width: 270px;
padding: 15px;
width: 100%;
border-radius: 24px;
text-transform: uppercase;
font-size: 24px;
font-weight: 600;
line-height: 125%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-shadow: 3px 6px 9px 0 rgba(40, 62, 128, 0.2);
box-shadow: 3px 6px 9px 0 rgba(40, 62, 128, 0.2);
}
@media (hover: hover) and (pointer: fine) {
.button:hover {
-webkit-box-shadow: none;
box-shadow: none;
}
}
@media screen and (max-width: 767px) {
.button {
font-size: 16px;
padding: 13px 15px;
border-radius: 16px;
}
}
.button[disabled] {
opacity: 0.7;
pointer-events: none;
}
.button--small {
font-size: 18px;
line-height: 30px;
padding: 12px 32px;
border-radius: 20px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
a.logo {
cursor: pointer;
}
@media screen and (max-width: 991px) {
.nav {
height: 77%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.nav__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 64px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 991px) {
.nav__list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 50px;
}
}
.nav__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 600;
font-size: 20px;
color: #ffffff;
}
.nav__link {
cursor: pointer;
position: relative;
padding-bottom: 6px;
overflow: visible;
}
.nav__link:before {
position: absolute;
width: 30px;
height: 1px;
background-color: #f1d09f;
content: "";
bottom: 0;
opacity: 0;
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
.nav__link:hover:before {
opacity: 1;
}
}
@media screen and (max-width: 991px) {
.nav__link {
padding: 0;
line-height: 100%;
}
}
.burger {
display: none;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
position: relative;
cursor: pointer;
}
@media screen and (max-width: 991px) {
.burger {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 4px;
}
}
.burger__icon {
stroke-linecap: round;
stroke: #283e80;
width: 35px;
height: 35px;
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}
@media screen and (max-width: 575px) {
.burger__icon {
width: 30px;
height: 30px;
}
}
.burger__cross {
stroke: #283e80;
opacity: 0;
position: absolute;
left: 0;
top: 0;
}
.burger--open {
z-index: 1;
}
.burger--open .burger__icon {
opacity: 0;
}
.burger--open .burger__cross {
opacity: 1;
}
.menu {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 40px;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 991px) {
.menu {
pointer-events: none;
position: absolute;
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
top: -40px;
left: 0;
background-color: #ffffff;
height: 100vh;
height: calc(var(--vh, 1vh) * 100);
width: 100vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.menu:before {
content: "";
position: absolute;
background-image: url("/local/templates/frutonyanya-infany/css/../img/image/menu-mobile-bg.svg");
bottom: 0;
width: 100%;
height: 209px;
right: 0;
z-index: 1;
background-position-x: calc(100% + 26px);
background-position-y: calc(100% + 3px);
pointer-events: none;
}
}
@media screen and (max-width: 991px) {
.menu--vis {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
pointer-events: all;
}
}
@media screen and (max-width: 991px) {
.menu--vis .nav__list {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
overflow-y: auto;
height: calc(100% - 75px);
padding-right: 15px;
margin: 40px -15px 40px 0;
}
.menu--vis .nav__list:has(.nav__item:nth-child(5)) {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.menu--vis .nav__list::-webkit-scrollbar {
width: 3px;
background-color: transparent;
border-radius: 24px;
}
.menu--vis .nav__list::-webkit-scrollbar-thumb {
background-color: #d4ac67;
border-radius: 24px;
}
.menu--vis .nav__list::-webkit-scrollbar-track {
border-radius: 24px;
}
}
.heading .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.heading .text-page p {
font-size: 20px;
font-weight: 500;
line-height: 135%;
}
@media screen and (max-width: 767px) {
.heading .text-page p {
font-size: 18px;
}
}
.heading:has(.h1) .breadcrumbs {
margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
.heading:has(.h1) .breadcrumbs {
margin-bottom: 20px;
}
}
.heading__img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 575px) {
.heading__img {
display: none;
-o-object-position: bottom;
object-position: bottom;
}
}
.heading__img--mobile {
display: none;
}
@media screen and (max-width: 575px) {
.heading__img--mobile {
display: block;
}
}
.heading:has(.heading__background):not(.heading--product) {
min-height: 472px;
position: relative;
}
@media screen and (max-width: 991px) {
.heading:has(.heading__background):not(.heading--product) {
padding-bottom: 30px;
min-height: inherit;
}
}
.heading:has(.heading__background):not(.heading--product) .h1 {
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.15);
color: #ffffff;
}
@media screen and (max-width: 767px) {
.heading:has(.heading__background):not(.heading--product) .h1 {
margin-bottom: 20px;
}
}
.heading:has(.heading__background):not(.heading--product) .text-page p {
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.15);
color: #ffffff;
}
.heading:has(.heading__background):not(.heading--product) .breadcrumbs__item {
color: #ffffff;
}
.heading:has(.heading__background):not(.heading--product) .breadcrumbs__item:before {
background-color: #dbdbdb;
}
.heading:has(.heading__background):not(.heading--product) .breadcrumbs__item a {
color: #dbdbdb;
}
@media (hover: hover) and (pointer: fine) {
.heading:has(.heading__background):not(.heading--product) .breadcrumbs__item a:hover {
color: #ffffff;
}
}
.heading--product {
min-height: 600px;
position: relative;
background-color: #f3e8d4;
overflow: hidden;
}
@media screen and (max-width: 991px) {
.heading--product {
padding-bottom: 30px;
}
}
@media screen and (max-width: 575px) {
.heading--product {
min-height: 685px;
}
}
@media screen and (max-width: 575px) and (min-height: 610px) and (max-height: 750px) {
.heading--product {
min-height: inherit;
height: 100vh;
height: calc(var(--vh, 1vh) * 100);
}
}
.heading--product .heading__background {
position: absolute;
margin: 0 auto;
width: 100%;
padding: 0 20px;
max-width: 1210px;
height: 100%;
right: 50%;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
top: 0;
}
.heading--product .heading__img {
right: -110px;
left: auto;
bottom: 0;
top: auto;
width: 839px;
height: 544px;
-o-object-fit: contain;
object-fit: contain;
}
@media screen and (max-width: 1200px) {
.heading--product .heading__img {
right: -50px;
width: 700px;
height: 450px;
}
}
@media screen and (max-width: 991px) {
.heading--product .heading__img {
right: -25px;
width: 540px;
height: 350px;
display: block;
}
}
@media screen and (max-width: 450px) {
.heading--product .heading__img {
right: 0;
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
display: none;
}
}
.heading--product .heading__img--mobile {
display: none;
}
@media screen and (max-width: 450px) {
.heading--product .heading__img--mobile {
display: block;
}
}
.heading--product .title-page,
.heading--product .text-page {
max-width: 520px;
}
@media screen and (max-width: 1200px) {
.heading--product .title-page,
.heading--product .text-page {
max-width: 460px;
}
}
@media screen and (max-width: 991px) {
.heading--product .title-page,
.heading--product .text-page {
max-width: inherit;
}
}
@media screen and (max-width: 575px) {
.heading--product .text-page p {
font-size: 20px;
}
}
.heading--product .button {
display: none;
margin-top: 30px;
}
@media screen and (max-width: 991px) {
.heading--product .button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media screen and (max-width: 575px) {
.heading--product .button {
font-size: 16px;
line-height: 110%;
padding: 14px 40px;
border-radius: 16px;
}
}
.heading--catalog .text-page {
max-width: 483px;
}
@media screen and (max-width: 991px) {
.heading--catalog .text-page {
max-width: 380px;
}
}
@media screen and (max-width: 575px) {
.heading--catalog .text-page {
max-width: inherit;
}
}
.heading--catalog .title-page {
max-width: 680px;
}
@media screen and (max-width: 1200px) {
.heading--catalog .title-page {
max-width: 530px;
}
}
@media screen and (max-width: 991px) {
.heading--catalog .title-page {
max-width: 470px;
}
}
@media screen and (max-width: 767px) {
.heading--catalog .title-page {
max-width: 340px;
}
}
@media screen and (max-width: 575px) {
.heading--catalog .title-page {
max-width: inherit;
}
}
.heading--catalog .h1 {
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.15);
color: #ffffff;
}
@media screen and (max-width: 991px) {
.heading--catalog:has(.heading__background) {
min-height: 472px !important;
}
}
@media screen and (max-width: 575px) {
.heading--catalog:has(.heading__background) {
padding-bottom: 360px !important;
}
}
@media screen and (max-width: 480px) {
.heading--catalog:has(.heading__background) {
padding-bottom: 320px !important;
}
}
@media screen and (max-width: 420px) {
.heading--catalog:has(.heading__background) {
padding-bottom: 280px !important;
}
}
@media screen and (max-width: 360px) {
.heading--catalog:has(.heading__background) {
padding-bottom: 255px !important;
}
}
@media screen and (max-width: 575px) {
.heading--catalog .heading__img {
-o-object-position: bottom right;
object-position: bottom right;
}
}
@media screen and (max-width: 991px) {
.heading--why-infany {
overflow: hidden;
}
}
@media screen and (max-width: 575px) {
.heading--why-infany .title-page {
padding-top: 430px;
}
}
@media screen and (max-width: 430px) {
.heading--why-infany .title-page {
padding-top: 300px;
}
}
@media screen and (max-width: 430px) {
.heading--why-infany .title-page {
padding-top: 223px;
}
}
.heading--why-infany .text-page {
max-width: 560px;
display: grid;
gap: 15px;
}
@media screen and (max-width: 991px) {
.heading--why-infany .text-page {
max-width: 420px;
}
}
@media screen and (max-width: 767px) {
.heading--why-infany .text-page {
max-width: 235px;
}
}
@media screen and (max-width: 575px) {
.heading--why-infany .text-page {
max-width: inherit;
}
}
@media screen and (max-width: 991px) {
.heading--why-infany .text-page p {
font-size: 20px;
}
}
.heading--why-infany .text-page p.text-page__small {
font-size: 18px;
font-weight: 300;
}
.heading--why-infany .h1 {
color: #ffffff;
}
@media screen and (max-width: 575px) {
.heading--why-infany .h1 {
margin-bottom: 28px !important;
}
}
@media screen and (max-width: 991px) {
.heading--why-infany .heading__img {
width: 1440px;
max-width: inherit;
left: auto;
right: -273px;
}
}
@media screen and (max-width: 575px) {
.heading--why-infany .heading__img {
width: 100%;
max-width: inherit;
left: 0;
right: auto;
top: -30px;
height: 998px;
-o-object-position: top;
object-position: top;
}
}
@media screen and (max-width: 430px) {
.heading--why-infany .heading__img {
width: 100%;
max-width: 100%;
top: 0;
height: 100%;
}
}
@media screen and (max-width: 575px) {
.heading--why-infany .breadcrumbs__item a {
color: #afb2bb !important;
}
}
.header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 5;
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}
.header__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.header .logo {
width: 105px;
height: 35px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 575px) {
.header .logo {
width: 85px;
height: 30px;
}
}
.header__logo img {
-webkit-filter: brightness(0) saturate(100%) invert(23%) sepia(16%) saturate(5125%) hue-rotate(203deg) brightness(84%) contrast(89%);
filter: brightness(0) saturate(100%) invert(23%) sepia(16%) saturate(5125%) hue-rotate(203deg) brightness(84%) contrast(89%);
}
.header__logo p {
font-size: 33px;
margin-top: -16px;
font-weight: bold;
text-transform: uppercase;
line-height: 120%;
color: #ffffff;
}
@media screen and (max-width: 1100px) {
.header__logo p {
font-size: 24px;
margin-top: -15px;
}
}
@media screen and (max-width: 575px) {
.header__logo p {
margin-top: -10px;
font-size: 15px;
}
}
.header--tight {
padding-top: 30px;
padding-bottom: 24px;
}
@media screen and (max-width: 991px) {
.header--tight {
padding-bottom: 20px;
padding-top: 40px;
}
}
.header--tight .burger {
margin: 0;
}
.header--tight + .main {
padding-top: 89px;
}
@media screen and (max-width: 991px) {
.header--tight + .main {
padding-top: 95px;
}
}
@media screen and (max-width: 575px) {
.header--tight + .main {
padding-top: 90px;
}
}
.header--tight + .main:has(.heading) {
padding-top: 0;
}
.header--tight + .main:has(.heading) .heading__row {
padding-top: 89px;
}
@media screen and (max-width: 991px) {
.header--tight + .main:has(.heading) .heading__row {
padding-top: 95px;
}
}
@media screen and (max-width: 575px) {
.header--tight + .main:has(.heading) .heading__row {
padding-top: 90px;
}
}
.header--tight .nav__list {
gap: 40px;
padding-top: 7px;
}
.header--tight .nav__item {
color: #283e80;
}
.header--main {
padding-top: 30px;
}
@media screen and (max-width: 575px) {
.header--main {
padding-top: 16px;
}
}
.header--main .logo {
width: 468px;
height: 151px;
}
@media screen and (max-width: 1100px) {
.header--main .logo {
width: 350px;
height: 113px;
}
}
@media screen and (max-width: 575px) {
.header--main .logo {
width: 220px;
height: 70px;
}
}
.header--main .logo img {
-webkit-filter: none;
filter: none;
}
.header--main .nav__item {
color: #ffffff;
}
@media screen and (max-width: 991px) {
.header--main .nav__item {
color: #283e80;
}
}
.header--main .burger__icon {
stroke: #ffffff;
width: 60px;
height: 60px;
}
@media screen and (max-width: 575px) {
.header--main .burger__icon {
width: 30px;
height: 30px;
}
}
.header--main .burger__cross {
stroke: #283e80;
}
@media screen and (max-width: 991px) {
.header--main .menu {
top: -30px;
}
}
@media screen and (max-width: 575px) {
.header--main .menu {
top: -16px;
}
}
.header--scroll {
background-color: #ffffff;
padding-bottom: 16px;
padding-top: 23px;
-webkit-box-shadow: 0 1px 4px 0 rgb(219, 219, 219);
box-shadow: 0 1px 4px 0 rgb(219, 219, 219);
}
@media screen and (max-width: 991px) {
.header--scroll {
padding-bottom: 20px;
padding-top: 20px;
}
}
.header--scroll .logo {
width: 105px;
height: 35px;
}
@media screen and (max-width: 575px) {
.header--scroll .logo {
width: 85px;
height: 30px;
}
}
.header--scroll .logo img {
-webkit-filter: brightness(0) saturate(100%) invert(23%) sepia(16%) saturate(5125%) hue-rotate(203deg) brightness(84%) contrast(89%);
filter: brightness(0) saturate(100%) invert(23%) sepia(16%) saturate(5125%) hue-rotate(203deg) brightness(84%) contrast(89%);
}
.header--scroll .header__logo p {
display: none;
}
@media screen and (max-width: 991px) {
.header--scroll .header__row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.header--scroll .nav__item {
color: #283e80;
}
.header--scroll .nav__list {
gap: 40px;
padding-top: 6px;
}
.header--scroll .burger {
margin: 0;
}
.header--scroll .burger__icon {
width: 30px;
height: 30px;
stroke: #283e80;
}
@media screen and (max-width: 991px) {
.header--scroll .menu {
top: -20px;
}
}
.header--with-button {
padding-top: 18px;
}
@media screen and (max-width: 991px) {
.header--with-button {
padding-bottom: 20px;
padding-top: 40px;
}
}
.header--with-button .header__logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 991px) {
.header--with-button .menu {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 30px;
}
}
@media screen and (max-width: 991px) {
.header--with-button .nav {
height: 155px;
}
}
@media screen and (max-width: 991px) {
.header--with-button .nav__list {
height: 100%;
padding-top: 0;
margin: 0 -15px 0 0;
}
}
.overlay {
position: fixed;
z-index: 10;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
background-color: rgba(255, 255, 255, 0.9);
}
.modal {
display: none;
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
max-height: 95vh;
z-index: 11;
border-radius: 24px;
border: 1px solid #e3e3e3;
background-color: #ffffff;
-webkit-box-shadow: 0 0 44px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 44px 0 rgba(0, 0, 0, 0.1);
padding: 40px;
max-width: 870px;
}
@media screen and (max-width: 991px) {
.modal {
width: calc(100% - 40px);
padding: 25px 20px;
}
}
.modal__close {
position: absolute;
top: 40px;
right: 40px;
width: 32px;
height: 32px;
cursor: pointer;
}
@media screen and (max-width: 991px) {
.modal__close {
top: 20px;
right: 20px;
}
}
.modal__close:before, .modal__close:after {
position: absolute;
content: "";
top: 50%;
left: 50%;
width: 80%;
height: 1px;
background-color: #000000;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
.modal__close:after {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
.modal__container {
overflow: auto;
display: grid;
max-height: calc(95vh - 124px);
gap: 10px;
padding-right: 20px;
margin-right: -20px;
}
@media screen and (max-width: 991px) {
.modal__container {
padding-right: 10px;
margin-right: -10px;
max-height: calc(95vh - 96px);
}
}
.modal__container::-webkit-scrollbar {
width: 3px;
background-color: transparent;
border-radius: 24px;
}
.modal__container::-webkit-scrollbar-thumb {
background-color: #d4ac67;
border-radius: 24px;
}
.modal__container::-webkit-scrollbar-track {
border-radius: 24px;
}
.modal__title {
padding-bottom: 35px;
}
@media screen and (max-width: 991px) {
.modal__title {
padding-bottom: 20px;
}
}
.modal__thanks {
display: none;
}
.modal--sphere .modal__close {
top: 20px;
right: 20px;
width: 36px;
height: 36px;
background-image: url('data:image/svg+xml,');
}
.modal--sphere .modal__close:before, .modal--sphere .modal__close:after {
display: none;
}
@media screen and (max-width: 767px) {
.modal--sphere .modal__close {
display: none;
}
}
.modal--sphere .modal__title {
padding-bottom: 20px;
}
@media screen and (max-width: 767px) {
.modal--sphere .modal__title {
padding-bottom: 10px;
}
}
.modal--sphere .modal__title .h3 {
font-size: 24px;
font-weight: 500;
}
@media screen and (max-width: 991px) {
.modal--sphere .modal__container {
max-height: inherit;
overflow: visible;
}
}
.modal--sphere .modal__container p {
font-size: 20px;
line-height: 150%;
}
@media screen and (max-width: 767px) {
.modal--sphere .modal__container p {
font-size: 14px;
line-height: 135%;
}
}
.footer {
background-color: #283e80;
padding-top: 50px;
padding-bottom: 56px;
}
@media screen and (max-width: 767px) {
.footer {
padding-bottom: 50px;
}
}
.footer .logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 170px;
height: 60px;
}
@media screen and (max-width: 991px) {
.footer .logo {
display: none;
}
}
.footer .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 767px) {
.footer .container {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 30px;
}
}
.footer .nav {
max-width: 170px;
width: 100%;
font-family: "Manrope", "Arial", sans-serif;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
font-weight: 600;
}
@media screen and (max-width: 991px) {
.footer .nav {
height: inherit;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.footer .nav__list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 5px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
@media screen and (max-width: 767px) {
.footer .nav__list {
gap: 15px;
}
}
.footer .nav__item {
font-size: 16px;
}
@media screen and (max-width: 991px) {
.footer .nav__item {
color: #ffffff;
}
}
.footer__content {
color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 30px;
}
@media screen and (max-width: 767px) {
.footer__content {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.footer__content p,
.footer__content a {
font-size: 12px;
font-weight: 400;
}
.footer__content p {
line-height: 150%;
}
.footer__content a {
color: #dbdbdb;
line-height: 100%;
cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
.footer__content a:hover {
color: #ffffff;
}
}
.footer__col {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
display: grid;
gap: 10px;
max-width: 270px;
width: 100%;
}
.cookie {
display: none;
position: fixed;
bottom: 50%;
right: 50%;
-webkit-transform: translate(50%, 50%);
-ms-transform: translate(50%, 50%);
transform: translate(50%, 50%);
width: 100%;
height: 100%;
z-index: 9;
-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: 767px) {
.cookie {
height: 100vh;
height: calc(var(--vh, 1vh) * 100);
}
}
.cookie p {
margin: 0;
}
.cookie__overlay {
display: block;
position: absolute;
z-index: 1;
}
.cookie__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 35px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow-y: auto;
margin: -15px;
padding: 15px 10px 15px 15px;
margin-right: -10px;
}
@media screen and (max-width: 575px) {
.cookie__body {
gap: 20px;
margin: -12px;
padding: 12px 5px 12px 12px;
margin-right: -5px;
}
}
.cookie__body::-webkit-scrollbar {
width: 3px;
background-color: transparent;
border-radius: 24px;
}
.cookie__body::-webkit-scrollbar-thumb {
background-color: #d4ac67;
border-radius: 24px;
}
.cookie__body::-webkit-scrollbar-track {
border-radius: 24px;
}
.cookie__container {
z-index: 2;
-webkit-box-shadow: 0 0 0 1px rgb(227, 227, 227) inset, 0 0 44px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 0 1px rgb(227, 227, 227) inset, 0 0 44px 0 rgba(0, 0, 0, 0.1);
width: calc(100% - 40px);
max-width: 870px;
padding: 40px;
background-color: #ffffff;
border-radius: 24px;
max-height: calc(100% - 70px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 767px) {
.cookie__container {
max-height: calc(100% - 70px);
}
}
@media screen and (max-width: 575px) {
.cookie__container {
padding: 25px 20px;
}
}
.cookie__title {
color: #283e80;
font-size: 24px;
font-weight: 500;
line-height: 100%;
}
.cookie__text {
font-size: 20px;
display: grid;
gap: 15px;
line-height: 150%;
}
@media screen and (max-width: 575px) {
.cookie__text {
font-size: 14px;
line-height: 18.9px;
}
}
.cookie__text strong {
font-weight: 500;
}
@media screen and (max-width: 575px) {
.cookie__text strong {
font-size: 16px;
line-height: 24px;
}
}
.cookie__footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 30px;
}
@media screen and (max-width: 767px) {
.cookie__footer {
-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;
}
}
@media screen and (max-width: 575px) {
.cookie__footer {
margin-top: 10px;
gap: 20px;
}
}
.cookie .logo {
width: 127px;
height: 40px;
}
.cookie .logo img {
-webkit-filter: brightness(0) saturate(100%) invert(23%) sepia(16%) saturate(5125%) hue-rotate(203deg) brightness(84%) contrast(89%);
filter: brightness(0) saturate(100%) invert(23%) sepia(16%) saturate(5125%) hue-rotate(203deg) brightness(84%) contrast(89%);
}
@media screen and (max-width: 575px) {
.cookie-agree-button {
max-width: inherit;
}
}
.banner {
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 472px;
position: relative;
}
@media screen and (max-width: 767px) {
.banner {
min-height: 240px;
overflow: hidden;
}
}
.banner:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(23, 23, 23, 0.2);
z-index: 1;
}
.banner__img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
position: absolute;
top: 0;
height: 100%;
}
@media screen and (max-width: 767px) {
.banner__img {
height: 290px;
}
}
.formulas {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0;
}
.formulas__steps {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px 30px;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
max-width: 770px;
width: 100%;
}
@media screen and (max-width: 1100px) {
.formulas__steps {
max-width: 600px;
gap: 20px;
}
}
@media screen and (max-width: 767px) {
.formulas__steps {
grid-template-columns: none;
}
}
.formulas__step {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 30px;
}
@media screen and (max-width: 575px) {
.formulas__step {
gap: 20px;
}
}
.formulas__step p {
margin-top: 10px;
font-weight: 400;
font-size: 20px;
line-height: 120%;
}
@media screen and (max-width: 575px) {
.formulas__step p {
line-height: 110%;
letter-spacing: -1px;
}
}
.formulas__icon {
width: 50px;
height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-position: center;
background-size: 40px;
-webkit-box-flex: 0;
-ms-flex: 0 0 50px;
flex: 0 0 50px;
background-repeat: no-repeat;
border: 1px solid #d4ac67;
border-radius: 16px;
}
.formulas__image {
position: absolute;
top: -216px;
right: 42px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.formulas__image {
top: -134px;
right: 10px;
}
}
.formulas__image p {
font-weight: 400;
padding: 8px 20px 10px 20px;
border-radius: 16px 0 16px 16px;
color: #283e80;
background-color: #ffffff;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-top: 10px;
margin-right: 10px;
line-height: 120%;
z-index: 1;
}
@media screen and (max-width: 767px) {
.formulas__image p {
font-size: 10px;
padding: 3px 10px 5px 10px;
margin-top: 4px;
margin-right: 0;
}
}
.formulas__img {
position: relative;
}
@media screen and (max-width: 991px) {
.formulas__img {
width: 200px;
}
}
@media screen and (max-width: 767px) {
.formulas__img {
width: 134px;
}
}
.formulas__img:before, .formulas__img:after {
content: "";
position: absolute;
background-color: #394157;
right: 50%;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
border-radius: 50%;
pointer-events: none;
}
.formulas__img:before {
width: 372px;
height: 33px;
bottom: -15px;
-webkit-filter: blur(20px);
filter: blur(20px);
opacity: 0.17;
}
@media screen and (max-width: 991px) {
.formulas__img:before {
width: 245px;
height: 33px;
}
}
@media screen and (max-width: 767px) {
.formulas__img:before {
width: 152px;
height: 15px;
bottom: -6px;
}
}
.formulas__img:after {
width: 314px;
height: 22px;
bottom: -4px;
-webkit-filter: blur(10px);
filter: blur(10px);
opacity: 0.7;
}
@media screen and (max-width: 991px) {
.formulas__img:after {
width: 180px;
height: 33px;
}
}
@media screen and (max-width: 767px) {
.formulas__img:after {
width: 131px;
height: 10px;
bottom: -1px;
}
}
.formulas__img img {
z-index: 1;
position: relative;
}
.our-products {
display: grid;
grid-template-columns: 370px auto;
gap: 50px;
position: relative;
}
@media screen and (max-width: 991px) {
.our-products {
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;
gap: 45px;
}
}
@media screen and (max-width: 575px) {
.our-products {
gap: 53px;
}
}
.our-products:before {
content: "";
position: absolute;
background-image: url("/local/templates/frutonyanya-infany/css/../img/image/our-products-bg.svg");
bottom: -20px;
pointer-events: none;
width: 370px;
height: 87px;
left: 0;
}
@media screen and (max-width: 1100px) {
.our-products:before {
bottom: -60px;
}
}
@media screen and (max-width: 991px) {
.our-products:before {
left: auto;
right: 0;
bottom: -20px;
}
}
@media screen and (max-width: 767px) {
.our-products:before {
display: none;
}
}
.our-products__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
}
.our-products__text p {
font-size: 18px;
line-height: 135%;
}
@media screen and (max-width: 575px) {
.our-products__text p {
font-weight: 400;
}
}
.our-products__content {
display: grid;
gap: 50px;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
@media screen and (max-width: 991px) {
.our-products__content {
gap: 30px;
max-width: 415px;
}
}
@media screen and (max-width: 767px) {
.our-products__content {
max-width: inherit;
}
}
@media screen and (max-width: 575px) {
.our-products__content {
gap: 27px;
}
}
.our-products__catalog {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 35px;
margin-top: 7px;
margin-bottom: 20px;
}
@media screen and (max-width: 1100px) {
.our-products__catalog {
gap: 15px;
}
}
@media screen and (max-width: 991px) {
.our-products__catalog {
margin: 0;
gap: 35px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media screen and (max-width: 575px) {
.our-products__catalog {
gap: 15px;
margin: 0 -7px;
}
}
.our-products__product {
position: relative;
}
@media screen and (max-width: 991px) {
.our-products__product {
display: grid;
gap: 22px;
}
}
.our-products__product p {
position: absolute;
top: -88px;
right: 50%;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
font-size: 16px;
font-weight: 500;
display: grid;
color: #283e80;
line-height: 100%;
text-align: center;
}
@media screen and (max-width: 991px) {
.our-products__product p {
position: static;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.our-products__product p span {
font-size: 33px;
line-height: 100%;
}
@media screen and (max-width: 575px) {
.our-products__product p span {
font-size: 26px;
}
}
.our-products__img:before {
content: "";
position: absolute;
background-color: rgba(0, 0, 0, 0.2);
right: 50%;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
border-radius: 50%;
pointer-events: none;
width: 235px;
height: 22px;
bottom: -5px;
-webkit-filter: blur(7px);
filter: blur(7px);
}
@media screen and (max-width: 1100px) {
.our-products__img:before {
-webkit-filter: blur(14px);
filter: blur(14px);
}
}
@media screen and (max-width: 991px) {
.our-products__img:before {
width: calc(100% + 5px);
height: 33px;
-webkit-filter: blur(6px);
filter: blur(6px);
}
}
@media screen and (max-width: 575px) {
.our-products__img:before {
width: 109px;
height: 11px;
bottom: -4px;
-webkit-filter: blur(4px);
filter: blur(4px);
}
}
.our-products__img img {
z-index: 1;
position: relative;
}
@media screen and (max-width: 575px) {
.our-products .button {
max-width: inherit;
}
}
.form-bottom {
display: grid;
grid-template-columns: 433px auto;
gap: 167px;
}
@media screen and (max-width: 1200px) {
.form-bottom {
gap: 100px;
}
}
@media screen and (max-width: 991px) {
.form-bottom {
grid-template-columns: none;
gap: 56px;
}
}
@media screen and (max-width: 767px) {
.form-bottom {
gap: 29px;
}
}
.form-bottom__head {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
.form-bottom__head p {
line-height: 135%;
max-width: 370px;
width: 100%;
}
@media screen and (max-width: 991px) {
.form-bottom__head p {
max-width: inherit;
}
}
@media screen and (max-width: 767px) {
.form-bottom__head .h2 {
margin-bottom: 32px;
}
}
@media screen and (max-width: 767px) {
.form-bottom .form .buttonholder {
max-width: 260px;
margin: 0 auto;
width: 100%;
}
}
.swiper-pagination {
bottom: 0 !important;
top: auto !important;
left: auto !important;
right: 50%;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 16px;
z-index: 1;
}
.swiper-pagination-bullet {
margin: 0;
opacity: 1;
height: 16px;
max-width: 16px;
border-radius: 50%;
background-color: transparent;
-webkit-box-shadow: 0 0 0 2px #f1d09f inset;
box-shadow: 0 0 0 2px #f1d09f inset;
width: 100%;
}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0;
}
.swiper-pagination-bullet-active {
max-width: 18px;
background-image: url('data:image/svg+xml,');
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
background-position: center;
background-repeat: no-repeat;
background-size: 18px 16px;
}
.why-we {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 40px;
overflow: hidden;
margin: -20px;
padding: 20px;
}
.why-we__numbers {
display: grid;
gap: 30px;
grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 767px) {
.why-we__numbers {
gap: 15px;
}
}
@media screen and (max-width: 575px) {
.why-we__numbers {
gap: 10px;
}
}
.why-we__number {
gap: 30px;
padding: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 24px;
background-color: #ffffff;
color: #283e80;
font-weight: 400;
-webkit-box-shadow: 6px 6px 24px 0 rgba(0, 0, 0, 0.04);
box-shadow: 6px 6px 24px 0 rgba(0, 0, 0, 0.04);
}
@media screen and (max-width: 991px) {
.why-we__number {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
@media screen and (max-width: 767px) {
.why-we__number {
padding: 20px;
border-radius: 16px;
}
}
.why-we__number p {
font-size: 28px;
line-height: 100%;
}
@media screen and (max-width: 767px) {
.why-we__number p {
font-size: 14px;
font-weight: 300;
line-height: 135%;
}
}
.why-we__number span {
font-size: 68px;
line-height: 100%;
}
@media screen and (max-width: 767px) {
.why-we__number span {
font-size: 36px;
font-weight: 500;
}
}
@media screen and (max-width: 991px) {
.qualities-slider {
padding-bottom: 46px;
position: relative;
}
}
.qualities-slider__img {
aspect-ratio: 370/170;
}
@media screen and (max-width: 767px) {
.qualities-slider__img {
aspect-ratio: 330/170;
}
}
.qualities-slider__img img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.qualities-slider .swiper {
overflow: visible;
}
.qualities-slider .swiper-slide {
border-radius: 24px;
overflow: hidden;
background-color: #f8f5ec;
-webkit-box-shadow: 6px 6px 24px 0 rgba(0, 0, 0, 0.04);
box-shadow: 6px 6px 24px 0 rgba(0, 0, 0, 0.04);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: auto;
}
.qualities-slider__content {
padding: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 15px;
}
@media screen and (max-width: 767px) {
.qualities-slider__content {
padding: 30px 20px;
}
}
.qualities-slider__text p {
line-height: 135%;
}
.buy {
position: relative;
}
.buy:before {
position: absolute;
content: "";
width: 639px;
height: 537px;
bottom: -241px;
right: -29px;
pointer-events: none;
background-image: url("/local/templates/frutonyanya-infany/css/../img/image/buy-hearth.svg");
z-index: 1;
background-size: contain;
background-repeat: no-repeat;
}
@media screen and (max-width: 1300px) {
.buy:before {
right: 15px;
}
}
@media screen and (max-width: 991px) {
.buy:before {
width: 394px;
height: 331px;
}
}
@media screen and (max-width: 767px) {
.buy:before {
bottom: -140px;
right: -107px;
}
}
.buy__row {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
padding: 40px;
border-radius: 30px;
border: 1px solid #f1d09f;
background: rgba(255, 255, 255, 0.5);
-webkit-box-shadow: 6px 6px 24px 0 rgba(0, 0, 0, 0.04);
box-shadow: 6px 6px 24px 0 rgba(0, 0, 0, 0.04);
z-index: 1;
position: relative;
}
@media screen and (max-width: 1200px) {
.buy__row {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 767px) {
.buy__row {
grid-template-columns: 1fr;
gap: 20px;
padding: 25px;
}
}
.buy__item {
min-height: 70px;
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: 16px;
border: 1px solid #dbdbdb;
cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
.buy__item:hover {
background-color: #ffffff;
border-color: #f1d09f;
}
}
.buy__item.no-click {
pointer-events: none;
cursor: default;
}
.why-infany {
gap: 30px;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 1fr);
}
@media screen and (max-width: 991px) {
.why-infany {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(3, 1fr);
}
}
@media screen and (max-width: 767px) {
.why-infany {
grid-template-rows: repeat(3, auto);
}
}
@media screen and (max-width: 575px) {
.why-infany {
gap: 10px;
grid-template-rows: 140px 140px 160px;
}
}
.why-infany__item {
-webkit-box-shadow: 6px 6px 24px 0 rgba(0, 0, 0, 0.04);
box-shadow: 6px 6px 24px 0 rgba(0, 0, 0, 0.04);
background-color: #f8f5ec;
padding: 20px;
display: grid;
border-radius: 24px;
min-height: 265px;
background-repeat: no-repeat;
background-position: calc(100% - 9px) 100%;
}
@media screen and (max-width: 991px) {
.why-infany__item {
min-height: inherit;
}
}
@media screen and (max-width: 767px) {
.why-infany__item {
min-height: 280px;
}
}
@media screen and (max-width: 575px) {
.why-infany__item {
padding: 10px;
border-radius: 16px;
min-height: 140px;
background-size: 63px;
}
}
@media screen and (max-width: 359px) {
.why-infany__item {
background-size: 34px;
}
}
.why-infany__item--long {
grid-column: 1/3;
background-position: calc(100% - 20px) 10px;
}
@media screen and (max-width: 991px) {
.why-infany__item--long {
background-position: 50% calc(100% - 250px);
grid-column: 1/2;
grid-row: 1/3;
}
}
@media screen and (max-width: 767px) {
.why-infany__item--long {
background-position: 50% calc(100% - 177px);
background-size: calc(100% - 40px);
}
}
@media screen and (max-width: 575px) {
.why-infany__item--long {
background-position: 50% calc(100% - 76px);
background-size: calc(100% - 20px);
}
}
@media screen and (max-width: 359px) {
.why-infany__item--long {
background-position: 50% calc(100% - 56px);
}
}
.why-infany__item--long .why-infany__item-content {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media screen and (max-width: 991px) {
.why-infany__item--long .why-infany__item-content {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.why-infany__item--big {
grid-column: 3/-1;
grid-row: 1/-1;
padding: 30px;
background-position-x: -115px;
}
@media screen and (max-width: 991px) {
.why-infany__item--big {
grid-column: 1/-1;
grid-row: 3/4;
min-height: 350px;
background-size: cover;
background-position-x: 0;
background-position-y: -120px;
}
}
@media screen and (max-width: 767px) {
.why-infany__item--big {
background-position-y: 0;
}
}
@media screen and (max-width: 575px) {
.why-infany__item--big {
grid-column: 1/-1;
grid-row: 3/4;
padding: 20px;
min-height: 160px;
background-position-y: -2px;
background-size: 290px;
background-position-x: 100%;
background-color: #fffcf7;
}
}
@media screen and (max-width: 359px) {
.why-infany__item--big {
background-position-x: 30px;
}
}
@media screen and (max-width: 575px) {
.why-infany__item--big .why-infany__item-content {
max-width: 150px;
}
}
@media screen and (max-width: 991px) {
.why-infany__item--big .h3 {
max-width: 300px;
}
}
.why-infany__item .h3 {
color: #d4ac67;
}
@media screen and (max-width: 991px) {
.why-infany__item .h3 {
font-size: 32px;
}
}
@media screen and (max-width: 767px) {
.why-infany__item .h3 {
font-size: 24px;
}
}
@media screen and (max-width: 575px) {
.why-infany__item .h3 {
font-size: 16px;
font-weight: 500;
}
}
.why-infany__item span {
font-size: 20px;
font-weight: 400;
line-height: 120%;
color: #283e80;
}
@media screen and (max-width: 991px) {
.why-infany__item span {
font-size: 24px;
}
}
@media screen and (max-width: 575px) {
.why-infany__item span {
font-size: 14px;
font-weight: 300;
line-height: 135%;
}
}
.why-infany__item-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
}
@media screen and (max-width: 991px) {
.our-product {
padding-bottom: 42%;
}
}
@media screen and (max-width: 767px) {
.our-product {
padding-bottom: 47%;
}
}
@media screen and (max-width: 575px) {
.our-product {
margin-top: -10px;
padding-bottom: 66%;
}
}
.our-product__content {
max-width: 370px;
display: grid;
gap: 50px;
}
@media screen and (max-width: 991px) {
.our-product__content {
max-width: inherit;
}
}
@media screen and (max-width: 767px) {
.our-product__content {
gap: 28px;
}
}
.our-product__content p {
line-height: 135%;
}
@media screen and (max-width: 767px) {
.our-product__content p {
font-weight: 400;
}
}
@media screen and (max-width: 767px) {
.our-product .button {
justify-self: center;
max-width: 260px;
}
}
.reviews {
overflow: hidden;
padding: 20px;
margin: -20px;
}
@media screen and (max-width: 1200px) {
.reviews {
padding: 0;
margin: 0;
overflow: visible;
}
}
.reviews .swiper-slide {
-webkit-box-shadow: 6px 6px 24px 0 rgba(0, 0, 0, 0.04);
box-shadow: 6px 6px 24px 0 rgba(0, 0, 0, 0.04);
padding: 30px;
background-color: #ffffff;
border-radius: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
height: auto;
}
@media screen and (max-width: 767px) {
.reviews .swiper-slide {
padding: 25px;
}
}
.reviews-slider__title {
font-size: 20px;
font-weight: 500;
line-height: 135%;
color: #283e80;
}
.reviews-slider__text {
display: grid;
gap: 10px;
}
.reviews-slider__text p {
font-size: 16px;
line-height: 135%;
}
.reviews .swiper-pagination {
position: static;
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-top: 40px;
}
@media screen and (max-width: 767px) {
.reviews .swiper-pagination {
margin-top: 30px;
}
}
.reviews .link {
margin-top: auto;
}
.reviews .swiper {
overflow: visible;
}
.reviews__text-modal {
display: none;
}
.link {
background-image: url('data:image/svg+xml,');
background-position: right center;
padding-right: 22px;
white-space: nowrap;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
background-repeat: no-repeat;
cursor: pointer;
}
.link span {
font-size: 14px;
font-weight: 500;
line-height: 135%;
color: #283e80;
}
.another {
gap: 30px;
display: grid;
grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 991px) {
.another {
grid-template-columns: none;
}
}
.another__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 40px;
-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;
gap: 40px;
border-radius: 30px;
border: 1px solid #e3e3e3;
background-color: rgba(255, 255, 255, 0.5);
-webkit-box-shadow: 0 0 44px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 44px 0 rgba(0, 0, 0, 0.1);
position: relative;
overflow: hidden;
}
@media screen and (max-width: 575px) {
.another__item {
gap: 27px;
padding: 30px 29px;
border-radius: 30px;
}
}
.another__number {
font-family: "Nunito", "Arial", sans-serif;
color: rgba(0, 0, 0, 0.07);
position: absolute;
bottom: 54%;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
right: -57px;
font-size: 508px;
font-style: italic;
font-weight: 900;
pointer-events: none;
line-height: normal;
}
@media screen and (max-width: 1200px) {
.another__number {
right: -29px;
font-size: 280px;
}
}
@media screen and (max-width: 991px) {
.another__number {
right: -57px;
font-size: 508px;
}
}
@media screen and (max-width: 575px) {
.another__number {
font-size: 427px;
}
}
.another__image,
.another .h3 {
z-index: 1;
}
@media screen and (max-width: 575px) {
.another__image {
max-width: 199px;
}
}
.another .button {
z-index: 1;
}
@media screen and (max-width: 575px) {
.another .button {
max-width: 260px;
margin: 0 auto;
}
}
@media screen and (max-width: 575px) {
.another .h3 {
font-weight: 500;
}
}
.socialblock:before {
position: absolute;
content: "";
width: 639px;
height: 537px;
bottom: -251px;
right: -9px;
pointer-events: none;
background-image: url("/local/templates/frutonyanya-infany/css/../img/image/buy-hearth.svg");
z-index: 0;
background-size: contain;
background-repeat: no-repeat;
}
@media screen and (max-width: 1300px) {
.socialblock:before {
right: 15px;
}
}
@media screen and (max-width: 991px) {
.socialblock:before {
width: 394px;
height: 331px;
}
}
@media screen and (max-width: 767px) {
.socialblock:before {
display: none;
}
}
.socialblock .socialbox {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 50px 40px;
z-index: 1;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 30px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 30px;
background-color: rgba(255, 255, 255, 0.6);
-webkit-filter: blur(12);
filter: blur(12);
-webkit-box-shadow: 6px 6px 24px 0 rgba(0, 0, 0, 0.04);
box-shadow: 6px 6px 24px 0 rgba(0, 0, 0, 0.04);
}
@media screen and (max-width: 991px) {
.socialblock .socialbox {
-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;
}
}
@media screen and (max-width: 767px) {
.socialblock .socialbox {
padding: 30px 25px;
}
}
@media screen and (max-width: 575px) {
.socialblock .socialbox {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
}
.socialblock .text {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.socialblock .h2 {
margin-bottom: 0;
}
.socialblock .h2 + .h2 {
margin-top: 15px;
}
@media screen and (max-width: 767px) {
.socialblock .h2 + .h2 {
font-size: 24px;
}
}
.socialblock .links {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 30px;
}
@media screen and (max-width: 575px) {
.socialblock .links {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 26px;
}
}
@media screen and (max-width: 575px) {
.socialblock .links svg {
width: 50px;
height: 50px;
}
}
.socialblock .links svg * {
fill: #394157;
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}
.socialblock .links a {
cursor: pointer;
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
.socialblock .links a:hover svg * {
fill: #d4ac67;
}
}
.demo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
background-color: #f7f2e8;
}
.demo__logo {
margin-bottom: 20px;
width: 450px;
height: 150px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-filter: brightness(0) saturate(100%) invert(19%) sepia(20%) saturate(5712%) hue-rotate(210deg) brightness(89%) contrast(86%);
filter: brightness(0) saturate(100%) invert(19%) sepia(20%) saturate(5712%) hue-rotate(210deg) brightness(89%) contrast(86%);
}
@media screen and (max-width: 575px) {
.demo__logo {
width: 263px;
height: 90px;
}
}
.demo .container {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 490px;
}
.demo p {
font-size: 28px;
font-weight: 400;
color: #283e80;
line-height: 100%;
text-align: center;
}
@media screen and (max-width: 575px) {
.demo p {
font-size: 24px;
}
}
.contacts {
padding-bottom: 615px;
}
@media screen and (max-width: 1200px) {
.contacts {
padding-bottom: 450px;
}
}
@media screen and (max-width: 991px) {
.contacts {
padding-bottom: 390px;
}
}
@media screen and (max-width: 767px) {
.contacts {
padding-bottom: 300px;
}
}
@media screen and (max-width: 575px) {
.contacts {
padding-bottom: 220px;
}
}
.contacts .container {
display: grid;
grid-template-columns: 540px 570px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 1200px) {
.contacts .container {
grid-template-columns: auto auto;
gap: 35px;
}
}
@media screen and (max-width: 991px) {
.contacts .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 100px;
}
}
.contacts .form-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0;
}
@media screen and (max-width: 991px) {
.contacts .form-bottom__form {
width: 100%;
}
}
.contacts__info {
margin-top: 50px;
display: grid;
gap: 30px;
}
@media screen and (max-width: 767px) {
.contacts__info {
margin-top: 40px;
gap: 25px;
}
}
.contacts__box {
display: grid;
gap: 5px;
}
.contacts__box a {
font-weight: 400;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
.contacts__box a:hover {
color: #283e80;
}
}
.contacts__box p {
line-height: 135%;
}
.contacts__box p:has(a) {
line-height: 100%;
font-size: 28px;
margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
.contacts__box p:has(a) {
font-size: 24px;
}
}
@media screen and (max-width: 359px) {
.contacts__box p:has(a) {
font-size: 22px;
}
}
.contacts__social {
margin-top: 60px;
gap: 30px;
display: grid;
}
@media screen and (max-width: 767px) {
.contacts__social {
margin-top: 50px;
gap: 25px;
}
}
@media screen and (max-width: 575px) {
.contacts__social .h3 {
font-size: 28px;
}
}
.contacts__icons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 25px;
}
@media screen and (max-width: 767px) {
.contacts__icons {
gap: 20px;
}
}
.contacts__icon {
width: 50px;
height: 50px;
-webkit-box-flex: 0;
-ms-flex: 0 0 50px;
flex: 0 0 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
}
@media screen and (max-width: 767px) {
.contacts__icon {
width: 42px;
height: 42px;
-webkit-box-flex: 0;
-ms-flex: 0 0 42px;
flex: 0 0 42px;
}
}
@media (hover: hover) and (pointer: fine) {
.contacts__icon:hover svg {
fill: #283e80;
}
}
.contacts__icon svg {
fill: #394157;
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}
.contacts__form {
position: relative;
}
.contacts__form .h2 {
margin-bottom: 36px;
}
.contacts__form .h2 + p {
display: none;
}
@media screen and (max-width: 991px) {
.contacts__form .h2 + p {
display: block;
margin-bottom: 30px;
line-height: 135%;
margin-top: -4px;
}
}
.contacts .form-thanks {
left: 0;
width: 100%;
}
.contacts .form-thanks .h2 + p {
display: block;
}
.how-to-cook {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
position: relative;
}
@media screen and (max-width: 767px) {
.how-to-cook {
padding-bottom: 46px;
}
}
.how-to-cook .swiper-wrapper {
counter-reset: counter;
}
@media screen and (min-width: 768px) {
.how-to-cook .swiper-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 25px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.how-to-cook__item {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
padding-top: 53px;
padding-bottom: 53px;
border-radius: 24px;
background-color: #f7f2e8;
-webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
background-repeat: no-repeat;
min-height: 160px;
background-size: 150px 119px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.how-to-cook__item {
height: auto;
}
}
.how-to-cook__item:before {
content: counter(counter);
counter-increment: counter;
position: absolute;
top: 0;
width: 96px;
height: 100%;
text-align: center;
font-family: "Nunito", "Arial", sans-serif;
font-size: 160px;
font-style: italic;
font-weight: 900;
line-height: 88%;
color: #e6e1d8;
}
@media screen and (max-width: 767px) {
.how-to-cook__item:before {
top: 20px;
font-size: 140px;
}
}
.how-to-cook__item:nth-child(odd) {
background-position: calc(100% - 40px) center;
padding-left: 161px;
padding-right: 214px;
}
@media screen and (max-width: 767px) {
.how-to-cook__item:nth-child(odd) {
padding: 170px 20px 20px;
background-position: calc(100% - 20px) 32px;
}
}
.how-to-cook__item:nth-child(odd):before {
left: 40px;
}
@media screen and (max-width: 767px) {
.how-to-cook__item:nth-child(odd):before {
left: 20px;
}
}
.how-to-cook__item:nth-child(even) {
background-position: 40px center;
padding-right: 161px;
padding-left: 214px;
}
@media screen and (max-width: 767px) {
.how-to-cook__item:nth-child(even) {
padding: 170px 20px 20px;
background-position: calc(100% - 20px) 32px;
}
}
.how-to-cook__item:nth-child(even):before {
right: 40px;
}
@media screen and (max-width: 767px) {
.how-to-cook__item:nth-child(even):before {
right: auto;
left: 20px;
}
}
.how-to-cook .swiper {
overflow: visible;
}
@media screen and (max-width: 767px) {
.how-to-cook .swiper {
width: 100%;
}
}
.composition__text {
display: grid;
gap: 10px;
}
.composition__text p {
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -moz-box;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
line-clamp: 5;
box-orient: vertical;
font-size: 20px;
font-weight: 400;
line-height: 135%;
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}
@media screen and (max-width: 575px) {
.composition__text p {
-webkit-line-clamp: 6;
line-clamp: 6;
}
}
.composition__text.show p {
overflow: visible;
-o-text-overflow: inherit;
text-overflow: inherit;
line-clamp: inherit;
display: block;
}
.composition__text.show .show-all:before {
content: "Скрыть";
}
@media screen and (max-width: 767px) {
.composition__text + .instructions__content {
padding-top: 20px;
padding-bottom: 40px;
}
}
.show-all {
position: relative;
cursor: pointer;
}
.show-all:before {
content: "Подробнее";
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 135%;
color: #283e80;
position: relative;
}
.spheres-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 80px;
margin-bottom: 20px;
}
@media screen and (max-width: 991px) {
.spheres-box {
gap: 40px;
}
}
@media screen and (max-width: 767px) {
.spheres-box {
margin-top: 20px;
}
}
.spheres-box .composition__text p {
overflow: visible;
display: grid;
-webkit-line-clamp: inherit;
}
@media screen and (min-width: 992px) {
.spheres {
position: relative;
}
}
@media screen and (max-width: 991px) {
.spheres {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
}
.spheres__img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 26px;
padding-bottom: 74px;
height: 700px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 991px) {
.spheres__img {
padding-top: 0;
padding-bottom: 0;
height: inherit;
}
}
@media screen and (max-width: 575px) {
.spheres__img {
position: relative;
height: 400px;
width: 100%;
}
}
@media screen and (max-width: 1200px) {
.spheres__img img {
width: 400px;
height: 400px;
}
}
@media screen and (max-width: 1100px) {
.spheres__img img {
width: 300px;
height: 300px;
}
}
@media screen and (max-width: 991px) {
.spheres__img img {
width: 400px;
height: 400px;
}
}
@media screen and (max-width: 575px) {
.spheres__img img {
position: absolute;
top: 0;
right: 50%;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
max-width: inherit;
}
}
@media screen and (min-width: 992px) {
.spheres .swiper-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: static;
height: 100%;
}
}
@media screen and (min-width: 992px) {
.spheres__swiper {
height: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
}
@media screen and (max-width: 991px) {
.spheres__swiper {
width: 100%;
}
}
.spheres .swiper {
overflow: visible;
}
@media screen and (min-width: 992px) {
.spheres .swiper {
position: static;
height: 100%;
}
}
@media screen and (max-width: 991px) {
.spheres .swiper {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-bottom: 46px;
}
}
.spheres__title {
color: #283e80;
padding-bottom: 12px;
margin-bottom: 10px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
gap: 10px;
}
@media screen and (max-width: 991px) {
.spheres__title {
padding-bottom: 15px;
min-height: 65px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 13px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
}
.spheres__title:before {
position: absolute;
bottom: 0;
left: 0;
height: 2px;
width: 100px;
background-color: #f1d09f;
content: "";
}
.spheres__title p {
font-size: 24px;
font-weight: 400;
line-height: 110%;
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}
@media screen and (max-width: 991px) {
.spheres__title p {
padding-left: 62px;
}
}
@media screen and (max-width: 767px) {
.spheres__title p {
font-size: 16px;
font-weight: 500;
line-height: 100%;
}
}
.spheres__text p {
line-height: 135%;
}
@media screen and (max-width: 767px) {
.spheres__text p {
font-size: 14px;
}
}
@media screen and (min-width: 992px) {
.spheres__icon {
position: absolute;
left: 0;
bottom: 50%;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
}
}
@media screen and (max-width: 991px) {
.spheres__icon {
width: 50px;
height: 50px;
position: absolute;
top: 20px;
left: 20px;
}
}
.spheres__item {
cursor: pointer;
}
@media screen and (min-width: 992px) {
.spheres__item {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
max-width: 408px;
position: absolute;
padding-left: 100px;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
}
@media screen and (min-width: 992px) {
.spheres__item:first-child {
left: 90px;
top: 0;
}
.spheres__item:first-child .spheres__title p {
max-width: 250px;
}
}
@media screen and (min-width: 992px) {
.spheres__item:nth-child(2) {
right: 90px;
top: 0;
padding-left: 0;
padding-right: 100px;
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: end;
-ms-flex-align: end;
align-items: flex-end;
}
.spheres__item:nth-child(2) .spheres__icon {
left: auto;
right: 0;
}
.spheres__item:nth-child(2) .spheres__title {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
text-align: right;
}
.spheres__item:nth-child(2) .spheres__title:before {
left: auto;
right: 0;
}
.spheres__item:nth-child(2) .spheres__text p {
text-align: right;
}
}
@media screen and (min-width: 992px) {
.spheres__item:nth-child(3) {
left: 0;
top: 182px;
}
}
@media screen and (min-width: 992px) {
.spheres__item:nth-child(4) {
right: 0;
top: 182px;
padding-left: 0;
padding-right: 100px;
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: end;
-ms-flex-align: end;
align-items: flex-end;
}
.spheres__item:nth-child(4) .spheres__icon {
left: auto;
right: 0;
}
.spheres__item:nth-child(4) .spheres__title {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
text-align: right;
}
.spheres__item:nth-child(4) .spheres__title:before {
left: auto;
right: 0;
}
.spheres__item:nth-child(4) .spheres__text p {
text-align: right;
}
}
@media screen and (min-width: 992px) {
.spheres__item:nth-child(5) {
left: 0;
bottom: 231px;
}
}
@media screen and (min-width: 992px) {
.spheres__item:nth-child(6) {
right: 0;
bottom: 231px;
padding-left: 0;
padding-right: 100px;
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: end;
-ms-flex-align: end;
align-items: flex-end;
}
.spheres__item:nth-child(6) .spheres__icon {
left: auto;
right: 0;
}
.spheres__item:nth-child(6) .spheres__title {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
text-align: right;
}
.spheres__item:nth-child(6) .spheres__title:before {
left: auto;
right: 0;
}
.spheres__item:nth-child(6) .spheres__text p {
text-align: right;
}
}
@media screen and (min-width: 1200px) {
.spheres__item:nth-child(7) {
bottom: 42px;
max-width: 440px;
}
.spheres__item:nth-child(7) .spheres__title p {
max-width: inherit;
}
}
@media screen and (min-width: 992px) {
.spheres__item:nth-child(7) {
left: 50px;
bottom: 0;
max-width: 370px;
}
.spheres__item:nth-child(7) .spheres__title p {
max-width: 150px;
}
}
@media screen and (min-width: 992px) {
.spheres__item:nth-child(8) {
right: 50px;
bottom: 0;
max-width: 447px;
padding-left: 0;
padding-right: 100px;
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: end;
-ms-flex-align: end;
align-items: flex-end;
}
.spheres__item:nth-child(8) .spheres__icon {
left: auto;
right: 0;
}
.spheres__item:nth-child(8) .spheres__title {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
text-align: right;
}
.spheres__item:nth-child(8) .spheres__title:before {
left: auto;
right: 0;
}
.spheres__item:nth-child(8) .spheres__title p {
max-width: 285px;
}
.spheres__item:nth-child(8) .spheres__text p {
text-align: right;
}
}
@media screen and (max-width: 991px) {
.spheres__item {
border-radius: 20px;
background-color: #ffffff;
-webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
padding: 20px;
height: auto;
}
}
.spheres__item svg {
-webkit-box-flex: 0;
-ms-flex: 0 0 22px;
flex: 0 0 22px;
}
@media (hover: hover) and (pointer: fine) {
.spheres__item:hover .spheres__title p {
color: #d4ac67;
}
}
@media screen and (max-width: 991px) {
.spheres .swiper-pagination {
gap: 20px;
}
}
@media screen and (max-width: 359px) {
.spheres .swiper-pagination {
gap: 16px;
}
}
.error-page {
padding-top: 201px;
padding-bottom: 709px;
}
@media screen and (max-width: 1200px) {
.error-page {
padding-bottom: 470px;
}
}
@media screen and (max-width: 991px) {
.error-page {
padding-bottom: 380px;
}
}
@media screen and (max-width: 767px) {
.error-page {
padding-bottom: 300px;
}
}
@media screen and (max-width: 575px) {
.error-page {
padding-bottom: 255px;
padding-top: 72px;
}
}
@media screen and (max-width: 359px) {
.error-page {
padding-bottom: 190px;
}
}
.error-page p {
font-weight: 500;
font-size: 20px;
color: #283e80;
max-width: 705px;
width: 100%;
line-height: 135%;
margin-bottom: 27px;
}
@media screen and (max-width: 575px) {
.error-page p {
font-size: 18px;
font-weight: 300;
color: #394157;
}
}
.error-page__container {
position: relative;
}
.error-page__container:before {
content: "404";
font-size: 360px;
font-weight: 800;
color: rgba(40, 62, 128, 0.1);
width: 705px;
height: 360px;
position: absolute;
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;
right: 0;
top: -51px;
pointer-events: none;
}
@media screen and (max-width: 767px) {
.error-page__container:before {
font-size: 160px;
width: 314px;
height: 160px;
right: 10px;
top: -44px;
}
}
@media screen and (max-width: 359px) {
.error-page__container:before {
font-size: 120px;
width: 100%;
height: 160px;
right: 10px;
top: -10px;
}
}
@media screen and (max-width: 575px) {
.error-page .h1 {
font-size: 28px;
margin-bottom: 40px;
}
}
@media screen and (max-width: 575px) {
.error-page .button {
margin: 0 auto;
}
}
.checkbox {
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
min-height: 34px;
position: relative;
cursor: pointer;
}
@media screen and (max-width: 575px) {
.checkbox {
min-height: 24px;
}
}
.checkbox .checkbox__input {
width: 1px;
height: 1px;
position: absolute;
opacity: 0;
}
@media (hover: hover) and (pointer: fine) {
.checkbox .checkbox__input:hover:hover + label::before,
.checkbox .checkbox__input:hover:hover + span::before {
-webkit-box-shadow: 0 0 0 1px rgb(40, 62, 128) inset;
box-shadow: 0 0 0 1px rgb(40, 62, 128) inset;
}
}
.checkbox .checkbox__input + label,
.checkbox .checkbox__input + span {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
padding-left: 54px;
min-height: 34px;
font-size: 20px;
font-weight: 400;
line-height: 150%;
cursor: pointer;
}
@media screen and (max-width: 575px) {
.checkbox .checkbox__input + label,
.checkbox .checkbox__input + span {
padding-left: 44px;
min-height: 24px;
font-size: 16px;
}
}
.checkbox .checkbox__input + label::before,
.checkbox .checkbox__input + span::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 34px;
height: 34px;
-webkit-box-shadow: 0 0 0 1px rgb(219, 219, 219) inset;
box-shadow: 0 0 0 1px rgb(219, 219, 219) inset;
border-radius: 10px;
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}
@media screen and (max-width: 575px) {
.checkbox .checkbox__input + label::before,
.checkbox .checkbox__input + span::before {
width: 24px;
height: 24px;
border-radius: 7px;
}
}
.checkbox .checkbox__input + label::after,
.checkbox .checkbox__input + span::after {
content: "";
position: absolute;
top: 9px;
left: 6px;
width: 23px;
height: 16px;
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
opacity: 0;
background-image: url('data:image/svg+xml,');
}
@media screen and (max-width: 575px) {
.checkbox .checkbox__input + label::after,
.checkbox .checkbox__input + span::after {
top: 6px;
left: 3px;
width: 17px;
height: 11px;
background-image: url('data:image/svg+xml,');
}
}
.checkbox .checkbox__input:not(:checked) + label::after,
.checkbox .checkbox__input:not(:checked) + span::after {
opacity: 0;
}
.checkbox .checkbox__input:checked + label::before,
.checkbox .checkbox__input:checked + span::before {
-webkit-box-shadow: 0 0 0 1px rgb(40, 62, 128) inset;
box-shadow: 0 0 0 1px rgb(40, 62, 128) inset;
}
.checkbox .checkbox__input:checked + label::after,
.checkbox .checkbox__input:checked + span::after {
opacity: 1;
}
.accordion {
margin-bottom: -15px;
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
z-index: 1;
}
.accordion__toggle {
padding: 15px 30px;
cursor: pointer;
position: relative;
background-color: #ffffff;
border-radius: 0 24px 24px 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 30px;
max-width: 870px;
width: 100%;
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-shadow: 6px 6px 24px 0 rgba(0, 0, 0, 0.04);
box-shadow: 6px 6px 24px 0 rgba(0, 0, 0, 0.04);
}
@media (hover: hover) and (pointer: fine) {
.accordion__toggle:hover {
-webkit-box-shadow: none;
box-shadow: none;
}
}
@media screen and (max-width: 767px) {
.accordion__toggle {
padding: 15px;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
gap: 10px;
}
}
.accordion__title {
font-weight: 400;
font-size: 20px;
line-height: 135%;
color: #283e80;
}
.accordion__btn {
width: 30px;
height: 30px;
-webkit-box-flex: 0;
-ms-flex: 0 0 30px;
flex: 0 0 30px;
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
background-image: url('data:image/svg+xml,');
background-position: center;
}
.accordion.active {
margin-bottom: 0;
}
.accordion.active .accordion__toggle {
background-color: rgba(255, 255, 255, 0.6);
-webkit-box-shadow: none;
box-shadow: none;
}
.accordion.active .accordion__btn {
background-image: url('data:image/svg+xml,');
}
.accordion__content {
height: 0;
overflow: hidden;
background-color: #283e80;
border-radius: 24px 0 24px 24px;
margin-top: 15px;
margin-left: 100px;
}
@media screen and (max-width: 767px) {
.accordion__content {
margin-left: 30px;
}
}
.accordion__content-box {
padding: 15px 30px;
display: grid;
gap: 10px;
}
@media screen and (max-width: 767px) {
.accordion__content-box {
padding: 15px;
}
}
.accordion__content-box:has(.how-to-cook), .accordion__content-box:has(.instructions__text) {
padding: 0;
display: grid;
gap: 0;
}
@media screen and (max-width: 767px) {
.accordion__content-box:has(.how-to-cook), .accordion__content-box:has(.instructions__text) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.accordion__content-box:has(.instructions__change), .accordion__content-box:has(.instructions__scheme), .accordion__content-box:has(.nutritional-value__scheme-head) {
padding: 0;
display: grid;
gap: 0;
}
.accordion__content p,
.accordion__content li {
font-weight: 400;
font-size: 20px;
line-height: 135%;
color: #394157;
}
@media screen and (max-width: 767px) {
.accordion__content p,
.accordion__content li {
font-size: 14px;
font-weight: 300;
}
}
.accordion__content ul,
.accordion__content ol {
padding-left: 20px;
display: grid;
gap: 5px;
}
.accordion__content ul li {
position: relative;
}
.accordion__content ul li:before {
content: "";
pointer-events: none;
position: absolute;
width: 6px;
height: 6px;
background-color: #394157;
border-radius: 50%;
left: -20px;
top: 12px;
}
.faq {
display: grid;
max-width: 970px;
width: 100%;
gap: 30px;
position: relative;
}
@media screen and (max-width: 767px) {
.faq {
gap: 20px;
}
}
.faq:before {
content: "";
position: absolute;
background-image: url("/local/templates/frutonyanya-infany/css/../img/image/faq-bg.svg");
bottom: -70px;
pointer-events: none;
-webkit-filter: brightness(0) saturate(100%) invert(95%) sepia(50%) saturate(6741%) hue-rotate(307deg) brightness(89%) contrast(85%);
filter: brightness(0) saturate(100%) invert(95%) sepia(50%) saturate(6741%) hue-rotate(307deg) brightness(89%) contrast(85%);
width: 441px;
height: 386px;
right: -168px;
}
@media screen and (max-width: 1200px) {
.faq:before {
right: -60px;
}
}
@media screen and (max-width: 1100px) {
.faq:before {
right: 0;
}
}
@media screen and (max-width: 991px) {
.faq:before {
display: none;
}
}
.faq .accordion__content p,
.faq .accordion__content li {
color: #ffffff;
}
.faq .accordion__content ul li:before {
background-color: #ffffff;
}
@media screen and (max-width: 767px) {
.faq .accordion__content ul li:before {
top: 6px;
}
}
.instructions {
gap: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.instructions .accordion {
margin: 0;
}
.instructions .accordion__toggle {
padding: 25px 30px;
max-width: inherit;
border-radius: 24px;
background-color: #f7f2e8;
-webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
gap: 90px;
}
@media (hover: hover) and (pointer: fine) {
.instructions .accordion__toggle:hover {
-webkit-box-shadow: none;
box-shadow: none;
}
}
@media screen and (max-width: 767px) {
.instructions .accordion__toggle {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding: 20px 20px 20px 25px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 30px;
}
}
.instructions .accordion__content {
background-color: transparent;
border-radius: 0;
margin-left: 0;
overflow: visible;
visibility: hidden;
margin-top: 0;
}
.instructions .accordion__content-box {
padding-top: 20px;
}
.instructions .accordion__title {
font-weight: 500;
}
@media screen and (max-width: 767px) {
.instructions .accordion__title {
font-size: 18px;
}
}
.instructions .accordion.active .accordion__toggle {
-webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
background-color: #f7f2e8;
}
@media screen and (max-width: 767px) {
.instructions .accordion__btn {
width: 24px;
height: 24px;
-webkit-box-flex: 0;
-ms-flex: 0 0 24px;
flex: 0 0 24px;
background-position: center;
}
}
.instructions__content {
padding-top: 20px;
padding-bottom: 60px;
display: grid;
gap: 20px;
}
@media screen and (max-width: 767px) {
.instructions__content {
padding-top: 40px;
}
}
.instructions__content strong {
font-weight: 500;
}
.instructions__content p {
font-size: 20px;
line-height: 135%;
}
.instructions__content ul {
padding-left: 23px;
gap: 10px;
display: grid;
}
.instructions__content ul li {
position: relative;
font-weight: 400;
font-size: 20px;
line-height: 135%;
color: #394157;
}
@media screen and (max-width: 767px) {
.instructions__content ul li {
font-size: 20px;
font-weight: 400;
line-height: 135%;
}
}
@media screen and (max-width: 575px) {
.instructions__content ul li {
font-size: 18px;
font-weight: 300;
}
}
.instructions__content ul li:before {
content: "";
pointer-events: none;
position: absolute;
width: 14px;
height: 21px;
left: -23px;
top: 0;
background-image: url('data:image/svg+xml,');
background-color: transparent;
border-radius: 0;
}
.instructions__text {
padding: 25px 30px;
border-radius: 30px;
background: rgba(255, 255, 255, 0.65);
-webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
.instructions__text {
padding: 20px;
border-radius: 24px;
}
}
.instructions__text p {
font-size: 20px;
font-weight: 400;
line-height: 135%;
}
@media screen and (max-width: 575px) {
.instructions__text p {
font-size: 18px;
font-weight: 300;
}
}
.instructions__change {
max-width: 900px;
width: 100%;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 30px;
position: relative;
}
@media screen and (max-width: 767px) {
.instructions__change {
gap: 15px;
}
}
@media screen and (max-width: 575px) {
.instructions__change {
gap: 10px;
}
}
.instructions__change:after, .instructions__change:before {
content: "";
position: absolute;
}
@media screen and (max-width: 991px) {
.instructions__change:after, .instructions__change:before {
display: none;
}
}
.instructions__change:after {
width: 496px;
height: 565px;
background-image: url("/local/templates/frutonyanya-infany/css/../img/image/change-1.svg");
right: -378px;
top: 10px;
}
.instructions__change:before {
width: 244px;
height: 369px;
background-image: url("/local/templates/frutonyanya-infany/css/../img/image/change-2.svg");
left: -217px;
bottom: 32px;
}
.instructions__change + .instructions__content {
padding-top: 40px;
padding-bottom: 80px;
}
@media screen and (max-width: 575px) {
.instructions__change + .instructions__content {
padding-top: 20px;
padding-left: 9px;
padding-bottom: 60px;
}
}
@media screen and (max-width: 575px) {
.instructions__change + .instructions__content li {
font-size: 18px;
font-weight: 300;
}
}
.instructions__change-head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: -20px;
}
.instructions__change-head p {
font-size: 18px;
font-weight: 300;
padding: 15px;
text-align: center;
}
@media screen and (max-width: 767px) {
.instructions__change-head p {
padding: 0 0 19px;
}
}
@media screen and (max-width: 575px) {
.instructions__change-head p {
font-size: 14px;
}
}
@media screen and (max-width: 359px) {
.instructions__change-head p {
font-size: 12px;
}
}
.instructions__change-head:not(:has(p:last-child:first-child)) {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.instructions__change-head:not(:has(p:last-child:first-child)) p {
max-width: 285px;
width: 100%;
}
@media screen and (max-width: 767px) {
.instructions__change-head:not(:has(p:last-child:first-child)) p {
max-width: inherit;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
}
.instructions__change-item {
padding: 15px 30px;
border-radius: 30px;
background-color: #ffffff;
-webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 575px) {
.instructions__change-item {
padding: 10px 15px;
min-height: 42px;
}
}
.instructions__change-item:not(:has(p:last-child:first-child)) {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.instructions__change-item--active {
background-color: #d4ac67;
}
.instructions__change-item--active p {
color: #ffffff;
}
@media screen and (max-width: 575px) {
.instructions__change-item p {
font-size: 16px;
font-weight: 400;
}
}
.instructions__col {
display: grid;
gap: 20px;
z-index: 1;
}
@media screen and (max-width: 575px) {
.instructions__col {
gap: 15px;
}
}
.instructions__col:first-child {
max-width: 270px;
width: 100%;
}
@media screen and (max-width: 991px) {
.instructions__col:first-child {
max-width: 120px;
}
}
@media screen and (max-width: 767px) {
.instructions__col:first-child {
max-width: 100px;
}
}
@media screen and (max-width: 575px) {
.instructions__col:first-child {
max-width: 70px;
}
}
.instructions__col:last-child {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.instructions__col:last-child .instructions__change-item:not(.instructions__change-item--active) {
position: relative;
}
.instructions__col:last-child .instructions__change-item:not(.instructions__change-item--active) p:first-child {
z-index: 1;
color: #ffffff;
}
.instructions__col:last-child .instructions__change-item:not(.instructions__change-item--active):before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
background-color: #d4ac67;
border-radius: 30px;
}
.instructions__col:last-child .instructions__change-item:not(.instructions__change-item--active):nth-child(3):before {
width: 88%;
}
@media screen and (max-width: 575px) {
.instructions__col:last-child .instructions__change-item:not(.instructions__change-item--active):nth-child(3):before {
width: 83%;
}
}
.instructions__col:last-child .instructions__change-item:not(.instructions__change-item--active):nth-child(4):before {
width: 78%;
}
@media screen and (max-width: 575px) {
.instructions__col:last-child .instructions__change-item:not(.instructions__change-item--active):nth-child(4):before {
width: 67%;
}
}
.instructions__col:last-child .instructions__change-item:not(.instructions__change-item--active):nth-child(5):before {
width: 63%;
}
@media screen and (max-width: 575px) {
.instructions__col:last-child .instructions__change-item:not(.instructions__change-item--active):nth-child(5):before {
width: 50%;
}
}
.instructions__col:last-child .instructions__change-item:not(.instructions__change-item--active):nth-child(6):before {
width: 50%;
}
@media screen and (max-width: 575px) {
.instructions__col:last-child .instructions__change-item:not(.instructions__change-item--active):nth-child(6):before {
width: 33%;
}
}
.instructions__col:last-child .instructions__change-item:not(.instructions__change-item--active):nth-child(7):before {
width: 33%;
}
@media screen and (max-width: 575px) {
.instructions__col:last-child .instructions__change-item:not(.instructions__change-item--active):nth-child(7):before {
width: 25%;
}
}
.instructions__col:last-child .instructions__change-item:not(.instructions__change-item--active):nth-child(8):before {
width: 20%;
}
@media screen and (max-width: 575px) {
.instructions__col:last-child .instructions__change-item:not(.instructions__change-item--active):nth-child(8):before {
width: 22%;
}
}
.instructions__col:last-child .instructions__change-item:not(.instructions__change-item--active):nth-child(9):before {
width: 13%;
}
@media screen and (max-width: 575px) {
.instructions__col:last-child .instructions__change-item:not(.instructions__change-item--active):nth-child(9):before {
width: 20%;
}
}
.instructions__scheme {
padding-top: 20px;
padding-bottom: 20px;
}
@media screen and (max-width: 767px) {
.instructions__scheme {
padding-top: 10px;
}
}
.instructions__scheme-head {
gap: 30px;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
padding: 15px 30px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
@media screen and (max-width: 767px) {
.instructions__scheme-head {
grid-template-columns: none;
padding: 0 10px;
padding-bottom: 20px;
}
}
.instructions__scheme-head p {
font-size: 18px;
font-weight: 500;
}
@media screen and (max-width: 767px) {
.instructions__scheme-head p {
display: none;
}
}
@media screen and (max-width: 767px) {
.instructions__scheme-head p.instructions__mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #283e80;
}
}
.instructions__scheme-head p:first-child {
text-align: left;
}
@media screen and (min-width: 768px) {
.instructions__scheme-content {
gap: 30px;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
background-image: url("/local/templates/frutonyanya-infany/css/../img/image/dotten.png");
background-repeat: repeat-x;
background-position: bottom left;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.instructions__scheme-content p {
font-size: 18px;
font-weight: 300;
text-align: center;
padding: 20px 0;
}
@media screen and (max-width: 767px) {
.instructions__scheme-content p {
font-size: 16px;
text-align: left;
gap: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
}
}
.instructions__scheme-content p:first-child {
text-align: left;
}
@media screen and (max-width: 767px) {
.instructions__scheme-content strong {
font-weight: 500;
}
}
@media screen and (min-width: 768px) {
.instructions__scheme .accordion-box {
border-radius: 30px;
background: rgba(255, 255, 255, 0.65);
-webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
padding: 10px 30px;
}
}
@media screen and (max-width: 767px) {
.instructions__scheme .accordion-box {
display: grid;
gap: 20px;
}
}
@media screen and (max-width: 767px) {
.instructions__scheme .accordion-box .accordion {
border-radius: 24px;
background-color: #ffffff;
-webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
}
}
@media screen and (min-width: 768px) {
.instructions__scheme .accordion-box .accordion__toggle {
display: none;
}
}
@media screen and (max-width: 767px) {
.instructions__scheme .accordion-box .accordion__toggle {
background-color: transparent !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border-radius: 0 !important;
padding: 20px !important;
}
}
@media screen and (min-width: 768px) {
.instructions__scheme .accordion-box .accordion__content {
visibility: visible;
overflow: visible;
height: auto;
}
}
@media screen and (min-width: 768px) {
.instructions__scheme .accordion-box .accordion__content-box {
padding: 0;
}
}
@media screen and (max-width: 767px) {
.instructions__scheme .accordion-box .accordion__content-box {
padding: 0 20px 20px;
}
}
@media screen and (max-width: 767px) {
.instructions__scheme .accordion-box .accordion p {
padding-top: 20px;
}
}
.instructions__scheme .accordion-box .accordion:first-child p {
padding-top: 15px;
}
@media screen and (max-width: 767px) {
.instructions__scheme .accordion-box .accordion:first-child p {
padding-top: 20px;
}
}
.instructions__scheme .accordion-box .accordion:last-child .instructions__scheme-content {
background-image: none;
}
.instructions__scheme .accordion-box .accordion:last-child p {
padding-bottom: 15px;
}
@media screen and (max-width: 767px) {
.instructions__scheme .accordion-box .accordion:last-child p {
padding-bottom: 0;
}
}
@media screen and (max-width: 768px) {
.instructions__scheme .accordion-box .accordion__btn {
width: 24px;
height: 24px;
-webkit-box-flex: 0;
-ms-flex: 0 0 24px;
flex: 0 0 24px;
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
background-image: url('data:image/svg+xml,');
}
}
.instructions__scheme .accordion-box .accordion.active .accordion__btn {
background-image: url('data:image/svg+xml,');
}
@media screen and (max-width: 767px) {
.instructions__scheme-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-image: url("/local/templates/frutonyanya-infany/css/../img/image/dotten.png");
background-repeat: repeat-x;
background-position: top left;
}
}
@media screen and (min-width: 768px) {
.instructions__scheme-content strong {
display: none;
}
}
@media screen and (max-width: 767px) {
.instructions__scheme-content p {
display: grid;
grid-template-columns: 1fr 1fr;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media screen and (max-width: 767px) {
.instructions__scheme + .instructions__content {
padding-top: 10px;
}
}
@media screen and (max-width: 767px) {
.instructions__scheme + .instructions__content ul li {
font-size: 18px;
font-weight: 300;
}
}
.accordion--no-overflow .accordion__content {
overflow: hidden;
}
.nutritional-value {
gap: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.nutritional-value .accordion {
margin: 0;
}
.nutritional-value .accordion__toggle {
padding: 25px 30px;
max-width: inherit;
border-radius: 24px;
background-color: #ffffff;
-webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
gap: 90px;
}
@media (hover: hover) and (pointer: fine) {
.nutritional-value .accordion__toggle:hover {
-webkit-box-shadow: none;
box-shadow: none;
}
}
@media screen and (max-width: 767px) {
.nutritional-value .accordion__toggle {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 30px;
padding: 20px;
}
}
.nutritional-value .accordion__content {
background-color: transparent;
border-radius: 0;
margin-left: 0;
overflow: visible;
visibility: hidden;
margin-top: 0;
}
.nutritional-value .accordion__content-box {
padding: 20px 0 0;
}
@media screen and (max-width: 767px) {
.nutritional-value .accordion__content-box {
gap: 20px;
}
}
.nutritional-value .accordion__title {
font-weight: 500;
}
@media screen and (max-width: 767px) {
.nutritional-value .accordion__title {
font-size: 18px;
}
}
@media screen and (max-width: 767px) {
.nutritional-value .accordion__btn {
width: 24px;
height: 24px;
-webkit-box-flex: 0;
-ms-flex: 0 0 24px;
flex: 0 0 24px;
}
}
.nutritional-value .accordion.active .accordion__toggle {
-webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
background-color: #ffffff;
}
.nutritional-value .accordion-box {
display: grid;
gap: 10px;
}
.nutritional-value .accordion-box .accordion {
background-color: #ffffff;
border-radius: 24px;
}
.nutritional-value .accordion-box .accordion__btn {
background-image: url('data:image/svg+xml,');
background-position: center;
}
@media screen and (max-width: 767px) {
.nutritional-value .accordion-box .accordion__btn {
position: absolute;
top: 20px;
right: 20px;
}
}
.nutritional-value .accordion-box .accordion__toggle {
-webkit-box-shadow: none !important;
box-shadow: none !important;
gap: 30px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.nutritional-value .accordion-box .accordion__toggle:has(.accordion__btn) {
background-color: transparent !important;
border-radius: 0;
}
.nutritional-value .accordion-box .accordion__toggle:not(:has(.accordion__btn)) {
padding-right: 90px;
min-height: 80px;
cursor: default;
pointer-events: none;
}
@media screen and (max-width: 767px) {
.nutritional-value .accordion-box .accordion__toggle:not(:has(.accordion__btn)) {
padding: 20px;
min-height: 96px;
}
}
.nutritional-value .accordion-box .accordion__toggle p {
grid-template-columns: 430px 280px 280px;
display: grid;
gap: 30px;
}
@media screen and (max-width: 1300px) {
.nutritional-value .accordion-box .accordion__toggle p {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media screen and (max-width: 767px) {
.nutritional-value .accordion-box .accordion__toggle p {
grid-template-columns: 1fr 1fr;
gap: 13px 20px;
}
}
@media screen and (max-width: 1300px) {
.nutritional-value .accordion-box .accordion__title {
width: 100%;
}
}
.nutritional-value .accordion-box .accordion__title p {
font-size: 18px;
font-weight: 300;
line-height: 135%;
color: #6e6e6e;
}
@media screen and (max-width: 767px) {
.nutritional-value .accordion-box .accordion__title p {
font-size: 16px;
}
}
.nutritional-value .accordion-box .accordion__title span {
text-align: center;
}
@media screen and (max-width: 767px) {
.nutritional-value .accordion-box .accordion__title span {
text-align: left;
}
}
.nutritional-value .accordion-box .accordion__title strong {
font-weight: 500;
color: #394157;
text-align: left;
}
@media screen and (max-width: 767px) {
.nutritional-value .accordion-box .accordion__title strong {
grid-column: 1/-1;
}
}
.nutritional-value .accordion-box .accordion.active {
-webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1) !important;
box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1) !important;
background-color: rgba(255, 255, 255, 0.65);
}
.nutritional-value .accordion-box .accordion.active .accordion__btn {
background-image: url('data:image/svg+xml,');
}
.nutritional-value .accordion-box .accordion__content-box {
padding: 0;
}
@media screen and (max-width: 767px) {
.nutritional-value .accordion-box .accordion:not(:has(.accordion__title span)) .accordion__toggle {
min-height: 64px;
}
}
.nutritional-value__content {
padding: 0 30px;
}
@media screen and (max-width: 767px) {
.nutritional-value__content {
padding: 0 20px;
}
}
.nutritional-value__content p {
grid-template-columns: 430px 280px 280px;
display: grid;
gap: 30px;
padding: 28px 60px 28px 0;
font-size: 18px;
font-weight: 300;
line-height: 135%;
background-image: url("/local/templates/frutonyanya-infany/css/../img/image/dotten.png");
background-repeat: repeat-x;
background-position: top left;
}
@media screen and (max-width: 1300px) {
.nutritional-value__content p {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media screen and (max-width: 767px) {
.nutritional-value__content p {
grid-template-columns: 1fr 1fr;
font-size: 16px;
gap: 11px 20px;
padding: 25px 0;
}
}
.nutritional-value__content p:last-child {
padding-bottom: 38px;
}
.nutritional-value__content strong {
font-weight: 500;
text-align: left;
}
@media screen and (max-width: 767px) {
.nutritional-value__content strong {
grid-column: 1/-1;
}
}
.nutritional-value__content span {
text-align: center;
}
@media screen and (max-width: 767px) {
.nutritional-value__content span {
text-align: left;
}
}
.nutritional-value__head {
grid-template-columns: 430px 280px 280px;
display: grid;
gap: 30px;
padding: 18px 90px 11px 30px;
}
@media screen and (max-width: 1300px) {
.nutritional-value__head {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media screen and (max-width: 767px) {
.nutritional-value__head {
grid-template-columns: 1fr 1fr;
gap: 11px 20px;
padding: 11px 20px;
border-radius: 30px;
background-color: rgba(255, 255, 255, 0.65);
}
}
.nutritional-value__head p {
font-size: 18px;
font-weight: 300;
text-align: center;
}
@media screen and (max-width: 767px) {
.nutritional-value__head p {
text-align: left;
font-size: 16px;
}
}
.nutritional-value__head p:first-child {
text-align: left;
}
@media screen and (max-width: 767px) {
.nutritional-value__head p:first-child {
grid-column: 1/-1;
}
}
.nutritional-value__head strong {
font-weight: 500;
}
@media screen and (max-width: 767px) {
.nutritional-value > .accordion > .accordion__toggle {
padding-left: 25px;
}
}
.tabs-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
padding: 40px 0;
}
@media screen and (max-width: 767px) {
.tabs-nav {
-webkit-box-align: normal;
-ms-flex-align: normal;
align-items: normal;
}
}
@media screen and (max-width: 575px) {
.tabs-nav {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.tabs-nav__item {
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;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
-webkit-box-shadow: 0 0 0 2px rgb(40, 62, 128) inset;
box-shadow: 0 0 0 2px rgb(40, 62, 128) inset;
padding: 10px 16px;
border-radius: 30px;
cursor: pointer;
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
color: #283e80;
font-family: "Manrope", "Arial", sans-serif;
}
@media screen and (max-width: 767px) {
.tabs-nav__item {
padding: 6px 10px;
min-width: 75px;
}
}
@media screen and (max-width: 359px) {
.tabs-nav__item {
padding: 6px 15px;
min-width: inherit;
}
}
.tabs-nav__item p {
font-size: 16px;
font-weight: 500;
line-height: 100%;
margin: 0;
}
@media screen and (max-width: 767px) {
.tabs-nav__item p {
font-size: 10px;
}
}
@media screen and (max-width: 575px) {
.tabs-nav__item p {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.tabs-nav__item.active {
background-color: #283e80;
color: #ffffff;
cursor: default;
}
@media (hover: hover) and (pointer: fine) {
.tabs-nav__item:hover:not(.active) {
background-color: #283e80;
color: #ffffff;
}
}
@media screen and (max-width: 767px) {
.product {
overflow: hidden;
}
}
.product:nth-child(even) {
background-color: #f3e9d7;
}
.product .container {
padding-top: 100px;
padding-bottom: 100px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 75px;
}
@media screen and (max-width: 1200px) {
.product .container {
gap: 40px;
}
}
@media screen and (max-width: 1100px) {
.product .container {
grid-template-columns: 380px auto;
}
}
@media screen and (max-width: 991px) {
.product .container {
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;
}
}
@media screen and (max-width: 767px) {
.product .container {
padding-top: 50px;
padding-bottom: 50px;
}
}
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) {
@media screen and (max-width: 991px) {
.product .container {
gap: 0;
}
}
}
}
.product .button {
margin-top: 50px;
z-index: 1;
}
@media screen and (max-width: 767px) {
.product .button {
margin-top: 30px;
-ms-flex-item-align: center;
align-self: center;
max-width: 260px;
}
}
.product__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-item-align: center;
align-self: center;
}
@media screen and (max-width: 991px) {
.product__content {
-ms-flex-item-align: start;
align-self: flex-start;
}
}
.product__content p {
font-size: 20px;
font-weight: 400;
line-height: 135%;
}
.product__images {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
z-index: 1;
}
@media screen and (max-width: 1200px) {
.product__images {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
@media screen and (max-width: 991px) {
.product__images {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media screen and (max-width: 767px) {
.product__images {
gap: 18px;
display: grid;
grid-template-columns: 175px 135px;
}
}
@media screen and (max-width: 359px) {
.product__images {
grid-template-columns: 146px 120px;
}
}
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) {
@media screen and (max-width: 991px) {
.product__images {
margin-bottom: 40px;
}
}
}
}
.product__image {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
-o-object-fit: contain;
object-fit: contain;
}
@media screen and (max-width: 767px) {
.product .h2 {
margin-bottom: 30px;
}
}
.product__number {
font-family: "Nunito", "Arial", sans-serif;
color: rgba(0, 0, 0, 0.07);
position: absolute;
bottom: 54%;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
left: -11px;
font-size: 640px;
font-style: italic;
font-weight: 900;
pointer-events: none;
line-height: normal;
}
@media screen and (max-width: 991px) {
.product__number {
bottom: -40px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
left: auto;
font-size: 400px;
right: 35%;
}
}
@media screen and (max-width: 767px) {
.product__number {
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
left: auto;
font-size: 303px;
right: 50%;
bottom: auto;
top: 181px;
}
}
@media screen and (max-width: 575px) {
.product__number {
top: 178px;
}
}
@media screen and (max-width: 359px) {
.product__number {
top: 150px;
}
}
.scroll-top {
z-index: 4;
position: fixed;
width: 100%;
bottom: 50px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
pointer-events: none;
opacity: 0;
display: none;
right: 50%;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
}
@media screen and (max-width: 767px) {
.scroll-top {
bottom: 20px;
}
}
.scroll-top__button {
width: 60px;
height: 60px;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center;
background-color: #d4ac67;
border-radius: 50%;
pointer-events: all;
cursor: pointer;
margin-right: -80px;
}
@media screen and (max-width: 1366px) {
.scroll-top__button {
margin-right: 0;
}
}
@media screen and (max-width: 767px) {
.scroll-top__button {
width: 42px;
height: 42px;
}
}
.scroll-top .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
/*# sourceMappingURL=style.css.map */
/* End */
/* /local/templates/frutonyanya-infany/css/libs.css?172561441917907 */
/* /local/templates/frutonyanya-infany/css/style.css?1752047457133563 */