/* Start:/local/templates/dayun/fonts/fontcygre.css?17642569341595*/ @font-face { font-family: 'Cygre'; font-style: normal; font-weight: 400; src: local('Cygre'), url('/local/templates/dayun/fonts/cygre/cygre.woff2') format('woff2'), url('/local/templates/dayun/fonts/cygre/cygre.woff') format('woff'), url('/local/templates/dayun/fonts/cygre/cygre.ttf') format('ttf'), url('/local/templates/dayun/fonts/cygre/cygre.eot') format('eot'); } @font-face { font-family: 'Cygre'; font-style: normal; font-weight: 500; src: local('Cygre'), url('/local/templates/dayun/fonts/cygre/cygre-medium.woff2') format('woff2'), url('/local/templates/dayun/fonts/cygre/cygre-medium.woff') format('woff'), url('/local/templates/dayun/fonts/cygre/cygre-medium.ttf') format('ttf'), url('/local/templates/dayun/fonts/cygre/cygre-medium.eot') format('eot'); } @font-face { font-family: 'Cygre'; font-style: normal; font-weight: bold; src: local('Cygre'), url('/local/templates/dayun/fonts/cygre/cygre-bold.woff2') format('woff2'), url('/local/templates/dayun/fonts/cygre/cygre-bold.woff') format('woff'), url('/local/templates/dayun/fonts/cygre/cygre-bold.ttf') format('ttf'), url('/local/templates/dayun/fonts/cygre/cygre-bold.eot') format('eot'); } /* @font-face { font-family: 'Cygre'; font-style: normal; font-weight: 400; src: local('Cygre'), url('/local/templates/dayun/fonts/cygre/Lato-Regular.woff2') format('woff2'); } @font-face { font-family: 'Cygre'; font-style: normal; font-weight: 500; src: local('Cygre'), url('/local/templates/dayun/fonts/cygre/Lato-Regular.woff2') format('woff2'), url('/local/templates/dayun/fonts/cygre/cygre-medium.woff') format('woff'), url('/local/templates/dayun/fonts/cygre/cygre-medium.ttf') format('ttf'), url('/local/templates/dayun/fonts/cygre/cygre-medium.eot') format('eot'); } @font-face { font-family: 'Cygre'; font-style: normal; font-weight: bold; src: local('Cygre'), url('/local/templates/dayun/fonts/cygre/Lato-Bold.woff2') format('woff2'), url('/local/templates/dayun/fonts/cygre/cygre-bold.woff') format('woff'), url('/local/templates/dayun/fonts/cygre/cygre-bold.ttf') format('ttf'), url('/local/templates/dayun/fonts/cygre/cygre-bold.eot') format('eot'); } */ /* End */ /* Start:/local/templates/dayun/fonts/fontlato.css?1726844036588*/ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: local('Lato'), url('/local/templates/dayun/fonts/lato/Lato-Regular.woff2') format('woff2'), url('/local/templates/dayun/fonts/lato/Lato-Regular.woff') format('woff'), } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 500; src: local('Lato'), url('/local/templates/dayun/fonts/lato/Lato-Medium.woff2') format('woff2'), url('/local/templates/dayun/fonts/lato/Lato-Medium.woff') format('woff'), } @font-face { font-family: 'Lato'; font-style: normal; font-weight: bold; src: local('Lato'), url('/local/templates/dayun/fonts/lato/Lato-Bold..woff2') format('woff2'), url('/local/templates/dayun/fonts/lato/Lato-Bold.woff') format('woff'), } /* End */ /* Start:/local/templates/dayun/fonts/roboto.css?1726844036882*/ @font-face { font-family: 'Roboto'; src: url('/local/templates/dayun/fonts/roboto/Roboto-Bold.eot'); src: local('Roboto Bold'), local('roboto/Roboto-Bold'), url('/local/templates/dayun/fonts/roboto/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/dayun/fonts/roboto/Roboto-Bold.woff2') format('woff2'), url('/local/templates/dayun/fonts/roboto/Roboto-Bold.woff') format('woff'), url('/local/templates/dayun/fonts/roboto/Roboto-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('/local/templates/dayun/fonts/roboto/Roboto-Regular.eot'); src: local('Roboto'), local('roboto/Roboto-Regular'), url('/local/templates/dayun/fonts/roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/dayun/fonts/roboto/Roboto-Regular.woff2') format('woff2'), url('/local/templates/dayun/fonts/roboto/Roboto-Regular.woff') format('woff'), url('/local/templates/dayun/fonts/roboto/Roboto-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* End */ /* Start:/local/templates/dayun/css/lib/swiper-bundle.min.css?172684403618436*/ /** * Swiper 11.0.5 * 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: November 22, 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}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{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-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.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{transform-style:preserve-3d}.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-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.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-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-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 svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.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-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{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;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{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{pointer-events:auto}.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-prev{pointer-events:auto;visibility:visible}.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-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.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-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-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/dayun/css/lib/fancybox.css?172684403619611*/ .carousel { position: relative; box-sizing: border-box } .carousel *,.carousel *:before,.carousel *:after { box-sizing: inherit } .carousel.is-draggable { cursor: move; cursor: grab } .carousel.is-dragging { cursor: move; cursor: grabbing } .carousel__viewport { position: relative; overflow: hidden; max-width: 100%; max-height: 100% } .carousel__track { display: flex } .carousel__slide { flex: 0 0 auto; width: var(--carousel-slide-width, 60%); max-width: 100%; padding: 1rem; position: relative; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain } .has-dots { margin-bottom: calc(0.5rem + 22px) } .carousel__dots { margin: 0 auto; padding: 0; position: absolute; top: calc(100% + 0.5rem); left: 0; right: 0; display: flex; justify-content: center; list-style: none; user-select: none } .carousel__dots .carousel__dot { margin: 0; padding: 0; display: block; position: relative; width: 22px; height: 22px; cursor: pointer } .carousel__dots .carousel__dot:after { content: ""; width: 8px; height: 8px; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: currentColor; opacity: .25; transition: opacity .15s ease-in-out } .carousel__dots .carousel__dot.is-selected:after { opacity: 1 } .carousel__button { width: var(--carousel-button-width, 48px); height: var(--carousel-button-height, 48px); padding: 0; border: 0; display: flex; justify-content: center; align-items: center; pointer-events: all; cursor: pointer; color: var(--carousel-button-color, currentColor); background: var(--carousel-button-bg, transparent); border-radius: var(--carousel-button-border-radius, 50%); box-shadow: var(--carousel-button-shadow, none); transition: opacity .15s ease } .carousel__button.is-prev,.carousel__button.is-next { position: absolute; top: 50%; transform: translateY(-50%) } .carousel__button.is-prev { left: 10px } .carousel__button.is-next { right: 10px } .carousel__button[disabled] { cursor: default; opacity: .3 } .carousel__button svg { width: var(--carousel-button-svg-width, 50%); height: var(--carousel-button-svg-height, 50%); fill: none; stroke: currentColor; stroke-width: var(--carousel-button-svg-stroke-width, 1.5); stroke-linejoin: bevel; stroke-linecap: round; filter: var(--carousel-button-svg-filter, none); pointer-events: none } html.with-fancybox { scroll-behavior: auto } body.compensate-for-scrollbar { overflow: hidden !important; touch-action: none } .fancybox__container { position: fixed; top: 0; left: 0; bottom: 0; right: 0; direction: ltr; margin: 0; padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px); box-sizing: border-box; display: flex; flex-direction: column; color: var(--fancybox-color, #fff); -webkit-tap-highlight-color: transparent; overflow: hidden; z-index: 1050; outline: none; transform-origin: top left; --carousel-button-width: 48px; --carousel-button-height: 48px; --carousel-button-svg-width: 24px; --carousel-button-svg-height: 24px; --carousel-button-svg-stroke-width: 2.5; --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4)) } .fancybox__container *,.fancybox__container *::before,.fancybox__container *::after { box-sizing: inherit } .fancybox__container :focus { outline: none } body:not(.is-using-mouse) .fancybox__container :focus { box-shadow: 0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94)) } @media all and (min-width: 1024px) { .fancybox__container { --carousel-button-width:48px; --carousel-button-height: 48px; --carousel-button-svg-width: 27px; --carousel-button-svg-height: 27px } } .fancybox__backdrop { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: var(--fancybox-bg, rgba(24, 24, 27, 0.92)) } .fancybox__carousel { position: relative; flex: 1 1 auto; min-height: 0; height: 100%; z-index: 10 } .fancybox__carousel.has-dots { margin-bottom: calc(0.5rem + 22px) } .fancybox__viewport { position: relative; width: 100%; height: 100%; overflow: visible; cursor: default } .fancybox__track { display: flex; height: 100% } .fancybox__slide { flex: 0 0 auto; width: 100%; max-width: 100%; margin: 0; padding: 48px 8px 8px 8px; position: relative; overscroll-behavior: contain; display: flex; flex-direction: column; outline: 0; overflow: auto; --carousel-button-width: 36px; --carousel-button-height: 36px; --carousel-button-svg-width: 22px; --carousel-button-svg-height: 22px } .fancybox__slide::before,.fancybox__slide::after { content: ""; flex: 0 0 0; margin: auto } @media all and (min-width: 1024px) { .fancybox__slide { padding:64px 100px } } .fancybox__content { margin: 0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px); padding: 36px; color: var(--fancybox-content-color, #374151); background: var(--fancybox-content-bg, #fff); position: relative; align-self: center; display: flex; flex-direction: column; z-index: 20 } .fancybox__content :focus:not(.carousel__button.is-close) { outline: thin dotted; box-shadow: none } .fancybox__caption { align-self: center; max-width: 100%; margin: 0; padding: 1rem 0 0 0; line-height: 1.375; color: var(--fancybox-color, currentColor); visibility: visible; cursor: auto; flex-shrink: 0; overflow-wrap: anywhere } .is-loading .fancybox__caption { visibility: hidden } .fancybox__container>.carousel__dots { top: 100%; color: var(--fancybox-color, #fff) } .fancybox__nav .carousel__button { z-index: 40 } .fancybox__nav .carousel__button.is-next { right: 8px } @media all and (min-width: 1024px) { .fancybox__nav .carousel__button.is-next { right:40px } } .fancybox__nav .carousel__button.is-prev { left: 8px } @media all and (min-width: 1024px) { .fancybox__nav .carousel__button.is-prev { left:40px } } .carousel__button.is-close { position: absolute; top: 8px; right: 8px; top: calc(env(safe-area-inset-top, 0px) + 8px); right: calc(env(safe-area-inset-right, 0px) + 8px); z-index: 40 } @media all and (min-width: 1024px) { .carousel__button.is-close { right:40px } } .fancybox__content>.carousel__button.is-close { position: absolute; top: -40px; right: 0; color: var(--fancybox-color, #fff) } .fancybox__no-click,.fancybox__no-click button { pointer-events: none } .fancybox__spinner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; color: var(--fancybox-color, currentColor) } .fancybox__slide .fancybox__spinner { cursor: pointer; z-index: 1053 } .fancybox__spinner svg { animation: fancybox-rotate 2s linear infinite; transform-origin: center center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 100%; height: 100% } .fancybox__spinner svg circle { fill: none; stroke-width: 2.75; stroke-miterlimit: 10; stroke-dasharray: 1,200; stroke-dashoffset: 0; animation: fancybox-dash 1.5s ease-in-out infinite; stroke-linecap: round; stroke: currentColor } @keyframes fancybox-rotate { 100% { transform: rotate(360deg) } } @keyframes fancybox-dash { 0% { stroke-dasharray: 1,200; stroke-dashoffset: 0 } 50% { stroke-dasharray: 89,200; stroke-dashoffset: -35px } 100% { stroke-dasharray: 89,200; stroke-dashoffset: -124px } } .fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close { opacity: var(--fancybox-opacity, 1) } .fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close { animation: .15s ease backwards fancybox-fadeIn } .fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close { animation: .15s ease both fancybox-fadeOut } .fancybox-fadeIn { animation: .15s ease both fancybox-fadeIn } .fancybox-fadeOut { animation: .1s ease both fancybox-fadeOut } .fancybox-zoomInUp { animation: .2s ease both fancybox-zoomInUp } .fancybox-zoomOutDown { animation: .15s ease both fancybox-zoomOutDown } .fancybox-throwOutUp { animation: .15s ease both fancybox-throwOutUp } .fancybox-throwOutDown { animation: .15s ease both fancybox-throwOutDown } @keyframes fancybox-fadeIn { from { opacity: 0 } to { opacity: 1 } } @keyframes fancybox-fadeOut { to { opacity: 0 } } @keyframes fancybox-zoomInUp { from { transform: scale(0.97) translate3d(0, 16px, 0); opacity: 0 } to { transform: scale(1) translate3d(0, 0, 0); opacity: 1 } } @keyframes fancybox-zoomOutDown { to { transform: scale(0.97) translate3d(0, 16px, 0); opacity: 0 } } @keyframes fancybox-throwOutUp { to { transform: translate3d(0, -30%, 0); opacity: 0 } } @keyframes fancybox-throwOutDown { to { transform: translate3d(0, 30%, 0); opacity: 0 } } .fancybox__carousel .carousel__slide { scrollbar-width: thin; scrollbar-color: #ccc rgba(255,255,255,.1) } .fancybox__carousel .carousel__slide::-webkit-scrollbar { width: 8px; height: 8px } .fancybox__carousel .carousel__slide::-webkit-scrollbar-track { background-color: rgba(255,255,255,.1) } .fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 2px; box-shadow: inset 0 0 4px rgba(0,0,0,.2) } .fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content { cursor: move; cursor: grab } .fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content { cursor: move; cursor: grabbing } .fancybox__carousel .fancybox__slide .fancybox__content { cursor: auto } .fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content { cursor: zoom-in } .fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content { cursor: zoom-out } .fancybox__carousel .fancybox__slide.is-draggable .fancybox__content { cursor: move; cursor: grab } .fancybox__carousel .fancybox__slide.is-dragging .fancybox__content { cursor: move; cursor: grabbing } .fancybox__image { transform-origin: 0 0; user-select: none; transition: none } .has-image .fancybox__content { padding: 0; background: transparent; min-height: 1px } .is-closing .has-image .fancybox__content { overflow: visible } .has-image[data-image-fit=contain] { overflow: visible; touch-action: none } .has-image[data-image-fit=contain] .fancybox__content { flex-direction: row; flex-wrap: wrap } .has-image[data-image-fit=contain] .fancybox__image { max-width: 100%; max-height: 100%; object-fit: contain } .has-image[data-image-fit=contain-w] { overflow-x: hidden; overflow-y: auto } .has-image[data-image-fit=contain-w] .fancybox__content { min-height: auto } .has-image[data-image-fit=contain-w] .fancybox__image { max-width: 100%; height: auto } .has-image[data-image-fit=cover] { overflow: visible; touch-action: none } .has-image[data-image-fit=cover] .fancybox__content { width: 100%; height: 100% } .has-image[data-image-fit=cover] .fancybox__image { width: 100%; height: 100%; object-fit: cover } .fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content { max-width: 100%; flex-shrink: 1; min-height: 1px; overflow: visible } .fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content { width: 100%; height: 80% } .fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content { width: 960px; height: 540px; max-width: 100%; max-height: 100% } .fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content { padding: 0; background: rgba(24,24,27,.9); color: #fff } .fancybox__carousel .fancybox__slide.has-map .fancybox__content { background: #e5e3df } .fancybox__html5video,.fancybox__iframe { border: 0; display: block; height: 100%; width: 100%; background: transparent } .fancybox-placeholder { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0 } .fancybox__thumbs { flex: 0 0 auto; position: relative; padding: 0px 3px; opacity: var(--fancybox-opacity, 1) } .fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs { animation: .15s ease-in backwards fancybox-fadeIn } .fancybox__container.is-animated.is-closing .fancybox__thumbs { opacity: 0 } .fancybox__thumbs .carousel__slide { flex: 0 0 auto; width: var(--fancybox-thumbs-width, 96px); margin: 0; padding: 8px 3px; box-sizing: content-box; display: flex; align-items: center; justify-content: center; overflow: visible; cursor: pointer } .fancybox__thumbs .carousel__slide .fancybox__thumb::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-width: 5px; border-style: solid; border-color: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96)); opacity: 0; transition: opacity .15s ease; border-radius: var(--fancybox-thumbs-border-radius, 4px) } .fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after { opacity: .92 } .fancybox__thumbs .carousel__slide>* { pointer-events: none; user-select: none } .fancybox__thumb { position: relative; width: 100%; padding-top: calc(100%/(var(--fancybox-thumbs-ratio, 1.5))); background-size: cover; background-position: center center; background-color: rgba(255,255,255,.1); background-repeat: no-repeat; border-radius: var(--fancybox-thumbs-border-radius, 4px) } .fancybox__toolbar { position: absolute; top: 0; right: 0; left: 0; z-index: 20; background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.006) 8.1%, rgba(0, 0, 0, 0.021) 15.5%, rgba(0, 0, 0, 0.046) 22.5%, rgba(0, 0, 0, 0.077) 29%, rgba(0, 0, 0, 0.114) 35.3%, rgba(0, 0, 0, 0.155) 41.2%, rgba(0, 0, 0, 0.198) 47.1%, rgba(0, 0, 0, 0.242) 52.9%, rgba(0, 0, 0, 0.285) 58.8%, rgba(0, 0, 0, 0.326) 64.7%, rgba(0, 0, 0, 0.363) 71%, rgba(0, 0, 0, 0.394) 77.5%, rgba(0, 0, 0, 0.419) 84.5%, rgba(0, 0, 0, 0.434) 91.9%, rgba(0, 0, 0, 0.44) 100%); padding: 0; touch-action: none; display: flex; justify-content: space-between; --carousel-button-svg-width: 20px; --carousel-button-svg-height: 20px; opacity: var(--fancybox-opacity, 1); text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4)) } @media all and (min-width: 1024px) { .fancybox__toolbar { padding:8px } } .fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar { animation: .15s ease-in backwards fancybox-fadeIn } .fancybox__container.is-animated.is-closing .fancybox__toolbar { opacity: 0 } .fancybox__toolbar__items { display: flex } .fancybox__toolbar__items--left { margin-right: auto } .fancybox__toolbar__items--center { position: absolute; left: 50%; transform: translateX(-50%) } .fancybox__toolbar__items--right { margin-left: auto } @media(max-width: 640px) { .fancybox__toolbar__items--center:not(:last-child) { display:none } } .fancybox__counter { min-width: 72px; padding: 0 10px; line-height: var(--carousel-button-height, 48px); text-align: center; font-size: 17px; font-variant-numeric: tabular-nums; -webkit-font-smoothing: subpixel-antialiased } .fancybox__progress { background: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96)); height: 3px; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 30; user-select: none } .fancybox__container:fullscreen::backdrop { opacity: 0 } .fancybox__button--fullscreen g:nth-child(2) { display: none } .fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1) { display: none } .fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) { display: block } .fancybox__button--slideshow g:nth-child(2) { display: none } .fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1) { display: none } .fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) { display: block } /* End */ /* Start:/local/templates/dayun/css/lib/owl.carousel.min.css?17268440364331*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative } .owl-carousel { display: none; width: 100%; z-index: 1 } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none } .owl-carousel .owl-item img { /*display:block;width:100%*/ } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0!important; font: inherit } .owl-carousel.owl-loading { opacity: 0; display: block } .owl-carousel.owl-hidden { opacity: 0 } .owl-carousel.owl-refresh .owl-item { visibility: hidden } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-grab { cursor: move; cursor: grab } .owl-carousel.owl-rtl { direction: rtl } .owl-carousel.owl-rtl .owl-item { float: right } .owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel .owl-animated-out { z-index: 1 } .owl-carousel .fadeOut { animation-name: fadeOut } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } .owl-height { transition: height .5s ease-in-out } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease } .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0 } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(/local/templates/dayun/css/lib/owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% } /* End */ /* Start:/local/templates/dayun/css/style.css?177322752885525*/ :root { --White: #fff; --Cool-gray-30: #c1c7cd; --CoolGray-60: #697077; --CoolGray-90: #21272a; --Gray: #949494; --Black: #131313; --Black-Original: #000; --Accent-Red: #e72323; --Blue-Litest: #f7f9fc; --Blue-Stroke: #91acd4; --Blue-Middle: #366eda; --Blue-Modal: rgb(43 47 54 / 61%); --Footer-Dark-Blue: #4b586c; } * { margin: 0; padding: 0; box-sizing: border-box; } ul, ol { list-style: none; } p { padding-bottom: 1em; } table { border-collapse: collapse; border-spacing: 0; } img { max-width: 100%; height: auto; } input, button, textarea, select { font: inherit; color: inherit; border: 0; outline: 0; } body { font-family: Cygre, Georgia, sans-serif; font-size: 18px; font-weight: 400; //-webkit-font-smoothing: antialiased; //-moz-osx-font-smoothing: grayscale; color: var(--Black); margin: 0; padding: 0; } body::-webkit-scrollbar { width: 12px; height: 12px; } textarea::-webkit-scrollbar { width: 7px; height: 7px; border-radius: 0 5px 5px 0; } body::-webkit-scrollbar-track, textarea::-webkit-scrollbar-track { background: var(--Blue-Litest); } body::-webkit-scrollbar-thumb { border: 1px solid var(--Blue-Litest); background: var(--Blue-Stroke); border-radius: 2px; } textarea::-webkit-scrollbar-thumb { border: 1px solid var(--Blue-Litest); background: var(--Blue-Stroke); border-radius: 2px; } .no-scroll { /* overflow: hidden; position: fixed; width: 100%; height: 100%; padding-right:12px; */ } main { position: relative; padding-top: 82px; } .front-page main { padding-top: 0; } a { color: var(--Footer-Dark-Blue); } a:hover { color: var(--Accent-Red); } a, a:active, a:hover, a:visited { text-decoration: none; } .scroll_top { position: fixed; bottom: 80px; right: 40px; cursor: pointer; width: 45px; height: 32px; opacity: 0; visibility: hidden; transition: all 0.5s ease; z-index: 998; } .scroll_top.visi { opacity: 1; visibility: visible; } .page_title { font-size: 50px; font-weight: 700; line-height: 140%; padding-top: 20px; } .page_title span { color: var(--Accent-Red); } .subtittle { font-family: "Cygre"; font-size: 32px; font-weight: 700; line-height: 110%; margin-bottom: 30px; } @media screen and (max-width: 1024px) { .page_title { font-size: 40px; } .subtittle { font-size: 26px; margin-bottom: 18px; } } @media screen and (max-width: 768px) { .page_title { font-size: 30px; } .subtittle { font-size: 20px; margin-bottom: 0; } } @media screen and (max-width: 460px) { .scroll_top { bottom: 20px; right: 20px; } } /****** header ******/ header { position: fixed; width: 100%; z-index: 999; } .header_inner { padding: 0 20px; background-color: var(--White); transition: background 0.3s ease; } .header_inner.reverse { padding: 0 20px; background-color: transparent; } .container { position: relative; max-width: 1440px; margin: 0 auto; } .header_inner_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 16px 0; } body:not(.front-page) .header_inner:not(.scrolled) .header_inner_container { border-bottom: 1px solid var(--Black); } .reverse .header_inner_container { border-bottom: 1px solid var(--White); } .header_inner.scrolled { border-bottom: 1px solid var(--Black); } .logo_group, .logo_footer_group, .logo_mobile_group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 13px; align-items: center; font-size: 10px; font-weight: 500; line-height: 100%; } .logo_group { color: var(--Black); } .logo_footer_group { color: var(--White); } .reverse .logo_group { color: var(--White); } .reverse_logo { display: none; } .reverse .reverse_logo { display: block; } .blue_logo { display: block; } .reverse .blue_logo { display: none; } .main_menu_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; list-style: none; gap: 10px; margin: 0; padding: 0; } .main_menu_item { /* position: relative; */ padding: 12px 8px 12px; border-radius: 15px 15px 0 0; background: transparent; transition: all 0.5s ease; } .main_menu_submenu { list-style: none; margin: 0; padding: 10px 0; visibility: hidden; opacity: 0; transition: all 0.5s ease; position: absolute; top: 30px; left: 0; background: var(--White); border-radius: 0 15px 15px 15px; width: auto; min-width: 100%; } .main_menu_item:not(.has_submenu) a { padding-top: 2px; } .has_submenu:hover { /* background: var(--White); */ background: rgba(247, 249, 252, 0.83); } .has_submenu:hover .main_menu_link { /* color: var(--Black); */ } .has_submenu:hover .main_menu_submenu { visibility: visible; opacity: 1; } .main_menu_link_holder { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; gap: 2px; } .main_menu_link { display: inline-flex; color: var(--Black); font-size: 16px; font-style: normal; font-weight: 500; line-height: 100%; transition: all 0.4s ease; height: 20px; } span.main_menu_link { cursor: default; } .main_menu_submenu a { display: block; color: var(--Black); font-size: 18px; line-height: 140%; padding: 5px 10px; white-space: nowrap; } .reverse .main_menu_link { color: var(--White); } .reverse .has_submenu:hover .main_menu_link { color: var(--Black); } .reverse .main_menu_link:hover, .main_menu_submenu a:hover, .reverse .has_submenu:hover .main_menu_submenu a:hover, .reverse .has_submenu:hover a:hover { color: var(--Accent-Red); } .arrow { width: 22px; height: 22px; cursor: pointer; text-align: center; } .arrow svg { fill: var(--Black); } .reverse .arrow svg { fill: var(--White); } .reverse .has_submenu:hover .arrow svg { fill: var(--Black); } .main_menu_mobile_link_holder .arrow svg { fill: var(--Black); } .header_button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 16px 28px; justify-content: center; align-items: center; border-radius: 10px; background: var(--Black); color: var(--White); font-size: 16px; font-weight: 400; line-height: 100%; cursor: pointer; -webkit-transition: color 0.4s ease, background-color 0.4s ease; -moz-transition: color 0.4s ease, background-color 0.4s ease; -ms-transition: color 0.4s ease, background-color 0.4s ease; -o-transition: color 0.4s ease, background-color 0.4s ease; transition: color 0.4s ease, background-color 0.4s ease; } .header_button:hover { background: var(--Accent-Red); color: var(--White); } .reverse .header_button_holder .header_button { background: var(--White); color: var(--Black); } .reverse .header_button_holder .header_button:hover { background: var(--Black); color: var(--White); } .burger_buttton { display: none; } .burger_buttton_js { display: flex; width: 56px; height: 56px; padding: 16px 13px; justify-content: center; align-items: center; border-radius: 6px; background: #fff; cursor: pointer; } .main_mobile_menu { position: absolute; top: 0; left: 0; right: 0; height: 100vh; background: var(--White); z-index: 9999; padding: 16px 20px 20px; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; justify-content: space-between; gap: 20px; display: none; opacity: 0; transition: opacity 0.5s ease; } .main_mobile_menu.visible { display: flex; opacity: 1; } .main_mobile_menu_holder { overflow-y: auto; } .mobile_button { padding: 16px 12px; border-radius: 10px; background: var(--Accent-Red); max-width: 328px; text-align: center; color: var(--White); font-size: 16px; } .top_mobile_menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between; } .button_close_menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; padding: 10px 7px; cursor: pointer; } .main_menu_mobile_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; gap: 20px; } .main_menu_mobile_link_holder { display: flex; gap: 2px; align-content: center; flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; } .main_menu_mobile_link { color: var(--Black); font-size: 25px; font-weight: 700; line-height: 110%; text-transform: uppercase; } .main_submenu_mobile_item a { color: var(--Black); font-size: 20px; font-weight: 500; line-height: 110%; } .main_menu_mobile_link:hover, .main_menu_mobile_link.active, .main_submenu_mobile_item a:hover { color: var(--Accent-Red); } .main_menu_mobile_submenu { margin-top: 0; display: flex; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; gap: 20px; overflow: hidden; max-height: 0; transition: max-height 0.5s ease-out, margin-top 0.5s ease-out; } .arrow.flipped svg { transform: rotate(180deg); transition: transform 0.3s; fill: var(--Accent-Red); } .reverse .has_submenu .arrow.flipped svg { fill: var(--Accent-Red); } .burger_button { display: none; } .burger_button_js { display: inline-flex; border-radius: 6px; background: #fff; padding: 16px 13px; } .mobile_button_holder { padding: 37px 20px 0; background-image: url(/local/templates/dayun/css/../images/slashes.svg); background-repeat: repeat-x; background-size: auto 20px; background-position: top left; margin: 0 -20px; } @media screen and (max-width: 1024px) { .header_inner_container { border-bottom: none; } .header_button_holder { display: none; } .burger_button { display: block; } .main_menu { display: none; } } @media screen and (max-width: 960px) { .burger_button_js { padding: 10px 7px; } } @media screen and (max-width: 768px) { .header_inner_container { padding: 10px 0; } .mobile_button_holder { padding: 37px 16px 0; margin: 0 -16px; } .main_mobile_menu { padding: 10px 16px 16px; } .header_inner, .header_inner.reverse { padding: 0 16px; } .main_menu_mobile_link { font-size: 20px; } } @media screen and (max-width: 520px) { .logo_text { display: none; } } /****** / header ******/ /****** breadcrumbs ******/ .breadcrumbs { padding-top: 40px; } .breadcrumbs span, .breadcrumbs a { font-size: 16px; font-weight: 400; line-height: 140%; } .breadcrumb_list { display: flex; gap: 10px; flex-wrap: wrap; } .breadcrumbs a { position: relative; display: inline-flex; align-items: center; justify-content: space-between; } .breadcrumbs a:after { content: ""; min-width: 0 !important; position: relative; width: 7px; height: 10px; background: url(/local/templates/dayun/css/../images/thumb.svg) no-repeat center center; margin-left: 10px; display: flex; } @media screen and (max-width: 1024px) { .breadcrumbs { padding-top: 30px; } .breadcrumbs span, .breadcrumbs a { font-size: 14px; } } @media screen and (max-width: 768px) { .breadcrumbs { padding-top: 10px; } .breadcrumbs span, .breadcrumbs a { font-size: 12px; } .breadcrumbs a:after { content: url("data:image/svg+xml;utf8,"); } } /****** //.breadcrumbs ******/ .section { padding-left: 20px; padding-right: 20px; } @media screen and (max-width: 768px) { .section { padding-left: 16px; padding-right: 16px; } } /****** Slider HOME ******/ .swiper_hero { width: 100%; height: 1011px; } .swiper-slide { overflow: hidden; } .swiper_hero_pagination .swiper-pagination-bullet { width: 67px; height: 10px; border-radius: 41px; border: 1px solid var(--White); background: transparent; cursor: pointer; } .swiper_hero_pagination .swiper-pagination-bullet-active { background: var(--White); } .swiper_hero_pagination { margin-bottom: 110px; } .hero_image { height: 100%; width: 100%; object-fit: cover; object-position: 75% bottom; } .gallery_slider .hero_image { object-fit: contain; } .bg_hero { position: absolute; top: 0; left: 0; } .bg_top { right: 0; height: 134px; background: linear-gradient(180deg, rgba(5, 27, 55, 0.23) 0%, rgba(0, 0, 0, 0) 100%); } .bg_left { bottom: 0; width: 688px; background: linear-gradient(90deg, rgba(7, 40, 83, 0.29) 0%, rgba(0, 0, 0, 0) 100%); } .bg_center { right: 0; bottom: 0; border-radius: 447px; background: rgba(46, 58, 72, 0.58); filter: blur(215px); z-index: 1; } .hero_text_holder { position: absolute; top: 215px; left: 0; right: 0; width: 100%; padding: 0 20px; } .hero_text { position: relative; width: 440px; color: var(--White); text-transform: uppercase; } .hero_text_top { position: relative; z-index: 2; font-size: 121px; font-weight: 700; line-height: 100%; } .hero_text_middle { position: relative; z-index: 2; font-size: 22px; font-weight: 400; line-height: 100%; } .hero_text_bottom { position: relative; z-index: 2; font-size: 70px; font-weight: 700; line-height: 100%; margin-top: 37px; } @media screen and (max-width: 1600px) { .logo_group { gap: 13px; } .main_menu_list { gap: 5px; } .swiper_hero { height: 690px; } .swiper_hero_pagination { margin-bottom: 60px; } .hero_text_top { font-size: 87px; } .hero_text_middle { font-size: 16px; } .hero_text_bottom { font-size: 50px; } .hero_text_holder { top: 190px; } .hero_text { width: 340px; } } @media screen and (max-width: 1200px) { .hero_image { object-position: 70% bottom; } .swiper_hero_pagination { display: none; } .hero_text { width: 500px; } .hero_text_middle { width: 340px; } .bg_top, .bg_center { display: none; } .bg_left { width: 100%; background: linear-gradient(90deg, rgba(7, 40, 83, 0.7) 0%, rgba(0, 0, 0, 0) 100%); } } @media screen and (max-width: 768px) { .swiper_hero { height: 440px; } .hero_text_top { font-size: 50px; } .hero_text_middle { font-size: 8px; width: 180px; } .hero_text_bottom { font-size: 30px; max-width: 300px; margin-top: 15px; } .hero_text_holder { padding: 0 16px; } } /****** //Slider HOME ******/ /****** .info_block ******/ .slash_bg { background-image: url(/local/templates/dayun/css/../images/slashes.svg); background-repeat: repeat-x; background-position: left bottom; } .slash_big_bg { background-color: var(--White); background-image: url(/local/templates/dayun/css/../images/slashes_big.svg); background-repeat: repeat-x; background-size: cover; } .info_block { margin: -60px -35px 0; position: relative; z-index: 13; border-radius: 40px; border-bottom: 1px solid #e0e0e0; padding: 60px 90px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; background-color: var(--Blue-Litest); } .info_block_text { color: var(--Black); text-align: center; font-size: 32px; font-weight: 700; line-height: 110%; text-transform: uppercase; } .txt_red { color: var(--Accent-Red); } @media screen and (max-width: 1600px) { .info_block { margin: -30px 0 0; } } @media screen and (max-width: 1480px) { .info_block { margin: -30px 20px 0; } } @media screen and (max-width: 1400px) { .info_block_text { font-size: 25px; } } @media screen and (max-width: 1200px) { .info_block { margin: -30px 20px 0; padding: 30px 20px; } .hero_text_holder { top: auto; bottom: 70px; } } @media screen and (max-width: 768px) { .info_block_line { display: none; } .info_block { flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; margin: -30px 0 0; padding: 30px 16px; background: no-repeat; border: none; gap: 10px; } .info_block_innner { border-radius: 10px; border-bottom: 1px solid #e0e0e0; background-color: var(--Blue-Litest); padding: 18px 20px 22px; width: 100%; background-image: url(/local/templates/dayun/css/../images/slashes_mobile.svg); background-repeat: repeat-x; background-position: left bottom; } .info_block_innner:first-child { margin-top: -30px; } } /****** //.info_block ******/ /****** models ******/ .models { padding-top: 40px; } .h2 { color: var(--Black); font-size: 50px; font-weight: 700; line-height: 110%; padding-top: 20px; } .privacy_policy h2 { margin: 25px 0 20px; } .privacy_policy p { padding-left: 20px; display: flex; } .privacy_policy table { margin-left: 20px; margin-bottom: 30px; } .privacy_policy td { border: 1px solid #ccc; padding: 10px; } .privacy_policy ul { margin-left: 40px; margin-bottom: 20px; } .privacy_policy ul li { list-style: disc; padding: 0 0 13px; margin-left: 20px; } .front-page .h2 { padding-top: 40px; text-transform: uppercase; } .model_range { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 16px; padding: 64px 0; } .fuel { text-transform: uppercase; } .model_img { overflow: hidden; max-width: 100%; height: 242px; text-align: center; } .model_img img { height: 100%; object-fit: cover; } .model_title { color: var(--Black, #131313); font-size: 25px; font-weight: 700; line-height: 100%; margin: 19px 0 15px; transition: color 0.3s ease; } .model_item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; justify-content: space-between; border-radius: 10px; border: 1px solid var(--Blue-Stroke); overflow: hidden; position: relative; } .model_item_inner { padding: 16px 16px 0; } .model_text { color: var(--Gray); font-size: 12px; line-height: 140%; padding-bottom: 15px; } .model_text span { padding: 0 5px; } .model_text .line_end:after { content: url("data:image/svg+xml,%3Csvg width='1' height='18' viewBox='0 0 1 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.5' y1='2.67125e-08' x2='0.499999' y2='18' stroke='%23949494'/%3E%3C/svg%3E"); position: relative; top: 3px; right: -3px; } .model_inner_bottom { width: 100%; padding: 16px; } .model_item_inner:hover .model_title { color: #366eda; } .btn { padding: 15px; text-align: center; border-radius: 6px; cursor: pointer; transition: border-color 0.4s ease, background-color 0.4s ease; } .btn_more { width: 100%; display: block; border: 1px solid var(--Black); background: var(--White); color: var(--Black); } .mark_new { border-radius: 3px; background: var(--Blue-Middle); position: absolute; top: 16px; right: 16px; z-index: 10; color: var(--White); font-size: 12px; line-height: 90%; padding: 6px; } .btn_catalog { border-radius: 10px; border: 2px solid var(--Accent-Red); display: inline-block; background: var(--White); color: var(--Accent-Red); font-size: 20px; font-weight: 500; line-height: 100%; letter-spacing: 0.5px; padding: 16px 32px; } .btn_catalog:hover { background: var(--Accent-Red); color: var(--White); } .btn_holder { text-align: center; } .model_item_tablet { display: none; } @media screen and (max-width: 1200px) { .h2 { font-size: 30px; } .model_range { grid-template-columns: repeat(3, 1fr); grid-gap: 10px; padding: 43px 0; } .model_item_inner { padding: 10px 10px 0; } .model_img { height: 220px; } .model_img img { width: 100%; } .model_title { font-size: 15px; margin: 10px 0 10px; } .model_text { font-size: 12px; padding-bottom: 10px; } .model_text .line_end:after { top: 1px; right: -3px; height: 10px; display: inline-block; overflow: hidden; } .btn_more { border: 1px solid var(--White); background: var(--Blue-Stroke); color: var(--White, #fff); font-size: 15px; } .model_inner_bottom.slash_big_bg { background: none; } .btn_catalog { font-size: 15px; padding: 14px 42px; } .model_item_tablet { display: flex; } } @media screen and (max-width: 768px) { .models { padding-top: 20px; } .front-page .h2 { padding-top: 20px; } .model_item_tablet { display: none; } .model_range { grid-template-columns: repeat(2, 1fr); grid-gap: 10px; padding: 20px 0; } .mark_new { font-size: 8px; top: 10px; right: 10px; line-height: 90%; } .model_inner_bottom { padding: 10px; } .btn_more { padding: 14px; } } @media screen and (max-width: 460px) { .model_img { height: 110px; } } /****** //models ******/ /****** question form ******/ .question { padding-top: 100px; padding-bottom: 100px; } .q_title { font-size: 42px; font-weight: 700; line-height: 110%; text-transform: uppercase; } .q_text { font-size: 18px; font-weight: 400; line-height: 140%; padding: 20px 0; } form ::placeholder { color: var(--Blue-Stroke); font-size: 16px; font-weight: 400; line-height: 140%; opacity: 0.5; } .inp { border-radius: 10px; padding: 14px 16px 14px 42px; font-size: 16px; line-height: 140%; background-position: 14px 47%; background-repeat: no-repeat; background-color: transparent; } .inp.mail { border: 1px solid var(--Blue-Stroke); background-image: url(/local/templates/dayun/css/../images/mail.svg); } .inp.phone { border: 1px solid var(--Blue-Stroke); background-image: url(/local/templates/dayun/css/../images/phone.svg); } .inp.fio { border: 1px solid var(--Blue-Stroke); background-image: url(/local/templates/dayun/css/../images/fio.svg); } .inp.no-icon { border: 1px solid var(--Blue-Stroke); background-image: none; padding: 14px 16px 14px 14px; } .q_messame { padding: 18px 16px; border-radius: 10px; resize: vertical; width: 100%; min-height: 70px; max-height: 200px; background: transparent; position: relative; } .c_textarea, .q_textarea { position: relative; border-radius: 10px; border: 1px solid var(--Blue-Stroke, #91acd4); overflow: hidden; } .btn_blue { border-radius: 10px; border: 1px solid var(--Blue-Stroke); background: var(--Blue-Stroke); color: var(--White); font-size: 20px; font-weight: 500; } .btn_blue:hover { background: var(--Accent-Red); border-color: var(--Accent-Red); } .q_check_input_holder { position: relative; } .q_check_input { position: relative; left: 0; top: 30px; opacity: 0; z-index: -1; width: 50px; height: 1px; } .q_check { position: relative; padding: 2px 0 0 30px; display: block; margin: 3px 0 0; color: var(--Blue-Stroke); font-size: 14px; font-weight: 400; line-height: 140%; } .q_check:before { content: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='18' height='18' rx='2.5' stroke='%2391ACD4'/%3E%3C/svg%3E"); position: absolute; left: 0; top: 0; } .q_check:after { content: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 10.1429L8 14L14 5' stroke='%23E72323' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); position: absolute; display: none; left: 0; top: 0; } .q_check_input:checked + .q_check:after { display: block; } .q_color_bg { position: absolute; left: 130px; top: 0; right: 0; bottom: 0; border-radius: 40px; border-bottom: 1px solid #e0e0e0; background-color: var(--Blue-Litest); } .q_car_bg { position: relative; flex: 600px; background-image: url(/local/templates/dayun/css/../images/car.png); mix-blend-mode: darken; background-repeat: no-repeat; background-position: right; background-size: cover; height: 400px; } .q_form_holder { padding: 40px 20px 50px; flex: 840px; } .q_holder { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; z-index: 2; align-items: center; } .q_form_inner { max-width: 630px; } .q_order_layers, .c_order_layers { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; gap: 16px; margin-top: 16px; } .order_1 { width: 52%; } .order_2 { width: 45%; } .c_modal_js_order .order_1 { width: 100%; } .c_modal_js_order .order_2 { width: 100%; } .c_modal_js_order .c_textarea { margin-top: 20px; } .c_modal_js_order .c_modal_holder { margin: calc((100vh - 850px) / 2) auto auto; } .gallery_slider > .swiper { width: 85%; } @media screen and (max-width: 1200px) { .q_car_bg { background-position: center right -24px; } .q_form_holder { padding: 30px 20px 30px; flex: 820px; } .q_car_bg { flex: 460px; background-position: center right -24px; height: 370px; } .q_color_bg.slash_bg { background-position: left bottom -5px; } .q_order_layers { gap: 10px; } .q_text { font-size: 15px; } } @media screen and (max-width: 1024px) { .question { padding-top: 68px; margin-bottom: -60px; } } @media screen and (max-width: 768px) { .question { padding-top: 60px; } .q_car_bg { display: none; } .q_color_bg { background-image: none; left: 0; } .q_form_holder { flex: auto; } .q_title { font-size: 20px; } .order_1 { order: 1; width: 100%; } .order_3 { order: 2; width: 100%; } .order_2 { order: 3; width: 100%; } .c_modal_js_order .c_message { height: 100px; } .c_modal_js_order .c_modal_holder { margin: calc((100vh - 740px) / 2) auto auto; } .gallery_slider > .swiper { width: 100%; } } /****** //question form ******/ /****** catalog ******/ .catalog_categories { padding: 100px 20px 50px; } .catalog_category_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 50px; } .catalog_category_item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 20px 150px 20px 100px; justify-content: space-between; align-items: center; align-self: stretch; border-radius: 20px; border: 1px solid var(--Blue-Stroke, #91acd4); box-shadow: 0 2px 0 0 #f2f2f2; overflow: hidden; gap: 20px; } .catalog_category_item_text { width: 40%; } .catalog_category_item_text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; align-items: flex-start; gap: 20px; } .category_title { color: var(--Black); font-size: 40px; font-weight: 700; line-height: 100%; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; z-index: 1; } .category_text { color: var(--Black); font-size: 20px; font-weight: 400; line-height: 140%; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; } .catalog_category_item:hover .category_title { color: var(--Accent-Red); } .catalog_category_item_image img { width: 442px; } @media screen and (max-width: 1200px) { .catalog_categories { padding: 70px 20px 50px; } .catalog_category_item_image img { width: 340px; } .catalog_category_item_text { width: 50%; } .catalog_category_item { padding: 20px 80px 20px 50px; } } @media screen and (max-width: 1024px) { .catalog_categories { padding: 40px 20px 50px; } .catalog_category_item_image img { width: 340px; } .catalog_category_item_text { width: 50%; } .catalog_category_item { padding: 20px 20px 40px 20px; } .catalog_categories { padding: 30px 20px 50px; } .catalog_category_list { gap: 30px; } .category_title { font-size: 40px; } .page_title span { color: var(--Accent-Red); } .category_text { font-size: 18px; } } @media screen and (max-width: 768px) { .catalog_categories { padding: 30px 16px 50px; } .catalog_category_item_image { display: none; } .catalog_category_item_text { width: 100%; } } /****** //catalog ******/ /****** subcatalog ******/ .models.subcategories { padding-top: 100px; padding-bottom: 50px; } .models.subcategories .model_range { padding: 0; } @media screen and (max-width: 1024px) { .models.subcategories { padding-top: 70px; padding-bottom: 50px; } } @media screen and (max-width: 768px) { .models.subcategories { padding-top: 40px; padding-bottom: 40px; } } /****** //subcatalog ******/ /****** product, about, aboutDAYUN ******/ .main_image { padding-top: 100px; } .models.specifications { padding-top: 80px; } .specifications_title, .section_text_title { color: var(--Black); font-size: 32px; font-weight: 700; line-height: 110%; padding-bottom: 40px; } .parameter { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 25px; justify-content: space-between; min-height: 84px; border-bottom: 1px solid var(--Blue-Stroke); padding: 10px 0; } .parameter_title { font-weight: 700; line-height: 110%; flex: 1; } .parameter_data { font-weight: 400; line-height: 140%; flex: 1; } .photo_gallery { padding-top: 100px; } .photo_gallery_title { font-size: 50px; font-weight: 700; line-height: 140%; padding-bottom: 40px; } .swiper_gallery_pagination .swiper-pagination-bullet, .swiper_about_pagination .swiper-pagination-bullet { width: 67px; height: 10px; border-radius: 41px; border: 1px solid var(--Blue-Stroke); background: var(--White); cursor: pointer; } .swiper_gallery_pagination .swiper-pagination-bullet-active, .swiper_about_pagination .swiper-pagination-bullet-active { background: var(--Blue-Stroke); } .swiper_gallery, .swiper_about { padding-bottom: 50px; } .swiper-pagination.swiper_gallery_pagination, .swiper-pagination.swiper_about_pagination { bottom: 0; z-index: 100; } .swiper-btn-prev, .swiper-btn-next { position: absolute; /*bottom: -10px;*/ cursor: pointer; z-index: 110; } .swiper-btn-prev { left: 0; top: 45%; margin-top: -20px; } .swiper-btn-next { right: 0; top: 45%; margin-top: -20px; } .swiper-button-disabled { cursor: default; opacity: 0.4; } .swiper-slide.swiper_gallery-slide a { display: flex; width: 100%; height: 340px; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(1); } .basic__info-photo .swiper_gallery .hero_image { border-radius: 10px; } .section_text { padding-top: 40px; } .about_info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; gap: 20px; } .about_info_item { display: grid; grid-template-columns: repeat(2, 1fr); } .about_info_image { height: 695px; overflow: hidden; } .about_info_image img { width: 100%; height: 100%; object-fit: cover; } .page_about_title { max-width: 900px; } .section_about { padding-top: 100px; } .odd .about_info_text_holder { padding-left: 140px; } .even .about_info_text_holder { padding-right: 140px; } @media screen and (max-width: 1440px) { .about_info_image { height: 455px; } .odd .about_info_text_holder { padding-left: 70px; } .even .about_info_text_holder { padding-right: 60px; } } @media screen and (max-width: 1024px) { .main_image { padding-top: 50px; } .swiper-slide.swiper_gallery-slide a { height: 420px; } .models.specifications { padding-top: 70px; padding-bottom: 40px; } .photo_gallery { padding-top: 70px; } .swiper_gallery_pagination .swiper-pagination-bullet { width: 40px; } .parameter { font-size: 20px; } .photo_gallery_title { font-size: 40px; padding-bottom: 30px; } .section_about { padding-top: 60px; } .odd .about_info_text_holder { padding-left: 30px; } .even .about_info_text_holder { padding-right: 30px; } .about_info_text { font-size: 16px; } .about_info_image { height: 365px; } } @media screen and (max-width: 768px) { .main_image { padding-top: 10px; } .about_info_image { height: 225px; } .models.specifications { padding: 40px 10px 10px; } .photo_gallery { padding-top: 40px; } .swiper_gallery_pagination .swiper-pagination-bullet, .swiper_about_pagination .swiper-pagination-bullet { width: 20px; } .parameter { flex-direction: column; gap: 10px; font-size: 18px; } .photo_gallery_title { font-size: 32px; padding-bottom: 25px; } .swiper-slide.swiper_gallery-slide a { height: 320px; } .swiper-btn-prev, .swiper-btn-next { bottom: -5px; } .swiper-btn-prev svg, .swiper-btn-next svg { height: 23px; } .about_image { margin-bottom: 10px; } .specifications_title { font-size: 22px; } .section_text_title { font-size: 20px; } .section_text { padding-top: 20px; } .section_about { padding-top: 40px; } .about_info_item { display: flex; flex-direction: column; gap: 30px; } .odd .about_info_text_holder { padding-left: 0; } .even .about_info_text_holder { padding-right: 0; } .about_info_image img { height: 220px; width: 100%; object-fit: cover; display: block; object-position: center; } .even .about_info_text_holder { order: 2; } .even .about_info_image { order: 1; } } /****** //product, //about, //aboutDAYUN ******/ /******** contacts *********/ .contacts_holder { display: flex; justify-content: space-between; gap: 40px; } .section_default { padding-top: 100px; padding-bottom: 100px; } .contact_element_title { color: var(--CoolGray-90); font-size: 16px; font-weight: 400; line-height: 140%; } .contact_element { color: var(--Black-Original); font-size: 25px; font-weight: 400; line-height: 140%; margin-bottom: 16px; } .contact_form_holder form { display: flex; flex-direction: column; gap: 16px; } .label { display: block; padding: 3px 0 8px; } .required { color: var(--Accent-Red); padding-left: 5px; } .cont_inp { border-radius: 5px; border-bottom: 1px solid #d2e1f8; background-color: var(--Blue-Litest); padding: 12px 16px; width: 100%; } textarea.cont_inp { height: 96px; resize: vertical; min-height: 70px; max-height: 200px; } .explanation { color: var(--Accent-Red); font-size: 12px; line-height: 100%; } .btn_red { border-radius: 10px; border: 2px solid var(--Accent-Red); padding: 16px; background: var(--White); color: var(--Accent-Red); font-size: 20px; font-weight: 500; line-height: 100%; letter-spacing: 0.5px; transition: all 0.4s ease; } .btn_red:hover { background: var(--Accent-Red); color: var(--White); } .contact_form ::placeholder { color: var(--CoolGray-60); font-size: 16px; line-height: 140%; } .contact_form .q_link { text-decoration: underline; } .contact_form .q_check, .contact_form .q_link { color: var(--CoolGray-90, #21272a); font-size: 14px; font-weight: 400; line-height: 100%; } .contact_form .q_check:before, .contact_form .q_check:after { top: -2px; } .contacts_text { flex: 1; } .contact_form_holder { flex: 1; } .contacts_text { background: url(/local/templates/dayun/css/../images/slashes_contacts2.svg) repeat-x center bottom; } @media screen and (max-width: 1024px) { .section_default { padding-top: 60px; padding-bottom: 80px; } .contacts_text { flex: 0.7; } } @media screen and (max-width: 768px) { .section_default { padding-top: 40px; padding-bottom: 60px; } .contacts_holder { flex-direction: column; } .contacts_text { padding-bottom: 30px; background: url(/local/templates/dayun/css/../images/slashes.svg) repeat-x left bottom; } } /******** //contacts *********/ /******** gallery- *********/ .gallery-slide_text { position: absolute; color: var(--White); bottom: 43px; left: 40px; z-index: 99; padding-right: 90px; } .numbers { position: absolute; color: var(--White); bottom: 43px; right: 40px; z-index: 99; } .swiper_photogallery-slide { overflow: hidden; } .image_photogallery { height: 100%; width: 100%; object-fit: cover; } .img_holder:after { content: ""; position: absolute; left: 0; right: 0; bottom: 5px; height: 260px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); } .gallery-slide_text_top { font-size: 32px; font-weight: 700; line-height: 110%; } .gallery-slide_text_bottom { font-size: 18px; font-weight: 400; line-height: 140%; } .swiper-gallery-btn-prev, .swiper-gallery-btn-next { position: absolute; top: calc(50% - 20px); z-index: 999; cursor: pointer; } .swiper-gallery-btn-prev { left: 10px; } .swiper-gallery-btn-next { right: 10px; } @media screen and (max-width: 1024px) { .gallery-slide_text_top { font-size: 28px; } } @media screen and (max-width: 768px) { .gallery-slide_text_top { font-size: 20px; } .gallery-slide_text_bottom { font-size: 16px; } .gallery-slide_text { bottom: 20px; } .numbers { bottom: auto; font-size: 16px; top: 16px; } .swiper-gallery-btn-prev { left: 3px; } .swiper-gallery-btn-next { right: 3px; } .swiper-gallery-btn-next svg, .swiper-gallery-btn-prev svg { height: 28px; width: 28px; } } @media screen and (max-width: 560px) { .gallery-slide_text { position: relative; bottom: 0; padding: 5px 45px 20px 16px; } .gallery-slide_text_bottom { padding-top: 5px; font-size: 14px; } .gallery-slide_text { left: 0; } .img_holder:after { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0 0 0 / 89%) 100%); } .numbers { right: 16px; } } /******** //gallery *********/ /****** footer ******/ footer { background-color: var(--Footer-Dark-Blue); background-image: url(/local/templates/dayun/css/../images/footer_bg.png); padding: 40px 20px; background-repeat: no-repeat; background-position: right bottom; background-size: auto; } .footer_top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between; width: 100%; padding-bottom: 40px; border-bottom: 1px solid #fff; } .footer_wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: space-between; } .footer_menu_item a { font-size: 16px; } .subscribe { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; max-width: 500px; gap: 20px; } .s_form ::placeholder, .c_form ::placeholder { color: var(--Gray); font-size: 16px; line-height: 140%; opacity: 1; } .inp { border: 1px solid var(--White); color: var(--White); background-image: url(/local/templates/dayun/css/../images/mail2.svg); } .c_order_layers .inp, .q_order_layers .inp { color: var(--Black); } .s_title { font-size: 32px; font-weight: 700; line-height: 110%; color: var(--White); } .s_form { display: flex; gap: 16px; width: 100%; } .btn_white { flex: 172px; border-radius: 10px; background: var(--White); } .btn_white:hover { background: var(--Accent-Red); color: var(--White); } .inp_white { flex: 312px; } .footer_line { margin: 40px 0; width: 100%; } .footer_line_1, .footer_line_2_line { width: 100%; height: 1px; background-color: var(--Cool-gray-30); } .footer_menu_list { display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; gap: 16px; } .footer_contacts { display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; gap: 8px; } .footer_col_4 { display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; gap: 16px; justify-content: space-between; padding-right: 11%; } footer a { color: var(--White); -webkit-transition: 0.3s color ease; -moz-transition: 0.3s color ease; -ms-transition: 0.3s color ease; -o-transition: 0.3s color ease; transition: 0.3s color ease; } footer a:hover { color: var(--Accent-Red); } .footer_firms { display: flex; justify-content: space-between; width: 100%; padding-right: 8%; } .firm { font-size: 14px; font-style: normal; font-weight: 400; line-height: 140%; color: var(--White); } .footer_space { display: none; height: 40px; width: 100%; } @media screen and (max-width: 1200px) { footer { background-image: url(/local/templates/dayun/css/../images/footer_tablet_bg.png); padding-top: 107px; background-position: right bottom 40px; background-size: 540px auto; } .footer_col_4 { display: none; } .footer_col_2 { padding-right: 11%; } .logo_footer_group { order: 1; align-items: flex-start; padding-top: 10px; } .subscribe { order: 2; width: 330px; } .footer_line_1 { order: 3; } .footer_col_3 { order: 4; } .footer_col_1 { order: 5; } .footer_col_4 { display: none; } .footer_col_2 { order: 6; max-width: 330px; } .footer_line_2 { order: 7; } .footer_line_2_line { max-width: 330px; } .footer_firms { order: 8; padding-right: 30px; } .s_title { font-size: 20px; } .s_form { gap: 10px; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; } .inp_white { flex: auto; width: 100%; padding: 13px 16px 13px 42px; font-size: 15px; } .btn_white { flex: auto; width: 100%; font-size: 15px; } } @media screen and (max-width: 1024px) { .footer_menu_item a { font-size: 15px; } } @media screen and (max-width: 768px) { footer { background-image: url(/local/templates/dayun/css/../images/footer_mobile_bg.png); background-size: auto; background-position: right bottom; padding: 40px 16px; } .subscribe { order: 1; width: 100%; } .footer_line_1 { order: 2; } .logo_footer_group { order: 3; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; width: 50%; } .footer_col_3 { order: 4; width: 50%; } .footer_space { order: 5; display: block; } .footer_col_1 { order: 6; width: 50%; } .footer_col_2 { order: 7; max-width: none; width: 50%; padding: 0; } .footer_line_2 { order: 8; } .footer_line_2_line { max-width: none; } .footer_firms { padding-right: 0; } } @media screen and (max-width: 460px) { .footer_firms { flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; gap: 20px; } } /****** //footer ******/ /****** modal *******/ .modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100vh; padding: 0 10px; z-index: 10000 !important; background-color: var(--Blue-Modal); overflow-y: auto; display: none; opacity: 0; transition: opacity 0.5s ease-in-out; } .modal.visible { opacity: 1; visibility: visible; } .modal::-webkit-scrollbar { width: 0; } .c_modal_holder { position: relative; margin: calc((100vh - 500px) / 2) auto auto; max-width: 600px; background-color: var(--Blue-Litest); border-radius: 30px; padding: 30px; } .c_message { height: 200px; } .c_modal_close { background-image: url(/local/templates/dayun/css/../images/close.svg); position: absolute; top: 30px; right: 30px; display: flex; width: 44px; height: 44px; cursor: pointer; } .modal_success { text-align: center; } .modal_success .c_modal_holder { color: var(--Black); text-align: center; padding: 100px 0 50px; } .modal_success_title { margin-top: 50px; text-transform: uppercase; font-weight: 700; font-size: 42px; } .about_info_text_holder { display: flex; flex-direction: column; justify-content: center; gap: 10px; color: var(--CoolGray-90); } .about_info_title { font-size: 32px; font-weight: 700; } @media screen and (max-width: 768px) { .c_modal_holder { margin: 10px auto 100px; } .c_modal_close { top: 20px; right: 20px; } .c_modal_form_holder img { width: 140px; height: 140px; } .modal_success_title { font-size: 32px; } } @media screen and (max-width: 550px) { .c_modal_form_holder img { width: 110px; height: 110px; } .modal_success_title { font-size: 26px; } } /****** //modal *******/ /********** 404 *************/ .errore_holder { display: flex; flex-direction: column; align-items: center; gap: 20px; } .errore_text { display: flex; font-size: 300px; font-style: normal; font-weight: 400; line-height: 100%; align-items: center; } .errore_text2 { font-size: 50px; font-weight: 700; line-height: 140%; } .letter_404 { position: relative; display: flex; align-items: center; min-width: 220px; justify-content: center; } .errore_text3 { font-size: 25px; line-height: 140%; text-align: center; } .errore_buttons { display: flex; gap: 20px; margin-top: 100px; } .btn_red_errore { width: 223px; display: inline-flex; justify-content: center; } .img404 { position: relative; top: -5px; } @media screen and (max-width: 1024px) { .errore_text { font-size: 210px; } .letter_404 { min-width: 140px; } .img404 { top: -10px; width: 200px; } .errore_text2 { font-size: 30px; } .errore_text3 { font-size: 18px; } .errore_buttons { margin-top: 50px; } .btn_red_errore { width: 190px; } } @media screen and (max-width: 768px) { .errore_text { font-size: 180px; } .letter_404 { min-width: 120px; } .img404 { top: -10px; width: 160px; } .errore_text2 { font-size: 24px; } .errore_text3 { font-size: 16px; } .errore_buttons { margin-top: 30px; } .btn_red_errore { width: 170px; } } @media screen and (max-width: 425px) { .errore_holder { gap: 14px; } .errore_text { font-size: 130px; } .letter_404 { min-width: 80px; } .img404 { top: -7px; width: 100px; } .btn_red_errore { font-size: 16px; width: 130px; } .errore_buttons { margin-top: 16px; gap: 10px; } } /********** //404 *************/ /********** news *************/ .news { display: flex; flex-wrap: wrap; gap: 30px !important; /* justify-content: space-between; */ } .row { display: flex; gap: 30px; width: 100%; } .news_image_holder { height: 500px; } .news_image { width: 100%; height: 100%; object-fit: cover; } .box { position: relative; overflow: hidden; } .box_1 { width: 100%; } .box_2, .box_3 { width: 50%; } .box_4, .box_6 { width: 23%; } .box_5 { width: 54%; } .news_text { color: var(--White); position: absolute; top: auto; left: 0; right: 0; bottom: 0; padding: 20px 20px 40px 40px; transition: top 0.4s ease; } .news_date { padding-bottom: 20px; font-size: 18px; line-height: 140%; } .news_title { font-size: 32px; font-weight: 700; line-height: 110%; } .news_description { line-height: 140%; } .btn_news { display: inline-flex; padding: 16px; border-radius: 10px; border: 1px solid var(--White); color: var(--White); transition: all 0.3s ease; font-size: 20px; font-weight: 500; line-height: 100%; letter-spacing: 0.5px; } .btn_news:hover { border-color: var(--Accent-Red); color: var(--Accent-Red); } .news_overlay { overflow: hidden; height: 0; opacity: 0; transition: height 0.4s ease, opacity 0.4s ease; position: relative; z-index: 5; } .box:hover .news_overlay { height: auto; opacity: 1; } .news_description { transition: padding 0.4s ease; } .box:hover .news_description { padding-top: 20px; padding-bottom: 20px; } .news_image { transition: filter 0.4s ease; } .news_front { position: relative; z-index: 5; } .box:hover .news_image { filter: blur(5px); } .box .news_image_holder:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; background: rgba(0, 0, 0, 0.5); transition: opacity 0.4s ease; } .box .news_text:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 1; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%); transition: opacity 0.4s ease; z-index: 1; } .box:hover .news_text:before { opacity: 0; } .box:hover .news_image_holder:after { opacity: 1; } .box:hover .news_text { top: 0 !important; /* overflow-y: auto; */ } @media screen and (min-width: 1439px) { .box_1:hover .news_image { /* filter: none; */ } .box_1 .news_overlay { height: auto; opacity: 1; } .box_1 .news_description { padding-top: 20px; padding-bottom: 20px; } .box_1 .news_text { display: flex; } .box_1 .news_front, .box_1 .news_overlay { flex: 1; } .box_1:hover .news_image_holder:after { background: none; opacity: 0; } .box_1:hover .news_text { top: auto !important; } .box_1:hover .news_text:before { opacity: 1; } } @media screen and (max-width: 1440px) { .news_text { padding: 20px 16px 30px 16px; } .box_5 { width: 45%; } .box_4, .box_6 { width: 25%; } } @media screen and (max-width: 1024px) { .news_overlay { height: auto; opacity: 1; } .box_2, .box_3, .box_4, .box_5, .box_6 { width: 100%; } .row { flex-direction: column; gap: 20px; } .box .news_description { padding-top: 10px; padding-bottom: 10px; font-size: 16px; } .btn_news { display: none; } .news_text { padding: 20px 0 30px 0; color: var(--Black); position: initial; } .news_text:before { display: none; } .news_title { font-size: 20px; } .news_image_holder { height: 350px; } .news_date { padding-bottom: 12px; } } @media screen and (max-width: 768px) { .row { gap: 20px; } .news_image_holder { height: 290px; } .news_date { padding-bottom: 10px; } } /********** //news *************/ /********** single new *************/ .section_new { padding-top: 50px; padding-bottom: 0; } .new_img { float: left; margin: 0 20px 5px 0; max-width: 500px; max-height: 360px; overflow: hidden; } .new_img img { width: 100%; height: 100%; object-fit: cover; } @media screen and (max-width: 1024px) { .new_img { float: left; margin: 0 20px 5px 0; max-width: 380px; max-height: 270px; } } @media screen and (max-width: 768px) { .new_img { float: none; margin: 0 0 20px; max-width: none; max-height: none; width: 100%; } } /********** //single new *************/ /********** maps *************/ .map_image { /* padding-top: 100px; */ padding-bottom: 100px; } .section_dillers { padding-top: 80px; /* padding-bottom: 100px; */ } .section_stations { padding-top: 80px; } .dillers { padding-bottom: 100px; display: flex; row-gap: 20px; flex-wrap: wrap; } .stations { padding-bottom: 100px; display: flex; row-gap: 20px; flex-wrap: wrap; } .map_item { padding: 20px 20px 0 0; width: 25%; } .map_item_title { font-size: 32px; font-style: normal; font-weight: 700; line-height: 110%; color: var(--Black); padding-bottom: 10px; border-bottom: 2px solid var(--Black); min-height: 117px; display: flex; align-items: end; } .map_item_text { font-size: 18px; font-style: normal; font-weight: 400; line-height: 140%; padding-top: 10px; } .link { color: var(--Accent-Red); } @media screen and (max-width: 1024px) { .map_image, .section_dillers { padding-top: 50px; padding-bottom: 60px; } .section_stations { padding-top: 50px; } .dillers { padding-top: 60px; padding-bottom: 60px; } .stations { padding-top: 60px; } .map_item { width: 33%; } .map_item_title { font-size: 24px; min-height: 92px; } .map_item_text { font-size: 16px; } } @media screen and (max-width: 768px) { .map_image, .section_dillers { padding-top: 30px; padding-bottom: 0; } .section_stations { padding-top: 30px; } .dillers { padding-top: 30px; padding-bottom: 30px; column-gap: 10px; } .stations { padding-top: 30px; column-gap: 10px; } .map_item { padding: 20px 20px 0 0; width: 48%; overflow: hidden; } .map_item_title { font-size: 23px; padding-bottom: 5px; min-height: 83px; } .map_item_text { font-size: 15px; } } @media screen and (max-width: 460px) { .map_item_text { font-size: 14px; } } /********** //maps *************/ /********** spg and kpg *************/ .section_gas { padding-top: 100px; } .gas { display: flex; flex-direction: column; gap: 30px; } .big_text { font-size: 25px; font-family: "Lato"; } .bottom_text { font-family: Roboto; } .image_block { display: flex; } .gas_img { width: 50%; overflow: hidden; border-radius: 10px; } .icons_block { width: 50%; display: flex; flex-direction: column; gap: 40px; padding: 27px 90px 27px 60px; justify-content: center; } .gas_img img { width: 100%; height: 100%; object-fit: cover; } .icons_block_item { display: flex; gap: 30px; align-items: center; } .icons_block_item_ico { display: flex; align-items: center; } .icons_block_item_ico img { width: 100px; height: 100px; } .icons_block_item_text { width: 100%; color: var(--Footer-Dark-Blue); font-size: 25px; font-style: italic; font-weight: 400; line-height: 100%; max-width: 430px; } @media screen and (max-width: 1440px) { .icons_block { gap: 15px; padding: 27px 40px 27px 50px; } .icons_block_item_text { font-size: 19px; } .image_block.image_block_kpg { padding-bottom: 40px; } } @media screen and (max-width: 1024px) { .section_gas { padding-top: 60px; } .big_text { font-size: 20px; } .icons_block { gap: 10px; padding: 33px 15px 33px 30px; } .icons_block_item { gap: 14px; } .icons_block_item_ico img { width: 70px; height: 70px; } .icons_block_item_text { font-size: 16px; } .gas_img { width: 48%; } .icons_block_item_text { max-width: 260px; } .icons_block_kpg_ord { padding: 10px 0 0 60px; } } @media screen and (max-width: 768px) { .section_gas { padding-top: 40px; } .image_block { flex-direction: column; } .gas_img { width: 100%; } .icons_block { width: 100%; gap: 20px; padding: 33px 0 0 0; } .icons_block_item_text { max-width: none; } .bottom_text { font-size: 16px; } .big_text { font-size: 18px; } .image_block.image_block_kpg { padding-bottom: 20px; } } .icons_block_c { display: flex; gap: 40px; padding-bottom: 60px; } .icons_block_item_c { display: flex; flex-direction: column; gap: 30px; flex: 1; } .icons_block_item_ico_c img { width: 100px; height: 100px; } .icons_block_item_c .icons_block_item_text { max-width: none; } .image_block.image_block_kpg { padding-bottom: 60px; } .icons_block_kpg_ord { width: 50%; display: flex; flex-direction: column; gap: 40px; padding: 10px 60px 0 0; font-size: 25px; font-weight: 400; line-height: 140%; order: 1; } .gas_img_ord { order: 2; } @media screen and (max-width: 1440px) { .icons_block_item_ico_c img { width: 80px; height: 80px; } .icons_block_item_c { gap: 20px; } .icons_block_c { gap: 30px; } } @media screen and (max-width: 1024px) { .icons_block_item_ico_c img { width: 56px; height: 56px; } .icons_block_item_c { gap: 10px; } .icons_block_c { gap: 20px; } .image_block_kpg .icons_block_item_text { text-align: center; } .icons_block_kpg_ord { order: 2; padding: 10px 0 0 30px; font-size: 16px; } .gas_img_ord { order: 1; } } @media screen and (max-width: 768px) { .icons_block_c { gap: 20px; flex-direction: column; } .icons_block_item_c { align-items: center; } .icons_block_item_text { text-align: center; } .gas { gap: 20px; } .icons_block_item { flex-direction: column; } .icons_block_kpg_ord { width: 100%; gap: 10px; padding: 20px 0 0 0; font-size: 16px; } } /********** //spg and kpg *************/ /********** pagination *************/ .pagination { text-align: center; padding-top: 20px; } .pagination_list { display: inline-flex; gap: 50px; } .pagination_item a { text-align: center; font-size: 32px; font-weight: 400; line-height: 110%; color: var(--Blue-Stroke); -webkit-transition: color 0.4s ease; -moz-transition: color 0.4s ease; -ms-transition: color 0.4s ease; -o-transition: color 0.4s ease; transition: color 0.4s ease; } .pagination_item.current a, .pagination_item a:hover { color: var(--Accent-Red); } .pagination svg { stroke: var(--Blue-Stroke); -webkit-transition: stroke 0.4s ease; -moz-transition: stroke 0.4s ease; -ms-transition: stroke 0.4s ease; -o-transition: stroke 0.4s ease; transition: stroke 0.4s ease; } .pagination_back a:hover svg, .pagination_next a:hover svg { stroke: var(--Accent-Red); } /********** //pagination *************/ .container_map { width: 100%; height: 100vh; } section.buy { padding-bottom: 40px; } .buy_item { padding: 16px; } .buy__title { font-size: 32px; color: #343434; /* margin-bottom: 50px; */ margin-bottom: 20px; } .buy_item { justify-content: flex-start; border: 1px solid var(--Black); height: 290px; margin-right: 5px; } .buy__content p { font-size: 16px; line-height: 25px; color: #343434; } .buy__content a { color: #343434; transition: 0.5s; } .buy__content { line-height: 140%; } .buy__content a:hover { color: #366eda; } .buy_read { text-align: right; } .about__item { display: flex; justify-content: space-between; align-items: center; margin-bottom: 60px; } .about__item_img img { height: 500px; width: auto; } .about__item_text { font-size: 32px; width: 43%; line-height: 48px; } .about__item:nth-child(2) { flex-direction: row-reverse; } .about__item:last-child { margin-bottom: 0; } .about__list { padding: 60px 0; } .news__range { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 16px; padding: 64px 0; } a.news__item_img img { height: 360px; border-radius: 3px; object-fit: cover; margin-bottom: 10px; } .news__item_date { font-size: 12px; margin-bottom: 30px; color: #6e6e6e; } .news__item_title { color: #000; font-size: 32px; margin-bottom: 10px; } .news__item_text { font-size: 16px; line-height: 24px; height: 50px; overflow: hidden; margin-bottom: 20px; } .news__item_link { font-size: 16px; } a.news__range_read { color: #5a5a5a; border-bottom: 1px solid #5a5a5a; font-size: 24px; } section.section.guaranty { position: relative; } section.section.guaranty { padding: 0 0; } .guaranty__block { height: 800px; background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; margin: 32px 0 32px 0; } .address-carousel { margin: 32px 0 32px 0; } .guaranty__block_list { display: flex; align-items: center; height: 100%; } .guaranty__block_left { width: 50%; font-size: 60px; color: #fff; font-weight: 700; line-height: 90px; height: 100%; display: flex; align-items: flex-end; padding-bottom: 100px; padding-left: 150px; } .guaranty__block_right { width: 50%; font-size: 60px; color: #fff; font-weight: 700; line-height: 90px; } .guaranty__block .container { height: 100%; } .guaranty h2 { padding-left: 20px; padding-right: 20px; } .main__text p { color: #464646; padding-top: 64px; } .header__contacts { display: flex; justify-content: flex-end; align-items: center; gap: 15px; } .header__contacts p { margin-left: 15px; padding-bottom: 4px !important; padding-top: 0; } .header__contacts p a { font-size: 12px; color: var(--Black); transition: 0.5s; } .scrolled .header__contacts p a, .scrolled .header__contacts span a { font-size: 14px; color: var(--Black); white-space: nowrap; } .reverse .header__contacts p a { font-size: 14px; color: #fff !important; } .header__contacts p a:hover, .header__contacts a:hover { color: var(--Accent-Red) !important; } .header__contacts p { margin-left: 15px; } main { padding-top: 132px; } @media screen and (max-width: 1200px) { .buy__title { font-size: 26px; } .buy__content p { font-size: 14px; line-height: 21px; } .about__item_img { width: 50%; } .about__item_img img { height: 400px; width: auto; } .about__list { padding: 43px 0; } .guaranty__block { height: 600px; } } @media screen and (max-width: 1025px) { .about__item_text { font-size: 28px; width: 43%; line-height: 40px; } .about__item_text br { display: none; } .guaranty__block_left { width: 50%; font-size: 60px; color: #fff; font-weight: 700; line-height: 60px; height: 100%; display: flex; align-items: flex-end; padding-bottom: 100px; padding-left: 30px; } .guaranty__block_right { width: 50%; font-size: 60px; color: #fff; font-weight: 700; line-height: 60px; } .guaranty__block { height: 400px; } .main_mobile_menu.visible > .header__contacts { justify-content: flex-start; } } @media screen and (max-width: 910px) { .about__item_img img { height: auto; width: auto; } .about__item_text { font-size: 22px; width: 43%; line-height: 30px; } .news__range { grid-template-columns: repeat(2, 1fr); } .news__item { margin-bottom: 20px; } } @media screen and (max-width: 768px) { .buy__title { font-size: 22px; margin-bottom: 20px; } .about__list { padding: 20px 0; } a.news__item_img img { height: 260px; } .guaranty__block_left { font-size: 42px; line-height: 40px; align-items: center; padding-bottom: 0; padding-left: 30px; } .guaranty__block_right { font-size: 42px; line-height: 40px; } .guaranty h2 { padding-left: 16px; padding-right: 16px; } .header__contacts { font-size: 16px; } } @media screen and (max-width: 610px) { .about__item_text { font-size: 18px; width: 47%; line-height: 23px; } } @media screen and (max-width: 576px) { .guaranty__block { background-position-x: -79px !important; } .guaranty__block { height: 300px; } } @media screen and (max-width: 490px) { .buy__title { font-size: 18px; margin-bottom: 15px; } .buy__content p { font-size: 12px; line-height: 16px; } .buy_item { padding: 10px; } .about__item { flex-direction: column; } .about__item_text { width: 100%; } .about__item_img { width: 80%; } .about__item:nth-child(2) { flex-direction: column; } .about__item_text { text-align: center; margin-bottom: 20px; } .about__item { margin-bottom: 40px; } .guaranty__block_left { font-size: 32px; line-height: 30px; } .guaranty__block_right { font-size: 32px; line-height: 30px; } .header__contacts { /* display: none; */ flex-direction: column; } .header__contacts > p { padding-bottom: 0 !important; margin-left: 0; } .header__contacts > p:nth-child(1) { display: none; } .header__contacts > p:nth-child(2) { padding-top: 5px; } .reverse .header__contacts p a { font-size: 15px; } .section.question { padding-top: 30px; } .section.map_image { padding-top: 0px; margin-top: -50px; } .basic__info-wrap { margin-bottom: 30px; } .models.specifications { margin-bottom: 0; } .models__descriptions-wrap { margin-top: 20px; } .dillers { row-gap: 0; } .stations { row-gap: 0; } .category_title { font-size: 30px; } .models.subcategories { padding-top: 20px; padding-bottom: 0px; } .page_title { line-height: 110%; } } @media screen and (max-width: 460px) { .news__item_date { margin-bottom: 15px; } .news__range { grid-template-columns: repeat(1, 1fr); } .btn_holder.buy_read.news_read { text-align: center; } .news__range { padding: 64px 0 20px 0; } } @media screen and (max-width: 414px) { .guaranty__block { background-position-x: -25px !important; } .guaranty__block { height: 200px; } #modal-callback .q_text { padding: 0; position: relative; z-index: 5; } #modal-callback .c_order_layers.truck_order_form { gap: 6px; } #modal-callback .c_textarea { margin-top: 6px; } #modal-callback .c_order_layers { margin-top: 6px; } } @media screen and (max-width: 390px) { .guaranty__block_left { font-size: 26px; line-height: 26px; } .guaranty__block_right { font-size: 26px; line-height: 26px; } .guaranty__block { background-position-x: -36px !important; } } @media screen and (max-width: 361px) { .guaranty__block { height: 180px; } .guaranty__block_left { font-size: 22px; line-height: 22px; } .guaranty__block_right { font-size: 22px; line-height: 22px; } .guaranty__block { background-position-x: -45px !important; } } .contact__rekvizits { font-size: 20px; font-weight: 700; padding-top: 15px; } .anchor { position: relative; } .anchor #rekvizits { position: absolute; top: -70px; } .reverse .header__contacts span > a { color: unset; white-space: nowrap; } .reverse .header__contacts span { font-size: 14px; color: #fff; } .header__phone { display: flex; flex-direction: column; } .main_mobile_menu .header__contacts span { color: #000 !important; } .hero__button { position: relative; z-index: 10; margin-top: 50px; } .main_mobile_menu .header__contacts { align-items: flex-start; } .main_mobile_menu .header__contacts span a { font-size: 16px; } .news__more { display: none; } @media screen and (max-width: 600px) { .header_inner_container .header__contacts { gap: 0; } .specifications-wrap .parameter { align-items: flex-start; } .news__more { display: block; } } /* Cookie */ #cookie__note { width: 340px; padding: 20px; background-color: #fff; position: fixed; bottom: 20px; z-index: 100000; text-align: left; display: none; right: 5%; border-radius: 15px; -webkit-box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2); -moz-box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2); box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2); } .cookie-cross { position: absolute; right: 0; top: -27px; cursor: pointer; } .cookie-block p { margin-top: 16px; margin-bottom: 16px; position: relative; font-size: 16px; } .cookie-block p a { color: #131313; font-size: 16px; text-decoration: underline; transition: 0.3s ease; } .cookie-block p a:hover { text-decoration: none; } .cookie-block a.cookie_accept { background: #fff; color: #91acd4; border: 1px solid #91acd4; padding: 3px 10px 3px 10px; display: inline-block; margin-left: 10px; margin-right: 10px; } .header__contacts { padding-top: 10px; padding-bottom: 2px; justify-content: space-between; gap: 26px; } .header__contacts p { margin-left: 0; cursor: unset; } .header__contacts_left { display: flex; justify-content: space-between; gap: 40px; } .header__contacts_right { display: flex; justify-content: space-between; gap: 40px; } .header__phone { display: inline; } .header_inner .header__contacts a, .header_inner .header__contacts span, .header_inner .header__contacts svg path, .header_inner .btn-search svg path, .header_inner.scrolled .header__contacts a, .header_inner.scrolled .header__contacts svg path, .header_inner.scrolled .btn-search svg path { color: #000; fill: #000; font-family: Cygre; font-size: 16px; font-style: normal; font-weight: 400; line-height: 110%; /* 17.6px */ transition: all 0.4s ease; } .header_inner.reverse .header__contacts a, .header_inner.reverse .header__contacts span, .header_inner.reverse .header__contacts svg path, .header_inner.reverse .btn-search svg path { color: #fff !important; fill: #fff !important; font-family: Cygre; font-size: 16px; font-style: normal; font-weight: 400; line-height: 110%; /* 17.6px */ transition: all 0.4s ease; } .header_inner .header__contacts a, .header_inner .header__contacts span, .header_inner .header__contacts svg path, .header_inner .btn-search svg path, .header_inner.scrolled .header__contacts a, .header_inner.scrolled .header__contacts svg path, .header_inner.scrolled .btn-search svg path { color: #000; fill: #000; font-family: Cygre; font-size: 16px; font-style: normal; font-weight: 400; line-height: 110%; /* 17.6px */ transition: all 0.4s ease; } .header_inner.reverse .header__contacts a:hover, .header_inner .btn-search:hover svg path, .header_inner .btn-search:hover svg path { color: #e72323 !important; fill: #e72323 !important; transition: all 0.4s ease; } .header__contacts_inner_left { display: flex; gap: 5px; align-items: center; } .header__contacts_inner_right { display: flex; gap: 5px; align-items: center; } .search_inner { display: flex; align-items: center; gap: 30px; } @media (max-width: 1064px) { .header__contacts_left { display: flex; flex-direction: column; justify-content: space-between; gap: 0px; } .header__contacts_right { display: flex; flex-direction: column; justify-content: space-between; gap: 0px; } .header__contacts_inner_left { justify-content: start; } .header__contacts_inner_right { justify-content: end; } } @media (max-width: 768px) { .header__contacts { display: none; } .header__contacts.mobile { display: block; } } header > div.header_inner > div.container.header_inner_container > nav > ul > li.main_menu_item.has_submenu > .main_menu_submenu { position: absolute; top: 60px; /* чуть ниже, чем было */ left: 0; padding: 20px 30px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); transition: opacity 0.3s ease, visibility 0.3s ease; min-width: 100%; z-index: 1000; display: flex; gap: 40px; justify-content: space-around; border-radius: 15px; border-bottom: 1px solid #e0e0e0; background: rgba(247, 249, 252, 0.83); backdrop-filter: blur(8.7px); } /* @media (max-width: px) { .header__contacts { display: none; } .header__contacts.mobile { display: block; } } */ header > div.header_inner > div.container.header_inner_container > nav > ul > li.main_menu_item.has_submenu .main_menu_submenu li { position: relative; } header > div.header_inner > div.container.header_inner_container > nav > ul > li.main_menu_item.has_submenu .main_menu_submenu li a { display: flex; flex-direction: column; position: relative; text-align: center; order: 2; /* margin-bottom: 15px; */ } header > div.header_inner > div.container.header_inner_container > nav > ul > li.main_menu_item.has_submenu .main_menu_submenu li > a:hover::before { transform: scale(1.1); } header > div.header_inner > div.container.header_inner_container > nav > ul > li.main_menu_item.has_submenu .main_menu_submenu li a::before { content: ""; /* position: absolute; left: 0; top: 50%; transform: translateY(-50%); */ width: 218px; height: 169px; background-size: contain; background-repeat: no-repeat; order: -2; transition: all 0.4s ease; } header > div.header_inner > div.container.header_inner_container > nav > ul > li.main_menu_item.has_submenu .main_menu_submenu li::after { content: ""; position: absolute; right: -50%; top: 50%; transform: translate(50%, -50%); width: 1px; height: 85px; background: #91acd4; } @media (max-width: 1400px) { header > div.header_inner > div.container.header_inner_container > nav > ul > li.main_menu_item.has_submenu .main_menu_submenu li::after { right: -30%; transform: translate(30%, -50%); } } @media (max-width: 1200px) { header > div.header_inner > div.container.header_inner_container > nav > ul > li.main_menu_item.has_submenu .main_menu_submenu li::after { right: -20%; transform: translate(20%, -50%); } } header > div.header_inner > div.container.header_inner_container > nav > ul > li.main_menu_item.has_submenu .main_menu_submenu li:nth-child(3)::after { display: none; } header > div.header_inner > div.container.header_inner_container > nav > ul > li.main_menu_item.has_submenu .main_menu_submenu li:nth-child(1) a::before { background-image: url("/local/templates/dayun/css/../images/li1.webp"); } header > div.header_inner > div.container.header_inner_container > nav > ul > li.main_menu_item.has_submenu .main_menu_submenu li:nth-child(2) a::before { background-image: url("/local/templates/dayun/css/../images/li2.webp"); } header > div.header_inner > div.container.header_inner_container > nav > ul > li.main_menu_item.has_submenu .main_menu_submenu li:nth-child(3) a::before { background-image: url("/local/templates/dayun/css/../images/li3.webp"); } /* Добавим подзаголовок через ::after */ header > div.header_inner > div.container.header_inner_container > nav > ul > li.main_menu_item.has_submenu .main_menu_submenu li a::after { order: -1; font-size: 12px; white-space: nowrap; margin-bottom: 4px; padding: 8px; text-align: center; border-radius: 100px; font-size: 14px; font-weight: 400; line-height: 100%; /* 14px */ } header > div.header_inner > div.container.header_inner_container > nav > ul > li.main_menu_item.has_submenu .main_menu_submenu li:nth-child(1) a::after { content: "Сжиженный природный газ"; color: #9d634a; background: #fff4ce; } header > div.header_inner > div.container.header_inner_container > nav > ul > li.main_menu_item.has_submenu .main_menu_submenu li:nth-child(2) a::after { content: "Компримированный природный газ"; color: #9d634a; background: #fff4ce; } header > div.header_inner > div.container.header_inner_container > nav > ul > li.main_menu_item.has_submenu .main_menu_submenu li:nth-child(3) a::after { content: "Дизельное топливо"; color: #b82a2a; background: #ffe5e5; } /* End */ /* Start:/local/templates/dayun/components/bitrix/menu/top/style.css?1726844036581*/ /* Left menu*/ ul.left-menu { list-style:none; margin:0; padding:0; margin-bottom:8px; position: relative; /*IE bug*/ } ul.left-menu li { padding: 10px 16px; background:#F5F5F5 url(/local/templates/dayun/components/bitrix/menu/top/images/left_menu_bg.gif) top repeat-x; } ul.left-menu li a { font-size:100%; color:#BC262C; font-weight:bold; text-decoration:none; } ul.left-menu li a:visited { color:#BC262C; } ul.left-menu li a:hover { color:#BC262C; } ul.left-menu li a.selected:link, ul.left-menu li a.selected:visited, ul.left-menu li a.selected:active, ul.left-menu li a.selected:hover { color:#FC8D3D; } /* End */ /* Start:/local/templates/dayun/components/bitrix/menu/top-mobile/style.css?17689830952312*/ /* Left menu*/ ul.left-menu { list-style: none; margin: 0; padding: 0; margin-bottom: 8px; position: relative; /*IE bug*/ } ul.left-menu li { padding: 10px 16px; background: #f5f5f5 url(/local/templates/dayun/components/bitrix/menu/top-mobile/images/left_menu_bg.gif) top repeat-x; } ul.left-menu li a { font-size: 100%; color: #bc262c; font-weight: bold; text-decoration: none; } ul.left-menu li a:visited { color: #bc262c; } ul.left-menu li a:hover { color: #bc262c; } ul.left-menu li a.selected:link, ul.left-menu li a.selected:visited, ul.left-menu li a.selected:active, ul.left-menu li a.selected:hover { color: #fc8d3d; } div.main_mobile_menu.visible > nav > ul > li.main_menu_mobile_item.has_submenu > ul { gap: 0; } .main_mobile_menu.visible li.main_menu_mobile_item.has_submenu > ul > li:nth-child(1) > a, .main_mobile_menu.visible li.main_menu_mobile_item.has_submenu > ul > li:nth-child(2) > a { display: flex; align-items: center; gap: 5px; border-bottom: 1px solid #91acd4; } .main_mobile_menu.visible li.main_menu_mobile_item.has_submenu > ul > li:nth-child(3) > a { display: flex; align-items: center; gap: 5px; } .main_mobile_menu.visible li.main_menu_mobile_item.has_submenu > ul > li > a::before { content: ""; flex: none; display: block; width: 180px; height: 140px; } .main_mobile_menu.visible li.main_menu_mobile_item.has_submenu > ul > li:nth-child(1) > a::before { background: url(/local/templates/dayun/components/bitrix/menu/top-mobile/images/li1.webp) top no-repeat; background-size: 100%; } .main_mobile_menu.visible li.main_menu_mobile_item.has_submenu > ul > li:nth-child(2) > a::before { background: url(/local/templates/dayun/components/bitrix/menu/top-mobile/images/li2.webp) top no-repeat; background-size: 100%; } .main_mobile_menu.visible li.main_menu_mobile_item.has_submenu > ul > li:nth-child(3) > a::before { background: url(/local/templates/dayun/components/bitrix/menu/top-mobile/images/li3.webp) top no-repeat; background-size: 100%; } .main_menu_mobile_submenu { max-height: 0; overflow: hidden; transition: max-height 0.5s ease; } .main_menu_mobile_submenu.open { max-height: 1000px !important; /* достаточно большое число */ margin-top: 20px; } @media screen and (max-width: 500px) { .main_mobile_menu.visible li.main_menu_mobile_item.has_submenu > ul > li > a { font-size: 18px; } .main_mobile_menu.visible li.main_menu_mobile_item.has_submenu > ul > li > a::before { width: 90px; height: 70px; } } /* End */ /* Start:/local/templates/dayun/components/bitrix/breadcrumb/breadcrumbs_scheme/style.css?1727276393100*/ .breadcrumb .inner { display: flex; align-items: center; } .breadcrumb__link a{ color: #C1C8CC; } /* End */ /* Start:/local/templates/dayun/components/bitrix/menu/bottom/style.css?1726844036581*/ /* Left menu*/ ul.left-menu { list-style:none; margin:0; padding:0; margin-bottom:8px; position: relative; /*IE bug*/ } ul.left-menu li { padding: 10px 16px; background:#F5F5F5 url(/local/templates/dayun/components/bitrix/menu/bottom/images/left_menu_bg.gif) top repeat-x; } ul.left-menu li a { font-size:100%; color:#BC262C; font-weight:bold; text-decoration:none; } ul.left-menu li a:visited { color:#BC262C; } ul.left-menu li a:hover { color:#BC262C; } ul.left-menu li a.selected:link, ul.left-menu li a.selected:visited, ul.left-menu li a.selected:active, ul.left-menu li a.selected:hover { color:#FC8D3D; } /* End */ /* Start:/local/templates/dayun/template_styles.css?179300677676*/ #bx_incl_area_4 { max-width: 1440px; margin: 0 auto; padding: 0 20px; } /* End */ /* /local/templates/dayun/fonts/fontcygre.css?17642569341595 */ /* /local/templates/dayun/fonts/fontlato.css?1726844036588 */ /* /local/templates/dayun/fonts/roboto.css?1726844036882 */ /* /local/templates/dayun/css/lib/swiper-bundle.min.css?172684403618436 */ /* /local/templates/dayun/css/lib/fancybox.css?172684403619611 */ /* /local/templates/dayun/css/lib/owl.carousel.min.css?17268440364331 */ /* /local/templates/dayun/css/style.css?177322752885525 */ /* /local/templates/dayun/components/bitrix/menu/top/style.css?1726844036581 */ /* /local/templates/dayun/components/bitrix/menu/top-mobile/style.css?17689830952312 */ /* /local/templates/dayun/components/bitrix/breadcrumb/breadcrumbs_scheme/style.css?1727276393100 */ /* /local/templates/dayun/components/bitrix/menu/bottom/style.css?1726844036581 */ /* /local/templates/dayun/template_styles.css?179300677676 */