/* Start:/local/templates/slonworks/../design_v2/libs/css/swiper.css?171750407018429*/ /** * Swiper 10.0.4 * 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: July 8, 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;overflow:clip;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;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-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/slonworks/../design_v2/libs/css/plyr.css?173877321532499*/ @charset "UTF-8";@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{0%{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media(min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:20px;padding:calc(var(--plyr-control-spacing,10px)*2)}}@media(min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px);transform:translateY(calc(var(--plyr-control-spacing,10px)*-4))}.plyr__caption{background:#000c;background:var(--plyr-captions-background,#000c);border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:#0000;border:0;border-radius:4px;border-radius:var(--plyr-control-radius,4px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;padding:calc(var(--plyr-control-spacing,10px)*.7);position:relative;transition:all .3s ease}.plyr__control svg{fill:currentColor;display:block;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control:focus-visible{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}a.plyr__control{text-decoration:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px;margin-left:calc(var(--plyr-control-spacing,10px)/4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px;padding-left:calc(var(--plyr-control-spacing,10px)/4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px;padding:0 calc(var(--plyr-control-spacing,10px)/2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:#ffffffe6;background:var(--plyr-menu-background,#ffffffe6);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-menu-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container:after{border:4px solid #0000;border-top-color:#ffffffe6;border:var(--plyr-menu-arrow-size,4px) solid #0000;border-top-color:var(--plyr-menu-background,#ffffffe6);content:"";height:0;position:absolute;right:14px;right:calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7 - var(--plyr-menu-arrow-size,4px)/2);top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px;padding:calc(var(--plyr-control-spacing,10px)*.7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding:4.66667px 10.5px;padding:calc(var(--plyr-control-spacing,10px)*.7/1.5) calc(var(--plyr-control-spacing,10px)*.7*1.5);-webkit-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control:after{border:4px solid #0000;border:var(--plyr-menu-item-arrow-size,4px) solid #0000;content:"";position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px;padding-right:calc(var(--plyr-control-spacing,10px)*.7*4)}.plyr__menu__container .plyr__control--forward:after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:6.5px;right:calc(var(--plyr-control-spacing,10px)*.7*1.5 - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--forward:focus-visible:after,.plyr__menu__container .plyr__control--forward:hover:after{border-left-color:initial}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:7px;margin:calc(var(--plyr-control-spacing,10px)*.7);margin-bottom:3.5px;margin-bottom:calc(var(--plyr-control-spacing,10px)*.7/2);padding-left:28px;padding-left:calc(var(--plyr-control-spacing,10px)*.7*4);position:relative;width:calc(100% - 14px);width:calc(100% - var(--plyr-control-spacing,10px)*.7*2)}.plyr__menu__container .plyr__control--back:after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:6.5px;left:calc(var(--plyr-control-spacing,10px)*.7*1.5 - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--back:before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:"";height:1px;left:0;margin-top:3.5px;margin-top:calc(var(--plyr-control-spacing,10px)*.7/2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back:focus-visible:after,.plyr__menu__container .plyr__control--back:hover:after{border-right-color:initial}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px;padding-left:calc(var(--plyr-control-spacing,10px)*.7)}.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]:before{background:#0000001a;content:"";display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]:after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:#00b2ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before{background:#23282f1a}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:-5px;margin-right:calc(var(--plyr-control-spacing,10px)*.7*-1 - -2px);overflow:hidden;padding-left:24.5px;padding-left:calc(var(--plyr-control-spacing,10px)*.7*3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;appearance:none;background:#0000;border:0;border-radius:26px;border-radius:calc(var(--plyr-range-thumb-height,13px)*2);color:#00b2ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));display:block;height:19px;height:calc(var(--plyr-range-thumb-active-shadow-width,3px)*2 + var(--plyr-range-thumb-height,13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:#0000;background-image:linear-gradient(90deg,currentColor 0,#0000 0);background-image:linear-gradient(to right,currentColor var(--value,0),#0000 var(--value,0));border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:-4px;margin-top:calc((var(--plyr-range-thumb-height,13px) - var(--plyr-range-track-height,5px))/2*-1);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{color:#0000}.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:#0000;background:currentColor;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:0;position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-moz-range-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-ms-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster{display:none}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time:before{content:"⁄";margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media(max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:#fff;background:var(--plyr-tooltip-background,#fff);border-radius:5px;border-radius:var(--plyr-tooltip-radius,5px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing,10px)/2*2);opacity:0;padding:5px 7.5px;padding:calc(var(--plyr-control-spacing,10px)/2) calc(var(--plyr-control-spacing,10px)/2*1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;white-space:nowrap;z-index:2}.plyr__tooltip:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size,4px)*-1);content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control:focus-visible .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translateY(10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before{left:16px;left:calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7)}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translateY(10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip:before{left:auto;right:16px;right:calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7);transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0) scale(1)}.plyr__progress{left:6.5px;left:calc(var(--plyr-range-thumb-height,13px)*.5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-left:calc(var(--plyr-range-thumb-height,13px)*-.5);margin-right:-6.5px;margin-right:calc(var(--plyr-range-thumb-height,13px)*-.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height,13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{left:0;max-width:120px;overflow-wrap:break-word}.plyr__progress__buffer{-webkit-appearance:none;background:#0000;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:-2.5px;margin-top:calc((var(--plyr-range-track-height,5px)/2)*-1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:#0000}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,#23282f99 25%,#0000 0,#0000 50%,#23282f99 0,#23282f99 75%,#0000 0,#0000);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,#23282f99) 25%,#0000 25%,#0000 50%,var(--plyr-progress-loading-background,#23282f99) 50%,var(--plyr-progress-loading-background,#23282f99) 75%,#0000 75%,#0000);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:#0000}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:#ffffff40;background-color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:#c1c8d199;background-color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr__progress__marker{background-color:#fff;background-color:var(--plyr-progress-marker-background,#fff);border-radius:1px;height:5px;height:var(--plyr-range-track-height,5px);position:absolute;top:50%;transform:translate(-50%,-50%);width:3px;width:var(--plyr-progress-marker-width,3px);z-index:3}.plyr__volume{align-items:center;display:flex;position:relative}.plyr__volume input[type=range]{margin-left:5px;margin-left:calc(var(--plyr-control-spacing,10px)/2);margin-right:5px;margin-right:calc(var(--plyr-control-spacing,10px)/2);max-width:90px;min-width:60px;position:relative;z-index:2}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control:focus-visible,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--audio .plyr__progress__buffer{color:#c1c8d199;color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr--video{overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));border-radius:inherit;height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{aspect-ratio:16/9}@supports not (aspect-ratio:16/9){.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%;position:relative}}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:5px;padding:calc(var(--plyr-control-spacing,10px)/2);padding-top:20px;padding-top:calc(var(--plyr-control-spacing,10px)*2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media(min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:35px;padding-top:calc(var(--plyr-control-spacing,10px)*3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control:focus-visible,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:15px;padding:calc(var(--plyr-control-spacing,10px)*1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--video .plyr__progress__buffer{color:#ffffff40;color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen video{height:100%}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;bottom:0;height:100%;left:0;margin:0;position:fixed;right:0;top:0;width:100%;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads:after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads:empty:after{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);width:3px;z-index:3}.plyr__preview-thumb{background-color:#fff;background-color:var(--plyr-tooltip-background,#fff);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing,10px)/2*2);opacity:0;padding:3px;pointer-events:none;position:absolute;transform:translateY(10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0) scale(1)}.plyr__preview-thumb:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size,4px)*-1);content:"";height:0;left:calc(50% + var(--preview-arrow-offset));position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:7px;border-radius:calc(var(--plyr-menu-radius,8px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img,.plyr__preview-thumb__image-container:after{height:100%;left:0;position:absolute;top:0;width:100%}.plyr__preview-thumb__image-container:after{border-radius:inherit;box-shadow:inset 0 0 0 1px #00000026;content:"";pointer-events:none}.plyr__preview-thumb__image-container img{max-height:none;max-width:none}.plyr__preview-thumb__time-container{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:7px;border-bottom-left-radius:calc(var(--plyr-menu-radius,8px) - 1px);border-bottom-right-radius:7px;border-bottom-right-radius:calc(var(--plyr-menu-radius,8px) - 1px);bottom:0;left:0;line-height:1.1;padding:20px 6px 6px;position:absolute;right:0;z-index:3}.plyr__preview-thumb__time-container span{color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);border:0!important;height:1px!important;overflow:hidden;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important} /* End */ /* Start:/local/templates/slonworks/../design_home_v3/css/wysiwyg.css?17477357443550*/ /*! wysiwyg.css v0.0.3 | MIT License | github.com/jgthms/wysiwyg.css */.wysiwyg{line-height:1.6}.wysiwyg a{text-decoration:none}.wysiwyg a:hover{border-bottom:1px solid}.wysiwyg abbr{border-bottom:1px dotted;cursor:help}.wysiwyg cite{font-style:italic}.wysiwyg hr{background:#e6e6e6;border:none;display:block;height:1px;margin-bottom:1.4em;margin-top:1.4em}.wysiwyg img{vertical-align:text-bottom}.wysiwyg ins{background-color:lime;text-decoration:none}.wysiwyg mark{background-color:#ff0}.wysiwyg small{font-size:0.8em}.wysiwyg strong{font-weight:700}.wysiwyg sub,.wysiwyg sup{font-size:0.8em}.wysiwyg sub{vertical-align:sub}.wysiwyg sup{vertical-align:super}.wysiwyg p,.wysiwyg dl,.wysiwyg ol,.wysiwyg ul,.wysiwyg blockquote,.wysiwyg pre,.wysiwyg table{margin-bottom:1.4em}.wysiwyg p:last-child,.wysiwyg dl:last-child,.wysiwyg ol:last-child,.wysiwyg ul:last-child,.wysiwyg blockquote:last-child,.wysiwyg pre:last-child,.wysiwyg table:last-child{margin-bottom:0}.wysiwyg p:empty{display:none}.wysiwyg h1,.wysiwyg h2,.wysiwyg h3,.wysiwyg h4,.wysiwyg h5,.wysiwyg h6{font-weight:700;line-height:1.2}.wysiwyg h1:first-child,.wysiwyg h2:first-child,.wysiwyg h3:first-child,.wysiwyg h4:first-child,.wysiwyg h5:first-child,.wysiwyg h6:first-child{margin-top:0}.wysiwyg h1{font-size:2.4em;margin-bottom:.58333em;margin-top:.58333em;line-height:1}.wysiwyg h2{font-size:1.6em;margin-bottom:.875em;margin-top:1.75em;line-height:1.1}.wysiwyg h3{font-size:1.3em;margin-bottom:1.07692em;margin-top:1.07692em}.wysiwyg h4{font-size:1.2em;margin-bottom:1.16667em;margin-top:1.16667em}.wysiwyg h5{font-size:1.1em;margin-bottom:1.27273em;margin-top:1.27273em}.wysiwyg h6{font-size:1em;margin-bottom:1.4em;margin-top:1.4em}.wysiwyg dd{margin-left:1.4em}.wysiwyg ol,.wysiwyg ul{list-style-position:outside;margin-left:1.4em}.wysiwyg ol{list-style-type:decimal}.wysiwyg ol ol{list-style-type:lower-alpha}.wysiwyg ol ol ol{list-style-type:lower-roman}.wysiwyg ol ol ol ol{list-style-type:lower-greek}.wysiwyg ol ol ol ol ol{list-style-type:decimal}.wysiwyg ol ol ol ol ol ol{list-style-type:lower-alpha}.wysiwyg ul{list-style-type:disc}.wysiwyg ul ul{list-style-type:circle}.wysiwyg ul ul ul{list-style-type:square}.wysiwyg ul ul ul ul{list-style-type:circle}.wysiwyg ul ul ul ul ul{list-style-type:disc}.wysiwyg ul ul ul ul ul ul{list-style-type:circle}.wysiwyg blockquote{border-left:4px solid #e6e6e6;padding:0.6em 1.2em}.wysiwyg blockquote p{margin-bottom:0}.wysiwyg code,.wysiwyg kbd,.wysiwyg samp,.wysiwyg pre{-moz-osx-font-smoothing:auto;-webkit-font-smoothing:auto;background-color:#f2f2f2;color:#333;font-size:0.9em}.wysiwyg code,.wysiwyg kbd,.wysiwyg samp{border-radius:3px;line-height:1.77778;padding:0.1em 0.4em 0.2em;vertical-align:baseline}.wysiwyg pre{overflow:auto;padding:1em 1.2em}.wysiwyg pre code{background:none;font-size:1em;line-height:1em}.wysiwyg figure{margin-bottom:2.8em;text-align:center}.wysiwyg figure:first-child{margin-top:0}.wysiwyg figure:last-child{margin-bottom:0}.wysiwyg figcaption{font-size:0.8em;margin-top:.875em}.wysiwyg table{width:100%}.wysiwyg table pre{white-space:pre-wrap}.wysiwyg th,.wysiwyg td{font-size:1em;padding:.7em;border:1px solid #e6e6e6;line-height:1.4}.wysiwyg thead tr,.wysiwyg tfoot tr{background-color:#f5f5f5}.wysiwyg thead th,.wysiwyg thead td,.wysiwyg tfoot th,.wysiwyg tfoot td{font-size:.9em;padding:.77778em}.wysiwyg thead th code,.wysiwyg thead td code,.wysiwyg tfoot th code,.wysiwyg tfoot td code{background-color:#fff}.wysiwyg tbody tr{background-color:#fff} .wysiwyg ul li {list-style-type: disc} /* End */ /* Start:/local/templates/slonworks/../design_v2/css/style.min.css?173877321583914*/ @charset "UTF-8"; body, button, input, textarea { font-family: gilroy, sans-serif, -apple-system, BlinkMacSystemFont, Roboto, Ubuntu, "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji" } a, button { color: inherit } .select__option, .select__title { width: 100%; text-align: left; cursor: pointer } .popup__wrapper, .wrapper { flex-direction: column; min-height: 100% } .artcile__sidebar, .select, .select__body, [class*=-ibg] { position: relative } ._select-tag, .js-popup-step-back, .select__option, .select__title, button { cursor: pointer } @font-face { font-family: gilroy; font-display: swap; src: url("/local/templates/slonworks/../design_v2/css/../fonts/gilroy-600.woff2") format("woff2"), url("/local/templates/slonworks/../design_v2/css/../fonts/gilroy-600.woff") format("woff"); font-weight: 600; font-style: normal } @font-face { font-family: gilroy; font-display: swap; src: url("/local/templates/slonworks/../design_v2/css/../fonts/gilroy-500.woff2") format("woff2"), url("/local/templates/slonworks/../design_v2/css/../fonts/gilroy-500.woff") format("woff"); font-weight: 500; font-style: normal } @font-face { font-family: gilroy; font-display: swap; src: url("/local/templates/slonworks/../design_v2/css/../fonts/gilroy-400.woff2") format("woff2"), url("/local/templates/slonworks/../design_v2/css/../fonts/gilroy-400.woff") format("woff"); font-weight: 400; font-style: normal } @font-face { font-family: gilroy; font-display: swap; src: url("/local/templates/slonworks/../design_v2/css/../fonts/gilroy-700.woff2") format("woff2"), url("/local/templates/slonworks/../design_v2/css/../fonts/gilroy-700.woff") format("woff"); font-weight: 700; font-style: normal } * { padding: 0; margin: 0; border: 0 } *, :after, :before { box-sizing: border-box } body, html { height: 100%; min-width: 320px; -webkit-tap-highlight-color: transparent } body { color: var(--primary); line-height: 1; font-size: .875rem; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; --header: 100px } button, input, textarea { font-size: inherit } button { background-color: inherit } a:hover, a:link, a:visited { text-decoration: none } ul li { list-style: none } img { vertical-align: top } h1, h2, h3, h4, h5, h6 { font-weight: inherit; font-size: inherit } .lock body { overflow: hidden; touch-action: none } body::-webkit-scrollbar { height: 5px; width: 5px } body::-webkit-scrollbar-track { background: var(--whte) } body::-webkit-scrollbar-thumb { border-radius: 10px; background: var(--alt) } .wrapper { display: flex } @supports (overflow:clip) { .wrapper { overflow: clip } } .wrapper > main { flex: 1 1 auto; padding-top: var(--header) } .wrapper > * { min-width: 0 } .page--mt { margin-top: 24px } [class*=__container] { max-width: 70.5rem; box-sizing: content-box; margin: 0 auto; padding: 0 .9375rem } .js-popup-resend, .popup__form, .popup__send { margin-left: auto; margin-right: auto } .form__error { color: red; margin-top: 4px; text-align: center; } input[type=email], input[type=tel], input[type=text], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none } input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0 } input[type=number] { -moz-appearance: textfield; appearance: none; appearance: textfield } input[type=date], input[type=email], input[type=password], input[type=search], input[type=tel], input[type=text] { appearance: none } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { display: none } input[type=search]::-ms-clear { display: none; height: 0; width: 0 } input[type=search]::-ms-reveal { display: none; height: 0; width: 0 } .input { border-radius: 16px !important; width: 100%; display: block; border: 1px solid #d8d8d8; background: var(--whte); font-size: 16px; font-weight: 500; outline: 0 } .input::placeholder { color: transparent } textarea.input { resize: none; padding: 0 } .select { min-width: 67px } /*.select__title {*/ /* color: inherit;*/ /* border: 1px solid var(--pale);*/ /* background-color: var(--pale);*/ /* border-radius: 12px;*/ /* padding: 7px 12px*/ /*}*/ /*.select__value {*/ /* display: flex;*/ /* align-items: center;*/ /* justify-content: space-between;*/ /* flex-direction: row-reverse;*/ /* font-size: 14px;*/ /* line-height: normal;*/ /* gap: 6px*/ /*}*/ /*.select__value:before {*/ /* content: "";*/ /* align-self: stretch;*/ /* flex: 0 0 14px;*/ /* transition: .3s;*/ /* background: var(--primary);*/ /* display: flex;*/ /* justify-content: center;*/ /* align-items: center;*/ /* mask: url(/local/templates/slonworks/../design_v2/css/../img/icons/sel.svg) center center no-repeat;*/ /* -webkit-mask: url(/local/templates/slonworks/../design_v2/css/../img/icons/sel.svg) center center no-repeat*/ /*}*/ ._select-open .select__value:before { transform: rotate(-180deg) } .lk__row, .select__text { flex: 1 1 auto } .menu, .select__row { align-items: center } .select__input { width: 100%; background-color: transparent; height: 100% } .select__options { color: #000; position: absolute; top: 26px; border-radius: 0 0 12px 12px; min-width: 100%; left: 0; background-color: var(--pale); border-top: 0; border: 1px solid var(--pale); padding: 18px 0 5px } .popup, body::after { position: fixed; top: 0; left: 0; pointer-events: none } .select__scroll { overflow-y: auto; overflow-x: hidden; max-height: 200px } .select__option { display: block; padding: 8px 12px; color: inherit; border-radius: 12px } .btn.btn--alt, .footer__link:hover, .js-popup-resend, .lk__link.active, .menu-sublist__info:hover, .menu-sublist__link:hover { color: var(--alt) } .select__option._select-selected { background-color: var(--bg) } .select__row { display: inline-flex } .popup__content, .popup__wrapper { width: 100%; display: flex } .select._select-open { z-index: 5 } body::after { content: ""; background-color: var(--primary); width: 100%; height: 100%; opacity: 0; transition: opacity .8s; z-index: 149 } .popup-show body::after { opacity: .45 } .popup { bottom: 0; right: 0; padding: 30px 10px; transition: visibility .8s; visibility: hidden } .lock .popup__content, .popup_show { visibility: visible } .popup_show { /*z-index: 150;*/ overflow: auto; pointer-events: auto; background: #00000096; } .popup_show .popup__content { visibility: visible; transform: scale(1) } .popup__wrapper { align-items: center; flex: 1 1 auto; justify-content: center; align-items: center } .popup__content, .popup__step { flex-direction: column } .popup__content { visibility: hidden; transform: scale(0); transition: transform .3s; background-color: #eee; background-color: #fdebec; padding: 40px 20px; max-width: 552px; min-height: 472px; justify-content: center; align-items: center; border-radius: 16px } #video-modal .popup__content { border-radius: 16px; overflow: hidden; padding: 0; background: 0 0 } #video-modal .popup__close, .js-popup-step, .js-popup-step-profile { display: none } .popup__close { position: absolute; top: 26px; right: 26px; width: 14px; height: 14px; display: flex; justify-content: center; align-items: center } #video-modal .popup__video embed, #video-modal .popup__video iframe, #video-modal .popup__video object, #video-modal .popup__video video, .news__image, [class*=-ibg] img { left: 0; width: 100%; height: 100%; top: 0; position: absolute } .popup__close::after, .popup__close::before { content: ""; position: absolute; transition: background .3s; border-radius: 3px; width: 100%; height: 1px; background: var(--blck) } .popup__code input, .popup__tel input { background: 0 0; border: none; padding: 0; font-weight: 700; line-height: 80px; text-align: center; font-style: normal; color: var(--primary); } .btn.btn--alt:hover, .btn:hover, .media__item:hover a { background: var(--alt-hover) } .popup__close::after { transform: rotate(45deg) } .popup__close::before { transform: rotate(-45deg) } .popup__title { margin-bottom: 44px; font-size: 1.5rem; font-style: normal; font-weight: 600; line-height: 32px; text-align: center } .popup__tel input { font-size: 3.25rem } .popup__tel input::placeholder { color: var(--primary); opacity: .3 } .article-text p, .article-text ul, .popup__code { margin-bottom: 16px } .article-text img{ max-width: 100%; height: auto; } .popup__code input { font-size: 3.25rem } .popup__code input::placeholder { color: var(--primary); opacity: .3 } .popup__resend { line-height: 150%; text-align: center } .popup__resend-time { display: block; text-align: center; font-size: 16px } .popup__form { margin-bottom: 36px; display: flex; flex-direction: column; max-width: 255px; width: 100%; gap: 16px } .popup__send { margin-top: 40px } .popup__end.btn, .popup__send.btn { padding: 24px 32px } .btn, .btn.btn--alt { padding: 12px 16px; transition: .3s ease-out } .js-popup-step-profile.active, .js-popup-step.active { display: block; display: flex } .js-popup-resend { display: none; font-size: 1rem; font-weight: 600; line-height: 130%; text-align: center } .js-popup-resend.active { display: inline-flex; margin-top: 15px } .js-popup-step-back { color: var(--alt); font-size: 1.5rem; font-weight: 600; line-height: 133.333% } [class*=-ibg] img { object-fit: cover } [class*=-ibg_contain] img { object-fit: contain } #video-modal .popup__video { position: relative; overflow: hidden; height: 0; padding-bottom: 56.25% } .lk__nav .lk__container::-webkit-scrollbar { display: none } :root { --primary: #32334c; --pale: #f6eee8; --arrow: #fff0f5; --whte: #fff; --alt: #9d097c; --alt-hover: #cd1ba5; --blck: #1c1c1e; --gry: #676971; --gry-alt: #676971; --green: #099d56; --profile: #eee; --circle: #fa9397; --progress-color: #eaeaea; --bg: #c6d9dd; --whatsapp: #50b313; --bg-lk: #f9f9f9; --gradient: linear-gradient(259deg, #2d1178 25.04%, #db2d8f 77.78%); --plyr-color-main: #9d097c } .btn { border-radius: 16px; background: var(--alt); color: var(--whte); border: 1px solid var(--alt); display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; text-align: center; font-size: 1rem; font-weight: 600 } .btn:hover { border: 1px solid var(--alt-hover) } .btn.btn--alt { background: 0 0; border: 1px solid var(--alt); min-height: 80px; border-radius: 32px; min-width: 240px } .btn.btn--alt:hover { border: 1px solid var(--alt-hover); color: var(--whte) } .section { margin-bottom: 220px } .bg-text { background: var(--gradient); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent } .header, .menu-sublist { background: var(--whte); left: 0 } ._title { text-align: center; margin-bottom: 32px; font-size: 2.75rem; font-style: normal; font-weight: 700; line-height: 118.182% } .visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; white-space: nowrap; clip-path: inset(100%); clip: rect(0 0 0 0); overflow: hidden } .menu, .menu__body { /*margin-left: auto*/ } .header { padding: 24px 0; position: fixed; top: 0; width: 100%; z-index: 8; max-width: 100vw } .header__logo { margin-right: 24px } .header__logo img, .header__logo picture { max-width: 100%; max-height: 100%; object-fit: contain } .menu { display: flex; --gap: 14px; position: relative } .menu__list, .menu__row { gap: var(--gap); display: flex } .menu__row { align-items: center } .menu__list { margin-left: auto; flex-wrap: wrap } .menu__item { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; align-items: center; position: relative } .menu__item._active .menu-dropdown { transform: rotate(-90deg) } .menu .menu-dropdown { transition: .3s ease-out; mask: var(--arrow) center center no-repeat; -webkit-mask: var(--arrow) center center no-repeat; width: 20px; aspect-ratio: 1; transform: rotate(90deg); display: block; background: var(--primary) } .menu .menu-dropdown::before { content: ""; position: absolute; left: 0; width: 100%; right: 0 } .menu__link { font-size: 1rem; font-weight: 600; display: block; transition: color .3s ease-out } .footer__bottom, .footer__link { font-size: .875rem; font-weight: 400 } .menu__btn.btn.btn--alt { padding: 12px 24px; min-height: 0; min-width: 0; border-radius: 16px } .menu__media { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: var(--gap) } .menu__media img, .menu__media picture { max-width: 100%; max-height: 52px; object-fit: contain } .menu-sublist { flex: 0 0 100%; --gap: 20px; transition: .3s ease-out; --gap: 16px } .footer, .intro { background: var(--bg) } .footer__link, .menu-sublist__info, .menu-sublist__link { transition: color .3s ease-out } .menu-sublist__item:not(:last-child) .menu-sublist__link { margin-bottom: var(--gap) } .menu-sublist__info { margin-bottom: 14px; display: block; color: var(--gry) } .menu-sublist__link { display: flex; align-items: center; gap: 4px } .menu-sublist__link:hover::after { content: ""; transform: translateX(5px) } .icon-menu { display: none } .footer { padding: 32px 0 23px } .footer__left { flex: 0 0 246px } .footer__row { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 33px } .footer__logos { display: flex; align-items: center; gap: 27px; margin-bottom: 42px } .footer__nav { flex: 1 1 auto; display: grid; grid-template-columns:repeat(4, 180px); gap: 39px } .footer__list, .media { gap: 8px; display: flex } .footer__list { flex-direction: column } .footer__link { font-style: normal } .footer__link b { font-size: 16px; font-weight: 700 } .footer__bottom { margin-top: 23px } .media { align-items: center; flex-wrap: wrap } .media__item { width: 20px; display: flex; justify-content: center; align-items: center; aspect-ratio: 1 } .media__item a { mask: var(--icon) center center/contain no-repeat; -webkit-mask: var(--icon) center center/contain no-repeat; transition: background .3s ease-out; background: var(--alt); width: 100%; aspect-ratio: 1 } .intro { border-radius: 40px; position: relative; margin-bottom: 144px } .intro__slide { overflow: hidden; display: flex; min-height: 732px } .intro__container { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; flex: 0 0 100% } .intro__info { max-width: 632px; padding: 72px 0 } .intro__title { margin-bottom: 12px; font-size: 4rem; font-style: normal; font-weight: 600; line-height: 125% } .intro__text { margin-bottom: 24px; font-size: 1.5rem; font-style: normal; font-weight: 400; line-height: 133.333% } .intro__image { border-radius: 40px; overflow: hidden; right: 0; position: absolute; max-width: 44.32vw; height: 100%; top: 0 } .intro__image img, .intro__image picture { border-radius: 40px; max-width: 100%; height: 100%; object-fit: cover; width: 100% } .intro__nav { position: absolute; bottom: 32px; left: 50%; transform: translateX(-50%); width: 100%; gap: 16px; display: flex; align-items: center; z-index: 2 } @media (max-width: 77.4375em) { .intro__slide { flex-direction: column; min-height: 0 } .intro__info { max-width: 100%; padding: 64px 0 36px } .intro__title { font-size: 3.25rem } .intro__image { position: initial; max-width: 100%; width: 100%; height: 314px } .intro__nav { bottom: auto; top: 330px; justify-content: center } .intro__nav .swiper-nav__arrows { display: none } .intro__nav .swiper-nav__pag { margin-left: auto; width: auto; margin-right: auto } } .swiper-nav { display: flex } .swiper-nav__arrows { display: flex; align-items: center; gap: 8px } .swiper-nav__pag { display: flex; align-items: center; gap: 8px; min-height: 24px } .swiper-nav__pag .swiper-pagination-bullet { transition: .3s ease-out; position: relative; display: flex; justify-content: center; align-items: center; background: var(--primary); --size: 4px; width: var(--size); height: var(--size); opacity: 1; height: 8px; width: 8px } .swiper-arrow, .swiper-arrow::before { transition: background .3s ease-out; aspect-ratio: 1 } .swiper-arrow:hover, .swiper-nav__pag .swiper-pagination-bullet:hover { background: var(--alt-hover) } .swiper-nav__pag .swiper-pagination-bullet::before { content: ""; position: absolute; height: 24px; width: 24px; border: 2px solid var(--alt); border-radius: 50%; opacity: 0 } .swiper-nav__pag .swiper-pagination-bullet.swiper-pagination-bullet-active::before, .test-page__item input[type=checkbox]:checked + .checkbox__label::after, .test-page__item input[type=radio]:checked + .checkbox__label::after { opacity: 1 } .swiper-nav__pag .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--alt); --size: 8px } .swiper-arrow, .swiper-arrow:hover::before { background: var(--whte) } .swiper-arrow { display: flex; justify-content: center; align-items: center; border-radius: 50%; width: 40px } .swiper-arrow.swiper-arrow--alt { background: var(--arrow) } .swiper-arrow::before { content: ""; mask: var(--icon) center center/contain no-repeat; -webkit-mask: var(--icon) center center/contain no-repeat; position: absolute; background: var(--alt); width: 16px } .swiper-arrow.swiper-arrow--next::before { content: ""; transform: rotate(180deg) } .attention { margin-bottom: 120px } .attention__container { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center } .attention__title { font-size: 2rem; font-weight: 500; margin-bottom: 42px; max-width: 100%; width: 896px; line-height: 150% } .story { padding: 87px 0 103px; background: var(--bg); border-radius: 40px } @media (min-width: 1200px) { .story__container { --images: 503px; min-height: var(--images) } } .story__subtitle { width: 510px; max-width: 100%; margin-bottom: 24px; font-size: 1.25rem } .story__title { width: 510px; max-width: 100%; margin-bottom: 32px; font-size: 2.75rem; font-weight: 700; line-height: 118.182% } .story__row { position: relative; display: flex; align-items: center } .story__images { --gap: 13px; display: grid; grid-template-columns:194px 272px 155px; max-width: 647px; position: absolute; right: 0; gap: var(--gap); bottom: -16px } .story__item { display: flex; flex-direction: column; gap: var(--gap); justify-content: center } .story__item:first-child { align-items: flex-end } .story__item:nth-child(2) .story__image:first-child { margin-left: auto; margin-right: 45px } .story__item:nth-child(2) .story__image:last-child { margin-left: 42px } .story__image:hover img { transform: scale(105%) } .story__image img, .story__image picture { border-radius: 16px; overflow: hidden; max-width: 100%; transition: transform .3s ease-out; max-height: 100% } .story__column { width: 421px; max-width: 100% } @media (max-width: 1200px) { .footer__left { flex: 1 1 auto; display: flex; justify-content: space-between; align-items: center; width: 100% } .footer__row { flex-direction: column } .footer__logos { margin-bottom: 0 } .footer__nav { gap: 12px; width: 100%; grid-template-columns:repeat(auto-fit, minmax(158px, 1fr)) } .story { padding: 32px 0 } .story__row { flex-direction: column; gap: 16px } .story__images { position: initial; margin-left: -16px; margin-right: -16px; overflow: hidden; grid-template-columns:136px 190px 108px } .story__column { width: 100% } } .story__text { font-size: 1rem; font-style: normal; font-weight: 400; line-height: 137.5%; margin-bottom: 16px } .business__swiper { margin-bottom: 32px } .business__slide { max-width: 360px; width: 100%; height: auto; display: flex; flex-direction: column } .business__image { position: relative; border-radius: 24px; overflow: hidden; margin-bottom: 16px } .business__image img, .business__image picture { width: 100%; height: 100%; object-fit: cover } @media (min-width: 61.99875em) { .menu__item:hover .menu-sublist { opacity: 1; visibility: visible; transform: translatey(0) } .menu .menu-dropdown { display: none } .menu-sublist { --pos: 26px; position: absolute; padding: 24px 32px; box-shadow: 0 4px 24px 0 rgba(29, 47, 91, .14); display: flex; flex-direction: column; justify-content: center; opacity: 0; top: calc(100% + var(--pos)); width: max-content; max-width: 327px; border-radius: 24px; visibility: hidden } .menu-sublist:hover { opacity: 1; visibility: visible } .menu-sublist::before { content: ""; width: 100%; position: absolute; left: 0; height: var(--pos); top: calc(var(--pos) * -1) } .menu-sublist__link::after { content: ""; --size: 20px; display: block; width: var(--size); aspect-ratio: 1; mask: var(--arrow) center center no-repeat; -webkit-mask: var(--arrow) center center no-repeat; background: currentColor; transition: .3s ease-out; flex: 0 0 var(--size) } .business__image:hover .business__more { opacity: 1 } .business__image:hover .business__more::before { content: ""; transform: scale(1); opacity: 1 } } .business__more { position: absolute; width: calc(100% + 80px); height: calc(100% + 40px); left: -40px; top: -20px; border-radius: 50%; z-index: 2; font-size: 1rem; display: flex; justify-content: center; align-items: center; text-align: center; color: var(--whte); font-weight: 600; opacity: 0; transition: opacity .3s ease-out } .education__slide, .news__slide { border-radius: 24px; display: flex } .business__more::before { content: ""; width: 100%; height: 100%; border-radius: 50%; transform: scale(0); transition: .3s ease-out; background: var(--circle); position: absolute; z-index: -1 } .business__name { font-size: 1.5rem; font-style: normal; margin-bottom: 12px; font-weight: 700; line-height: 133.333% } .business__about, .business__info { font-size: 1rem; line-height: 137.5%; font-style: normal } .business__info { font-weight: 400; margin-bottom: 12px; margin-top: auto } .business__about { font-weight: 600; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden } .business__nav .swiper-nav__arrows { justify-content: center } .business__nav .swiper-nav__pag { width: auto } .education__slider { margin: -32px; padding: 32px } .education__slide { padding: 32px; background: var(--whte); box-shadow: 0 12px 32px 0 rgba(0, 0, 0, .12); height: auto; min-height: 270px; flex-direction: column; align-items: flex-start; width: 360px } .education__name { font-size: 1.25rem; font-style: normal; font-weight: 700; margin-bottom: 8px; line-height: 140% } .education__btn { margin-top: auto; flex: 0 0 auto; width: auto } .education__info { font-size: .875rem; font-style: normal; font-weight: 400; margin-bottom: 16px; line-height: 142.857% } .news__name, .test-begin__text b { font-weight: 700 } .news { margin-bottom: 143px } .course-item:not(:last-child), .lk__title { margin-bottom: 20px } .news__slide { flex-direction: column; position: relative; overflow: hidden; width: 264px; min-height: 286px; padding: 16px } .news__image::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 47.03%, #000 100%) } .news__image img, .news__image picture { width: 100%; height: 100%; object-fit: cover } .news__name { position: relative; z-index: 3; color: var(--whte); font-size: 1.25rem; line-height: 140%; margin-top: auto; pointer-events: none } .news__link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: flex; justify-content: center; align-items: center } .lk__link, .lk__logout, .lk__whastapp { position: relative; font-weight: 600 } @media (hover: hover) { .menu__link:hover { color: var(--alt) } .news__link:hover::before { transform: none } .news__link::before { content: ""; position: absolute; height: calc(100% + 69px); display: block; width: calc(100% + 69px); border-radius: 50%; transform: scale(0) translateY(500px); transition: transform .3s ease-out; top: 12px; background: var(--circle) } } .lk__title { font-size: 2.5rem; font-style: normal; font-weight: 600; line-height: 130% } .lk__nav .lk__container, .lk__whastapp { align-items: center; display: flex } .lk__nav { background: var(--bg-lk); margin-bottom: 28px } .lk__link { padding: 24px 16px; font-size: 1.25rem; margin-right: 32px } .lk__link::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: currentColor; opacity: 0 } .lk__logout::before, .lk__whastapp::before { display: block; position: absolute; mask: var(--icon) center center/contain no-repeat; width: var(--size); height: var(--size); background: currentColor; left: 0; content: ""; font-size: 0.9rem; } .lk__link.active::before { content: ""; opacity: 1 } .lk__whastapp { color: var(--whatsapp); --size: 22px; padding-left: 32px; margin-left: auto; font-size: 0.9rem; } .lk__whastapp::before { -webkit-mask: var(--icon) center center/contain no-repeat } .lk__logout { display: flex; color: var(--alt); --size: 22px; padding-left: 32px; align-items: center; margin-left: 24px } .lk__logout::before { -webkit-mask: var(--icon) center center/contain no-repeat } .lk__courses { display: flex; gap: 32px } .lk__sidebar { position: relative; flex: 0 0 264px } .lk__sidebar-row { position: sticky; background: var(--bg-lk); top: calc(var(--header) + 40px); left: 0; border-radius: 16px; padding: 24px 8px 10px } .lk__sidebar-name { font-size: .875rem; line-height: 150%; margin-bottom:5px; padding-left: 16px; color: var(--blck); font-weight: 600; } .lk__sidebar-level { font-size: 1.5rem; font-weight: 600; line-height: 150%; padding-left: 16px; color: var(--green); margin-bottom: 24px } .lk__tg-info, .lk__tg-text { font-weight: 500; line-height: 150% } .lk__tg { padding: 16px 12px; display: block; color: var(--whte); border-radius: 12px; background: linear-gradient(226deg, #25d366 17.44%, #25d366 76.28%) } .lk__tg-text { margin-bottom: 12px } .lk__tg-info { display: flex; align-items: center; gap: 8px; font-size: 16px } .lk__tg-info::before { /*content: "";*/ background: var(--icon) center center/contain no-repeat; width: 20px; height: 16px } .course-item { display: flex; align-items: center; padding: 16px 24px; border-radius: 16px; background: var(--bg-lk) } .course-item.course-item--done .course-item__name { opacity: .4 } .course-item.course-item--lock .course-item__progress-velue { color: var(--progress-color) } .course-item.course-item--disabled { position: relative; border: 1px solid var(--alt); overflow: hidden } .course-item__disabled { position: absolute; height: 100%; text-align: center; align-items: center; background: rgba(255, 255, 255, .6); left: 0; backdrop-filter: blur(4px); border-radius: 16px; z-index: 4; width: 100%; justify-content: center; display: flex; font-size: 16px; font-weight: 600; flex-direction: column; line-height: 150% } .course-item__progress-info, .course-item__progress-velue { z-index: 1; line-height: 150%; position: relative; font-style: normal } .course-item__disabled::before { content: ""; display: block; margin-bottom: 8px; mask: var(--icon) center center/contain no-repeat; -webkit-mask: var(--icon) center center/contain no-repeat; background: var(--alt); --size: 32px; width: var(--size); height: var(--size) } .course-item__text { margin-right: auto } .course-item__info { font-size: 14px; line-height: 150%; margin-bottom: 6px; color: var(--alt) } .course-item__tag { --background: var(--alt); --color: var(--whte); font-size: 12px; font-weight: 500; line-height: 150%; padding: 4px 6px; border-radius: 4px; background: var(--background); color: var(--color); margin-right: 12px } .course-item__name { font-size: 1.5rem; font-weight: 600; line-height: 150%; transition: color .3s ease-out } .course-item__progress { display: flex; justify-content: center; flex-direction: column; align-items: center; --size: 80px; flex: 0 0 var(--size); height: var(--size); width: var(--size); border-radius: 50%; text-align: center; position: relative } .course-item__progress::before { content: ""; border-radius: 50%; background: radial-gradient(closest-side, #f9f9f9 calc(100% - 4px), transparent calc(100% - 3px) 100%), conic-gradient(var(--alt) var(--progress), #eaeaea 0); position: absolute; top: 0; left: 0; width: 100%; height: 100% } .course-item__progress-info { font-size: 8px; font-weight: 400; color: var(--gry-alt) } .course-item__progress-velue { font-size: 20px; font-weight: 600 } .course-item__invite { margin-right: 12px; display: flex; flex-direction: column } .course-item__invite-info { margin-bottom: 4px; font-weight: 400; line-height: 150% } .course-item__invite-name { align-items: center; display: flex; color: var(--alt); font-size: 14px; line-height: 150% } .course-item__invite-name::before { content: ""; mask: var(--icon) center center/contain no-repeat; -webkit-mask: var(--icon) center center/contain no-repeat; background: currentColor; --size: 16px; width: var(--size); height: var(--size); flex: 0 0 var(--size); margin-right: 4px; display: inline-block } .profile { max-width: 840px; padding-top: 20px } .profile__head { display: flex; align-items: center; margin-bottom: 24px } .profile__image { border-radius: 50%; --size: 120px; flex: 0 0 var(--size); margin-right: 28px; background: var(--profile) url("/local/templates/slonworks/../design_v2/css/../img/icons/avatar.svg") center center/cover no-repeat; height: var(--size); overflow: hidden } .profile__image img, .profile__image picture { width: 100%; height: 100%; object-fit: cover } .profile__upload-btn { cursor: pointer; flex: 0 0 auto; padding: 12px 24px } .profile__upload-btn::before { content: ""; background: currentColor; margin-right: 10px; --size: 24px; width: var(--size); height: var(--size); mask: var(--icon) center center/contain no-repeat; -webkit-mask: var(--icon) center center/contain no-repeat } .profile__group { display: grid; grid-template-columns:repeat(2, 1fr); gap: 20px } .profile__group:not(:last-of-type) { margin-bottom: 44px } .profile__text { font-size: 1.25rem; font-weight: 600; margin-bottom: 20px } .profile__info { margin-top: 24px; font-size: 16px; font-weight: 400 } .profile__btn { min-width: 255px; padding: 24px 32px; margin-top: 32px } .form-item { display: flex; flex-direction: column; position: relative } .form-item._form-field .form-item__label, .form-item._form-focus .form-item__label { top: 12px; font-size: 12px; transform: translateY(0) } .form-item__label { position: absolute; top: 50%; transform: translateY(-50%); left: 16px; font-size: 16px; font-weight: 400; opacity: .7; transition: .3s ease-out } .form-item .input { padding: 28px 16px 12px } .back__link { display: flex; align-items: center; gap: 12px; font-size: 1rem; font-weight: 600; padding: 2.5px 0; color: #848594; margin-bottom: 28px } .artcile__link.active, .test-page__name { color: var(--alt) } .back__link::before { content: ""; background: url("/local/templates/slonworks/../design_v2/css/../img/icons/arrow-back.svg") center center/contain no-repeat; height: 10px; width: 16px } .artcile__title { font-size: 2.5rem; font-weight: 600; line-height: 130%; margin-bottom: 20px } .artcile__row { display: grid; grid-template-columns:360px auto; gap: 24px } @media (min-width: 72.375em) { .artcile__active { display: none } } .artcile__link::before, .article-text ul a::before { --size: 24px; mask: var(--icon) center center/contain no-repeat; background: currentColor; content: "" } .artcile__navigation { padding: 24px; background: var(--bg-lk); border-radius: 16px; position: sticky; top: calc(var(--header) + 20px); height: 100%; } .artcile__link, .artcile__video { position: relative; display: flex } @media (max-width: 72.375em) { .news { margin-bottom: 100px } .artcile__row { grid-template-columns:1fr } .artcile__active { width: 100%; display: flex; align-items: center; position: relative; justify-content: space-between; padding: 24px; border-radius: 16px; background: var(--bg-lk); color: var(--alt) } .active .artcile__active { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .active .artcile__active::after { transform: rotate(180deg) } .artcile__active::after { content: ""; background: url("/local/templates/slonworks/../design_v2/css/../img/icons/select-arrow.svg") center center/contain no-repeat; flex: 0 0 14px; display: block; transition: transform .3s ease-out; height: 10px; margin-right: 5px } .artcile__active .artcile__link { flex: 1 1 auto } .artcile__navigation { border-top-left-radius: 0; border-top-right-radius: 0 } } .artcile__navigation ul { display: flex; flex-direction: column; gap: 24px } .artcile__link { gap: 8px; font-size: 16px; font-style: normal; font-weight: 500; line-height: 150%; align-items: flex-start; } artcile__link.active{ color: var(--alt); } .artcile__link::before { flex: 0 0 var(--size); height: var(--size); -webkit-mask: var(--icon) center center/contain no-repeat } .artcile__column { padding: 24px 24px 48px; align-self: flex-start; background: var(--bg-lk); border-radius: 16px } .artcile__video { justify-content: center; align-items: center; width: 100%; margin-bottom: 48px; border-radius: 16px; overflow: hidden } .artcile__video img, .artcile__video picture, .artcile__video video { width: 100%; aspect-ratio: 704/326; max-width: 100% } .artcile__video::before { content: ""; position: absolute; width: 100%; height: 100%; background: var(--primary); opacity: .6; z-index: 2 } .artcile__video::after { content: ""; position: absolute; --size: 40px; width: var(--size); height: var(--size); transition: transform .3s ease-out; z-index: 2; background: url("/local/templates/slonworks/../design_v2/css/../img/icons/play.svg") center center/contain no-repeat } .article-text { font-size: 1rem; line-height: 150% } .article-text > :last-child { margin-bottom: 0 } .article-text ul span { opacity: .6 } .article-text ul a { display: flex; align-items: center; color: var(--alt); gap: 8px } @media (any-hover: hover) { .select__option:hover { background: var(--bg) } .popup__close:hover::after, .popup__close:hover::before { background: var(--alt) } .artcile__link, .lk__link { transition: color .3s ease-out } .course-item:hover .course-item__name, .lk__link:hover { color: var(--alt) } .course-item { transition: box-shadow .3s ease-out } .course-item:hover { box-shadow: 0 12px 40px 0 rgba(0, 0, 0, .16) } .article-text ul a:hover, .course-item__invite-name:hover { text-decoration: underline } .artcile__link:hover { color: var(--alt) } .artcile__video:hover::after { content: ""; transform: scale(1.1) } } .article-text ul a::before { -webkit-mask: var(--icon) center center/contain no-repeat; flex: 0 0 var(--size); height: var(--size) } .article-text ul li:not(:last-child) { margin-bottom: 8px } .test-begin { padding: 36px 20px 53px } .test-begin__title { margin-bottom: 27px; font-size: 1.5rem; font-weight: 600; line-height: 1 } .test-begin__cards { display: grid; grid-template-columns:repeat(auto-fit, 200px); gap: 16px; margin-bottom: 24px } .test-begin__info { margin-bottom: 4px; font-size: 14px; line-height: 171%; opacity: .6 } .test-begin__text { font-size: 16px; font-weight: 500; line-height: 150%; margin-bottom: 32px } .test-begin__link { min-width: 255px; padding: 24px 32px } @media (max-width: 29.99875em) { .test-begin__link { max-width: 100%; width: 100% } } .test-card { display: flex; flex-direction: column; padding: 16px; border-radius: 16px; background: var(--whte) } .test-card::before { content: ""; display: block; --size: 32px; flex: 0 0 var(--size); width: var(--size); height: var(--size); mask: var(--icon) center center/contain no-repeat; -webkit-mask: var(--icon) center center/contain no-repeat; background: var(--blck); margin-bottom: 16px } .test-card__info { margin-bottom: 6px; opacity: .6; line-height: 171.429%; font-size: 14px } .test-card__content { font-size: 16px; font-weight: 600; line-height: 150% } .test-page { padding: 24px 24px 47px 20px } .test-page__head { display: flex; justify-content: space-between; margin-bottom: 31px; align-items: center } .test-page__step { font-size: 1rem; font-weight: 500; line-height: 150%; opacity: .6 } .test-page__timer.btn { padding: 12px; font-weight: 600 } .test-page__inner { display: none; max-width: 567px } .test-page__inner.active { display: block } .test-page__name { font-size: 1.25rem; font-weight: 600; line-height: 160%; margin-bottom: 28px } .test-page__item { background: var(--whte); border-radius: 12px } .test-page__item:not(:last-child) { margin-bottom: 12px } .test-page__item input[type=checkbox]:checked + .checkbox__label::before { border-color: var(--alt); background: var(--alt) } .test-page__item input[type=radio] + .checkbox__label::before { content: ""; border-radius: 50% } .test-page__item input[type=radio] + .checkbox__label::after { left: 16px; top: 16px; --size: 16px; border-radius: 50%; background: var(--alt) } .test-page__item input[type=radio]:checked + .checkbox__label::before { border-color: var(--alt) } .test-page__item .checkbox__label { display: flex; padding: 12px 12px 12px 44px; position: relative; --size: 24px; font-size: 1rem; font-weight: 500; line-height: 150% } .test-page__item .checkbox__label::after, .test-page__item .checkbox__label::before { content: ""; width: var(--size); height: var(--size); transition: .3s ease-out; top: 12px; left: 12px } .test-page__item .checkbox__label::after { content: ""; position: absolute; background: url("/local/templates/slonworks/../design_v2/css/../img/icons/check.svg") center center no-repeat; opacity: 0 } .test-page__item .checkbox__label::before { content: ""; position: absolute; border-radius: 8px; border: 1px solid #dadada; background: var(--whte) } .test-page__txta .form-item__label { top: 20px; transform: translate(0) } .test-page__txta textarea { height: 120px } .test-page__controls { margin-top: 40px; display: flex } .test-page__controls .btn { padding: 16px 32px; min-width: 144px; min-height: 0; border-radius: 16px } .test-page__controls .btn:not(:last-child) { margin-right: 16px } .test-result { align-self: stretch; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center } .test-result__icon { margin-bottom: 36px } .test-result__icon img { --size: 80px; width: var(--size); height: var(--size) } .test-result__title { margin-bottom: 14px; font-size: 1.5rem; font-weight: 600; line-height: 1 } .test-result__info { opacity: .6; font-size: 1rem; font-weight: 500; line-height: 150%; margin-bottom: 28px } .test-result__btn { padding: 16px 32px } .section-lk { margin-bottom: 72px } @media (max-width: 61.99875em) { body { --header: 72px } .page--mt { margin-top: 20px } .popup__title { font-size: 1.125rem; font-weight: 600; line-height: 177.778%; margin-bottom: 24px } .section { margin-bottom: 120px } ._title { font-size: 2rem } .header { padding: 20px 0 } .header__logo { width: 100px; height: 32px } .header__logo.header__logo--small { width: 31px; height: 32px } /*.menu {*/ /* --gap: 40px*/ /*}*/ /*.menu__row {*/ /* flex-direction: column;*/ /* justify-content: center;*/ /* height: auto;*/ /* padding-top: 105px;*/ /* padding-bottom: 40px*/ /*}*/ /*.menu__body {*/ /* position: fixed;*/ /* top: var(--header);*/ /* width: calc(100% + 32px);*/ /* transition: transform .3s ease-out;*/ /* transform: translate(calc(100vw + 16px));*/ /* background: var(--whte);*/ /* margin-left: -16px;*/ /* height: 100%;*/ /* min-height: calc(100vh - var(--header));*/ /* max-height: calc(100vh - var(--header));*/ /* overflow: auto;*/ /* margin-right: -16px;*/ /* padding-bottom: var(--header);*/ /* padding-top: var(--header);*/ /* padding: 30px 68px;*/ /* left: 0*/ /*}*/ /*.menu-open .menu__body {*/ /* transform: translate(0)*/ /*}*/ /*.menu__list {*/ /* flex-direction: column;*/ /* margin-left: 0*/ /*}*/ /*.menu__link {*/ /* justify-content: center;*/ /* font-size: 20px*/ /*}*/ /*.menu-sublist__item {*/ /* display: flex;*/ /* align-items: center;*/ /* text-align: center;*/ /* justify-content: center*/ /*}*/ /*.menu-sublist__item:first-child {*/ /* margin-top: var(--gap)*/ /*}*/ /*.menu-sublist__link {*/ /* color: var(--gry)*/ /*}*/ .icon-menu { display: block; position: relative; margin-left: auto; width: 18px; height: 16px; cursor: pointer; z-index: 5 } .icon-menu span, .icon-menu::after, .icon-menu::before { content: ""; transition: .3s; left: 0; position: absolute; width: 100%; height: 2px; border-radius: 32px; background-color: var(--blck) } .icon-menu::before { top: 0 } .icon-menu::after { bottom: 0 } .icon-menu span { top: calc(50% - 1px) } /*.menu-open .icon-menu span {*/ /* transform: scale(0)*/ /*}*/ /*.menu-open .icon-menu::before {*/ /* transform: rotate(-45deg);*/ /* top: calc(50% - 1px)*/ /*}*/ /*.menu-open .icon-menu::after {*/ /* transform: rotate(45deg);*/ /* bottom: calc(50% - 1px)*/ /*}*/ .story__title { font-size: 2.375rem; margin-bottom: 16px } .business__slider { margin-left: -16px; margin-right: -16px; padding-left: 16px; padding-right: 16px } .business__swiper { margin-bottom: 0 } .business__slide { position: relative; overflow: hidden } .business__image { overflow: visible; position: initial } .business__more { opacity: 0; z-index: 2; border-radius: 0 } .business__nav, .test-begin__text br { display: none } .news { margin-bottom: 80px } .lk__title { font-size: 1.875rem; display: flex; justify-content: space-between } .lk__whastapp { font-size: 0; padding-left: var(--size) } .lk__courses { flex-direction: column-reverse; gap: 20px } .lk__sidebar { flex: 0 0 auto } .section-lk { margin-bottom: 48px } } @media (max-width: 47.99875em) { [class*=__container] { padding: 0 1rem } .popup { padding: 30px 16px } .popup__content { padding: 40px 25px } .popup__tel input { font-size: 2rem } .popup__code { margin-bottom: 28px } .popup__code input { font-size: 2rem } .education__btn, .intro__btn, .popup__send, .story__column .btn { width: 100% } .js-popup-step-back { font-size: 1.125rem; line-height: 155.556% } .section { margin-bottom: 80px } ._title { margin-bottom: 12px; text-align: left; line-height: 133.333%; font-size: 1.5rem; display: inline-block } .footer__bottom { margin-top: 33px } .intro__title { font-size: 2.5rem; line-height: 130% } .attention__title { font-size: 1.5rem; margin-bottom: 24px; line-height: 133.333% } .story { padding: 16px 0 } .story__title { font-size: 2rem; line-height: 131.25% } .story__item:first-child .story__image:first-child { width: 75px } .story__item:nth-child(2) .story__image:first-child { width: 93px; margin-right: 32px } .story__item:nth-child(2) .story__image:last-child { width: 107px; margin-left: 31px } .business__slide { max-width: 240px } .education__slider { margin: -32px -16px; padding: 32px 16px } .education__slide { padding: 24px; width: 240px; min-height: 260px } .education__name { font-size: 1rem; line-height: 137.5% } .artcile__title, .lk__title { font-size: 1.5rem; line-height: 166.667% } .lk__nav, .test-page__head { margin-bottom: 21px } .lk__nav .lk__container { overflow: auto; white-space: nowrap } .lk__sidebar-row { padding: 24px 12px 16px } .course-item { flex-direction: column; align-items: flex-start } .course-item__info { margin-bottom: 12px } .course-item__name { font-size: 1.125rem } .course-item__progress { order: -1; margin-bottom: 12px } .profile { padding-top: 0 } .profile__group { grid-template-columns:repeat(1, 1fr) } .back__link, .section-lk { margin-bottom: 32px } .artcile__column { padding: 16px } .artcile__video, .test-begin__text { margin-bottom: 20px } .artcile__video img, .artcile__video picture, .artcile__video video { aspect-ratio: 296/193 } .test-begin { padding: 28px 16px 54px } .test-begin__title { font-size: 1.125rem; line-height: 133.333%; margin-bottom: 20px } .test-begin__cards { grid-template-columns:1fr; margin-bottom: 20px; gap: 12px } .test-page { padding: 16px 16px 29px } .test-page__name { font-size: 1rem; line-height: 150%; margin-bottom: 20px } .test-result { padding-top: 112px; padding-bottom: 174px } .test-result__icon img { --size: 60px } .test-result__title { font-size: 1.125rem; font-style: normal; font-weight: 600; line-height: 24px } } .plyr { margin-bottom: 48px } .plyr--video .plyr__controls, .plyr__video-wrapper { border-radius: 16px } @charset "UTF-8"; @font-face { font-family: gilroy; font-display: swap; src: url(/local/templates/slonworks/../design_v2/css/../fonts/gilroy-600.woff2) format("woff2"), url(/local/templates/slonworks/../design_v2/css/../fonts/gilroy-600.woff) format("woff"); font-weight: 600; font-style: normal } @font-face { font-family: gilroy; font-display: swap; src: url(/local/templates/slonworks/../design_v2/css/../fonts/gilroy-500.woff2) format("woff2"), url(/local/templates/slonworks/../design_v2/css/../fonts/gilroy-500.woff) format("woff"); font-weight: 500; font-style: normal } @font-face { font-family: gilroy; font-display: swap; src: url(/local/templates/slonworks/../design_v2/css/../fonts/gilroy-400.woff2) format("woff2"), url(/local/templates/slonworks/../design_v2/css/../fonts/gilroy-400.woff) format("woff"); font-weight: 400; font-style: normal } @font-face { font-family: gilroy; font-display: swap; src: url(/local/templates/slonworks/../design_v2/css/../fonts/gilroy-700.woff2) format("woff2"), url(/local/templates/slonworks/../design_v2/css/../fonts/gilroy-700.woff) format("woff"); font-weight: 700; font-style: normal } * { padding: 0; margin: 0; border: 0 } *, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box } body, html { height: 100%; min-width: 320px } body { color: var(--primary); line-height: 1; font-family: gilroy, sans-serif; font-size: .875rem; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } button, input, textarea { font-family: gilroy, sans-serif; font-size: inherit } button { cursor: pointer; color: inherit; background-color: inherit } a { color: inherit } a:link, a:visited { text-decoration: none } a:hover { text-decoration: none } ul li { list-style: none } img { vertical-align: top } h1, h2, h3, h4, h5, h6 { font-weight: inherit; font-size: inherit } body { --header: 100px } .lock body { overflow: hidden; -ms-touch-action: none; touch-action: none } body::-webkit-scrollbar { height: 5px; width: 5px } body::-webkit-scrollbar-track { background: var(--whte) } body::-webkit-scrollbar-thumb { border-radius: 10px; background: var(--alt) } .wrapper { min-height: 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .wrapper > main { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding-top: var(--header) } .wrapper > * { min-width: 0 } [class*=__container] { max-width: 70.5rem; -webkit-box-sizing: content-box; box-sizing: content-box; margin: 0 auto; padding: 0 .9375rem } .select { position: relative; min-width: 67px } .select__body { position: relative } /*.select__title {*/ /* color: inherit;*/ /* text-align: left;*/ /* border: 1px solid var(--pale);*/ /* background-color: var(--pale);*/ /* cursor: pointer;*/ /* width: 100%;*/ /* border-radius: 12px;*/ /* padding: 7px 12px*/ /*}*/ /*.select__value {*/ /* display: -webkit-box;*/ /* display: -ms-flexbox;*/ /* display: flex;*/ /* -webkit-box-align: center;*/ /* -ms-flex-align: center;*/ /* align-items: center;*/ /* -webkit-box-pack: justify;*/ /* -ms-flex-pack: justify;*/ /* justify-content: space-between;*/ /* -webkit-box-orient: horizontal;*/ /* -webkit-box-direction: reverse;*/ /* -ms-flex-direction: row-reverse;*/ /* flex-direction: row-reverse;*/ /* font-size: 14px;*/ /* line-height: normal;*/ /* gap: 6px*/ /*}*/ /*.select__value:before {*/ /* content: "";*/ /* -ms-flex-item-align: stretch;*/ /* -ms-grid-row-align: stretch;*/ /* align-self: stretch;*/ /* -webkit-box-flex: 0;*/ /* -ms-flex: 0 0 14px;*/ /* flex: 0 0 14px;*/ /* -webkit-transition: all .3s ease 0s;*/ /* transition: all .3s ease 0s;*/ /* background: var(--primary);*/ /* display: -webkit-box;*/ /* display: -ms-flexbox;*/ /* display: flex;*/ /* -webkit-box-pack: center;*/ /* -ms-flex-pack: center;*/ /* justify-content: center;*/ /* -webkit-box-align: center;*/ /* -ms-flex-align: center;*/ /* align-items: center;*/ /* mask: url(/local/templates/slonworks/../design_v2/css/../img/icons/sel.svg) center center no-repeat;*/ /* -webkit-mask: url(/local/templates/slonworks/../design_v2/css/../img/icons/sel.svg) center center no-repeat*/ /*}*/ ._select-open .select__value:before { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg) } .select__text { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto } .select__input { width: 100%; background-color: transparent; height: 100% } .select__options { color: #000; position: absolute; top: 26px; border-radius: 0 0 12px 12px; min-width: 100%; left: 0; background-color: var(--pale); border-top: 0; border: 1px solid var(--pale); border-top: 0; padding: 18px 0 5px 0 } .select__scroll { overflow-y: auto; overflow-x: hidden; max-height: 200px } .select__option { width: 100%; display: block; text-align: left; cursor: pointer; padding: 8px 12px; color: inherit; border-radius: 12px } .select__option._select-selected { background-color: var(--bg) } .select__row { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .select._select-open { z-index: 5 } ._select-tag { cursor: pointer } [class*=-ibg] { position: relative } [class*=-ibg] img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; -o-object-fit: cover; object-fit: cover } [class*=-ibg_contain] img { -o-object-fit: contain; object-fit: contain } :root { --primary: #32334c; --pale: #f6eee8; --arrow: #fff0f5; --whte: #fff; /*--alt: #9d097c;*/ --alt: #e12e3f; --alt-hover: #e55a67; --blck: #1c1c1e; --gry: #676971; --circle: #fdebec; /*--bg: #c6d9dd;*/ --bg: #fdebec; /*--gradient: linear-gradient(259deg, #2d1178 25.04%, #db2d8f 77.78%)*/ --gradient: #32334c } .btn { border-radius: 16px; background: var(--alt); color: var(--whte); border: 1px solid var(--alt); -webkit-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; padding: 12px 16px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; font-size: 1rem; font-weight: 600 } .btn:hover { background: var(--alt-hover); border: 1px solid var(--alt-hover) } .btn.btn--alt { background: 0 0; color: var(--alt); border: 1px solid var(--alt); -webkit-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; padding: 12px 16px; /*min-height: 80px;*/ border-radius: 32px; min-width: 240px } .btn.btn--alt:hover { background: var(--alt-hover); border: 1px solid var(--alt-hover); color: var(--whte) } .section { margin-bottom: 220px } .bg-text { background: var(--gradient); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent } ._title { text-align: center; margin-bottom: 32px; font-size: 2.75rem; font-style: normal; font-weight: 700; line-height: 118.182% } .header { padding: 24px 0; position: fixed; top: 0; width: 100%; left: 0; background: var(--whte); z-index: 8; max-width: 100vw } .header__logo { margin-right: 24px } .header__logo img, .header__logo picture { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain } /*.menu {*/ /* display: -webkit-box;*/ /* display: -ms-flexbox;*/ /* display: flex;*/ /* -webkit-box-align: center;*/ /* -ms-flex-align: center;*/ /* align-items: center;*/ /* --gap: 20px;*/ /* position: relative;*/ /* margin-left: auto*/ /*}*/ /*.menu__row {*/ /* display: -webkit-box;*/ /* display: -ms-flexbox;*/ /* display: flex;*/ /* -webkit-box-align: center;*/ /* -ms-flex-align: center;*/ /* align-items: center;*/ /* gap: var(--gap)*/ /*}*/ /*.menu__body {*/ /* margin-left: auto*/ /*}*/ /*.menu__list {*/ /* margin-left: auto;*/ /* display: -webkit-box;*/ /* display: -ms-flexbox;*/ /* display: flex;*/ /* -ms-flex-wrap: wrap;*/ /* flex-wrap: wrap;*/ /* gap: var(--gap)*/ /*}*/ /*.menu__item {*/ /* position: relative;*/ /* display: -webkit-box;*/ /* display: -ms-flexbox;*/ /* display: flex;*/ /* -ms-flex-wrap: wrap;*/ /* flex-wrap: wrap;*/ /* -webkit-box-pack: center;*/ /* -ms-flex-pack: center;*/ /* justify-content: center;*/ /* gap: 4px;*/ /* -webkit-box-align: center;*/ /* -ms-flex-align: center;*/ /* align-items: center;*/ /* position: relative*/ /*}*/ /*.menu__item._active .menu-dropdown {*/ /* -webkit-transform: rotate(-90deg);*/ /* -ms-transform: rotate(-90deg);*/ /* transform: rotate(-90deg)*/ /*}*/ /*.menu .menu-dropdown {*/ /* -webkit-transition: all .3s ease 0s;*/ /* transition: all .3s ease 0s;*/ /* mask: var(--arrow) center center no-repeat;*/ /* -webkit-mask: var(--arrow) center center no-repeat;*/ /* width: 20px;*/ /* aspect-ratio: 1;*/ /* -webkit-transition: all .3s ease-out 0s;*/ /* transition: all .3s ease-out 0s;*/ /* -webkit-transform: rotate(90deg);*/ /* -ms-transform: rotate(90deg);*/ /* transform: rotate(90deg);*/ /* display: block;*/ /* background: var(--primary)*/ /*}*/ /*.menu .menu-dropdown::before {*/ /* content: "";*/ /* position: absolute;*/ /* left: 0;*/ /* width: 100%;*/ /* right: 0*/ /*}*/ /*.menu__link {*/ /* font-size: 1rem;*/ /* font-weight: 600;*/ /* display: block;*/ /* -webkit-transition: color .3s ease-out 0s;*/ /* transition: color .3s ease-out 0s*/ /*}*/ /*.menu__media {*/ /* display: -webkit-box;*/ /* display: -ms-flexbox;*/ /* display: flex;*/ /* -webkit-box-align: center;*/ /* -ms-flex-align: center;*/ /* align-items: center;*/ /* -webkit-box-pack: center;*/ /* -ms-flex-pack: center;*/ /* justify-content: center;*/ /* -ms-flex-wrap: wrap;*/ /* flex-wrap: wrap;*/ /* gap: var(--gap)*/ /*}*/ /*.menu__media img, .menu__media picture {*/ /* max-width: 100%;*/ /* max-height: 80px;*/ /* -o-object-fit: contain;*/ /* object-fit: contain*/ /*}*/ /*.menu-sublist {*/ /* background: var(--whte);*/ /* -webkit-box-flex: 0;*/ /* -ms-flex: 0 0 100%;*/ /* flex: 0 0 100%;*/ /* --gap: 20px;*/ /* left: 0;*/ /* -webkit-transition: all .3s ease-out 0s;*/ /* transition: all .3s ease-out 0s;*/ /* --gap: 16px*/ /*}*/ /*.menu-sublist__item:not(:last-child) .menu-sublist__link {*/ /* margin-bottom: var(--gap)*/ /*}*/ /*.menu-sublist__info {*/ /* -webkit-transition: color .3s ease-out 0s;*/ /* transition: color .3s ease-out 0s;*/ /* margin-bottom: 14px;*/ /* display: block;*/ /* color: var(--gry)*/ /*}*/ /*.menu-sublist__info:hover {*/ /* color: var(--alt)*/ /*}*/ /*.menu-sublist__link {*/ /* display: -webkit-box;*/ /* display: -ms-flexbox;*/ /* display: flex;*/ /* -webkit-transition: color .3s ease-out 0s;*/ /* transition: color .3s ease-out 0s;*/ /* -webkit-box-align: center;*/ /* -ms-flex-align: center;*/ /* align-items: center;*/ /* gap: 4px*/ /*}*/ /*.menu-sublist__link:hover {*/ /* color: var(--alt)*/ /*}*/ /*.menu-sublist__link:hover::after {*/ /* content: "";*/ /* -webkit-transform: translateX(5px);*/ /* -ms-transform: translateX(5px);*/ /* transform: translateX(5px)*/ /*}*/ .icon-menu { display: none } .footer { background: var(--bg); padding: 32px 0 23px 0 } .footer__left { -webkit-box-flex: 0; -ms-flex: 0 0 246px; flex: 0 0 246px } .footer__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 33px } .footer__logos { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 27px; margin-bottom: 42px } .footer__nav { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -ms-grid; display: grid; -ms-grid-columns:(180px) [ 4 ]; grid-template-columns:repeat(4, 180px); gap: 39px } .footer__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px } .footer__link { font-size: .875rem; -webkit-transition: color .3s ease-out 0s; transition: color .3s ease-out 0s; font-style: normal; font-weight: 400 } .footer__link b { font-size: 16px; font-weight: 700 } .footer__link:hover { color: var(--alt) } .footer__bottom { margin-top: 23px; font-size: .875rem; font-weight: 400 } .media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px } .media__item { width: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; aspect-ratio: 1 } .media__item:hover a { background: var(--alt-hover) } .media__item a { mask: var(--icon) center center/contain no-repeat; -webkit-mask: var(--icon) center center/contain no-repeat; -webkit-transition: background .3s ease-out 0s; transition: background .3s ease-out 0s; background: var(--alt); width: 100%; aspect-ratio: 1 } .intro { border-radius: 40px; position: relative; margin-bottom: 144px; background: var(--bg) } .intro__slide { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 732px } .intro__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100% } .intro__info { max-width: 632px; padding: 72px 0 } .intro__title { margin-bottom: 12px; font-size: 4rem; font-style: normal; font-weight: 600; line-height: 125% } .intro__text { margin-bottom: 24px; font-size: 1.5rem; font-style: normal; font-weight: 400; line-height: 133.333% } .intro__image { border-radius: 40px; overflow: hidden; right: 0; position: absolute; max-width: 44.32vw; height: 100%; top: 0 } .intro__image img, .intro__image picture { max-width: 100%; border-radius: 40px; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .intro__nav { position: absolute; bottom: 32px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; gap: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 2 } .swiper-nav { display: -webkit-box; display: -ms-flexbox; display: flex } .swiper-nav__arrows { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px } .swiper-nav__pag { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; min-height: 24px } .swiper-nav__pag .swiper-pagination-bullet { -webkit-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: var(--primary); --size: 4px; width: var(--size); height: var(--size); opacity: 1; height: 8px; width: 8px } .swiper-nav__pag .swiper-pagination-bullet:hover { background: var(--alt-hover) } .swiper-nav__pag .swiper-pagination-bullet::before { content: ""; position: absolute; height: 24px; width: 24px; border: 2px solid var(--alt); border-radius: 50%; opacity: 0 } .swiper-nav__pag .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--alt); --size: 8px } .swiper-nav__pag .swiper-pagination-bullet.swiper-pagination-bullet-active::before { opacity: 1 } .swiper-arrow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; width: 40px; aspect-ratio: 1; background: var(--whte); -webkit-transition: background .3s ease-out 0s; transition: background .3s ease-out 0s } .swiper-arrow.swiper-arrow--alt { background: var(--arrow) } .swiper-arrow:hover { background: var(--alt-hover) } .swiper-arrow:hover::before { background: var(--whte) } .swiper-arrow::before { content: ""; mask: var(--icon) center center/contain no-repeat; -webkit-mask: var(--icon) center center/contain no-repeat; position: absolute; background: var(--alt); -webkit-transition: background .3s ease-out 0s; transition: background .3s ease-out 0s; width: 16px; aspect-ratio: 1 } .swiper-arrow.swiper-arrow--next::before { content: ""; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .attention { margin-bottom: 120px } .attention__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center } .attention__title { font-size: 2rem; font-weight: 500; margin-bottom: 42px; max-width: 100%; width: 896px; line-height: 150% } .story { padding: 87px 0 103px 0; background: var(--bg); border-radius: 40px } .story__subtitle { width: 510px; max-width: 100%; margin-bottom: 24px; font-size: 1.25rem } .story__title { width: 460px; max-width: 100%; margin-bottom: 32px; font-size: 2.75rem; font-weight: 700; line-height: 118.182% } .story__row { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .story__images { --gap: 13px; display: -ms-grid; display: grid; -ms-grid-columns: 194px 272px 155px; grid-template-columns:194px 272px 155px; max-width: 647px; position: absolute; right: 0; gap: var(--gap); bottom: -16px } .story__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--gap); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .story__item:first-child { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .story__item:nth-child(2) .story__image:first-child { margin-left: auto; margin-right: 45px } .story__item:nth-child(2) .story__image:last-child { margin-left: 42px } .story__image:hover img { -webkit-transform: scale(105%); -ms-transform: scale(105%); transform: scale(105%) } .story__image img, .story__image picture { border-radius: 16px; overflow: hidden; max-width: 100%; -webkit-transition: -webkit-transform .3s ease-out 0s; transition: -webkit-transform .3s ease-out 0s; transition: transform .3s ease-out 0s; transition: transform .3s ease-out 0s, -webkit-transform .3s ease-out 0s; max-height: 100% } .story__column { width: 421px; max-width: 100% } .story__text { font-size: 1rem; font-style: normal; font-weight: 400; line-height: 137.5%; margin-bottom: 16px } .business__swiper { margin-bottom: 32px } .business__slide { max-width: 360px; width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .business__image { position: relative; overflow: hidden; border-radius: 24px; overflow: hidden; margin-bottom: 16px } .business__image img, .business__image picture { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .business__more { position: absolute; width: calc(100% + 80px); height: calc(100% + 40px); left: -40px; top: -20px; border-radius: 50%; z-index: 2; font-size: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; font-weight: 600; opacity: 0; -webkit-transition: opacity .3s ease-out 0s; transition: opacity .3s ease-out 0s } .business__more::before { content: ""; width: 100%; height: 100%; border-radius: 50%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: var(--circle); position: absolute; z-index: -1 } .business__name { font-size: 1.5rem; font-style: normal; margin-bottom: 12px; font-weight: 700; line-height: 133.333% } .business__info { font-size: 1rem; font-style: normal; font-weight: 400; line-height: 137.5%; margin-bottom: 12px; margin-top: auto } .business__about { font-size: 1rem; font-style: normal; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height: 137.5% } .business__nav .swiper-nav__arrows { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .business__nav .swiper-nav__pag { width: auto } .education__slider { margin: -32px; padding: 32px } .education__slide { padding: 32px; background: var(--whte); -webkit-box-shadow: 0 12px 32px 0 rgba(0, 0, 0, .12); box-shadow: 0 12px 32px 0 rgba(0, 0, 0, .12); height: auto; min-height: 270px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 24px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 360px } .education__name { font-size: 1.25rem; font-style: normal; font-weight: 700; margin-bottom: 8px; line-height: 140% } .education__btn { margin-top: auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto } .education__info { font-size: .875rem; font-style: normal; font-weight: 400; margin-bottom: 16px; line-height: 142.857% } .news { margin-bottom: 143px } .news__slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; overflow: hidden; border-radius: 24px; width: 264px; min-height: 286px; padding: 16px } .news__image { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .news__image::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, color-stop(47.03%, rgba(0, 0, 0, 0)), to(#000)); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 47.03%, #000 100%) } .news__image img, .news__image picture { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .news__name { position: relative; z-index: 3; color: var(--whte); font-size: 1.25rem; font-weight: 700; line-height: 140%; margin-top: auto; pointer-events: none } .news__link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 61.99875em) { /*.menu__item:hover .menu-sublist {*/ /* opacity: 1;*/ /* visibility: visible;*/ /* -webkit-transform: translatey(0);*/ /* -ms-transform: translatey(0);*/ /* transform: translatey(0)*/ /*}*/ /*.menu .menu-dropdown {*/ /* display: none*/ /*}*/ /*.menu-sublist {*/ /* --pos: 26px;*/ /* position: absolute;*/ /* padding: 24px 32px;*/ /* -webkit-box-shadow: 0 4px 24px 0 rgba(29, 47, 91, .14);*/ /* box-shadow: 0 4px 24px 0 rgba(29, 47, 91, .14);*/ /* display: -webkit-box;*/ /* display: -ms-flexbox;*/ /* display: flex;*/ /* -webkit-box-orient: vertical;*/ /* -webkit-box-direction: normal;*/ /* -ms-flex-direction: column;*/ /* flex-direction: column;*/ /* -webkit-box-pack: center;*/ /* -ms-flex-pack: center;*/ /* justify-content: center;*/ /* opacity: 0;*/ /* top: calc(100% + var(--pos));*/ /* width: -webkit-max-content;*/ /* width: -moz-max-content;*/ /* width: max-content;*/ /* max-width: 327px;*/ /* border-radius: 24px;*/ /* visibility: hidden*/ /*}*/ /*.menu-sublist:hover {*/ /* opacity: 1;*/ /* visibility: visible*/ /*}*/ /*.menu-sublist::before {*/ /* content: "";*/ /* width: 100%;*/ /* position: absolute;*/ /* left: 0;*/ /* height: var(--pos);*/ /* top: calc(var(--pos) * -1)*/ /*}*/ /*.menu-sublist__link::after {*/ /* content: "";*/ /* --size: 20px;*/ /* display: block;*/ /* width: var(--size);*/ /* aspect-ratio: 1;*/ /* mask: var(--arrow) center center no-repeat;*/ /* -webkit-mask: var(--arrow) center center no-repeat;*/ /* background: currentColor;*/ /* -webkit-transition: all .3s ease-out 0s;*/ /* transition: all .3s ease-out 0s;*/ /* -webkit-box-flex: 0;*/ /* -ms-flex: 0 0 var(--size);*/ /* flex: 0 0 var(--size)*/ /*}*/ .business__image:hover .business__more { opacity: 1 } .business__image:hover .business__more::before { content: ""; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1 } } @media (min-width: 1200px) { .story__container { --images: 503px; min-height: var(--images) } } @media (max-width: 1200px) { .footer__left { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100% } .footer__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .footer__logos { margin-bottom: 0 } .footer__nav { gap: 12px; width: 100%; grid-template-columns:repeat(auto-fit, minmax(158px, 1fr)) } .story { padding: 32px 0 32px 0 } .story__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px } .story__images { position: initial; margin-left: -16px; margin-right: -16px; overflow: hidden; -ms-grid-columns: 136px 190px 108px; grid-template-columns:136px 190px 108px } .story__column { width: 100% } } @media (max-width: 77.4375em) { .intro__slide { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 0 } .intro__info { max-width: 100%; padding: 64px 0 36px } .intro__title { font-size: 3.25rem } .intro__image { position: initial; max-width: 100%; width: 100%; height: 314px } .intro__nav { bottom: auto; top: 330px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .intro__nav .swiper-nav__arrows { display: none } .intro__nav .swiper-nav__pag { margin-left: auto; width: auto; margin-right: auto } } @media (max-width: 72.375em) { .news { margin-bottom: 100px } } @media (max-width: 61.99875em) { body { --header: 72px } .section { margin-bottom: 120px } ._title { font-size: 2rem } .header { padding: 20px 0 } .header__logo { width: 100px; height: 32px } /*.menu {*/ /* --gap: 40px*/ /*}*/ /*.menu__row {*/ /* -webkit-box-orient: vertical;*/ /* -webkit-box-direction: normal;*/ /* -ms-flex-direction: column;*/ /* flex-direction: column;*/ /* -webkit-box-pack: center;*/ /* -ms-flex-pack: center;*/ /* justify-content: center;*/ /* height: auto;*/ /* padding-top: 105px;*/ /* padding-bottom: 40px*/ /*}*/ /*.menu__body {*/ /* position: fixed;*/ /* margin-left: 0;*/ /* top: var(--header);*/ /* width: calc(100% + 32px);*/ /* -webkit-transition: -webkit-transform .3s ease-out 0s;*/ /* transition: -webkit-transform .3s ease-out 0s;*/ /* transition: transform .3s ease-out 0s;*/ /* transition: transform .3s ease-out 0s, -webkit-transform .3s ease-out 0s;*/ /* -webkit-transform: translate(calc(100vw + 16px));*/ /* -ms-transform: translate(calc(100vw + 16px));*/ /* transform: translate(calc(100vw + 16px));*/ /* background: var(--whte);*/ /* margin-left: -16px;*/ /* height: 100%;*/ /* min-height: calc(100vh - var(--header));*/ /* max-height: calc(100vh - var(--header));*/ /* overflow: auto;*/ /* padding-bottom: 32px;*/ /* margin-right: -16px;*/ /* padding-bottom: var(--header);*/ /* padding-top: var(--header);*/ /* padding: 30px 68px;*/ /* left: 0*/ /*}*/ /*.menu-open .menu__body {*/ /* -webkit-transform: translate(0);*/ /* -ms-transform: translate(0);*/ /* transform: translate(0)*/ /*}*/ /*.menu__list {*/ /* -webkit-box-orient: vertical;*/ /* -webkit-box-direction: normal;*/ /* -ms-flex-direction: column;*/ /* flex-direction: column;*/ /* margin-left: 0*/ /*}*/ /*.menu__link {*/ /* -webkit-box-pack: center;*/ /* -ms-flex-pack: center;*/ /* justify-content: center;*/ /* font-size: 20px*/ /*}*/ /*.menu-sublist__item {*/ /* display: -webkit-box;*/ /* display: -ms-flexbox;*/ /* display: flex;*/ /* -webkit-box-align: center;*/ /* -ms-flex-align: center;*/ /* align-items: center;*/ /* text-align: center;*/ /* -webkit-box-pack: center;*/ /* -ms-flex-pack: center;*/ /* justify-content: center*/ /*}*/ /*.menu-sublist__item:first-child {*/ /* margin-top: var(--gap)*/ /*}*/ /*.menu-sublist__link {*/ /* color: var(--gry)*/ /*}*/ .icon-menu { display: block; position: relative; margin-left: auto; width: 18px; height: 16px; cursor: pointer; z-index: 5 } .icon-menu span, .icon-menu::after, .icon-menu::before { content: ""; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; left: 0; position: absolute; width: 100%; height: 2px; border-radius: 32px; background-color: var(--blck) } .icon-menu::before { top: 0 } .icon-menu::after { bottom: 0 } .icon-menu span { top: calc(50% - 1px) } .menu-open .icon-menu span { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0) } .menu-open .icon-menu::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: calc(50% - 1px) } .menu-open .icon-menu::after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); bottom: calc(50% - 1px) } .story__title { font-size: 2.375rem; margin-bottom: 16px } .business__slider { margin-left: -16px; margin-right: -16px; padding-left: 16px; padding-right: 16px } .business__swiper { margin-bottom: 0 } .business__slide { position: relative; overflow: hidden } .business__image { overflow: visible; position: initial } .business__more { opacity: 0; z-index: 2; border-radius: 0 } .business__nav { display: none } .news { margin-bottom: 80px } } @media (max-width: 47.99875em) { [class*=__container] { padding: 0 1rem } .section { margin-bottom: 80px } ._title { margin-bottom: 12px; text-align: left; line-height: 133.333%; font-size: 1.5rem; display: inline-block } .footer__bottom { margin-top: 33px } .intro__title { font-size: 2.5rem; line-height: 130% } .intro__btn { width: 100% } .attention__title { font-size: 1.5rem; margin-bottom: 24px; line-height: 133.333% } .story { padding: 16px 0 16px 0 } .story__title { font-size: 2rem; line-height: 131.25% } .story__item:first-child .story__image:first-child { width: 75px } .story__item:nth-child(2) .story__image:first-child { width: 93px; margin-right: 32px } .story__item:nth-child(2) .story__image:last-child { width: 107px; margin-left: 31px } .story__column .btn { width: 100% } .business__slide { max-width: 240px } .education__slider { margin: -32px -16px; padding: 32px 16px } .education__slide { padding: 24px; width: 240px; min-height: 260px } .education__name { font-size: 1rem; line-height: 137.5% } .education__btn { width: 100% } } @media (any-hover: hover) { .select__option:hover { background: var(--bg) } } @media (hover: hover) { .menu__link:hover { color: var(--alt) } .news__link:hover::before { -webkit-transform: none; -ms-transform: none; transform: none } .news__link::before { content: ""; position: absolute; height: calc(100% + 69px); display: block; width: calc(100% + 69px); border-radius: 50%; -webkit-transform: scale(0) translateY(500px); -ms-transform: scale(0) translateY(500px); transform: scale(0) translateY(500px); -webkit-transition: -webkit-transform .3s ease-out 0s; transition: -webkit-transform .3s ease-out 0s; transition: transform .3s ease-out 0s; transition: transform .3s ease-out 0s, -webkit-transform .3s ease-out 0s; top: 12px; background: var(--circle) } } .footer__logo img { width: 100%; height: 80px; } /* End */ /* Start:/local/templates/slonworks/../design_home_v3/css/main.css?174789223594325*/ @layer base, component, mod; /* COLORS ------------------------ */ /* EFFECTS ------------------------ */ /* BREAKPOINTS ------------------------- */ :root { /* COLORS ------------------------- */ --color-accent: #e12e3f; --color-accent--rgb: 225, 46, 63; --color-primary: #000; --color-primary--rgb: 0, 0, 0; --color-secondary: #fff; --color-secondary--rgb: 255, 255, 255; --color-text: #000; --color-text--rgb: 0, 0, 0; --color-text-secondary: #fff; --color-text-secondary--rgb: 255, 255, 255; --color-text-tertiary: #393939; --color-text-tertiary--rgb: 57, 57, 57; --color-bg: #fdebeb; --color-bg--rgb: 253, 235, 235; --color-bg-secondary: #f6f6f6; --color-bg-secondary--rgb: 246, 246, 246; --color-bor-primary: #e2e2e2; --color-bor-primary--rgb: 226, 226, 226; --color-bor-secondary: #929ea9; --color-bor-secondary--rgb: 146, 158, 169; --color-success: #259243; --color-success--rgb: 37, 146, 67; --color-error: #f00; --color-error--rgb: 255, 0, 0; /* FONTS ------------------------- */ --font-primary: "gilroy", sans-serif, -apple-system, blinkmacsystemfont, roboto, ubuntu, "Droid Sans", "Helvetica Neue", arial, sans-serif, "Apple Color Emoji"; --font-size-default: rem(14); /* WRAPPER PADDINGS ------------------------- */ --spacing: 100px; /** Z-INDEX SYSTEM ------------------------- */ --index-1: 100; --index-2: 200; --index-3: 1100; --index-4: 1200; } @layer base { * { margin: 0; padding: 0; border: 0; } *, *::before, *::after { box-sizing: border-box; } *::before, *::after { display: inline-block; } html, body { min-width: 320px; height: 100%; scroll-behavior: smooth; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); scrollbar-gutter: stable; } body { color: var(--color-primary); font-size: var(--font-size-default); font-family: var(--font-primary); line-height: 1; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } ::-webkit-scrollbar { width: 6px; height: 5px; } ::-webkit-scrollbar-track { background: var(--color-secondary); } ::-webkit-scrollbar-thumb { background: var(--color-accent); border-radius: 10px; } ::selection { color: var(--color-primary); background: var(--color-bg); } input, button, textarea { font-size: inherit; font-family: var(--font-primary); line-height: inherit; } button { color: inherit; font-family: var(--font-primary); background-color: transparent; outline: 0; cursor: pointer; } div[class*=__text] p:only-of-type, div[class*=__text] p:last-of-type, div[class*=__details] p:only-of-type, div[class*=__details] p:last-of-type, div[class*=__note] p:only-of-type, div[class*=__note] p:last-of-type { margin: 0; } [class*=image] img { width: 100%; object-fit: cover; object-position: center; } a { display: inline-block; color: var(--color-text); color: inherit; text-decoration: none; } ul li { list-style: none; } img { vertical-align: top; } h1, h2, h3, h4, h5, h6 { font-weight: inherit; font-size: inherit; } address, cite { font-style: normal; } fieldset, dl, dd { margin: 0; padding: 0; } fieldset { border: none; } } @font-face { font-weight: 400; font-family: "gilroy"; font-style: normal; src: url("/local/templates/slonworks/../design_home_v3/css/./../fonts/gilroy-400.woff2") format("woff2"), url("/local/templates/slonworks/../design_home_v3/css/./../fonts/gilroy-400.woff") format("woff"); font-display: swap; } @font-face { font-weight: 500; font-family: "gilroy"; font-style: normal; src: url("/local/templates/slonworks/../design_home_v3/css/./../fonts/gilroy-500.woff2") format("woff2"), url("/local/templates/slonworks/../design_home_v3/css/./../fonts/gilroy-500.woff") format("woff"); font-display: swap; } @font-face { font-weight: 600; font-family: "gilroy"; font-style: normal; src: url("/local/templates/slonworks/../design_home_v3/css/./../fonts/gilroy-600.woff2") format("woff2"), url("/local/templates/slonworks/../design_home_v3/css/./../fonts/gilroy-600.woff") format("woff"); font-display: swap; } @font-face { font-weight: 700; font-family: "gilroy"; font-style: normal; src: url("/local/templates/slonworks/../design_home_v3/css/./../fonts/gilroy-700.woff2") format("woff2"), url("/local/templates/slonworks/../design_home_v3/css/./../fonts/gilroy-700.woff") format("woff"); font-display: swap; } .icon--header-logo { --icon__width: 114px; --icon__height: 35px; } .icon--header-logo::after { background-color: var(--color-primary); } .icon--account { --icon__width: 19px; --icon__height: 21px; } .icon--account::after { background-color: var(--color-secondary); } .header { z-index: var(--index-2); position: fixed; top: 0; left: 0; width: 100%; background-color: var(--color-secondary); } .header__container { display: flex; align-items: center; justify-content: space-between; } .header__btns { display: flex; align-items: center; } .account-btn { gap: 0.3125rem; display: flex; align-items: center; } .account-btn__icon { width: 2.4375rem; height: 2.4375rem; border-radius: 50%; background-color: var(--color-accent); display: flex; align-items: center; justify-content: center; transition: background-color 0.3s; } .account-btn__text { color: var(--color-text); font-size: 1rem; font-weight: 500; } .icon--footer-logo { --icon__width: 114px; --icon__height: 35px; } .icon--footer-logo::after { background-color: var(--color-primary); } .icon--footer-social { --icon__width: 24px; --icon__height: 24px; --icon__transition: 0.3s; } .icon--footer-social::after { background-color: var(--color-accent); } .icon--footer-link { --icon__width: 21px; --icon__height: 21px; } .icon--footer-link::after { background-color: var(--color-accent); } .footer { border-radius: 30px 30px 0 0; background-color: #fdebeb; padding-bottom: 0.8125rem; } .footer__container { display: flex; flex-direction: column; } .footer__content { gap: 1.5rem; display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; } .footer__left { display: flex; align-items: center; justify-content: space-between; flex: auto; } .footer__right { gap: 0.875rem; display: flex; flex-direction: column; } .footer__link { gap: 0.5625rem; display: flex; align-items: center; } .footer__copyright { border-top: 1px solid rgba(var(--color-accent--rgb), 0.2); gap: 0.625rem; display: flex; align-items: center; justify-content: space-between; } .footer__text { font-size: 0.75rem; text-transform: uppercase; color: var(--color-text-tertiary); } .footer-nav { display: flex; justify-content: space-between; flex-wrap: wrap; } .footer-nav__list { flex: auto; gap: 1rem; display: flex; flex-direction: column; } .footer-nav__item { display: flex; } .footer-nav__link { flex: auto; } .footer-socials { gap: 1.375rem; display: flex; align-items: center; } /* stylelint-disable*/ @layer component { .btn { display: inline-flex; justify-content: center; align-items: center; text-align: center; transition: background-color 0.3s; } } @layer mod { .btn--accent { background-color: var(--color-accent); color: var(--color-text-secondary); } } @layer size { } @layer form { } /* stylelint-enable*/ .wrapper { display: flex; flex-direction: column; min-height: 100%; overflow: hidden; } @supports (overflow: clip) { .wrapper { overflow: clip; } } .wrapper > main { flex: 1 1 auto; } .wrapper > * { min-width: 0; } .icon { --icon__scale: 1; position: relative; flex: none; width: var(--icon__width, 100%); height: var(--icon__height, 100%); line-height: 1; transition: var(--icon__transition); } .icon:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: var(--icon__image); -webkit-mask-image: var(--icon__mask); mask-image: var(--icon__mask); background-size: calc(100% / var(--icon__scale)) calc(100% / var(--icon__scale)); -webkit-mask-size: calc(100% / var(--icon__scale)) calc(100% / var(--icon__scale)); mask-size: calc(100% / var(--icon__scale)) calc(100% / var(--icon__scale)); transition: var(--icon__transition); transform: scale(var(--icon__scale)); transform-origin: center; border-radius: inherit; pointer-events: none; } .title--xl { line-height: 115%; } .title--md { line-height: 111%; } .title--sm { line-height: 117%; } .title--primary { color: var(--color-text); } .title--primary span { color: var(--color-accent); } .title--center { text-align: center; } .title--semibold { font-weight: 600; } .title--bold { font-weight: 700; } .link { transition: color 0.3s; } .link--md { font-size: 1rem; font-weight: 500; } .link--sm { font-size: 0.75rem; } .link--primary { color: var(--color-text); } .link--secondary { color: var(--color-text-tertiary); } .hero { background-color: #fdebeb; border-radius: 1.875rem 1.875rem 0 0; padding-top: 2.5rem; } .hero__subtitle { color: var(--color-text); font-weight: 700; } .hero__title { display: none; } .hero__title.active { display: block; } .hero__title.invisible { animation: endAnim 1s; } .hero__content { display: flex; } .hero__video, .hero__info { flex-grow: 1; } .hero__info { gap: 1.1875rem; display: flex; flex-direction: column; justify-content: space-between; } .hero__text { line-height: 150%; } .hero__btn--desktop { max-width: 26.6875rem; } .hero__btn--mobile { order: -1; } .hero__figure { width: 100%; height: 2.5rem; background-color: var(--color-secondary); border-radius: 3.4375rem 3.4375rem 0 0; } .hero-video { position: relative; border-radius: 1.3125rem; overflow: hidden; cursor: pointer; } .hero-video img { width: 100%; height: 100%; object-fit: cover; } .hero-video__icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: var(--color-secondary); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: background-color 0.3s; } .hero-video__icon-triangle { width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid var(--color-accent); transition: border-color 0.3s; } @keyframes startAnim { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes endAnim { 0% { opacity: 1; } 100% { opacity: 0; } } .popup-video { border-radius: inherit; position: relative; width: 100%; padding-top: 56.25%; overflow: hidden; } .popup-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .icon-sections { --icon__width: 48px; --icon__height: 48px; --icon__transition: 0.3s; } .icon-sections::after { background-color: var(--color-accent); } .sections { border-radius: 1.875rem 1.875rem 0 0; background-color: var(--color-secondary); padding-bottom: 2.5rem; background-color: var(--color-secondary); border-radius: 3.4375rem; } .sections__container { display: flex; flex-direction: column; } .sections-cards__item { border: 1px solid var(--color-bor-primary); overflow: hidden; } .sections-cards__link { display: flex; align-items: center; justify-content: center; display: flex; align-items: center; flex-direction: column; transition: background-color 0.3s; } .sections-cards__title { transition: color 0.3s; } .sections-partners .swiper-wrapper { gap: 1.3125rem; } .sections-partners .swiper-slide { width: auto !important; flex-grow: 1; margin: 0 !important; } .sections-partners__partner { border: 1px solid var(--color-bor-primary); border-radius: 1.25rem; color: var(--color-text); font-weight: 600; display: flex; align-items: center; justify-content: center; text-align: center; text-transform: uppercase; transition: border-color 0.3s, color 0.3s; } .app__img { width: 100%; height: 100%; } .app__img img { width: 100%; height: 100%; object-fit: cover; } .icon--calendar-arrow { display: block; --icon__width: 36px; --icon__height: 36px; --icon__transition: 0.3s; } .icon--calendar-arrow::after { background-color: #929ea9; } .calendar__container { display: flex; flex-direction: column; } .calendar-picker { display: flex; flex-direction: column; } .calendar-picker__header { gap: 0.9375rem; display: flex; align-items: center; } .calendar-picker__month { font-weight: 500; } .calendar-picker-dates { gap: 1.4375rem; display: flex; align-items: center; } .calendar-picker-dates__btn--prev { transform: scale(-1); } .calendar-picker-dates__wrapper { flex: auto; overflow-x: auto; gap: 1.375rem; display: flex; align-items: center; } .calendar-picker-dates__wrapper::-webkit-scrollbar-track { background: transparent; } .calendar-picker-dates__wrapper::-webkit-scrollbar-thumb { background: transparent; } .calendar-picker-dates__item { border-radius: 0.375rem; display: flex; align-items: center; justify-content: center; flex-direction: column; transition: background-color 0.3s; cursor: pointer; } .calendar-picker-dates__item.active { background-color: var(--color-primary); } .calendar-picker-dates__item.active .calendar-picker-dates__number { color: var(--color-secondary); } .calendar-picker-dates__item.active .calendar-picker-dates__day { color: rgba(var(--color-secondary--rgb), 0.7); } .calendar-picker-dates__number { font-weight: 500; color: var(--color-text); transition: color 0.3s; } .calendar-picker-dates__day { color: rgba(var(--color-text--rgb), 0.7); text-transform: lowercase; transition: color 0.3s; } .calendar-lists__cards { flex-wrap: wrap; justify-content: space-between; display: none; } .calendar-lists__cards.active { display: flex; animation: fade 0.8s ease-in-out; } .calendar-lists__card, .calendar-lists__empty { flex-grow: 1; background-color: var(--color-bg-secondary); border-radius: 1.5rem; } .calendar-lists__card { flex-basis: calc(50% - 3.5rem); gap: 1.875rem; display: flex; flex-direction: column; } .calendar-lists__empty { min-height: 13.75rem; display: none; transition: opacity 0.3s ease, transform 0.3s ease; } .calendar-lists__empty.active { display: flex; animation: fade 0.8s ease-in-out; } .calendar-lists__content { gap: 0.5625rem; display: flex; flex-direction: column; } .calendar-lists__wrapper { gap: 0.3125rem; display: flex; flex-wrap: wrap; align-items: center; } .calendar-lists__title { max-width: 21rem; } .calendar-lists__text { color: var(--color-text); line-height: 140%; letter-spacing: 0.02em; } .calendar-lists__text--bold { font-weight: 500; } @keyframes fade { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .popular__wrapper { display: flex; flex-direction: column; --pad: 30px; box-sizing: border-box; max-width: calc(85.875rem); margin: 0 auto; padding: 0 var(--pad); } .popular__top { position: relative; display: flex; align-items: center; } .popular .swiper { padding-left: 15px; padding-right: 15px; } .popular .swiper-slide { display: flex; opacity: 0; transition: opacity 0.5s ease; } .popular .swiper-visible { opacity: 1; } .popular .swiper-button-disabled { opacity: 0.5; pointer-events: none; } .popular-slide { flex: auto; box-shadow: 0 11px 25px 0 rgba(50, 68, 80, 0.1); background-color: #fff; border-radius: 1.875rem; overflow: hidden; transition: box-shadow 0.3s; } .popular-slide__img { width: 100%; } .popular-slide__img img { width: 100%; height: 100%; object-fit: cover; } .popular-slide__content { padding-top: 1.375rem; gap: 2.375rem; display: flex; flex-direction: column; } .popular-slide__bottom { display: flex; align-items: center; justify-content: space-between; } .popular-slide__date { letter-spacing: 0.019rem; font-weight: 500; } .popular-pagination { gap: 0.5rem; display: flex; align-items: center; justify-content: center; } .popular-pagination__pagination { display: flex; justify-content: center; align-items: center; } .popular-pagination__bullet { font-size: 1rem; color: #7c7c7c; cursor: pointer; transition: color 0.3s; padding-right: 0.625rem; padding-left: 0.625rem; transition: color 0.3s; } .popular-pagination__bullet--active { color: var(--color-primary); border-radius: 50%; } .popular-pagination__dots { font-size: 1rem; color: #7c7c7c; cursor: default; } .popular-pagination__nav { cursor: pointer; transition: border-color 0.3s; } .popular-pagination__nav--next { border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 7px solid var(--color-primary); } .popular-pagination__nav--prev { border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 7px solid var(--color-primary); } .partners__container { display: flex; flex-direction: column; } .partners__images { -moz-column-gap: 2.5rem; column-gap: 2.5rem; row-gap: 2.1875rem; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .partners__img { width: 12.5rem; height: 7.5rem; display: flex; align-items: center; justify-content: center; } .partners__img img { object-fit: contain; } .icon--inst-logo { --icon__width: 200px; --icon__height: 72px; } .icon--inst-logo::after { background-color: #262626; } .socials__container { display: flex; flex-direction: column; } .socials__head { display: flex; align-items: center; justify-content: space-between; } .socials__img { width: 100%; height: 100%; } .socials__img img { width: 100%; height: 100%; object-fit: contain; } .nav { display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: border-color 0.3s; cursor: pointer; } .nav__triangle { width: 0; height: 0; } .nav--dark { border: 1px solid var(--color-primary); } .nav--light { border: 1px solid var(--color-bor-secondary); } .nav--next .nav__triangle { border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid var(--color-accent); } .nav--prev .nav__triangle { border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid var(--color-accent); } .icon--socials-menu { --icon__width: 45px; --icon__height: 45px; --icon__transition: 0.3s; } .icon--socials-menu::after { background-color: var(--color-secondary); } .icon--socials-menu-icon { --icon__width: 24px; --icon__height: 24px; --icon__transition: 0.3s; } .icon--socials-menu-icon::after { background-color: var(--color-accent); } .socials-menu { padding-top: 1.875rem; z-index: var(--index-1); position: fixed; bottom: 2.5rem; gap: 0.5rem; display: flex; align-items: center; flex-direction: column; } .socials-menu.active .socials-menu__icons { opacity: 1; pointer-events: all; } .socials-menu__btn { position: relative; border-radius: 50%; background-color: var(--color-accent); display: flex; align-items: center; justify-content: center; transition: background-color 0.3s; } .socials-menu__icons { opacity: 0; pointer-events: none; position: absolute; bottom: 0; pointer-events: none; width: 3.0625rem; border-radius: 1.75rem; background-color: var(--color-secondary); box-shadow: 0 11px 25px 0 rgba(50, 68, 80, 0.1); padding: 1.5rem 0.625rem; gap: 1.125rem; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: opacity 0.3s ease, bottom 0.3s ease; } .socials-menu__icon { width: 2rem; height: 2rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: background-color 0.3s; } /* BASE STYLES ---------------------------- */ .lock body { overflow: hidden; touch-action: none; overscroll-behavior: none; } /* CONTAINER ---------------------------- */ @layer base { [class*=__container] { --pad: 30px; box-sizing: border-box; max-width: calc(74.4375rem); margin: 0 auto; padding: 0 var(--pad); } } /* stylelint-disable*/ /* IMPORTS ---------------------------- */ .menu__account { width: 100%; margin-bottom: 1.5625rem; border-bottom: 1px solid rgba(146, 158, 169, 0.3); padding-bottom: 0.875rem; } .menu__list { display: flex; align-items: center; } .menu__item { display: flex; } .menu__link { flex: auto; } .icon-menu { display: none; } body::after { position: fixed; top: 0; left: 0; z-index: calc(var(--index-3) - 1); width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.8s ease 0s; content: ""; pointer-events: none; } .popup-show body::after { opacity: 1; } @layer component { .popup { position: fixed; top: 0; right: 0; bottom: 0; left: 0; padding: 30px 10px; visibility: hidden; transition: visibility 0.8s ease 0s; pointer-events: none; } /* stylelint-disable-next-line selector-class-pattern */ .popup_show { z-index: var(--index-3); overflow: auto; visibility: visible; pointer-events: auto; } /* stylelint-disable-next-line selector-class-pattern */ .popup_show .popup__content { transform: scale(1); visibility: visible; } .popup__wrapper { display: flex; flex: 1 1 auto; flex-direction: column; align-items: center; justify-content: center; width: 100%; min-height: 100%; } .popup__content { width: 100%; max-width: 900px; padding: 20px; background-color: #eee; border-radius: 20px; transform: scale(0); visibility: hidden; transition: transform 0.3s ease 0s; } .lock .popup__content { visibility: visible; } } /* stylelint-disable selector-class-pattern */ .select { position: relative; min-width: 0; } .select__body { position: relative; } .select__title { padding-left: 0.25rem; padding-right: 0.25rem; border-radius: 0.25rem; border: 1px solid #b7b6b6; background-color: var(--color-secondary); display: flex; align-items: center; justify-content: center; transition: border-color 0.3s; } .select__value._select-pseudo-label::before { opacity: 0.5; content: attr(data-pseudo-label); } .select__content, .select__option { color: var(--color-text); font-weight: 500; text-transform: uppercase; transition: color 0.3s; } .select__options { position: absolute; top: calc(105% - 0.0625rem); left: 0; border-radius: 0.25rem; border: 1px solid #b7b6b6; background-color: var(--color-secondary); } .select__scroll { max-height: 12.5rem; overflow-x: hidden; overflow-y: auto; } .select__option { width: 100%; color: inherit; text-align: left; cursor: pointer; text-align: center; padding: 0.3125rem 0; } .select__option._select-selected { background-color: #eee; } .select__row { display: inline-flex; align-items: center; } .select--show-top .select__options { top: auto; bottom: calc(100% - 0.0625rem); padding: 5px 0 10px; border: 1px solid #d9d9d9; border-bottom: 0; border-radius: 4px 4px 0 0; } ._select-tag { cursor: pointer; } /** * Swiper 9.4.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: June 13, 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") format("woff"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; /* --swiper-preloader-color: var(--swiper-theme-color); --swiper-wrapper-transition-timing-function: initial; */ } .swiper, swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide, swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .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; } /* 3D Effects */ .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-cube-shadow { transform-style: preserve-3d; } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { 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, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 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, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 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, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-horizontal.swiper-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-vertical.swiper-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-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-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; } .swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-start: var(--swiper-centered-offset-before); margin-inline-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-before: var(--swiper-centered-offset-before); margin-block-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .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); } } /* stylelint-enable*/ /* UTILS ---------------------------- */ /* stylelint-disable-next-line scss/percent-placeholder-pattern */ /* stylelint-disable-next-line scss/percent-placeholder-pattern */ /* stylelint-disable-next-line scss/percent-placeholder-pattern */ /* stylelint-disable-next-line scss/percent-placeholder-pattern */ /* stylelint-disable-next-line scss/percent-placeholder-pattern */ /* stylelint-disable-next-line scss/percent-placeholder-pattern */ /* stylelint-disable-next-line scss/percent-placeholder-pattern */ @media (min-width: 20em) and (max-width: 74.4375em) { @supports (padding-top: clamp( 0.875rem , 0.4616819747rem + 2.0665901263vw , 2rem )) { .header { padding-top: clamp( 0.875rem , 0.4616819747rem + 2.0665901263vw , 2rem ); } } @supports not (padding-top: clamp( 0.875rem , 0.4616819747rem + 2.0665901263vw , 2rem )) { .header { padding-top: calc(0.875rem + 1.125 * (100vw - 20rem) / 54.4375); } } @supports (padding-bottom: clamp( 0.875rem , 0.5994546498rem + 1.3777267509vw , 1.625rem )) { .header { padding-bottom: clamp( 0.875rem , 0.5994546498rem + 1.3777267509vw , 1.625rem ); } } @supports not (padding-bottom: clamp( 0.875rem , 0.5994546498rem + 1.3777267509vw , 1.625rem )) { .header { padding-bottom: calc(0.875rem + 0.75 * (100vw - 20rem) / 54.4375); } } @supports (gap: clamp( 0.75rem , 0.6811136625rem + 0.3444316877vw , 0.9375rem )) { .header__btns { gap: clamp( 0.75rem , 0.6811136625rem + 0.3444316877vw , 0.9375rem ); } } @supports not (gap: clamp( 0.75rem , 0.6811136625rem + 0.3444316877vw , 0.9375rem )) { .header__btns { gap: calc(0.75rem + 0.1875 * (100vw - 20rem) / 54.4375); } } @supports (padding-top: clamp( 2.5rem , 2.4081515499rem + 0.4592422503vw , 2.75rem )) { .footer { padding-top: clamp( 2.5rem , 2.4081515499rem + 0.4592422503vw , 2.75rem ); } } @supports not (padding-top: clamp( 2.5rem , 2.4081515499rem + 0.4592422503vw , 2.75rem )) { .footer { padding-top: calc(2.5rem + 0.25 * (100vw - 20rem) / 54.4375); } } @supports (gap: clamp( 0.9375rem , 0.2027123995rem + 3.6739380023vw , 2.9375rem )) { .footer__container { gap: clamp( 0.9375rem , 0.2027123995rem + 3.6739380023vw , 2.9375rem ); } } @supports not (gap: clamp( 0.9375rem , 0.2027123995rem + 3.6739380023vw , 2.9375rem )) { .footer__container { gap: calc(0.9375rem + 2 * (100vw - 20rem) / 54.4375); } } @supports (padding-top: clamp( 1rem , 0.954075775rem + 0.2296211251vw , 1.125rem )) { .footer__copyright { padding-top: clamp( 1rem , 0.954075775rem + 0.2296211251vw , 1.125rem ); } } @supports not (padding-top: clamp( 1rem , 0.954075775rem + 0.2296211251vw , 1.125rem )) { .footer__copyright { padding-top: calc(1rem + 0.125 * (100vw - 20rem) / 54.4375); } } @supports (gap: clamp( 1rem , -2.214695752rem + 16.07347876vw , 9.75rem )) { .footer-nav { gap: clamp( 1rem , -2.214695752rem + 16.07347876vw , 9.75rem ); } } @supports not (gap: clamp( 1rem , -2.214695752rem + 16.07347876vw , 9.75rem )) { .footer-nav { gap: calc(1rem + 8.75 * (100vw - 20rem) / 54.4375); } } @layer size{ @supports (padding-top: clamp( 0.75rem , 0.5663030999rem + 0.9184845006vw , 1.25rem )) { .btn--lg { padding-top: clamp( 0.75rem , 0.5663030999rem + 0.9184845006vw , 1.25rem ); } } @supports not (padding-top: clamp( 0.75rem , 0.5663030999rem + 0.9184845006vw , 1.25rem )) { .btn--lg { padding-top: calc(0.75rem + 0.5 * (100vw - 20rem) / 54.4375); } } } @layer size{ @supports (padding-bottom: clamp( 0.75rem , 0.5663030999rem + 0.9184845006vw , 1.25rem )) { .btn--lg { padding-bottom: clamp( 0.75rem , 0.5663030999rem + 0.9184845006vw , 1.25rem ); } } @supports not (padding-bottom: clamp( 0.75rem , 0.5663030999rem + 0.9184845006vw , 1.25rem )) { .btn--lg { padding-bottom: calc(0.75rem + 0.5 * (100vw - 20rem) / 54.4375); } } } @layer size{ @supports (padding-left: clamp( 0.875rem , 0.3009471871rem + 2.8702640643vw , 2.4375rem )) { .btn--lg { padding-left: clamp( 0.875rem , 0.3009471871rem + 2.8702640643vw , 2.4375rem ); } } @supports not (padding-left: clamp( 0.875rem , 0.3009471871rem + 2.8702640643vw , 2.4375rem )) { .btn--lg { padding-left: calc(0.875rem + 1.5625 * (100vw - 20rem) / 54.4375); } } } @layer size{ @supports (padding-right: clamp( 0.875rem , 0.3009471871rem + 2.8702640643vw , 2.4375rem )) { .btn--lg { padding-right: clamp( 0.875rem , 0.3009471871rem + 2.8702640643vw , 2.4375rem ); } } @supports not (padding-right: clamp( 0.875rem , 0.3009471871rem + 2.8702640643vw , 2.4375rem )) { .btn--lg { padding-right: calc(0.875rem + 1.5625 * (100vw - 20rem) / 54.4375); } } } @layer size{ @supports (font-size: clamp( 0.875rem , 0.829075775rem + 0.2296211251vw , 1rem )) { .btn--lg { font-size: clamp( 0.875rem , 0.829075775rem + 0.2296211251vw , 1rem ); } } @supports not (font-size: clamp( 0.875rem , 0.829075775rem + 0.2296211251vw , 1rem )) { .btn--lg { font-size: calc(0.875rem + 0.125 * (100vw - 20rem) / 54.4375); } } } @layer size{ @supports (padding-top: clamp( 0.5rem , 0.2244546498rem + 1.3777267509vw , 1.25rem )) { .btn--md { padding-top: clamp( 0.5rem , 0.2244546498rem + 1.3777267509vw , 1.25rem ); } } @supports not (padding-top: clamp( 0.5rem , 0.2244546498rem + 1.3777267509vw , 1.25rem )) { .btn--md { padding-top: calc(0.5rem + 0.75 * (100vw - 20rem) / 54.4375); } } } @layer size{ @supports (padding-bottom: clamp( 0.5rem , 0.2244546498rem + 1.3777267509vw , 1.25rem )) { .btn--md { padding-bottom: clamp( 0.5rem , 0.2244546498rem + 1.3777267509vw , 1.25rem ); } } @supports not (padding-bottom: clamp( 0.5rem , 0.2244546498rem + 1.3777267509vw , 1.25rem )) { .btn--md { padding-bottom: calc(0.5rem + 0.75 * (100vw - 20rem) / 54.4375); } } } @layer size{ @supports (padding-left: clamp( 0.875rem , 0.3009471871rem + 2.8702640643vw , 2.4375rem )) { .btn--md { padding-left: clamp( 0.875rem , 0.3009471871rem + 2.8702640643vw , 2.4375rem ); } } @supports not (padding-left: clamp( 0.875rem , 0.3009471871rem + 2.8702640643vw , 2.4375rem )) { .btn--md { padding-left: calc(0.875rem + 1.5625 * (100vw - 20rem) / 54.4375); } } } @layer size{ @supports (padding-right: clamp( 0.875rem , 0.3009471871rem + 2.8702640643vw , 2.4375rem )) { .btn--md { padding-right: clamp( 0.875rem , 0.3009471871rem + 2.8702640643vw , 2.4375rem ); } } @supports not (padding-right: clamp( 0.875rem , 0.3009471871rem + 2.8702640643vw , 2.4375rem )) { .btn--md { padding-right: calc(0.875rem + 1.5625 * (100vw - 20rem) / 54.4375); } } } @layer size{ @supports (font-size: clamp( 0.875rem , 0.829075775rem + 0.2296211251vw , 1rem )) { .btn--md { font-size: clamp( 0.875rem , 0.829075775rem + 0.2296211251vw , 1rem ); } } @supports not (font-size: clamp( 0.875rem , 0.829075775rem + 0.2296211251vw , 1rem )) { .btn--md { font-size: calc(0.875rem + 0.125 * (100vw - 20rem) / 54.4375); } } } @layer size{ @supports (padding-top: clamp( 0.5625rem , 0.516575775rem + 0.2296211251vw , 0.6875rem )) { .btn--sm { padding-top: clamp( 0.5625rem , 0.516575775rem + 0.2296211251vw , 0.6875rem ); } } @supports not (padding-top: clamp( 0.5625rem , 0.516575775rem + 0.2296211251vw , 0.6875rem )) { .btn--sm { padding-top: calc(0.5625rem + 0.125 * (100vw - 20rem) / 54.4375); } } } @layer size{ @supports (padding-bottom: clamp( 0.5625rem , 0.516575775rem + 0.2296211251vw , 0.6875rem )) { .btn--sm { padding-bottom: clamp( 0.5625rem , 0.516575775rem + 0.2296211251vw , 0.6875rem ); } } @supports not (padding-bottom: clamp( 0.5625rem , 0.516575775rem + 0.2296211251vw , 0.6875rem )) { .btn--sm { padding-bottom: calc(0.5625rem + 0.125 * (100vw - 20rem) / 54.4375); } } } @layer size{ @supports (padding-left: clamp( 0.9375rem , 0.7538030999rem + 0.9184845006vw , 1.4375rem )) { .btn--sm { padding-left: clamp( 0.9375rem , 0.7538030999rem + 0.9184845006vw , 1.4375rem ); } } @supports not (padding-left: clamp( 0.9375rem , 0.7538030999rem + 0.9184845006vw , 1.4375rem )) { .btn--sm { padding-left: calc(0.9375rem + 0.5 * (100vw - 20rem) / 54.4375); } } } @layer size{ @supports (padding-right: clamp( 0.9375rem , 0.7538030999rem + 0.9184845006vw , 1.4375rem )) { .btn--sm { padding-right: clamp( 0.9375rem , 0.7538030999rem + 0.9184845006vw , 1.4375rem ); } } @supports not (padding-right: clamp( 0.9375rem , 0.7538030999rem + 0.9184845006vw , 1.4375rem )) { .btn--sm { padding-right: calc(0.9375rem + 0.5 * (100vw - 20rem) / 54.4375); } } } @layer size{ @supports (font-size: clamp( 0.6875rem , 0.6645378875rem + 0.1148105626vw , 0.75rem )) { .btn--sm { font-size: clamp( 0.6875rem , 0.6645378875rem + 0.1148105626vw , 0.75rem ); } } @supports not (font-size: clamp( 0.6875rem , 0.6645378875rem + 0.1148105626vw , 0.75rem )) { .btn--sm { font-size: calc(0.6875rem + 0.0625 * (100vw - 20rem) / 54.4375); } } } @layer form{ @supports (border-radius: clamp( 0.625rem , 0.4872273249rem + 0.6888633754vw , 1rem )) { .btn--rect { border-radius: clamp( 0.625rem , 0.4872273249rem + 0.6888633754vw , 1rem ); } } @supports not (border-radius: clamp( 0.625rem , 0.4872273249rem + 0.6888633754vw , 1rem )) { .btn--rect { border-radius: calc(0.625rem + 0.375 * (100vw - 20rem) / 54.4375); } } } @layer form{ @supports (border-radius: clamp( 2.1875rem , 2.0267652124rem + 0.803673938vw , 2.625rem )) { .btn--round { border-radius: clamp( 2.1875rem , 2.0267652124rem + 0.803673938vw , 2.625rem ); } } @supports not (border-radius: clamp( 2.1875rem , 2.0267652124rem + 0.803673938vw , 2.625rem )) { .btn--round { border-radius: calc(2.1875rem + 0.4375 * (100vw - 20rem) / 54.4375); } } } @supports (font-size: clamp( 1.375rem , 0.5024397245rem + 4.3628013777vw , 3.75rem )) { .title--xl { font-size: clamp( 1.375rem , 0.5024397245rem + 4.3628013777vw , 3.75rem ); } } @supports not (font-size: clamp( 1.375rem , 0.5024397245rem + 4.3628013777vw , 3.75rem )) { .title--xl { font-size: calc(1.375rem + 2.375 * (100vw - 20rem) / 54.4375); } } @supports (font-size: clamp( 1.5rem , 1.3163030999rem + 0.9184845006vw , 2rem )) { .title--lg { font-size: clamp( 1.5rem , 1.3163030999rem + 0.9184845006vw , 2rem ); } } @supports not (font-size: clamp( 1.5rem , 1.3163030999rem + 0.9184845006vw , 2rem )) { .title--lg { font-size: calc(1.5rem + 0.5 * (100vw - 20rem) / 54.4375); } } @supports (font-size: clamp( 1.5rem , 1.4081515499rem + 0.4592422503vw , 1.75rem )) { .title--md { font-size: clamp( 1.5rem , 1.4081515499rem + 0.4592422503vw , 1.75rem ); } } @supports not (font-size: clamp( 1.5rem , 1.4081515499rem + 0.4592422503vw , 1.75rem )) { .title--md { font-size: calc(1.5rem + 0.25 * (100vw - 20rem) / 54.4375); } } @supports (font-size: clamp( 1rem , 0.8851894374rem + 0.5740528129vw , 1.3125rem )) { .title--sm { font-size: clamp( 1rem , 0.8851894374rem + 0.5740528129vw , 1.3125rem ); } } @supports not (font-size: clamp( 1rem , 0.8851894374rem + 0.5740528129vw , 1.3125rem )) { .title--sm { font-size: calc(1rem + 0.3125 * (100vw - 20rem) / 54.4375); } } @supports (font-size: clamp( 0.75rem , 0.6581515499rem + 0.4592422503vw , 1rem )) { .title--xs { font-size: clamp( 0.75rem , 0.6581515499rem + 0.4592422503vw , 1rem ); } } @supports not (font-size: clamp( 0.75rem , 0.6581515499rem + 0.4592422503vw , 1rem )) { .title--xs { font-size: calc(0.75rem + 0.25 * (100vw - 20rem) / 54.4375); } } @supports (margin-top: clamp( 3.375rem , 2.3876291619rem + 4.9368541906vw , 6.0625rem )) { .hero { margin-top: clamp( 3.375rem , 2.3876291619rem + 4.9368541906vw , 6.0625rem ); } } @supports not (margin-top: clamp( 3.375rem , 2.3876291619rem + 4.9368541906vw , 6.0625rem )) { .hero { margin-top: calc(3.375rem + 2.6875 * (100vw - 20rem) / 54.4375); } } @supports (margin-left: clamp( 0.9375rem , 0.6619546498rem + 1.3777267509vw , 1.6875rem )) { .hero { margin-left: clamp( 0.9375rem , 0.6619546498rem + 1.3777267509vw , 1.6875rem ); } } @supports not (margin-left: clamp( 0.9375rem , 0.6619546498rem + 1.3777267509vw , 1.6875rem )) { .hero { margin-left: calc(0.9375rem + 0.75 * (100vw - 20rem) / 54.4375); } } @supports (margin-right: clamp( 0.9375rem , 0.6619546498rem + 1.3777267509vw , 1.6875rem )) { .hero { margin-right: clamp( 0.9375rem , 0.6619546498rem + 1.3777267509vw , 1.6875rem ); } } @supports not (margin-right: clamp( 0.9375rem , 0.6619546498rem + 1.3777267509vw , 1.6875rem )) { .hero { margin-right: calc(0.9375rem + 0.75 * (100vw - 20rem) / 54.4375); } } @supports (margin-bottom: clamp( 1.3125rem , 1.1058409874rem + 1.0332950631vw , 1.875rem )) { .hero__subtitle { margin-bottom: clamp( 1.3125rem , 1.1058409874rem + 1.0332950631vw , 1.875rem ); } } @supports not (margin-bottom: clamp( 1.3125rem , 1.1058409874rem + 1.0332950631vw , 1.875rem )) { .hero__subtitle { margin-bottom: calc(1.3125rem + 0.5625 * (100vw - 20rem) / 54.4375); } } @supports (font-size: clamp( 1rem , 0.8392652124rem + 0.803673938vw , 1.4375rem )) { .hero__subtitle { font-size: clamp( 1rem , 0.8392652124rem + 0.803673938vw , 1.4375rem ); } } @supports not (font-size: clamp( 1rem , 0.8392652124rem + 0.803673938vw , 1.4375rem )) { .hero__subtitle { font-size: calc(1rem + 0.4375 * (100vw - 20rem) / 54.4375); } } @supports (margin-bottom: clamp( 1.1875rem , 0.9578788749rem + 1.1481056257vw , 1.8125rem )) { .hero__title { margin-bottom: clamp( 1.1875rem , 0.9578788749rem + 1.1481056257vw , 1.8125rem ); } } @supports not (margin-bottom: clamp( 1.1875rem , 0.9578788749rem + 1.1481056257vw , 1.8125rem )) { .hero__title { margin-bottom: calc(1.1875rem + 0.625 * (100vw - 20rem) / 54.4375); } } @supports (gap: clamp( 1.25rem , 0.6529850746rem + 2.9850746269vw , 2.875rem )) { .hero__content { gap: clamp( 1.25rem , 0.6529850746rem + 2.9850746269vw , 2.875rem ); } } @supports not (gap: clamp( 1.25rem , 0.6529850746rem + 2.9850746269vw , 2.875rem )) { .hero__content { gap: calc(1.25rem + 1.625 * (100vw - 20rem) / 54.4375); } } @supports (font-size: clamp( 0.875rem , 0.6913030999rem + 0.9184845006vw , 1.375rem )) { .hero__text { font-size: clamp( 0.875rem , 0.6913030999rem + 0.9184845006vw , 1.375rem ); } } @supports not (font-size: clamp( 0.875rem , 0.6913030999rem + 0.9184845006vw , 1.375rem )) { .hero__text { font-size: calc(0.875rem + 0.5 * (100vw - 20rem) / 54.4375); } } @supports (margin-top: clamp( 1.5625rem , 0.8736366246rem + 3.4443168772vw , 3.4375rem )) { .hero__figure { margin-top: clamp( 1.5625rem , 0.8736366246rem + 3.4443168772vw , 3.4375rem ); } } @supports not (margin-top: clamp( 1.5625rem , 0.8736366246rem + 3.4443168772vw , 3.4375rem )) { .hero__figure { margin-top: calc(1.5625rem + 1.875 * (100vw - 20rem) / 54.4375); } } @supports (min-width: clamp( 16.375rem , 8.2004879449rem + 40.8725602755vw , 38.625rem )) { .hero-video { min-width: clamp( 16.375rem , 8.2004879449rem + 40.8725602755vw , 38.625rem ); } } @supports not (min-width: clamp( 16.375rem , 8.2004879449rem + 40.8725602755vw , 38.625rem )) { .hero-video { min-width: calc(16.375rem + 22.25 * (100vw - 20rem) / 54.4375); } } @supports (height: clamp( 9.9375rem , 6.7916905855rem + 15.7290470723vw , 18.5rem )) { .hero-video { height: clamp( 9.9375rem , 6.7916905855rem + 15.7290470723vw , 18.5rem ); } } @supports not (height: clamp( 9.9375rem , 6.7916905855rem + 15.7290470723vw , 18.5rem )) { .hero-video { height: calc(9.9375rem + 8.5625 * (100vw - 20rem) / 54.4375); } } @supports (width: clamp( 1.375rem , 0.8239092997rem + 2.7554535017vw , 2.875rem )) { .hero-video__icon { width: clamp( 1.375rem , 0.8239092997rem + 2.7554535017vw , 2.875rem ); } } @supports not (width: clamp( 1.375rem , 0.8239092997rem + 2.7554535017vw , 2.875rem )) { .hero-video__icon { width: calc(1.375rem + 1.5 * (100vw - 20rem) / 54.4375); } } @supports (height: clamp( 1.375rem , 0.8239092997rem + 2.7554535017vw , 2.875rem )) { .hero-video__icon { height: clamp( 1.375rem , 0.8239092997rem + 2.7554535017vw , 2.875rem ); } } @supports not (height: clamp( 1.375rem , 0.8239092997rem + 2.7554535017vw , 2.875rem )) { .hero-video__icon { height: calc(1.375rem + 1.5 * (100vw - 20rem) / 54.4375); } } @supports (gap: clamp( 1.25rem , 0.8366819747rem + 2.0665901263vw , 2.375rem )) { .sections__container { gap: clamp( 1.25rem , 0.8366819747rem + 2.0665901263vw , 2.375rem ); } } @supports not (gap: clamp( 1.25rem , 0.8366819747rem + 2.0665901263vw , 2.375rem )) { .sections__container { gap: calc(1.25rem + 1.125 * (100vw - 20rem) / 54.4375); } } @supports (border-radius: clamp( 1rem , 0.9081515499rem + 0.4592422503vw , 1.25rem )) { .sections-cards__item { border-radius: clamp( 1rem , 0.9081515499rem + 0.4592422503vw , 1.25rem ); } } @supports not (border-radius: clamp( 1rem , 0.9081515499rem + 0.4592422503vw , 1.25rem )) { .sections-cards__item { border-radius: calc(1rem + 0.25 * (100vw - 20rem) / 54.4375); } } @supports (height: clamp( 7.5625rem , 6.8965987371rem + 3.3295063146vw , 9.375rem )) { .sections-cards__link { height: clamp( 7.5625rem , 6.8965987371rem + 3.3295063146vw , 9.375rem ); } } @supports not (height: clamp( 7.5625rem , 6.8965987371rem + 3.3295063146vw , 9.375rem )) { .sections-cards__link { height: calc(7.5625rem + 1.8125 * (100vw - 20rem) / 54.4375); } } @supports (gap: clamp( 0.9375rem , 0.7308409874rem + 1.0332950631vw , 1.5rem )) { .sections-cards__link { gap: clamp( 0.9375rem , 0.7308409874rem + 1.0332950631vw , 1.5rem ); } } @supports not (gap: clamp( 0.9375rem , 0.7308409874rem + 1.0332950631vw , 1.5rem )) { .sections-cards__link { gap: calc(0.9375rem + 0.5625 * (100vw - 20rem) / 54.4375); } } @supports (padding-left: clamp( 1.3125rem , 1.1517652124rem + 0.803673938vw , 1.75rem )) { .sections-cards__link { padding-left: clamp( 1.3125rem , 1.1517652124rem + 0.803673938vw , 1.75rem ); } } @supports not (padding-left: clamp( 1.3125rem , 1.1517652124rem + 0.803673938vw , 1.75rem )) { .sections-cards__link { padding-left: calc(1.3125rem + 0.4375 * (100vw - 20rem) / 54.4375); } } @supports (padding-right: clamp( 1.3125rem , 1.1517652124rem + 0.803673938vw , 1.75rem )) { .sections-cards__link { padding-right: clamp( 1.3125rem , 1.1517652124rem + 0.803673938vw , 1.75rem ); } } @supports not (padding-right: clamp( 1.3125rem , 1.1517652124rem + 0.803673938vw , 1.75rem )) { .sections-cards__link { padding-right: calc(1.3125rem + 0.4375 * (100vw - 20rem) / 54.4375); } } @supports (padding-left: clamp( 0.75rem , 1.1773105626rem + -0.5740528129vw , 1.0625rem )) { .sections-partners__partner { padding-left: clamp( 0.75rem , 1.1773105626rem + -0.5740528129vw , 1.0625rem ); } } @supports not (padding-left: clamp( 0.75rem , 1.1773105626rem + -0.5740528129vw , 1.0625rem )) { .sections-partners__partner { padding-left: calc(1.0625rem + -0.3125 * (100vw - 20rem) / 54.4375); } } @supports (padding-right: clamp( 0.75rem , 1.1773105626rem + -0.5740528129vw , 1.0625rem )) { .sections-partners__partner { padding-right: clamp( 0.75rem , 1.1773105626rem + -0.5740528129vw , 1.0625rem ); } } @supports not (padding-right: clamp( 0.75rem , 1.1773105626rem + -0.5740528129vw , 1.0625rem )) { .sections-partners__partner { padding-right: calc(1.0625rem + -0.3125 * (100vw - 20rem) / 54.4375); } } @supports (font-size: clamp( 0.875rem , 0.829075775rem + 0.2296211251vw , 1rem )) { .sections-partners__partner { font-size: clamp( 0.875rem , 0.829075775rem + 0.2296211251vw , 1rem ); } } @supports not (font-size: clamp( 0.875rem , 0.829075775rem + 0.2296211251vw , 1rem )) { .sections-partners__partner { font-size: calc(0.875rem + 0.125 * (100vw - 20rem) / 54.4375); } } @supports (height: clamp( 2.5rem , 2.454075775rem + 0.2296211251vw , 2.625rem )) { .sections-partners__partner { height: clamp( 2.5rem , 2.454075775rem + 0.2296211251vw , 2.625rem ); } } @supports not (height: clamp( 2.5rem , 2.454075775rem + 0.2296211251vw , 2.625rem )) { .sections-partners__partner { height: calc(2.5rem + 0.125 * (100vw - 20rem) / 54.4375); } } @supports (padding-bottom: clamp( 2.5625rem , 1.3225459242rem + 6.1997703789vw , 5.9375rem )) { .app { padding-bottom: clamp( 2.5625rem , 1.3225459242rem + 6.1997703789vw , 5.9375rem ); } } @supports not (padding-bottom: clamp( 2.5625rem , 1.3225459242rem + 6.1997703789vw , 5.9375rem )) { .app { padding-bottom: calc(2.5625rem + 3.375 * (100vw - 20rem) / 54.4375); } } @supports (padding-bottom: clamp( 2.5rem , 0.7778415614rem + 8.6107921929vw , 7.1875rem )) { .calendar { padding-bottom: clamp( 2.5rem , 0.7778415614rem + 8.6107921929vw , 7.1875rem ); } } @supports not (padding-bottom: clamp( 2.5rem , 0.7778415614rem + 8.6107921929vw , 7.1875rem )) { .calendar { padding-bottom: calc(2.5rem + 4.6875 * (100vw - 20rem) / 54.4375); } } @supports (margin-bottom: clamp( 2rem , 1.8622273249rem + 0.6888633754vw , 2.375rem )) { .calendar__title { margin-bottom: clamp( 2rem , 1.8622273249rem + 0.6888633754vw , 2.375rem ); } } @supports not (margin-bottom: clamp( 2rem , 1.8622273249rem + 0.6888633754vw , 2.375rem )) { .calendar__title { margin-bottom: calc(2rem + 0.375 * (100vw - 20rem) / 54.4375); } } @supports (margin-bottom: clamp( 1.5rem , 1.1785304248rem + 1.607347876vw , 2.375rem )) { .calendar__picker { margin-bottom: clamp( 1.5rem , 1.1785304248rem + 1.607347876vw , 2.375rem ); } } @supports not (margin-bottom: clamp( 1.5rem , 1.1785304248rem + 1.607347876vw , 2.375rem )) { .calendar__picker { margin-bottom: calc(1.5rem + 0.875 * (100vw - 20rem) / 54.4375); } } @supports (gap: clamp( 0.5625rem , 0.0802956372rem + 2.411021814vw , 1.875rem )) { .calendar-picker { gap: clamp( 0.5625rem , 0.0802956372rem + 2.411021814vw , 1.875rem ); } } @supports not (gap: clamp( 0.5625rem , 0.0802956372rem + 2.411021814vw , 1.875rem )) { .calendar-picker { gap: calc(0.5625rem + 1.3125 * (100vw - 20rem) / 54.4375); } } @supports (font-size: clamp( 1rem , 0.8163030999rem + 0.9184845006vw , 1.5rem )) { .calendar-picker__month { font-size: clamp( 1rem , 0.8163030999rem + 0.9184845006vw , 1.5rem ); } } @supports not (font-size: clamp( 1rem , 0.8163030999rem + 0.9184845006vw , 1.5rem )) { .calendar-picker__month { font-size: calc(1rem + 0.5 * (100vw - 20rem) / 54.4375); } } @supports (min-width: clamp( 2.4375rem , 2.3226894374rem + 0.5740528129vw , 2.75rem )) { .calendar-picker-dates__item { min-width: clamp( 2.4375rem , 2.3226894374rem + 0.5740528129vw , 2.75rem ); } } @supports not (min-width: clamp( 2.4375rem , 2.3226894374rem + 0.5740528129vw , 2.75rem )) { .calendar-picker-dates__item { min-width: calc(2.4375rem + 0.3125 * (100vw - 20rem) / 54.4375); } } @supports (height: clamp( 2.75rem , 2.4744546498rem + 1.3777267509vw , 3.5rem )) { .calendar-picker-dates__item { height: clamp( 2.75rem , 2.4744546498rem + 1.3777267509vw , 3.5rem ); } } @supports not (height: clamp( 2.75rem , 2.4744546498rem + 1.3777267509vw , 3.5rem )) { .calendar-picker-dates__item { height: calc(2.75rem + 0.75 * (100vw - 20rem) / 54.4375); } } @supports (font-size: clamp( 1rem , 0.9081515499rem + 0.4592422503vw , 1.25rem )) { .calendar-picker-dates__number { font-size: clamp( 1rem , 0.9081515499rem + 0.4592422503vw , 1.25rem ); } } @supports not (font-size: clamp( 1rem , 0.9081515499rem + 0.4592422503vw , 1.25rem )) { .calendar-picker-dates__number { font-size: calc(1rem + 0.25 * (100vw - 20rem) / 54.4375); } } @supports (font-size: clamp( 0.875rem , 0.7372273249rem + 0.6888633754vw , 1.25rem )) { .calendar-picker-dates__day { font-size: clamp( 0.875rem , 0.7372273249rem + 0.6888633754vw , 1.25rem ); } } @supports not (font-size: clamp( 0.875rem , 0.7372273249rem + 0.6888633754vw , 1.25rem )) { .calendar-picker-dates__day { font-size: calc(0.875rem + 0.375 * (100vw - 20rem) / 54.4375); } } @supports (gap: clamp( 0.9375rem , -0.0039466131rem + 4.7072330654vw , 3.5rem )) { .calendar-lists__cards { gap: clamp( 0.9375rem , -0.0039466131rem + 4.7072330654vw , 3.5rem ); } } @supports not (gap: clamp( 0.9375rem , -0.0039466131rem + 4.7072330654vw , 3.5rem )) { .calendar-lists__cards { gap: calc(0.9375rem + 2.5625 * (100vw - 20rem) / 54.4375); } } @supports (padding-top: clamp( 1.875rem , 1.829075775rem + 0.2296211251vw , 2rem )) { .calendar-lists__card, .calendar-lists__empty { padding-top: clamp( 1.875rem , 1.829075775rem + 0.2296211251vw , 2rem ); } } @supports not (padding-top: clamp( 1.875rem , 1.829075775rem + 0.2296211251vw , 2rem )) { .calendar-lists__card, .calendar-lists__empty { padding-top: calc(1.875rem + 0.125 * (100vw - 20rem) / 54.4375); } } @supports (padding-bottom: clamp( 1.875rem , 1.829075775rem + 0.2296211251vw , 2rem )) { .calendar-lists__card, .calendar-lists__empty { padding-bottom: clamp( 1.875rem , 1.829075775rem + 0.2296211251vw , 2rem ); } } @supports not (padding-bottom: clamp( 1.875rem , 1.829075775rem + 0.2296211251vw , 2rem )) { .calendar-lists__card, .calendar-lists__empty { padding-bottom: calc(1.875rem + 0.125 * (100vw - 20rem) / 54.4375); } } @supports (padding-left: clamp( 0.9375rem , 0.4782577497rem + 2.2962112514vw , 2.1875rem )) { .calendar-lists__card, .calendar-lists__empty { padding-left: clamp( 0.9375rem , 0.4782577497rem + 2.2962112514vw , 2.1875rem ); } } @supports not (padding-left: clamp( 0.9375rem , 0.4782577497rem + 2.2962112514vw , 2.1875rem )) { .calendar-lists__card, .calendar-lists__empty { padding-left: calc(0.9375rem + 1.25 * (100vw - 20rem) / 54.4375); } } @supports (padding-right: clamp( 0.625rem , 0.0509471871rem + 2.8702640643vw , 2.1875rem )) { .calendar-lists__card, .calendar-lists__empty { padding-right: clamp( 0.625rem , 0.0509471871rem + 2.8702640643vw , 2.1875rem ); } } @supports not (padding-right: clamp( 0.625rem , 0.0509471871rem + 2.8702640643vw , 2.1875rem )) { .calendar-lists__card, .calendar-lists__empty { padding-right: calc(0.625rem + 1.5625 * (100vw - 20rem) / 54.4375); } } @supports (min-width: clamp( 17.5rem , 12.4483352468rem + 25.2583237658vw , 31.25rem )) { .calendar-lists__card { min-width: clamp( 17.5rem , 12.4483352468rem + 25.2583237658vw , 31.25rem ); } } @supports not (min-width: clamp( 17.5rem , 12.4483352468rem + 25.2583237658vw , 31.25rem )) { .calendar-lists__card { min-width: calc(17.5rem + 13.75 * (100vw - 20rem) / 54.4375); } } @supports (font-size: clamp( 1.125rem , 1.079075775rem + 0.2296211251vw , 1.25rem )) { .calendar-lists__text { font-size: clamp( 1.125rem , 1.079075775rem + 0.2296211251vw , 1.25rem ); } } @supports not (font-size: clamp( 1.125rem , 1.079075775rem + 0.2296211251vw , 1.25rem )) { .calendar-lists__text { font-size: calc(1.125rem + 0.125 * (100vw - 20rem) / 54.4375); } } @supports (padding-bottom: clamp( 3.25rem , 2.7218714122rem + 2.6406429392vw , 4.6875rem )) { .popular { padding-bottom: clamp( 3.25rem , 2.7218714122rem + 2.6406429392vw , 4.6875rem ); } } @supports not (padding-bottom: clamp( 3.25rem , 2.7218714122rem + 2.6406429392vw , 4.6875rem )) { .popular { padding-bottom: calc(3.25rem + 1.4375 * (100vw - 20rem) / 54.4375); } } @supports (padding-top: clamp( 1.25rem , 0.8366819747rem + 2.0665901263vw , 2.375rem )) { .popular .swiper { padding-top: clamp( 1.25rem , 0.8366819747rem + 2.0665901263vw , 2.375rem ); } } @supports not (padding-top: clamp( 1.25rem , 0.8366819747rem + 2.0665901263vw , 2.375rem )) { .popular .swiper { padding-top: calc(1.25rem + 1.125 * (100vw - 20rem) / 54.4375); } } @supports (padding-bottom: clamp( 2.375rem , 2.1683409874rem + 1.0332950631vw , 2.9375rem )) { .popular .swiper { padding-bottom: clamp( 2.375rem , 2.1683409874rem + 1.0332950631vw , 2.9375rem ); } } @supports not (padding-bottom: clamp( 2.375rem , 2.1683409874rem + 1.0332950631vw , 2.9375rem )) { .popular .swiper { padding-bottom: calc(2.375rem + 0.5625 * (100vw - 20rem) / 54.4375); } } @supports (height: clamp( 11.0625rem , 10.3506745121rem + 3.5591274397vw , 13rem )) { .popular-slide__img { height: clamp( 11.0625rem , 10.3506745121rem + 3.5591274397vw , 13rem ); } } @supports not (height: clamp( 11.0625rem , 10.3506745121rem + 3.5591274397vw , 13rem )) { .popular-slide__img { height: calc(11.0625rem + 1.9375 * (100vw - 20rem) / 54.4375); } } @supports (padding-left: clamp( 1rem , 0.9311136625rem + 0.3444316877vw , 1.1875rem )) { .popular-slide__content { padding-left: clamp( 1rem , 0.9311136625rem + 0.3444316877vw , 1.1875rem ); } } @supports not (padding-left: clamp( 1rem , 0.9311136625rem + 0.3444316877vw , 1.1875rem )) { .popular-slide__content { padding-left: calc(1rem + 0.1875 * (100vw - 20rem) / 54.4375); } } @supports (padding-right: clamp( 1rem , 0.8622273249rem + 0.6888633754vw , 1.375rem )) { .popular-slide__content { padding-right: clamp( 1rem , 0.8622273249rem + 0.6888633754vw , 1.375rem ); } } @supports not (padding-right: clamp( 1rem , 0.8622273249rem + 0.6888633754vw , 1.375rem )) { .popular-slide__content { padding-right: calc(1rem + 0.375 * (100vw - 20rem) / 54.4375); } } @supports (padding-bottom: clamp( 1.5625rem , 1.4476894374rem + 0.5740528129vw , 1.875rem )) { .popular-slide__content { padding-bottom: clamp( 1.5625rem , 1.4476894374rem + 0.5740528129vw , 1.875rem ); } } @supports not (padding-bottom: clamp( 1.5625rem , 1.4476894374rem + 0.5740528129vw , 1.875rem )) { .popular-slide__content { padding-bottom: calc(1.5625rem + 0.3125 * (100vw - 20rem) / 54.4375); } } @supports (max-width: clamp( 15rem , 13.1630309989rem + 9.1848450057vw , 20rem )) { .popular-slide__title { max-width: clamp( 15rem , 13.1630309989rem + 9.1848450057vw , 20rem ); } } @supports not (max-width: clamp( 15rem , 13.1630309989rem + 9.1848450057vw , 20rem )) { .popular-slide__title { max-width: calc(15rem + 5 * (100vw - 20rem) / 54.4375); } } @supports (padding-bottom: clamp( 3.375rem , 2.4335533869rem + 4.7072330654vw , 5.9375rem )) { .partners { padding-bottom: clamp( 3.375rem , 2.4335533869rem + 4.7072330654vw , 5.9375rem ); } } @supports not (padding-bottom: clamp( 3.375rem , 2.4335533869rem + 4.7072330654vw , 5.9375rem )) { .partners { padding-bottom: calc(3.375rem + 2.5625 * (100vw - 20rem) / 54.4375); } } @supports (gap: clamp( 1.3125rem , 1.1517652124rem + 0.803673938vw , 1.75rem )) { .partners__container { gap: clamp( 1.3125rem , 1.1517652124rem + 0.803673938vw , 1.75rem ); } } @supports not (gap: clamp( 1.3125rem , 1.1517652124rem + 0.803673938vw , 1.75rem )) { .partners__container { gap: calc(1.3125rem + 0.4375 * (100vw - 20rem) / 54.4375); } } @supports (width: clamp( 7.5rem , 4.7445464983rem + 13.7772675086vw , 15rem )) { .partners__img { width: clamp( 7.5rem , 4.7445464983rem + 13.7772675086vw , 15rem ); } } @supports not (width: clamp( 7.5rem , 4.7445464983rem + 13.7772675086vw , 15rem )) { .partners__img { width: calc(7.5rem + 7.5 * (100vw - 20rem) / 54.4375); } } @supports (height: clamp( 3.125rem , 1.517652124rem + 8.03673938vw , 7.5rem )) { .partners__img { height: clamp( 3.125rem , 1.517652124rem + 8.03673938vw , 7.5rem ); } } @supports not (height: clamp( 3.125rem , 1.517652124rem + 8.03673938vw , 7.5rem )) { .partners__img { height: calc(3.125rem + 4.375 * (100vw - 20rem) / 54.4375); } } @supports (padding-bottom: clamp( 2.5rem , 1.2370838117rem + 6.3145809414vw , 5.9375rem )) { .socials { padding-bottom: clamp( 2.5rem , 1.2370838117rem + 6.3145809414vw , 5.9375rem ); } } @supports not (padding-bottom: clamp( 2.5rem , 1.2370838117rem + 6.3145809414vw , 5.9375rem )) { .socials { padding-bottom: calc(2.5rem + 3.4375 * (100vw - 20rem) / 54.4375); } } @supports (gap: clamp( 0.9375rem , 0.8226894374rem + 0.5740528129vw , 1.25rem )) { .socials__container { gap: clamp( 0.9375rem , 0.8226894374rem + 0.5740528129vw , 1.25rem ); } } @supports not (gap: clamp( 0.9375rem , 0.8226894374rem + 0.5740528129vw , 1.25rem )) { .socials__container { gap: calc(0.9375rem + 0.3125 * (100vw - 20rem) / 54.4375); } } @supports (min-width: clamp( 2.5625rem , 2.2180683123rem + 1.7221584386vw , 3.5rem )) { .nav--md { min-width: clamp( 2.5625rem , 2.2180683123rem + 1.7221584386vw , 3.5rem ); } } @supports not (min-width: clamp( 2.5625rem , 2.2180683123rem + 1.7221584386vw , 3.5rem )) { .nav--md { min-width: calc(2.5625rem + 0.9375 * (100vw - 20rem) / 54.4375); } } @supports (height: clamp( 2.5625rem , 2.2180683123rem + 1.7221584386vw , 3.5rem )) { .nav--md { height: clamp( 2.5625rem , 2.2180683123rem + 1.7221584386vw , 3.5rem ); } } @supports not (height: clamp( 2.5625rem , 2.2180683123rem + 1.7221584386vw , 3.5rem )) { .nav--md { height: calc(2.5625rem + 0.9375 * (100vw - 20rem) / 54.4375); } } @supports (min-width: clamp( 2.5625rem , 2.3328788749rem + 1.1481056257vw , 3.1875rem )) { .nav--sm { min-width: clamp( 2.5625rem , 2.3328788749rem + 1.1481056257vw , 3.1875rem ); } } @supports not (min-width: clamp( 2.5625rem , 2.3328788749rem + 1.1481056257vw , 3.1875rem )) { .nav--sm { min-width: calc(2.5625rem + 0.625 * (100vw - 20rem) / 54.4375); } } @supports (height: clamp( 2.5625rem , 2.3328788749rem + 1.1481056257vw , 3.1875rem )) { .nav--sm { height: clamp( 2.5625rem , 2.3328788749rem + 1.1481056257vw , 3.1875rem ); } } @supports not (height: clamp( 2.5625rem , 2.3328788749rem + 1.1481056257vw , 3.1875rem )) { .nav--sm { height: calc(2.5625rem + 0.625 * (100vw - 20rem) / 54.4375); } } @supports (width: clamp( 2.875rem , 2.4846440873rem + 1.9517795637vw , 3.9375rem )) { .socials-menu { width: clamp( 2.875rem , 2.4846440873rem + 1.9517795637vw , 3.9375rem ); } } @supports not (width: clamp( 2.875rem , 2.4846440873rem + 1.9517795637vw , 3.9375rem )) { .socials-menu { width: calc(2.875rem + 1.0625 * (100vw - 20rem) / 54.4375); } } @supports (right: clamp( 0.0000000625rem , -0.6199769524rem + 3.0998850746vw , 1.6875rem )) { .socials-menu { right: clamp( 0.0000000625rem , -0.6199769524rem + 3.0998850746vw , 1.6875rem ); } } @supports not (right: clamp( 0.0000000625rem , -0.6199769524rem + 3.0998850746vw , 1.6875rem )) { .socials-menu { right: calc(0.0000000625rem + 1.6874999375 * (100vw - 20rem) / 54.4375); } } @supports (bottom: clamp( 3.375rem , 2.9616819747rem + 2.0665901263vw , 4.5rem )) { .socials-menu.active .socials-menu__icons { bottom: clamp( 3.375rem , 2.9616819747rem + 2.0665901263vw , 4.5rem ); } } @supports not (bottom: clamp( 3.375rem , 2.9616819747rem + 2.0665901263vw , 4.5rem )) { .socials-menu.active .socials-menu__icons { bottom: calc(3.375rem + 1.125 * (100vw - 20rem) / 54.4375); } } @supports (width: clamp( 2.875rem , 2.4846440873rem + 1.9517795637vw , 3.9375rem )) { .socials-menu__btn { width: clamp( 2.875rem , 2.4846440873rem + 1.9517795637vw , 3.9375rem ); } } @supports not (width: clamp( 2.875rem , 2.4846440873rem + 1.9517795637vw , 3.9375rem )) { .socials-menu__btn { width: calc(2.875rem + 1.0625 * (100vw - 20rem) / 54.4375); } } @supports (height: clamp( 2.875rem , 2.4846440873rem + 1.9517795637vw , 3.9375rem )) { .socials-menu__btn { height: clamp( 2.875rem , 2.4846440873rem + 1.9517795637vw , 3.9375rem ); } } @supports not (height: clamp( 2.875rem , 2.4846440873rem + 1.9517795637vw , 3.9375rem )) { .socials-menu__btn { height: calc(2.875rem + 1.0625 * (100vw - 20rem) / 54.4375); } } @supports (gap: clamp( 0.0000000625rem , -0.8266359651rem + 4.1331801378vw , 2.25rem )) { .menu__list { gap: clamp( 0.0000000625rem , -0.8266359651rem + 4.1331801378vw , 2.25rem ); } } @supports not (gap: clamp( 0.0000000625rem , -0.8266359651rem + 4.1331801378vw , 2.25rem )) { .menu__list { gap: calc(0.0000000625rem + 2.2499999375 * (100vw - 20rem) / 54.4375); } } @supports (width: clamp( 1.6875rem , 1.5267652124rem + 0.803673938vw , 2.125rem )) { .select__title { width: clamp( 1.6875rem , 1.5267652124rem + 0.803673938vw , 2.125rem ); } } @supports not (width: clamp( 1.6875rem , 1.5267652124rem + 0.803673938vw , 2.125rem )) { .select__title { width: calc(1.6875rem + 0.4375 * (100vw - 20rem) / 54.4375); } } @supports (height: clamp( 1.625rem , 1.4872273249rem + 0.6888633754vw , 2rem )) { .select__title { height: clamp( 1.625rem , 1.4872273249rem + 0.6888633754vw , 2rem ); } } @supports not (height: clamp( 1.625rem , 1.4872273249rem + 0.6888633754vw , 2rem )) { .select__title { height: calc(1.625rem + 0.375 * (100vw - 20rem) / 54.4375); } } @supports (font-size: clamp( 0.6875rem , 0.6186136625rem + 0.3444316877vw , 0.875rem )) { .select__content, .select__option { font-size: clamp( 0.6875rem , 0.6186136625rem + 0.3444316877vw , 0.875rem ); } } @supports not (font-size: clamp( 0.6875rem , 0.6186136625rem + 0.3444316877vw , 0.875rem )) { .select__content, .select__option { font-size: calc(0.6875rem + 0.1875 * (100vw - 20rem) / 54.4375); } } @supports (width: clamp( 1.6875rem , 1.5267652124rem + 0.803673938vw , 2.125rem )) { .select__options { width: clamp( 1.6875rem , 1.5267652124rem + 0.803673938vw , 2.125rem ); } } @supports not (width: clamp( 1.6875rem , 1.5267652124rem + 0.803673938vw , 2.125rem )) { .select__options { width: calc(1.6875rem + 0.4375 * (100vw - 20rem) / 54.4375); } } } /*@media (hover: hover) and (min-width: 20em) and (max-width: 74.4375em) {*/ @media (min-width: 20em) and (max-width: 74.4375em) { @supports (bottom: clamp( 3.375rem , 2.9616819747rem + 2.0665901263vw , 4.5rem )) { /*.socials-menu:hover .socials-menu__icons {*/ .socials-menu .socials-menu__icons { bottom: clamp( 3.375rem , 2.9616819747rem + 2.0665901263vw , 4.5rem ); } } @supports not (bottom: clamp( 3.375rem , 2.9616819747rem + 2.0665901263vw , 4.5rem )) { /*.socials-menu:hover .socials-menu__icons {*/ .socials-menu .socials-menu__icons { bottom: calc(3.375rem + 1.125 * (100vw - 20rem) / 54.4375); } } } @media (min-width: 620px) { .footer__left { flex: none; gap: 1.8125rem; flex-direction: column; } } @media (min-width: 767.98px) and (min-width: 20em) and (max-width: 74.4375em) { @supports (margin-left: clamp( 0.0000000625rem , -0.4133179398rem + 2.0665900115vw , 1.125rem )) { .popular .swiper { margin-left: clamp( 0.0000000625rem , -0.4133179398rem + 2.0665900115vw , 1.125rem ); } } @supports not (margin-left: clamp( 0.0000000625rem , -0.4133179398rem + 2.0665900115vw , 1.125rem )) { .popular .swiper { margin-left: calc(0.0000000625rem + 1.1249999375 * (100vw - 20rem) / 54.4375); } } @supports (margin-right: clamp( 0.0000000625rem , -0.4133179398rem + 2.0665900115vw , 1.125rem )) { .popular .swiper { margin-right: clamp( 0.0000000625rem , -0.4133179398rem + 2.0665900115vw , 1.125rem ); } } @supports not (margin-right: clamp( 0.0000000625rem , -0.4133179398rem + 2.0665900115vw , 1.125rem )) { .popular .swiper { margin-right: calc(0.0000000625rem + 1.1249999375 * (100vw - 20rem) / 54.4375); } } @supports (padding-left: clamp( 0.9375rem , 0.8686136625rem + 0.3444316877vw , 1.125rem )) { .popular .swiper { padding-left: clamp( 0.9375rem , 0.8686136625rem + 0.3444316877vw , 1.125rem ); } } @supports not (padding-left: clamp( 0.9375rem , 0.8686136625rem + 0.3444316877vw , 1.125rem )) { .popular .swiper { padding-left: calc(0.9375rem + 0.1875 * (100vw - 20rem) / 54.4375); } } @supports (padding-right: clamp( 0.9375rem , 0.8686136625rem + 0.3444316877vw , 1.125rem )) { .popular .swiper { padding-right: clamp( 0.9375rem , 0.8686136625rem + 0.3444316877vw , 1.125rem ); } } @supports not (padding-right: clamp( 0.9375rem , 0.8686136625rem + 0.3444316877vw , 1.125rem )) { .popular .swiper { padding-right: calc(0.9375rem + 0.1875 * (100vw - 20rem) / 54.4375); } } } @media (min-width: 767.98px) and (max-width: 20em) { .popular .swiper { margin-left: 0.0000000625rem; } .popular .swiper { margin-right: 0.0000000625rem; } .popular .swiper { padding-left: 0.9375rem; } .popular .swiper { padding-right: 0.9375rem; } } @media (min-width: 991.98px) { .hero__btn--mobile { display: none; } .sections { position: relative; margin-left: 1.875rem; margin-right: 1.875rem; } .popular__title { margin-left: 5.625rem; } } @media (min-width: 1119.98px) { .menu__account { display: none; } } @media (min-width: 74.4375em) { .header { padding-top: 1.2rem; } .header { padding-bottom: 1rem; } .header__btns { gap: 0.9375rem; } .footer { padding-top: 2.75rem; } .footer__container { gap: 2.9375rem; } .footer__copyright { padding-top: 1.125rem; } .footer-nav { gap: 9.75rem; } @layer size{ .btn--lg { padding-top: 1.25rem; } } @layer size{ .btn--lg { padding-bottom: 1.25rem; } } @layer size{ .btn--lg { padding-left: 2.4375rem; } } @layer size{ .btn--lg { padding-right: 2.4375rem; } } @layer size{ .btn--lg { font-size: 1rem; } } @layer size{ .btn--md { padding-top: 1.25rem; } } @layer size{ .btn--md { padding-bottom: 1.25rem; } } @layer size{ .btn--md { padding-left: 2.4375rem; } } @layer size{ .btn--md { padding-right: 2.4375rem; } } @layer size{ .btn--md { font-size: 1rem; } } @layer size{ .btn--sm { padding-top: 0.6875rem; } } @layer size{ .btn--sm { padding-bottom: 0.6875rem; } } @layer size{ .btn--sm { padding-left: 1.4375rem; } } @layer size{ .btn--sm { padding-right: 1.4375rem; } } @layer size{ .btn--sm { font-size: 0.75rem; } } @layer form{ .btn--rect { border-radius: 1rem; } } @layer form{ .btn--round { border-radius: 2.625rem; } } .title--xl { font-size: 3.75rem; } .title--lg { font-size: 2rem; } .title--md { font-size: 1.75rem; } .title--sm { font-size: 1.3125rem; } .title--xs { font-size: 1rem; } .hero { margin-top: 1rem; } .hero { margin-left: 1.6875rem; } .hero { margin-right: 1.6875rem; } .hero__subtitle { margin-bottom: 1.875rem; } .hero__subtitle { font-size: 1.4375rem; } .hero__title { margin-bottom: 1.8125rem; } .hero__content { gap: 2.875rem; } .hero__text { font-size: 1.375rem; } .hero__figure { margin-top: 3.4375rem; } .hero-video { min-width: 38.625rem; } .hero-video { height: 18.5rem; } .hero-video__icon { width: 2.875rem; } .hero-video__icon { height: 2.875rem; } .sections__container { gap: 2.375rem; } .sections-cards__item { border-radius: 1.25rem; } .sections-cards__link { height: 9.375rem; } .sections-cards__link { gap: 1.5rem; } .sections-cards__link { padding-left: 1.75rem; } .sections-cards__link { padding-right: 1.75rem; } .sections-partners__partner { padding-left: 0.75rem; } .sections-partners__partner { padding-right: 0.75rem; } .sections-partners__partner { font-size: 1rem; } .sections-partners__partner { height: 2.625rem; } .app { padding-bottom: 5.9375rem; } .calendar { padding-bottom: 7.1875rem; } .calendar__title { margin-bottom: 2.375rem; } .calendar__picker { margin-bottom: 2.375rem; } .calendar-picker { gap: 1.875rem; } .calendar-picker__month { font-size: 1.5rem; } .calendar-picker-dates__item { min-width: 2.75rem; } .calendar-picker-dates__item { height: 3.5rem; } .calendar-picker-dates__number { font-size: 1.25rem; } .calendar-picker-dates__day { font-size: 1.25rem; } .calendar-lists__cards { gap: 3.5rem; } .calendar-lists__card, .calendar-lists__empty { padding-top: 2rem; } .calendar-lists__card, .calendar-lists__empty { padding-bottom: 2rem; } .calendar-lists__card, .calendar-lists__empty { padding-left: 2.1875rem; } .calendar-lists__card, .calendar-lists__empty { padding-right: 2.1875rem; } .calendar-lists__card { min-width: 31.25rem; } .calendar-lists__text { font-size: 1.25rem; } .popular { padding-bottom: 4.6875rem; } .popular .swiper { padding-top: 2.375rem; } .popular .swiper { padding-bottom: 2.9375rem; } .popular-slide__img { height: 13rem; } .popular-slide__content { padding-left: 1.1875rem; } .popular-slide__content { padding-right: 1.375rem; } .popular-slide__content { padding-bottom: 1.875rem; } .popular-slide__title { max-width: 20rem; } .partners { padding-bottom: 5.9375rem; } .partners__container { gap: 1.75rem; } .partners__img { width: 15rem; } .partners__img { height: 7.5rem; } .socials { padding-bottom: 5.9375rem; } .socials__container { gap: 1.25rem; } .nav--md { min-width: 3.5rem; } .nav--md { height: 3.5rem; } .nav--sm { min-width: 3.1875rem; } .nav--sm { height: 3.1875rem; } .socials-menu { width: 3.9375rem; } .socials-menu { right: 1.6875rem; } .socials-menu.active .socials-menu__icons { bottom: 4.5rem; } .socials-menu__btn { width: 3.9375rem; } .socials-menu__btn { height: 3.9375rem; } .menu__list { gap: 2.25rem; } .select__title { width: 2.125rem; } .select__title { height: 2rem; } .select__content, .select__option { font-size: 0.875rem; } .select__options { width: 2.125rem; } } @media (min-width: 767.98px) and (min-width: 74.4375em) { .popular .swiper { margin-left: 1.125rem; } .popular .swiper { margin-right: 1.125rem; } .popular .swiper { padding-left: 1.125rem; } .popular .swiper { padding-right: 1.125rem; } } /*@media (hover: hover) and (min-width: 74.4375em) {*/ @media (min-width: 74.4375em) { /*.socials-menu:hover .socials-menu__icons {*/ .socials-menu .socials-menu__icons { bottom: 4.5rem; } } @media (max-width: 991.98px) { .header__logo{ display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 1rem; } .header-sub-logos{ margin-top: 0 !important; } :root { --spacing: 80px; } .icon--header-logo { --icon__width: 84px; --icon__height: 26px; } .icon--account { --icon__width: 15px; --icon__height: 16px; } .account-btn__icon { width: 2rem; height: 2rem; } .hero { padding-top: 2.8125rem; padding-bottom: 1.75rem; margin-bottom: 1.5625rem; border-radius: 1.875rem; } .hero__content { flex-direction: column-reverse; } .hero__text { line-height: 129%; } .hero__btn--desktop { display: none; } .hero__figure { display: none; } .icon-sections { --icon__width: 43px; --icon__height: 43px; } .sections-partners .swiper-wrapper { gap: 1.125rem; } .calendar-picker__header { justify-content: space-between; } .calendar-picker-dates { padding: 0.875rem 0; border-top: 1px solid var(--color-bor-secondary); border-bottom: 1px solid var(--color-bor-secondary); } .calendar-picker-dates__btn { display: none; } .calendar-lists__content { gap: 1.5625rem; } .icon--socials-menu { --icon__width: 33px; --icon__height: 33px; } @layer base{ [class*=__container] { --pad: 15px; } } } @media (max-width: 767.98px) { :root { --spacing: 60px; } .footer__right { flex: auto; padding-top: 0.9375rem; border-top: 1px solid rgba(var(--color-accent--rgb), 0.2); } .popular__wrapper { --pad: 0px; } .popular__title { padding: 0 0.9375rem; } .popular__nav { position: absolute; bottom: -1.6875rem; } .popular__nav.popular__nav--prev { left: 0.9375rem; } .popular__nav.popular__nav--next { right: 0.9375rem; } .popular-pagination__nav { display: none; } } @media (max-width: 20em) { .header { padding-top: 0.875rem; } .header { padding-bottom: 0.875rem; } .header__btns { gap: 0.75rem; } .footer { padding-top: 2.5rem; } .footer__container { gap: 0.9375rem; } .footer__copyright { padding-top: 1rem; } .footer-nav { gap: 1rem; } @layer size{ .btn--lg { padding-top: 0.75rem; } } @layer size{ .btn--lg { padding-bottom: 0.75rem; } } @layer size{ .btn--lg { padding-left: 0.875rem; } } @layer size{ .btn--lg { padding-right: 0.875rem; } } @layer size{ .btn--lg { font-size: 0.875rem; } } @layer size{ .btn--md { padding-top: 0.5rem; } } @layer size{ .btn--md { padding-bottom: 0.5rem; } } @layer size{ .btn--md { padding-left: 0.875rem; } } @layer size{ .btn--md { padding-right: 0.875rem; } } @layer size{ .btn--md { font-size: 0.875rem; } } @layer size{ .btn--sm { padding-top: 0.5625rem; } } @layer size{ .btn--sm { padding-bottom: 0.5625rem; } } @layer size{ .btn--sm { padding-left: 0.9375rem; } } @layer size{ .btn--sm { padding-right: 0.9375rem; } } @layer size{ .btn--sm { font-size: 0.6875rem; } } @layer form{ .btn--rect { border-radius: 0.625rem; } } @layer form{ .btn--round { border-radius: 2.1875rem; } } .title--xl { font-size: 1.375rem; } .title--lg { font-size: 1.5rem; } .title--md { font-size: 1.5rem; } .title--sm { font-size: 1rem; } .title--xs { font-size: 0.75rem; } .hero { margin-top: 3.375rem; } .hero { margin-left: 0.9375rem; } .hero { margin-right: 0.9375rem; } .hero__subtitle { margin-bottom: 1.3125rem; } .hero__subtitle { font-size: 1rem; } .hero__title { margin-bottom: 1.1875rem; } .hero__content { gap: 1.25rem; } .hero__text { font-size: 0.875rem; } .hero__figure { margin-top: 1.5625rem; } .hero-video { min-width: 16.375rem; } .hero-video { height: 9.9375rem; } .hero-video__icon { width: 1.375rem; } .hero-video__icon { height: 1.375rem; } .sections__container { gap: 1.25rem; } .sections-cards__item { border-radius: 1rem; } .sections-cards__link { height: 7.5625rem; } .sections-cards__link { gap: 0.9375rem; } .sections-cards__link { padding-left: 1.3125rem; } .sections-cards__link { padding-right: 1.3125rem; } .sections-partners__partner { padding-left: 1.0625rem; } .sections-partners__partner { padding-right: 1.0625rem; } .sections-partners__partner { font-size: 0.875rem; } .sections-partners__partner { height: 2.5rem; } .app { padding-bottom: 2.5625rem; } .calendar { padding-bottom: 2.5rem; } .calendar__title { margin-bottom: 2rem; } .calendar__picker { margin-bottom: 1.5rem; } .calendar-picker { gap: 0.5625rem; } .calendar-picker__month { font-size: 1rem; } .calendar-picker-dates__item { min-width: 2.4375rem; } .calendar-picker-dates__item { height: 2.75rem; } .calendar-picker-dates__number { font-size: 1rem; } .calendar-picker-dates__day { font-size: 0.875rem; } .calendar-lists__cards { gap: 0.9375rem; } .calendar-lists__card, .calendar-lists__empty { padding-top: 1.875rem; } .calendar-lists__card, .calendar-lists__empty { padding-bottom: 1.875rem; } .calendar-lists__card, .calendar-lists__empty { padding-left: 0.9375rem; } .calendar-lists__card, .calendar-lists__empty { padding-right: 0.625rem; } .calendar-lists__card { min-width: 17.5rem; } .calendar-lists__text { font-size: 1.125rem; } .popular { padding-bottom: 3.25rem; } .popular .swiper { padding-top: 1.25rem; } .popular .swiper { padding-bottom: 2.375rem; } .popular-slide__img { height: 11.0625rem; } .popular-slide__content { padding-left: 1rem; } .popular-slide__content { padding-right: 1rem; } .popular-slide__content { padding-bottom: 1.5625rem; } .popular-slide__title { max-width: 15rem; } .partners { padding-bottom: 3.375rem; } .partners__container { gap: 1.3125rem; } .partners__img { width: 7.5rem; } .partners__img { height: 3.125rem; } .socials { padding-bottom: 2.5rem; } .socials__container { gap: 0.9375rem; } .nav--md { min-width: 2.5625rem; } .nav--md { height: 2.5625rem; } .nav--sm { min-width: 2.5625rem; } .nav--sm { height: 2.5625rem; } .socials-menu { width: 2.875rem; } .socials-menu { right: 0.0000000625rem; } .socials-menu.active .socials-menu__icons { bottom: 3.375rem; } .socials-menu__btn { width: 2.875rem; } .socials-menu__btn { height: 2.875rem; } .menu__list { gap: 0.0000000625rem; } .select__title { width: 1.6875rem; } .select__title { height: 1.625rem; } .select__content, .select__option { font-size: 0.6875rem; } .select__options { width: 1.6875rem; } } @media (max-width: 1119.98px) { .header { padding-top: 0.875rem; padding-bottom: 0.875rem; } .header__account { display: none; } .menu__body { position: fixed; top: 0; right: -100%; width: 100%; padding: 4.0625rem 0.9375rem 1.875rem 0.9375rem; overflow: auto; transition: right 0.3s; border-radius: 0 0 30px 30px; background: var(--color-secondary); z-index: -1; } .menu__body::before { position: fixed; top: 0; right: -100%; z-index: 2; width: 100%; height: 4.375rem; transition: right 0.3s; content: ""; } .menu-open .menu__body { right: 0; } .menu-open .menu__body::before { right: 0; } .menu__list { gap: 1.0625rem; align-items: start; flex-direction: column; } .menu__item { width: 100%; } .icon-menu { position: relative; z-index: 5; display: block; width: 1.5rem; height: 1.5rem; } .icon-menu::before, .icon-menu::after { position: absolute; right: 0; width: 100%; height: 0.125rem; background-color: var(--color-primary); border-radius: 0.625rem; transition: all 0.3s ease 0s; content: ""; } .icon-menu::before { top: 0.375rem; } .icon-menu::after { bottom: 0.375rem; } .menu-open .icon-menu::before { top: calc(50% - 0.0625rem); transform: rotate(-45deg); } .menu-open .icon-menu::after { bottom: calc(50% - 0.0625rem); transform: rotate(45deg); } } @media (hover: hover) { .account-btn:hover .account-btn__icon { background-color: rgba(var(--color-accent--rgb), 0.7); } .footer-socials__item:hover .icon--footer-social::after { background-color: var(--color-primary); } .link--primary:hover { color: var(--color-accent); } .link--secondary:hover { color: var(--color-accent); } .hero-video:hover .hero-video__icon { background-color: var(--color-accent); } .hero-video:hover .hero-video__icon-triangle { border-left-color: var(--color-secondary); } .sections-cards__link:hover { background-color: var(--color-accent); } .sections-cards__link:hover .icon-sections::after { background-color: var(--color-secondary); } .sections-cards__link:hover .sections-cards__title { color: var(--color-secondary); } .sections-partners__partner:hover { border-color: var(--color-accent); color: var(--color-accent); } .calendar-picker-dates__btn:hover .icon--calendar-arrow::after { background-color: var(--color-accent); } .calendar-picker-dates__item:hover { background-color: var(--color-primary); } .calendar-picker-dates__item:hover .calendar-picker-dates__number { color: var(--color-secondary); } .calendar-picker-dates__item:hover .calendar-picker-dates__day { color: rgba(var(--color-secondary--rgb), 0.7); } .popular-slide:hover { box-shadow: 0 11px 25px 0 rgba(50, 68, 80, 0.1), 0 0 7px 0 rgba(var(--color-accent--rgb), 0.6); } .popular-slide:hover .popular-slide__btn { border-color: var(--color-accent); } .popular-slide__date:hover { background-color: var(--color-accent); } .popular-pagination__bullet:hover { color: var(--color-text); } .popular-pagination__nav--next:hover { border-left-color: var(--color-accent); } .popular-pagination__nav--prev:hover { border-right-color: var(--color-accent); } .nav:hover { border-color: var(--color-accent); } /*.socials-menu:hover .socials-menu__icons {*/ .socials-menu .socials-menu__icons { opacity: 1; pointer-events: all; } .socials-menu__btn:hover { background-color: rgba(var(--color-accent--rgb), 0.7); } .socials-menu__icon:hover { background-color: var(--color-accent); } .socials-menu__icon:hover .icon--socials-menu-icon::after { background-color: var(--color-secondary); } .select__title:hover { border-color: var(--color-accent); } .select__title:hover .select__content { color: var(--color-accent); } } @media (max-width: 620px) { .footer-nav { flex: auto; } .footer-nav__list { gap: 1.25rem; } } @media (any-hover: hover) { @layer mod{ .btn--accent:hover { background-color: rgba(var(--color-accent--rgb), 0.7); } } .select__option:hover { color: var(--color-accent); } } @media (max-width: 479.98px) { .app__img { width: 100%; height: 26.5625rem; } .app__img img { object-fit: contain; } .icon--inst-logo { --icon__width: 114px; --icon__height: 37px; } } @media (hover: hover) and (max-width: 20em) { /*.socials-menu:hover .socials-menu__icons {*/ .socials-menu .socials-menu__icons { bottom: 3.375rem; } } @media (max-width: 1119.98px) and (any-hover: none) { .icon-menu { cursor: default; } } .menu__sublist.menu-sublist{ display: none; position: absolute; background: #fff; width: max-content; padding: 1rem; border-radius: 10px; top: 2.5rem; left: -1rem; } .menu__item{ position: relative; padding-bottom: 1rem; padding-top: 1rem; } .menu-sublist__item{ margin-bottom: .8rem; } .menu__item:hover .menu__sublist.menu-sublist{ display: block; } .popular__slider .swiper-slide{ height: auto; } .popular-slide__content{ height: 100%; display: flex; justify-content: space-between; } .popular-slide{ display: flex; flex-direction: column; justify-items: stretch; justify-content: space-between; } .header-sub-logos{ display: flex; /*gap: 10px;*/ margin-top: 8px; justify-content: space-between; align-items: stretch; align-content: space-around; } .header-sub-logos__border{ width: 1px; /*height: 100%;*/ background: #a1a1a1; } .header-sub-logos img{ width: 38px; height: 38px; object-fit: contain; line-height: 0; } .header-sub-logos div{ /*padding-right: 5px;*/ } .header-sub-logos div:last-child{ /*border-left: 1px solid #000;*/ /*padding-left: 5px;*/ /*padding-right: 0;*/ } .header-sub-logos div:last-child img{ /*height: 48px;*/ } .animation{ opacity: 1 !important; } /* End */ /* Start:/local/templates/.default/components/bitrix/menu/mainmenu_top_v2/style.min.css?1738773214490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/.default/components/bitrix/menu/mainmenu_top_v2/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/slonworks/libs/bootstrap/bootstrap-reboot.css?17175040734179*/ html { box-sizing: border-box; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; } *, *::before, *::after { box-sizing: inherit; } @-ms-viewport { width: device-width; } article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-size: 1rem; font-weight: normal; line-height: 1.2; background-color: #fff; } [tabindex="-1"]:focus { outline: none !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin: 0; } p { margin: 0; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: bold; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } dfn { font-style: italic; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: inherit; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; } a:hover { color: inherit; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre, code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg:not(:root) { overflow: hidden; } a, area, button, [role="button"], input, label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #868e96; text-align: left; caption-side: bottom; } th { text-align: left; } label { display: inline-block; margin-bottom: .5rem; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; } template { display: none; } [hidden] { display: none !important; } /* End */ /* Start:/local/templates/slonworks/libs/bootstrap/bootstrap-grid.css?171750407328998*/ @-ms-viewport { width: device-width; } html { box-sizing: border-box; -ms-overflow-style: scrollbar; } *, *::before, *::after { box-sizing: inherit; } .container { margin-right: auto; margin-left: auto; width: 100%; padding: 0 15px; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1200px; } } .container-fluid { width: 100%; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; width: 100%; } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; min-height: 1px; } .col { -ms-flex-preferred-size: 1px; flex-basis: 1px; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-1 { -ms-flex-order: 1; order: 1; } .order-2 { -ms-flex-order: 2; order: 2; } .order-3 { -ms-flex-order: 3; order: 3; } .order-4 { -ms-flex-order: 4; order: 4; } .order-5 { -ms-flex-order: 5; order: 5; } .order-6 { -ms-flex-order: 6; order: 6; } .order-7 { -ms-flex-order: 7; order: 7; } .order-8 { -ms-flex-order: 8; order: 8; } .order-9 { -ms-flex-order: 9; order: 9; } .order-10 { -ms-flex-order: 10; order: 10; } .order-11 { -ms-flex-order: 11; order: 11; } .order-12 { -ms-flex-order: 12; order: 12; } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 1px; flex-basis: 1px; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-1 { -ms-flex-order: 1; order: 1; } .order-sm-2 { -ms-flex-order: 2; order: 2; } .order-sm-3 { -ms-flex-order: 3; order: 3; } .order-sm-4 { -ms-flex-order: 4; order: 4; } .order-sm-5 { -ms-flex-order: 5; order: 5; } .order-sm-6 { -ms-flex-order: 6; order: 6; } .order-sm-7 { -ms-flex-order: 7; order: 7; } .order-sm-8 { -ms-flex-order: 8; order: 8; } .order-sm-9 { -ms-flex-order: 9; order: 9; } .order-sm-10 { -ms-flex-order: 10; order: 10; } .order-sm-11 { -ms-flex-order: 11; order: 11; } .order-sm-12 { -ms-flex-order: 12; order: 12; } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 1px; flex-basis: 1px; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-1 { -ms-flex-order: 1; order: 1; } .order-md-2 { -ms-flex-order: 2; order: 2; } .order-md-3 { -ms-flex-order: 3; order: 3; } .order-md-4 { -ms-flex-order: 4; order: 4; } .order-md-5 { -ms-flex-order: 5; order: 5; } .order-md-6 { -ms-flex-order: 6; order: 6; } .order-md-7 { -ms-flex-order: 7; order: 7; } .order-md-8 { -ms-flex-order: 8; order: 8; } .order-md-9 { -ms-flex-order: 9; order: 9; } .order-md-10 { -ms-flex-order: 10; order: 10; } .order-md-11 { -ms-flex-order: 11; order: 11; } .order-md-12 { -ms-flex-order: 12; order: 12; } } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 1px; flex-basis: 1px; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-1 { -ms-flex-order: 1; order: 1; } .order-lg-2 { -ms-flex-order: 2; order: 2; } .order-lg-3 { -ms-flex-order: 3; order: 3; } .order-lg-4 { -ms-flex-order: 4; order: 4; } .order-lg-5 { -ms-flex-order: 5; order: 5; } .order-lg-6 { -ms-flex-order: 6; order: 6; } .order-lg-7 { -ms-flex-order: 7; order: 7; } .order-lg-8 { -ms-flex-order: 8; order: 8; } .order-lg-9 { -ms-flex-order: 9; order: 9; } .order-lg-10 { -ms-flex-order: 10; order: 10; } .order-lg-11 { -ms-flex-order: 11; order: 11; } .order-lg-12 { -ms-flex-order: 12; order: 12; } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 1px; flex-basis: 1px; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-1 { -ms-flex-order: 1; order: 1; } .order-xl-2 { -ms-flex-order: 2; order: 2; } .order-xl-3 { -ms-flex-order: 3; order: 3; } .order-xl-4 { -ms-flex-order: 4; order: 4; } .order-xl-5 { -ms-flex-order: 5; order: 5; } .order-xl-6 { -ms-flex-order: 6; order: 6; } .order-xl-7 { -ms-flex-order: 7; order: 7; } .order-xl-8 { -ms-flex-order: 8; order: 8; } .order-xl-9 { -ms-flex-order: 9; order: 9; } .order-xl-10 { -ms-flex-order: 10; order: 10; } .order-xl-11 { -ms-flex-order: 11; order: 11; } .order-xl-12 { -ms-flex-order: 12; order: 12; } } .flex-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-sm-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-md-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-lg-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-xl-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } /* End */ /* Start:/local/templates/slonworks/libs/fancybox/jquery.fancybox.min.css?171750407312795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/slonworks/libs/jquery-ui-selectmenu/jquery-ui.min.css?17175040733644*/ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:100%}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}/*.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}*/ /* .ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none} */ /* End */ /* Start:/local/templates/slonworks/libs/OwlCarousel2-2.3.4/owl.carousel.css?17175040735758*/ /** * 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 - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .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; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -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 { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { 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-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loaded { display: block; } .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; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; 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 Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .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/slonworks/libs/OwlCarousel2-2.3.4/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms 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-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} /* End */ /* Start:/local/templates/slonworks/libs/OwlCarousel2-2.3.4/owl.theme.default.min.css?17175040731013*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} /* End */ /* Start:/local/templates/slonworks/libs/remodal/remodal.css?17175040737443*/ /* * Remodal - v1.1.1 * Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking. * http://vodkabears.github.io/remodal/ * * Made by Ilya Makarov * Under MIT License */ /* ========================================================================== Remodal's necessary styles ========================================================================== */ /* Hide scroll bar */ html.remodal-is-locked { overflow: hidden; -ms-touch-action: none; touch-action: none; } /* Anti FOUC */ .remodal, [data-remodal-id] { display: none; } /* Necessary styles of the overlay */ .remodal-overlay { position: fixed; z-index: 9999; top: -5000px; right: -5000px; bottom: -5000px; left: -5000px; display: none; } /* Necessary styles of the wrapper */ .remodal-wrapper { position: fixed; z-index: 10000; top: 0; right: 0; bottom: 0; left: 0; display: none; overflow: auto; text-align: center; -webkit-overflow-scrolling: touch; } .remodal-wrapper:after { display: inline-block; height: 100%; margin-left: -0.05em; content: ""; } /* Fix iPad, iPhone glitches */ .remodal-overlay, .remodal-wrapper { -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Necessary styles of the modal dialog */ .remodal { position: relative; outline: none; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; } .remodal-is-initialized { /* Disable Anti-FOUC */ display: inline-block; } /* * Remodal - v1.1.1 * Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking. * http://vodkabears.github.io/remodal/ * * Made by Ilya Makarov * Under MIT License */ /* ========================================================================== Remodal's default mobile first theme ========================================================================== */ /* Default theme styles for the background */ .remodal-bg.remodal-is-opening, .remodal-bg.remodal-is-opened { -webkit-filter: blur(3px); filter: blur(3px); } /* Default theme styles of the overlay */ .remodal-overlay { background: rgba(43, 46, 56, 0.9); } .remodal-overlay.remodal-is-opening, .remodal-overlay.remodal-is-closing { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .remodal-overlay.remodal-is-opening { -webkit-animation-name: remodal-overlay-opening-keyframes; animation-name: remodal-overlay-opening-keyframes; } .remodal-overlay.remodal-is-closing { -webkit-animation-name: remodal-overlay-closing-keyframes; animation-name: remodal-overlay-closing-keyframes; } /* Default theme styles of the wrapper */ .remodal-wrapper { padding: 10px 10px 0; } /* Default theme styles of the modal dialog */ .remodal { box-sizing: border-box; width: 100%; margin-bottom: 10px; padding: 35px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); color: #2b2e38; background: #fff; border-radius: 10px; text-align: left; } .remodal.remodal-is-opening, .remodal.remodal-is-closing { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .remodal.remodal-is-opening { -webkit-animation-name: remodal-opening-keyframes; animation-name: remodal-opening-keyframes; } .remodal.remodal-is-closing { -webkit-animation-name: remodal-closing-keyframes; animation-name: remodal-closing-keyframes; } /* Vertical align of the modal dialog */ .remodal, .remodal-wrapper:after { vertical-align: middle; } /* Close button */ .remodal-close { position: absolute; top: 15px; right: 15px; display: block; overflow: visible; width: 22px; height: 22px; margin: 0; padding: 0; cursor: pointer; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; text-decoration: none; color: #865ff2; border: 0; outline: 0; background: transparent; opacity: 0.8; } .remodal-close:hover, .remodal-close:focus { color: #865ff2; opacity: 1; outline: 0; } /* .remodal-close:before { font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important; font-size: 38px; line-height: 35px; position: absolute; top: 0; left: 0; display: block; width: 35px; content: "\00d7"; text-align: center; color: #865ff2; } */ /* Dialog buttons */ .remodal-confirm, .remodal-cancel { font: inherit; display: inline-block; overflow: visible; min-width: 110px; margin: 0; padding: 12px 0; cursor: pointer; -webkit-transition: background 0.2s; transition: background 0.2s; text-align: center; vertical-align: middle; text-decoration: none; border: 0; outline: 0; } .remodal-confirm { color: #fff; background: #81c784; } .remodal-confirm:hover, .remodal-confirm:focus { background: #66bb6a; } .remodal-cancel { color: #fff; background: #e57373; } .remodal-cancel:hover, .remodal-cancel:focus { background: #ef5350; } /* Remove inner padding and border in Firefox 4+ for the button tag. */ .remodal-confirm::-moz-focus-inner, .remodal-cancel::-moz-focus-inner, .remodal-close::-moz-focus-inner { padding: 0; border: 0; } /* Keyframes ========================================================================== */ @-webkit-keyframes remodal-opening-keyframes { from { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0; } to { -webkit-transform: none; transform: none; opacity: 1; -webkit-filter: blur(0); filter: blur(0); } } @keyframes remodal-opening-keyframes { from { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0; } to { -webkit-transform: none; transform: none; opacity: 1; -webkit-filter: blur(0); filter: blur(0); } } @-webkit-keyframes remodal-closing-keyframes { from { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } to { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0; -webkit-filter: blur(0); filter: blur(0); } } @keyframes remodal-closing-keyframes { from { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } to { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0; -webkit-filter: blur(0); filter: blur(0); } } @-webkit-keyframes remodal-overlay-opening-keyframes { from { opacity: 0; } to { opacity: 1; } } @keyframes remodal-overlay-opening-keyframes { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes remodal-overlay-closing-keyframes { from { opacity: 1; } to { opacity: 0; } } @keyframes remodal-overlay-closing-keyframes { from { opacity: 1; } to { opacity: 0; } } /* Media queries ========================================================================== */ @media only screen and (min-width: 641px) { .remodal { max-width: 700px; } } /* IE8 ========================================================================== */ .lt-ie9 .remodal-overlay { background: #2b2e38; } .lt-ie9 .remodal { width: 700px; } /* End */ /* Start:/local/templates/slonworks/libs/remodal/remodal-default-theme.css?17175040735718*/ /* * Remodal - v1.1.1 * Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking. * http://vodkabears.github.io/remodal/ * * Made by Ilya Makarov * Under MIT License */ /* ========================================================================== Remodal's default mobile first theme ========================================================================== */ /* Default theme styles for the background */ .remodal-bg.remodal-is-opening, .remodal-bg.remodal-is-opened { -webkit-filter: blur(3px); filter: blur(3px); } /* Default theme styles of the overlay */ .remodal-overlay { background: rgba(43, 46, 56, 0.9); } .remodal-overlay.remodal-is-opening, .remodal-overlay.remodal-is-closing { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .remodal-overlay.remodal-is-opening { -webkit-animation-name: remodal-overlay-opening-keyframes; animation-name: remodal-overlay-opening-keyframes; } .remodal-overlay.remodal-is-closing { -webkit-animation-name: remodal-overlay-closing-keyframes; animation-name: remodal-overlay-closing-keyframes; } /* Default theme styles of the wrapper */ .remodal-wrapper { padding: 10px 10px 0; } /* Default theme styles of the modal dialog */ .remodal { box-sizing: border-box; width: 100%; margin-bottom: 10px; padding: 35px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); color: #2b2e38; background: #fff; } .remodal.remodal-is-opening, .remodal.remodal-is-closing { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .remodal.remodal-is-opening { -webkit-animation-name: remodal-opening-keyframes; animation-name: remodal-opening-keyframes; } .remodal.remodal-is-closing { -webkit-animation-name: remodal-closing-keyframes; animation-name: remodal-closing-keyframes; } /* Vertical align of the modal dialog */ .remodal, .remodal-wrapper:after { vertical-align: middle; } /* Close button */ .remodal-close { position: absolute; top: 0; left: 0; display: block; overflow: visible; width: 35px; height: 35px; margin: 0; padding: 0; cursor: pointer; -webkit-transition: color 0.2s; transition: color 0.2s; text-decoration: none; color: #95979c; border: 0; outline: 0; background: transparent; } .remodal-close:hover, .remodal-close:focus { color: #2b2e38; } .remodal-close:before { font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important; font-size: 25px; line-height: 35px; position: absolute; top: 0; left: 0; display: block; width: 35px; content: "\00d7"; text-align: center; } /* Dialog buttons */ .remodal-confirm, .remodal-cancel { font: inherit; display: inline-block; overflow: visible; min-width: 110px; margin: 0; padding: 12px 0; cursor: pointer; -webkit-transition: background 0.2s; transition: background 0.2s; text-align: center; vertical-align: middle; text-decoration: none; border: 0; outline: 0; } .remodal-confirm { color: #fff; background: #81c784; } .remodal-confirm:hover, .remodal-confirm:focus { background: #66bb6a; } .remodal-cancel { color: #fff; background: #e57373; } .remodal-cancel:hover, .remodal-cancel:focus { background: #ef5350; } /* Remove inner padding and border in Firefox 4+ for the button tag. */ .remodal-confirm::-moz-focus-inner, .remodal-cancel::-moz-focus-inner, .remodal-close::-moz-focus-inner { padding: 0; border: 0; } /* Keyframes ========================================================================== */ @-webkit-keyframes remodal-opening-keyframes { from { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0; } to { -webkit-transform: none; transform: none; opacity: 1; -webkit-filter: blur(0); filter: blur(0); } } @keyframes remodal-opening-keyframes { from { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0; } to { -webkit-transform: none; transform: none; opacity: 1; -webkit-filter: blur(0); filter: blur(0); } } @-webkit-keyframes remodal-closing-keyframes { from { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } to { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0; -webkit-filter: blur(0); filter: blur(0); } } @keyframes remodal-closing-keyframes { from { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } to { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0; -webkit-filter: blur(0); filter: blur(0); } } @-webkit-keyframes remodal-overlay-opening-keyframes { from { opacity: 0; } to { opacity: 1; } } @keyframes remodal-overlay-opening-keyframes { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes remodal-overlay-closing-keyframes { from { opacity: 1; } to { opacity: 0; } } @keyframes remodal-overlay-closing-keyframes { from { opacity: 1; } to { opacity: 0; } } /* Media queries ========================================================================== */ @media only screen and (min-width: 641px) { .remodal { max-width: 700px; } } /* IE8 ========================================================================== */ .lt-ie9 .remodal-overlay { background: #2b2e38; } .lt-ie9 .remodal { width: 700px; } /* End */ /* Start:/local/templates/slonworks/libs/malihu/jquery.mCustomScrollbar.min.css?171750407342839*/ .mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(/local/templates/slonworks/libs/malihu/mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)} /* End */ /* Start:/local/templates/slonworks/libs/animate/animate.css?171750407395376*/ @charset "UTF-8"; /*! * animate.css - https://animate.style/ * Version - 4.1.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2020 Animate.css */ :root { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1; } .animate__animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: var(--animate-duration); animation-duration: var(--animate-duration); -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animate__animated.animate__infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animate__animated.animate__repeat-1 { -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-iteration-count: var(--animate-repeat); animation-iteration-count: var(--animate-repeat); } .animate__animated.animate__repeat-2 { -webkit-animation-iteration-count: calc(1 * 2); animation-iteration-count: calc(1 * 2); -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2); animation-iteration-count: calc(var(--animate-repeat) * 2); } .animate__animated.animate__repeat-3 { -webkit-animation-iteration-count: calc(1 * 3); animation-iteration-count: calc(1 * 3); -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3); animation-iteration-count: calc(var(--animate-repeat) * 3); } .animate__animated.animate__delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-delay: var(--animate-delay); animation-delay: var(--animate-delay); } .animate__animated.animate__delay-2s { -webkit-animation-delay: calc(1s * 2); animation-delay: calc(1s * 2); -webkit-animation-delay: calc(var(--animate-delay) * 2); animation-delay: calc(var(--animate-delay) * 2); } .animate__animated.animate__delay-3s { -webkit-animation-delay: calc(1s * 3); animation-delay: calc(1s * 3); -webkit-animation-delay: calc(var(--animate-delay) * 3); animation-delay: calc(var(--animate-delay) * 3); } .animate__animated.animate__delay-4s { -webkit-animation-delay: calc(1s * 4); animation-delay: calc(1s * 4); -webkit-animation-delay: calc(var(--animate-delay) * 4); animation-delay: calc(var(--animate-delay) * 4); } .animate__animated.animate__delay-5s { -webkit-animation-delay: calc(1s * 5); animation-delay: calc(1s * 5); -webkit-animation-delay: calc(var(--animate-delay) * 5); animation-delay: calc(var(--animate-delay) * 5); } .animate__animated.animate__faster { -webkit-animation-duration: calc(1s / 2); animation-duration: calc(1s / 2); -webkit-animation-duration: calc(var(--animate-duration) / 2); animation-duration: calc(var(--animate-duration) / 2); } .animate__animated.animate__fast { -webkit-animation-duration: calc(1s * 0.8); animation-duration: calc(1s * 0.8); -webkit-animation-duration: calc(var(--animate-duration) * 0.8); animation-duration: calc(var(--animate-duration) * 0.8); } .animate__animated.animate__slow { -webkit-animation-duration: calc(1s * 2); animation-duration: calc(1s * 2); -webkit-animation-duration: calc(var(--animate-duration) * 2); animation-duration: calc(var(--animate-duration) * 2); } .animate__animated.animate__slower { -webkit-animation-duration: calc(1s * 3); animation-duration: calc(1s * 3); -webkit-animation-duration: calc(var(--animate-duration) * 3); animation-duration: calc(var(--animate-duration) * 3); } @media print, (prefers-reduced-motion: reduce) { .animate__animated { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; } .animate__animated[class*='Out'] { opacity: 0; } } /* Attention seekers */ @-webkit-keyframes bounce { from, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0) scaleY(0.95); transform: translate3d(0, 0, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 0) scaleY(1.02); } } @keyframes bounce { from, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0) scaleY(0.95); transform: translate3d(0, 0, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 0) scaleY(1.02); } } .animate__bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .animate__flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate__pulse { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate__rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shakeX { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shakeX { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .animate__shakeX { -webkit-animation-name: shakeX; animation-name: shakeX; } @-webkit-keyframes shakeY { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } } @keyframes shakeY { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } } .animate__shakeY { -webkit-animation-name: shakeY; animation-name: shakeY; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .animate__headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .animate__swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate__tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .animate__jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } .animate__heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: calc(1s * 1.3); animation-duration: calc(1s * 1.3); -webkit-animation-duration: calc(var(--animate-duration) * 1.3); animation-duration: calc(var(--animate-duration) * 1.3); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } /* Back entrances */ @-webkit-keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(0.7); transform: translateY(-1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(0.7); transform: translateY(-1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInDown { -webkit-animation-name: backInDown; animation-name: backInDown; } @-webkit-keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInLeft { -webkit-animation-name: backInLeft; animation-name: backInLeft; } @-webkit-keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInRight { -webkit-animation-name: backInRight; animation-name: backInRight; } @-webkit-keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(0.7); transform: translateY(1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(0.7); transform: translateY(1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInUp { -webkit-animation-name: backInUp; animation-name: backInUp; } /* Back exits */ @-webkit-keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(700px) scale(0.7); transform: translateY(700px) scale(0.7); opacity: 0.7; } } @keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(700px) scale(0.7); transform: translateY(700px) scale(0.7); opacity: 0.7; } } .animate__backOutDown { -webkit-animation-name: backOutDown; animation-name: backOutDown; } @-webkit-keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } } @keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } } .animate__backOutLeft { -webkit-animation-name: backOutLeft; animation-name: backOutLeft; } @-webkit-keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } } @keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } } .animate__backOutRight { -webkit-animation-name: backOutRight; animation-name: backOutRight; } @-webkit-keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(-700px) scale(0.7); transform: translateY(-700px) scale(0.7); opacity: 0.7; } } @keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(-700px) scale(0.7); transform: translateY(-700px) scale(0.7); opacity: 0.7; } } .animate__backOutUp { -webkit-animation-name: backOutUp; animation-name: backOutUp; } /* Bouncing entrances */ @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate__bounceIn { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); transform: translate3d(0, -3000px, 0) scaleY(3); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); transform: translate3d(0, 5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); transform: translate3d(0, -3000px, 0) scaleY(3); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); transform: translate3d(0, 5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); transform: translate3d(-3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0) scaleX(1); transform: translate3d(25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); transform: translate3d(-10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); transform: translate3d(5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); transform: translate3d(-3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0) scaleX(1); transform: translate3d(25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); transform: translate3d(-10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); transform: translate3d(5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); transform: translate3d(3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); transform: translate3d(-25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); transform: translate3d(10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); transform: translate3d(-5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); transform: translate3d(3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); transform: translate3d(-25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); transform: translate3d(10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); transform: translate3d(-5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); transform: translate3d(0, 3000px, 0) scaleY(5); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); transform: translate3d(0, 10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); transform: translate3d(0, -5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); transform: translate3d(0, 3000px, 0) scaleY(5); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); transform: translate3d(0, 10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); transform: translate3d(0, -5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } /* Bouncing exits */ @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .animate__bounceOut { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985); transform: translate3d(0, 10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); transform: translate3d(0, 2000px, 0) scaleY(3); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985); transform: translate3d(0, 10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); transform: translate3d(0, 2000px, 0) scaleY(3); } } .animate__bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); transform: translate3d(20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); transform: translate3d(-2000px, 0, 0) scaleX(2); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); transform: translate3d(20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); transform: translate3d(-2000px, 0, 0) scaleX(2); } } .animate__bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); transform: translate3d(-20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); transform: translate3d(2000px, 0, 0) scaleX(2); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); transform: translate3d(-20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); transform: translate3d(2000px, 0, 0) scaleX(2); } } .animate__bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); transform: translate3d(0, -10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); transform: translate3d(0, 20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); transform: translate3d(0, -2000px, 0) scaleY(3); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); transform: translate3d(0, -10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); transform: translate3d(0, 20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); transform: translate3d(0, -2000px, 0) scaleY(3); } } .animate__bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } /* Fading entrances */ @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .animate__fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInTopLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInTopLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInTopLeft { -webkit-animation-name: fadeInTopLeft; animation-name: fadeInTopLeft; } @-webkit-keyframes fadeInTopRight { from { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInTopRight { from { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInTopRight { -webkit-animation-name: fadeInTopRight; animation-name: fadeInTopRight; } @-webkit-keyframes fadeInBottomLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInBottomLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInBottomLeft { -webkit-animation-name: fadeInBottomLeft; animation-name: fadeInBottomLeft; } @-webkit-keyframes fadeInBottomRight { from { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInBottomRight { from { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInBottomRight { -webkit-animation-name: fadeInBottomRight; animation-name: fadeInBottomRight; } /* Fading exits */ @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .animate__fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .animate__fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .animate__fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .animate__fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .animate__fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .animate__fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .animate__fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .animate__fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .animate__fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutTopLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } } @keyframes fadeOutTopLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } } .animate__fadeOutTopLeft { -webkit-animation-name: fadeOutTopLeft; animation-name: fadeOutTopLeft; } @-webkit-keyframes fadeOutTopRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } } @keyframes fadeOutTopRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } } .animate__fadeOutTopRight { -webkit-animation-name: fadeOutTopRight; animation-name: fadeOutTopRight; } @-webkit-keyframes fadeOutBottomRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } } @keyframes fadeOutBottomRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } } .animate__fadeOutBottomRight { -webkit-animation-name: fadeOutBottomRight; animation-name: fadeOutBottomRight; } @-webkit-keyframes fadeOutBottomLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } } @keyframes fadeOutBottomLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } } .animate__fadeOutBottomLeft { -webkit-animation-name: fadeOutBottomLeft; animation-name: fadeOutBottomLeft; } /* Flippers */ @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animate__animated.animate__flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .animate__flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .animate__flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .animate__flipOutX { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .animate__flipOutY { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } /* Lightspeed */ @-webkit-keyframes lightSpeedInRight { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lightSpeedInRight { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__lightSpeedInRight { -webkit-animation-name: lightSpeedInRight; animation-name: lightSpeedInRight; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedInLeft { from { -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0; } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1; } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lightSpeedInLeft { from { -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0; } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1; } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__lightSpeedInLeft { -webkit-animation-name: lightSpeedInLeft; animation-name: lightSpeedInLeft; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOutRight { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOutRight { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .animate__lightSpeedOutRight { -webkit-animation-name: lightSpeedOutRight; animation-name: lightSpeedOutRight; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes lightSpeedOutLeft { from { opacity: 1; } to { -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOutLeft { from { opacity: 1; } to { -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0; } } .animate__lightSpeedOutLeft { -webkit-animation-name: lightSpeedOutLeft; animation-name: lightSpeedOutLeft; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } /* Rotating entrances */ @-webkit-keyframes rotateIn { from { -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateIn { from { -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } /* Rotating exits */ @-webkit-keyframes rotateOut { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .animate__rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes rotateOutDownLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .animate__rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateOutDownRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .animate__rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateOutUpLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .animate__rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateOutUpRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .animate__rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } /* Specials */ @-webkit-keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .animate__hinge { -webkit-animation-duration: calc(1s * 2); animation-duration: calc(1s * 2); -webkit-animation-duration: calc(var(--animate-duration) * 2); animation-duration: calc(var(--animate-duration) * 2); -webkit-animation-name: hinge; animation-name: hinge; -webkit-transform-origin: top left; transform-origin: top left; } @-webkit-keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .animate__jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .animate__rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } /* Zooming entrances */ @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .animate__zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } /* Zooming exits */ @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .animate__zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); } } .animate__zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; -webkit-transform-origin: left center; transform-origin: left center; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); } } .animate__zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; -webkit-transform-origin: right center; transform-origin: right center; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; -webkit-transform-origin: center bottom; transform-origin: center bottom; } /* Sliding entrances */ @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } /* Sliding exits */ @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .animate__slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .animate__slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .animate__slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .animate__slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /* End */ /* Start:/local/templates/slonworks/fonts/fonts.css?17175040712726*/ @font-face { font-family: 'Gilroy'; src: url('/local/templates/slonworks/fonts/./Gilroy-Semibold.eot'); src: url('/local/templates/slonworks/fonts/./Gilroy-Semibold.eot?#iefix') format('embedded-opentype'), url('/local/templates/slonworks/fonts/./Gilroy-Semibold.woff2') format('woff2'), url('/local/templates/slonworks/fonts/./Gilroy-Semibold.woff') format('woff'), url('/local/templates/slonworks/fonts/./Gilroy-Semibold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Gilroy'; src: url('/local/templates/slonworks/fonts/./Gilroy-Medium.eot'); src: url('/local/templates/slonworks/fonts/./Gilroy-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/slonworks/fonts/./Gilroy-Medium.woff2') format('woff2'), url('/local/templates/slonworks/fonts/./Gilroy-Medium.woff') format('woff'), url('/local/templates/slonworks/fonts/./Gilroy-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Gilroy'; src: url('/local/templates/slonworks/fonts/./Gilroy-Black.eot'); src: url('/local/templates/slonworks/fonts/./Gilroy-Black.eot?#iefix') format('embedded-opentype'), url('/local/templates/slonworks/fonts/./Gilroy-Black.woff2') format('woff2'), url('/local/templates/slonworks/fonts/./Gilroy-Black.woff') format('woff'), url('/local/templates/slonworks/fonts/./Gilroy-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Gilroy'; src: url('/local/templates/slonworks/fonts/./Gilroy-Light.eot'); src: url('/local/templates/slonworks/fonts/./Gilroy-Light.eot?#iefix') format('embedded-opentype'), url('/local/templates/slonworks/fonts/Gilroy-Light.woff2') format('woff2'), url('/local/templates/slonworks/fonts/Gilroy-Light.woff') format('woff'), url('/local/templates/slonworks/fonts/./Gilroy-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Gilroy'; src: url('/local/templates/slonworks/fonts/./Gilroy-Bold.eot'); src: url('/local/templates/slonworks/fonts/./Gilroy-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/slonworks/fonts/./Gilroy-Bold.woff2') format('woff2'), url('/local/templates/slonworks/fonts/./Gilroy-Bold.woff') format('woff'), url('/local/templates/slonworks/fonts/./Gilroy-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Gilroy'; src: url('/local/templates/slonworks/fonts/./Gilroy-Regular.eot'); src: url('/local/templates/slonworks/fonts/./Gilroy-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/slonworks/fonts/./Gilroy-Regular.woff2') format('woff2'), url('/local/templates/slonworks/fonts/./Gilroy-Regular.woff') format('woff'), url('/local/templates/slonworks/fonts/./Gilroy-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'KZ Domain Display'; src: url('/local/templates/slonworks/fonts/./KZDomainDisplay-Black.eot'); src: url('/local/templates/slonworks/fonts/./KZDomainDisplay-Black.eot?#iefix') format('embedded-opentype'), url('/local/templates/slonworks/fonts/./KZDomainDisplay-Black.woff2') format('woff2'), url('/local/templates/slonworks/fonts/./KZDomainDisplay-Black.woff') format('woff'), url('/local/templates/slonworks/fonts/./KZDomainDisplay-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; } /* End */ /* Start:/local/templates/slonworks/css/desktop.css?1747718288113353*/ .scroll-is-locked { position: fixed; width: 100%; left: 0; } body { background-color: #fff; font-family: 'Gilroy'; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #32334c; overflow-x: hidden; } ol, ul, dl { margin-top: 0; margin-bottom: 0; } main { position: relative; z-index: 1; padding-top: 115px; /*padding-bottom: 90px;*/ } img { max-width: 100%; height: auto; } .mx-n-15 { margin-left: -15px; margin-right: -15px; } .mx-n-28 { margin-left: -28px; margin-right: -28px; } .ml-a { margin-left: auto; } .px-15 { padding-left: 15px; padding-right: 15px; } .px-28 { padding-left: 28px; padding-right: 28px; } .pr-15 { padding-right: 15px; } .pl-15 { padding-left: 15px; } .underline { text-decoration: underline; } .nowrap { white-space: nowrap; } .d-none { display: none; } input, select, textarea { appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; } input:focus, select:focus, textarea:focus { outline: none; } .icon { background: center / contain no-repeat; display: block; } .icon-blob { width: 70px; height: 65px; } .icon-arrow-blue { background-image: url("/local/templates/slonworks/css/../img/svg/arrow-thin-blue.svg"); width: 26px; height: 13px; } .icon-arrow-pink { background-image: url("/local/templates/slonworks/css/../img/svg/arrow-thin-red.svg"); width: 26px; height: 13px; } .icon-arrow-pink2 { background-image: url("/local/templates/slonworks/css/../img/svg/arrow-pink.svg"); width: 15px; height: 10px; } .icon__eye { background-image: url("/local/templates/slonworks/css/../img/svg/eye.svg"); width: 22px; height: 15px; cursor: pointer; } .icon__eye-not { background-image: url("/local/templates/slonworks/css/../img/svg/eye-not.svg"); width: 22px; height: 15px; cursor: pointer; } .icon__edit { background-image: url("/local/templates/slonworks/css/../img/svg/edit.svg"); width: 22px; height: 15px; cursor: pointer; } .icon__delete { background-image: url("/local/templates/slonworks/css/../img/svg/delete.svg"); width: 22px; height: 15px; cursor: pointer; } .icon__plus { background-image: url("/local/templates/slonworks/css/../img/svg/plus.svg"); width: 47px; height: 48px; } .icon__logout { background-image: url("/local/templates/slonworks/css/../img/svg/logout.svg"); width: 20px; height: 20px; } .icon__youtube { background-image: url("/local/templates/slonworks/css/../img/svg/youtube.svg"); width: 36px; height: 34px; } .icon__question { background-image: url("/local/templates/slonworks/css/../img/svg/question.svg"); width: 36px; height: 34px; } .icon__question2 { background-image: url("/local/templates/slonworks/css/../img/svg/question-2.svg"); width: 15px; height: 15px; } .icon__photo { background-image: url("/local/templates/slonworks/css/../img/svg/photo-icon.svg"); width: 32px; height: 32px; } .icon__arrow-right { background-image: url(/local/templates/slonworks/css/../img/svg/arrow-to-right.svg); width: 12px; height: 9px; } .form-group { width: 100%; } .form__title { font-size: 22px; font-family: 'Gilroy'; font-weight: 600; margin-bottom: 65px; } .input { display: block; width: 100%; border: 0; background-color: transparent; color: #32334c !important; padding: 0 0 11px 0; font-size: 20px; font-weight: 600; font-family: 'Gilroy'; border-bottom: 1px solid #423681; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; } .input:focus { outline: 0; } .input.checkbox-input { display: inline-block; vertical-align: middle; display: none; } .input.checkbox-input + label { position: relative; cursor: pointer; color: #32334c; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .checking__agree.failed .input.checkbox-input:not(:checked) + label { color: darkorange; } .input.checkbox-input + label span { display: inline-block; vertical-align: top; width: calc(100% - 35px); } .input.checkbox-input + label:before { content: ''; cursor: pointer; padding: 0; margin: 0; margin-right: 27px; display: inline-block; vertical-align: text-top; width: 16px; height: 16px; border-radius: 5px; border: 1px solid #f0adc6; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 100%; } .input.checkbox-input:checked + label { font-weight: 600; } .input.checkbox-input:checked + label:before { background-color: #f0adc6; border: none; } .input.checkbox-input:checked + label:after { content: ''; position: absolute; left: 4px; margin: 0 auto; top: 4px; width: 8px; height: 8px; background: url(/local/templates/slonworks/css/../img/svg/check-mark.svg) center center/cover no-repeat; border: none; } .input.checkbox-input span { display: inline-block; vertical-align: middle; margin: 0 0 0 0.75rem; } .input.textarea { -webkit-transition: auto; transition: auto; max-height: 150px; overflow: auto; } .input.textarea::-webkit-scrollbar { /* chrome based */ width: 0px; /* ширина scrollbar'a */ background: transparent; /* опционально */ } .input-text { width: 100%; margin-bottom: 44px; position: relative; } .label { font-size: 18px; font-family: 'Gilroy'; margin-bottom: 11px; } .checking { margin-bottom: 15px; } .checking.checking__agree .input.checkbox-input + label::before { border-radius: 0; width: 24px; height: 24px; border: 1px solid #423681; } .checking.checking__agree .input.checkbox-input:checked + label::before { background-color: #fff; } .checking.checking__agree .input.checkbox-input:checked + label:after { content: ''; position: absolute; left: 2px; margin: 0 auto; top: 4px; width: 19px; height: 16px; background: url(/local/templates/slonworks/css/../img/svg/check-mark-pink.svg) center center/contain no-repeat; border: none; } .form__group { border-bottom: 1px solid #fff; margin-bottom: 40px; position: relative; } /* .btn { background-color: transparent; border: 0; cursor: pointer; } .btn:focus { outline: 0; } */ .btn_submit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 0; color: #ffffff; text-align: left; font-size: 16px; -webkit-transition: 300ms; transition: 300ms; } .btn_submit:hover { opacity: 0.5; } .btn_submit:hover .btn-circle { -webkit-transform: scale(0.85294); transform: scale(0.85294); } .btn_submit:hover .btn-circle::after { -webkit-transform: scale(1.17241); transform: scale(1.17241); } .btn-circle { display: inline-block; width: 68px; height: 68px; border: 1px solid #fff; border-radius: 50%; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition: all .3s; transition: all .3s; position: relative; } .btn-circle::after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url("/local/templates/slonworks/css/../img/svg/arrow-right-white-outline.svg") center/32px 32px no-repeat; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } select:focus { outline: none; } .ui-selectmenu-button.ui-button { border-radius: 50px; border: 1px solid #fff; padding: 9px 18px 9px 20px; font-size: 13px; font-family: 'Helvetica'; font-weight: normal; outline: none; text-align: center; } .ui-selectmenu-text { margin-right: 0; } .ui-menu .ui-menu-item-wrapper { font-size: 13px; padding: 9px 25px; } .ui-selectmenu-menu .ui-menu { border-right: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #fff; border-radius: 20px; background-color: #111111; } .btn__fill-pink { background-color: #e12e3f; color: #fff; } .btn__fill-pink:hover { background-color: #c00b1f; border-color: #c00b1f; } .btn__border-pink { border: 2px solid #e12e3f; color: #290D58; } .btn__border-pink:hover { background-color: #c00b1f; border-color: #c00b1f; color: #fff; } .btn__save { padding: 12px 22px; border-radius: 4px; line-height: 1; } .radio-group { margin-bottom: 12px; } .radio-group .input { width: calc(100% - 90px); margin-left: 8px; display: inline-block; } .radio-group .radio-input { display: none; } .radio-group .radio-input + label { font-family: 'Gilroy'; font-style: normal; font-weight: normal; font-size: 14px; color: #290D58; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .radio-group .radio-input + label .icon__radio { position: relative; width: 15px; height: 15px; display: inline-block; vertical-align: text-bottom; margin-right: 10px; } .radio-group .radio-input + label .icon__radio:before { content: ''; border-radius: 50%; width: 15px; height: 15px; border: 1px solid #290D58; position: absolute; top: 0; left: 0; } .radio-group .radio-input + label .icon__radio:after { content: ''; width: 9px; height: 9px; background-color: #DD0078; border-radius: 50%; position: absolute; top: 3px; left: 0; right: 0; margin: 0 auto; opacity: 0; } .radio-group .radio-input + label p { width: calc(100% - 30px); } .radio-group .radio-input:checked + label { font-weight: 600; } .radio-group .radio-input:checked + label .icon__radio:after { opacity: 1; } ::-webkit-credentials-auto-fill-button { visibility: hidden; position: absolute; right: 0; } .dropdown__wrapper { display: none; position: absolute; top: 100%; left: 0; width: 100%; z-index: 101; } .dropdown__wrapper.nav__dropdown { height: 500px; } .dropdown__wrapper.business__dropdown .nav__dropdown-wave { height: 16%; background: url(/local/templates/slonworks/css/../img/menu-wave-2-2.png) center/cover no-repeat; position: relative; z-index: 3; } .dropdown__wrapper.business__dropdown .nav__dropdown-top { height: 84%; } .nav__dropdown-wave { height: 70%; background: url(/local/templates/slonworks/css/../img/menu-wave-2.png) center/cover no-repeat; -webkit-transition: .3s; transition: .3s; height: 55%; } .nav__dropdown-top { background-color: #FCF3EE; width: 100%; height: 45%; padding: 40px 0 43px 0; } #wave-cs { -webkit-transform: rotate(180deg); transform: rotate(180deg); position: fixed; top: 0; right: 0; left: 0; z-index: 101; -webkit-transition: 1s; transition: 1s; height: 0; } #wave-cs.slide { height: 800px; } .dropdown-menu { margin-right: 130px; width: calc(50% - 130px); } .dropdown-menu.show { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .dropdown-menu li { min-height: 18px; position: relative; } .dropdown-menu li:hover .blob-hover { opacity: 1; } .dropdown-menu li > a { font-weight: 500; color: #32334c; display: block; padding-bottom: 25px; font-size: 16px; font-family: 'Gilroy'; position: relative; z-index: 1; } .dropdown-menu li > a:hover { font-weight: bold; } .dropdown-menu li.active > a { font-weight: bold; } .business__dropdown { height: 85vh; display: none; } .business__dropdown-submenu { display: none; position: absolute; left: 25%; top: 0; right: 0; bottom: -115px; padding-left: 27px; border-left: 2px solid #F6A6B6; } .business__dropdown-submenu.active { display: block; } .sub-category__title { display: block; color: #32334C; font-size: 12px; font-family: 'Gilroy'; font-weight: 700; margin-bottom: 8px; } .business__dropdown-title { font-size: 18px; font-family: 'Gilroy'; font-weight: bold; color: #32334C; } .business__dropdown-content { position: relative; margin-top: 25px; } .category__left { width: 25%; padding-top: 10px; padding-right: 14px; } .category__left > ul { width: 100%; } .category__left > ul > li { margin-bottom: 14px; height: 18px; } .category__left > ul > li.active .business__dropdown-submenu { display: block; } .category__left > ul > li.active > a { font-weight: 700; } .category__left > ul > li.active > a:after { background: url(/local/templates/slonworks/css/../img/svg/arrow-pink.svg) center center/contain no-repeat; } .category__left > ul > li.active > a .blob-hover { opacity: 1; } .category__left > ul > li > a { font-size: 14px; font-weight: 500; color: #32334C; font-family: 'Gilroy'; display: block; position: relative; } .category__left > ul > li > a .blob-hover { width: 42px; height: 39px; top: -15px; left: -25px; } .category__left > ul > li > a:hover .blob-hover { opacity: 1; } .category__left > ul > li > a:after { content: ''; position: absolute; top: 3px; right: 0; width: 12px; height: 8px; background: url(/local/templates/slonworks/css/../img/svg/arrow-right-brown.svg) center center/contain no-repeat; } .category__left > ul > li > a:hover { font-weight: 700; } .category__left > ul > li > a:hover:after { background: url(/local/templates/slonworks/css/../img/svg/arrow-pink.svg) center center/contain no-repeat; } .sub-category__menu { margin-bottom: 26px; } .sub-category__menu li { margin-bottom: 8px; } .sub-category__menu li a { color: #32334C; font-size: 12px; font-family: 'Gilroy'; } .sub-category__menu li a:hover { font-weight: 600; } .header-desktop__menu { height: 100vh; position: fixed; top: 0; right: 0; left: 0; bottom: 0; background-color: #FCF3EE; padding-top: 7vh; display: none; } .header-desktop__menu-content { margin-top: 76px; } .header-desktop__menu-logo { width: 106px; height: 150px; margin: 0 auto; display: block; } .header-desktop__menu-logo img { max-width: 100%; max-height: 100%; } .header-desktop__menu-link { font-family: 'Gilroy'; font-style: normal; font-weight: bold; font-size: 18px; margin-bottom: 30px; display: block; } .header-desktop__menu-list { list-style: none; padding: 0 20px 0 0; margin: 0; } .header-desktop__menu-list li { margin-bottom: 20px; height: 19px; } .header-desktop__menu-list li a { font-family: 'Gilroy'; font-style: normal; font-weight: 500; font-size: 16px; display: block; -webkit-transition: .3s; transition: .3s; } .header-desktop__menu-list li a:hover { font-weight: 700; } @media (max-height: 735px) { .dropdown__wrapper.business__dropdown .nav__dropdown-top { overflow-y: auto; } } @media (max-width: 1366px) { .header__content ul { margin-bottom: 15px; } .sub-category__menu li { margin-bottom: 0px; } .sub-category__menu li a { font-size: 11px; } .sub-category__title { font-size: 11px; } .category__left > ul > li { margin-bottom: 10px; } .category__left > ul > li > a { font-size: 12px; } .dropdown__wrapper.business__dropdown .nav__dropdown-top { padding: 0 0 0 0; } .business__dropdown-content { margin-top: 9px; } .business__dropdown-submenu { bottom: -10px; } .business__dropdown { height: 73vh; } } .i-sticker { display: inline-block; border-radius: 50%; min-width: 20px; min-height: 20px; padding: 15px; text-align: center; line-height: 1; -webkit-box-sizing: content-box; box-sizing: content-box; white-space: nowrap; } .i-sticker:before { content: ""; display: inline-block; vertical-align: middle; padding-top: 100%; height: 0; } .i-sticker.purple { background-color: #423681; } .i-sticker.beige { background-color: #f5e0c7; } .i-sticker.beige .sticker-text { color: #32334c; } .sticker-text { font-size: 18px; font-family: 'Gilroy'; color: #fff; display: inline-block; vertical-align: middle; font-weight: 600; } .circle-sticker .sticker-text { position: absolute; left: 50%; } .blob-sticker { display: block; width: 150px; height: 150px; } svg:not(:root) { overflow: visible; } .svg-hide { display: none; } .about-blob { position: absolute; z-index: 1; -webkit-transition: 0.5s; transition: 0.5s; } .about-blob.big-blob { max-width: 720px; max-height: 700px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 0 auto; left: 0; right: 0; stroke-width: 1; } .about-blob.small-blob { max-width: 435px; max-height: 424px; right: 15px; bottom: 119px; } .inner__blob-anim-1 { position: absolute; content: ""; left: 0; right: 0; margin: 0 auto; top: 22px; width: 463px; height: 454px; background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 95% 55% 68% 75% / 80% 56% 93% 67%; will-change: border-radius, transform, opacity; animation: sliderShape 5s linear infinite; display: block; -webkit-animation: sliderShape 5s linear infinite; z-index: 1; } .inner__blob-anim-2 { position: absolute; content: ""; left: 0; right: 0; margin: 0 auto; top: 0; width: 456px; height: 507px; background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 93% 113% 119% 75% / 100% 93% 110% 101%; will-change: border-radius, transform, opacity; animation: sliderShape2 5s linear infinite; display: block; -webkit-animation: sliderShape2 5s linear infinite; z-index: 1; } .inner__blob-anim-3 { position: absolute; content: ""; left: 0; right: 0; margin: 0 auto; top: 0; width: 430px; height: 385px; background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 44% 56% 62% 38% / 37% 49% 51% 63%; will-change: border-radius, transform, opacity; animation: sliderShape3 5s linear infinite; display: block; -webkit-animation: sliderShape3 5s linear infinite; z-index: 1; } .inner__blob-anim-4 { position: absolute; content: ""; left: 0; right: 0; margin: 0 auto; top: 0; width: 395px; height: 420px; background-size: cover; background-repeat: no-repeat; background-position: center center; border: 2px solid #fedde0; border-radius: 108% 123% 103% 131% / 98% 115% 108% 139%; will-change: border-radius, transform, opacity; animation: sliderShape4 5s linear infinite; display: block; -webkit-animation: sliderShape4 5s linear infinite; z-index: 1; } .inner__blob-anim-5 { position: absolute; content: ""; left: 0; right: 0; margin: 0 auto; top: 38px; width: 430px; height: 350px; background-size: cover; background-repeat: no-repeat; background-position: center center; border: 2px solid #fedde0; border-radius: 71% 77% 70% 74% / 77% 67% 80% 67%; will-change: border-radius, transform, opacity; animation: sliderShape5 5s linear infinite; display: block; -webkit-animation: sliderShape5 5s linear infinite; z-index: 1; } .inner__blob-anim-6 { position: absolute; content: ""; left: 0; right: 0; margin: 0 auto; top: 0; width: 552px; height: 504px; background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 90% 82% 90% 86% / 63% 74% 97% 111%; will-change: border-radius, transform, opacity; animation: sliderShape6 5s linear infinite; display: block; -webkit-animation: sliderShape6 5s linear infinite; z-index: 1; } .inner__blob-anim-7 { position: absolute; content: ""; left: 0; right: 0; margin: 0 auto; top: 0; width: 460px; height: 508px; background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 96% 116% 86% 127% / 90% 97% 118% 122%; will-change: border-radius, transform, opacity; animation: sliderShape7 5s linear infinite; display: block; -webkit-animation: sliderShape7 5s linear infinite; z-index: 1; } .slider-thumb { content: ""; display: block; will-change: border-radius, transform, opacity; z-index: 1; background-size: cover; } .slider-thumb-1 { left: 5%; top: 2%; width: 34.5em; height: 34.5em; max-width: 100%; border-radius: 72% 70% 82% 71% / 78% 65% 86% 51%; animation: sliderShape-1 7s linear infinite; -webkit-animation: sliderShape-1 7s linear infinite; } .slider-thumb-2 { left: 0%; top: 0%; width: 37.5em; height: 39.5em; border-radius: 47% 53% 48% 52% / 53% 61% 39% 47%; animation: sliderShape-2 7s linear infinite; -webkit-animation: sliderShape-2 7s linear infinite; } .slider-thumb-3 { left: 1%; top: 0%; width: 36.5em; height: 36em; border-radius: 48% 52% 47% 53% / 57% 63% 37% 43%; animation: sliderShape-3 7s linear infinite; -webkit-animation: sliderShape-3 7s linear infinite; } .slider-thumb-4 { left: 17%; top: 0; width: 43.5em; height: 44em; border-radius: 37% 63% 41% 59% / 46% 52% 48% 54%; animation: sliderShape-4 7s linear infinite; -webkit-animation: sliderShape-4 7s linear infinite; position: absolute; border: 2px solid #FCD2D1; } .slider-thumb-5 { right: 0%; top: 49%; width: 27.5em; height: 25em; border-radius: 36% 64% 42% 58% / 41% 68% 32% 59%; position: absolute; border: 2px solid #FCD2D1; animation: sliderShape-5 7s linear infinite; -webkit-animation: sliderShape-5 7s linear infinite; } .premium__blob { height: 304px; position: relative; margin-bottom: 57px; } .premium__blob .inner__blob-anim-8 { width: 259px; height: 315px; top: -12px; border-radius: 20% 56% 62% 36% / 88% 20% 59% 74%; position: absolute; content: ""; left: 0; right: 0; margin: 0 auto; background-size: cover; background-repeat: no-repeat; background-position: center center; will-change: border-radius, transform, opacity; animation: sliderShape8 5s linear infinite; display: block; -webkit-animation: sliderShape8 5s linear infinite; z-index: 1; } .premium__blob .blob-bg-1 { top: -6px; } @-webkit-keyframes sliderShape-1 { 0%, 100% { border-radius: 72% 70% 82% 71% / 78% 65% 86% 51%; -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 34% { border-radius: 61% 39% 46% 54% / 52% 68% 32% 48%; -webkit-transform: translate3d(0, 5px, 0) rotateZ(0.01deg); transform: translate3d(0, 5px, 0) rotateZ(0.01deg); } 50% { -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 67% { border-radius: 63% 37% 64% 36% / 52% 62% 38% 48%; -webkit-transform: translate3d(0, -3px, 0) rotateZ(0.01deg); transform: translate3d(0, -3px, 0) rotateZ(0.01deg); } } @keyframes sliderShape-1 { 0%, 100% { border-radius: 72% 70% 82% 71% / 78% 65% 86% 51%; -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 34% { border-radius: 61% 39% 46% 54% / 52% 68% 32% 48%; -webkit-transform: translate3d(0, 5px, 0) rotateZ(0.01deg); transform: translate3d(0, 5px, 0) rotateZ(0.01deg); } 50% { -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 67% { border-radius: 63% 37% 64% 36% / 52% 62% 38% 48%; -webkit-transform: translate3d(0, -3px, 0) rotateZ(0.01deg); transform: translate3d(0, -3px, 0) rotateZ(0.01deg); } } @-webkit-keyframes sliderShape-2 { 0%, 100% { border-radius: 47% 53% 48% 52% / 53% 61% 39% 47%; -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 34% { border-radius: 38% 62% 44% 56% / 50% 62% 38% 50%; -webkit-transform: translate3d(0, 5px, 0) rotateZ(0.01deg); transform: translate3d(0, 5px, 0) rotateZ(0.01deg); } 50% { -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 67% { border-radius: 58% 42% 53% 47% / 58% 52% 48% 42%; -webkit-transform: translate3d(0, -3px, 0) rotateZ(0.01deg); transform: translate3d(0, -3px, 0) rotateZ(0.01deg); } } @keyframes sliderShape-2 { 0%, 100% { border-radius: 47% 53% 48% 52% / 53% 61% 39% 47%; -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 34% { border-radius: 38% 62% 44% 56% / 50% 62% 38% 50%; -webkit-transform: translate3d(0, 5px, 0) rotateZ(0.01deg); transform: translate3d(0, 5px, 0) rotateZ(0.01deg); } 50% { -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 67% { border-radius: 58% 42% 53% 47% / 58% 52% 48% 42%; -webkit-transform: translate3d(0, -3px, 0) rotateZ(0.01deg); transform: translate3d(0, -3px, 0) rotateZ(0.01deg); } } @-webkit-keyframes sliderShape-3 { 0%, 100% { border-radius: 48% 52% 47% 53% / 57% 63% 37% 43%; -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 34% { border-radius: 48% 52% 59% 41% / 50% 54% 46% 50%; -webkit-transform: translate3d(0, 5px, 0) rotateZ(0.01deg); transform: translate3d(0, 5px, 0) rotateZ(0.01deg); } 50% { -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 67% { border-radius: 50% 50% 49% 51% / 41% 54% 46% 59%; -webkit-transform: translate3d(0, -3px, 0) rotateZ(0.01deg); transform: translate3d(0, -3px, 0) rotateZ(0.01deg); } } @keyframes sliderShape-3 { 0%, 100% { border-radius: 48% 52% 47% 53% / 57% 63% 37% 43%; -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 34% { border-radius: 48% 52% 59% 41% / 50% 54% 46% 50%; -webkit-transform: translate3d(0, 5px, 0) rotateZ(0.01deg); transform: translate3d(0, 5px, 0) rotateZ(0.01deg); } 50% { -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 67% { border-radius: 50% 50% 49% 51% / 41% 54% 46% 59%; -webkit-transform: translate3d(0, -3px, 0) rotateZ(0.01deg); transform: translate3d(0, -3px, 0) rotateZ(0.01deg); } } @-webkit-keyframes sliderShape-4 { 0%, 100% { border-radius: 37% 63% 41% 59% / 46% 52% 48% 54%; -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 34% { border-radius: 47% 53% 49% 51% / 38% 59% 41% 62%; -webkit-transform: translate3d(0, 5px, 0) rotateZ(0.01deg); transform: translate3d(0, 5px, 0) rotateZ(0.01deg); } 50% { -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 67% { border-radius: 46% 54% 54% 46% / 61% 51% 49% 39%; -webkit-transform: translate3d(0, -3px, 0) rotateZ(0.01deg); transform: translate3d(0, -3px, 0) rotateZ(0.01deg); } } @keyframes sliderShape-4 { 0%, 100% { border-radius: 37% 63% 41% 59% / 46% 52% 48% 54%; -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 34% { border-radius: 47% 53% 49% 51% / 38% 59% 41% 62%; -webkit-transform: translate3d(0, 5px, 0) rotateZ(0.01deg); transform: translate3d(0, 5px, 0) rotateZ(0.01deg); } 50% { -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 67% { border-radius: 46% 54% 54% 46% / 61% 51% 49% 39%; -webkit-transform: translate3d(0, -3px, 0) rotateZ(0.01deg); transform: translate3d(0, -3px, 0) rotateZ(0.01deg); } } @-webkit-keyframes sliderShape-5 { 0%, 100% { border-radius: 36% 64% 42% 58% / 41% 68% 32% 59%; -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 34% { border-radius: 47% 53% 48% 52% / 36% 65% 35% 64%; -webkit-transform: translate3d(0, 5px, 0) rotateZ(0.01deg); transform: translate3d(0, 5px, 0) rotateZ(0.01deg); } 50% { -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 67% { border-radius: 56% 44% 57% 43% / 52% 51% 49% 48%; -webkit-transform: translate3d(0, -3px, 0) rotateZ(0.01deg); transform: translate3d(0, -3px, 0) rotateZ(0.01deg); } } @keyframes sliderShape-5 { 0%, 100% { border-radius: 36% 64% 42% 58% / 41% 68% 32% 59%; -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 34% { border-radius: 47% 53% 48% 52% / 36% 65% 35% 64%; -webkit-transform: translate3d(0, 5px, 0) rotateZ(0.01deg); transform: translate3d(0, 5px, 0) rotateZ(0.01deg); } 50% { -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 67% { border-radius: 56% 44% 57% 43% / 52% 51% 49% 48%; -webkit-transform: translate3d(0, -3px, 0) rotateZ(0.01deg); transform: translate3d(0, -3px, 0) rotateZ(0.01deg); } } @-webkit-keyframes sliderShape { 0%, 100% { border-radius: 42% 58% 46% 54% / 51% 33% 67% 49%; -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 34% { border-radius: 61% 39% 41% 59% / 61% 38% 62% 39%; -webkit-transform: translate3d(0, 5px, 0) rotateZ(0.01deg); transform: translate3d(0, 5px, 0) rotateZ(0.01deg); } 50% { -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 67% { border-radius: 48% 52% 34% 66% / 52% 44% 56% 48%; -webkit-transform: translate3d(0, -3px, 0) rotateZ(0.01deg); transform: translate3d(0, -3px, 0) rotateZ(0.01deg); } } @keyframes sliderShape { 0%, 100% { border-radius: 42% 58% 46% 54% / 51% 33% 67% 49%; -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 34% { border-radius: 61% 39% 41% 59% / 61% 38% 62% 39%; -webkit-transform: translate3d(0, 5px, 0) rotateZ(0.01deg); transform: translate3d(0, 5px, 0) rotateZ(0.01deg); } 50% { -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 67% { border-radius: 48% 52% 34% 66% / 52% 44% 56% 48%; -webkit-transform: translate3d(0, -3px, 0) rotateZ(0.01deg); transform: translate3d(0, -3px, 0) rotateZ(0.01deg); } } @-webkit-keyframes sliderShape2 { 0%, 100% { border-radius: 45% 55% 44% 56% / 48% 53% 47% 52%; -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 34% { border-radius: 54% 46% 57% 43% / 48% 53% 47% 52%; -webkit-transform: translate3d(0, 5px, 0) rotateZ(0.01deg); transform: translate3d(0, 5px, 0) rotateZ(0.01deg); } 50% { -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 67% { border-radius: 60% 40% 45% 55% / 44% 54% 46% 56%; -webkit-transform: translate3d(0, -3px, 0) rotateZ(0.01deg); transform: translate3d(0, -3px, 0) rotateZ(0.01deg); } } @keyframes sliderShape2 { 0%, 100% { border-radius: 45% 55% 44% 56% / 48% 53% 47% 52%; -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 34% { border-radius: 54% 46% 57% 43% / 48% 53% 47% 52%; -webkit-transform: translate3d(0, 5px, 0) rotateZ(0.01deg); transform: translate3d(0, 5px, 0) rotateZ(0.01deg); } 50% { -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 67% { border-radius: 60% 40% 45% 55% / 44% 54% 46% 56%; -webkit-transform: translate3d(0, -3px, 0) rotateZ(0.01deg); transform: translate3d(0, -3px, 0) rotateZ(0.01deg); } } @-webkit-keyframes sliderShape3 { 0%, 100% { border-radius: 43% 57% 57% 43% / 40% 43% 57% 60%; -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 34% { border-radius: 44% 56% 54% 46% / 37% 49% 51% 63%; -webkit-transform: translate3d(0, 5px, 0) rotateZ(0.01deg); transform: translate3d(0, 5px, 0) rotateZ(0.01deg); } 50% { -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 67% { border-radius: 48% 52% 54% 46% / 49% 49% 51% 51%; -webkit-transform: translate3d(0, -3px, 0) rotateZ(0.01deg); transform: translate3d(0, -3px, 0) rotateZ(0.01deg); } } @keyframes sliderShape3 { 0%, 100% { border-radius: 43% 57% 57% 43% / 40% 43% 57% 60%; -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 34% { border-radius: 44% 56% 54% 46% / 37% 49% 51% 63%; -webkit-transform: translate3d(0, 5px, 0) rotateZ(0.01deg); transform: translate3d(0, 5px, 0) rotateZ(0.01deg); } 50% { -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 67% { border-radius: 48% 52% 54% 46% / 49% 49% 51% 51%; -webkit-transform: translate3d(0, -3px, 0) rotateZ(0.01deg); transform: translate3d(0, -3px, 0) rotateZ(0.01deg); } } @-webkit-keyframes sliderShape4 { 0%, 100% { border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%; -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 34% { border-radius: 98% 108% 92% 112% / 93% 97% 100% 87%; -webkit-transform: translate3d(0, 5px, 0) rotateZ(0.01deg); transform: translate3d(0, 5px, 0) rotateZ(0.01deg); } 50% { -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 67% { border-radius: 100% 60% 60% 100% / 100% 100% 60% 60%; -webkit-transform: translate3d(0, -3px, 0) rotateZ(0.01deg); transform: translate3d(0, -3px, 0) rotateZ(0.01deg); } } @keyframes sliderShape4 { 0%, 100% { border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%; -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 34% { border-radius: 98% 108% 92% 112% / 93% 97% 100% 87%; -webkit-transform: translate3d(0, 5px, 0) rotateZ(0.01deg); transform: translate3d(0, 5px, 0) rotateZ(0.01deg); } 50% { -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 67% { border-radius: 100% 60% 60% 100% / 100% 100% 60% 60%; -webkit-transform: translate3d(0, -3px, 0) rotateZ(0.01deg); transform: translate3d(0, -3px, 0) rotateZ(0.01deg); } } @-webkit-keyframes sliderShape5 { 0%, 100% { border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%; -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 34% { border-radius: 98% 108% 92% 112% / 93% 97% 100% 87%; -webkit-transform: translate3d(0, 5px, 0) rotateZ(0.01deg); transform: translate3d(0, 5px, 0) rotateZ(0.01deg); } 50% { -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 67% { border-radius: 100% 60% 60% 100% / 100% 100% 60% 60%; -webkit-transform: translate3d(0, -3px, 0) rotateZ(0.01deg); transform: translate3d(0, -3px, 0) rotateZ(0.01deg); } } @keyframes sliderShape5 { 0%, 100% { border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%; -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 34% { border-radius: 98% 108% 92% 112% / 93% 97% 100% 87%; -webkit-transform: translate3d(0, 5px, 0) rotateZ(0.01deg); transform: translate3d(0, 5px, 0) rotateZ(0.01deg); } 50% { -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 67% { border-radius: 100% 60% 60% 100% / 100% 100% 60% 60%; -webkit-transform: translate3d(0, -3px, 0) rotateZ(0.01deg); transform: translate3d(0, -3px, 0) rotateZ(0.01deg); } } @-webkit-keyframes sliderShape6 { 0%, 100% { border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%; -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 34% { border-radius: 98% 108% 92% 112% / 93% 97% 100% 87%; -webkit-transform: translate3d(0, 5px, 0) rotateZ(0.01deg); transform: translate3d(0, 5px, 0) rotateZ(0.01deg); } 50% { -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 67% { border-radius: 100% 74% 66% 103% / 98% 108% 65% 75%; -webkit-transform: translate3d(0, -3px, 0) rotateZ(0.01deg); transform: translate3d(0, -3px, 0) rotateZ(0.01deg); } } @keyframes sliderShape6 { 0%, 100% { border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%; -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 34% { border-radius: 98% 108% 92% 112% / 93% 97% 100% 87%; -webkit-transform: translate3d(0, 5px, 0) rotateZ(0.01deg); transform: translate3d(0, 5px, 0) rotateZ(0.01deg); } 50% { -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 67% { border-radius: 100% 74% 66% 103% / 98% 108% 65% 75%; -webkit-transform: translate3d(0, -3px, 0) rotateZ(0.01deg); transform: translate3d(0, -3px, 0) rotateZ(0.01deg); } } @-webkit-keyframes sliderShape7 { 0%, 100% { border-radius: 54% 46% 48% 52% / 39% 37% 63% 61%; -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 34% { border-radius: 39% 61% 48% 52% / 46% 46% 54% 54%; -webkit-transform: translate3d(0, 5px, 0) rotateZ(0.01deg); transform: translate3d(0, 5px, 0) rotateZ(0.01deg); } 50% { -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 67% { border-radius: 54% 46% 48% 52% / 51% 33% 67% 49%; -webkit-transform: translate3d(0, -3px, 0) rotateZ(0.01deg); transform: translate3d(0, -3px, 0) rotateZ(0.01deg); } } @keyframes sliderShape7 { 0%, 100% { border-radius: 54% 46% 48% 52% / 39% 37% 63% 61%; -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 34% { border-radius: 39% 61% 48% 52% / 46% 46% 54% 54%; -webkit-transform: translate3d(0, 5px, 0) rotateZ(0.01deg); transform: translate3d(0, 5px, 0) rotateZ(0.01deg); } 50% { -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 67% { border-radius: 54% 46% 48% 52% / 51% 33% 67% 49%; -webkit-transform: translate3d(0, -3px, 0) rotateZ(0.01deg); transform: translate3d(0, -3px, 0) rotateZ(0.01deg); } } @-webkit-keyframes sliderShape8 { 0%, 100% { border-radius: 66% 34% 16% 84% / 61% 58% 86% 39%; -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 34% { border-radius: 66% 34% 25% 75% / 61% 59% 71% 39%; -webkit-transform: translate3d(0, 5px, 0) rotateZ(0.01deg); transform: translate3d(0, 5px, 0) rotateZ(0.01deg); } 50% { -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 67% { border-radius: 66% 34% 32% 68% / 59% 59% 93% 41%; -webkit-transform: translate3d(0, -3px, 0) rotateZ(0.01deg); transform: translate3d(0, -3px, 0) rotateZ(0.01deg); } } @keyframes sliderShape8 { 0%, 100% { border-radius: 66% 34% 16% 84% / 61% 58% 86% 39%; -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 34% { border-radius: 66% 34% 25% 75% / 61% 59% 71% 39%; -webkit-transform: translate3d(0, 5px, 0) rotateZ(0.01deg); transform: translate3d(0, 5px, 0) rotateZ(0.01deg); } 50% { -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 67% { border-radius: 66% 34% 32% 68% / 59% 59% 93% 41%; -webkit-transform: translate3d(0, -3px, 0) rotateZ(0.01deg); transform: translate3d(0, -3px, 0) rotateZ(0.01deg); } } .animation { opacity: 0.25; /*-webkit-filter: blur(0.05em);*/ /* filter: blur(0.05em);*/ -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); will-change: filter; -webkit-transition: all 1s; transition: all 1s; } .animation.fadeInUp { opacity: 1; /*-webkit-filter: blur(0px);*/ /* filter: blur(0px);*/ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* Jelly styles */ .jelly-container { position: relative; } .jelly-canvas-wrapper-1 { width: 500px; height: 500px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: -10%; } .jelly-canvas-1 { width: 90%; height: 90%; } .jelly-canvas-wrapper-2 { width: 270px; height: 270px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: scale(0.5); transform: scale(0.5); } .jelly-canvas-2 { width: 100%; height: 100%; } .jelly-canvas-wrapper-2 .sticker-text { -webkit-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; text-align: center; font-size: 28px; top: 46%; } .jelly-canvas-wrapper-3 { width: 360px; height: 360px; -webkit-transform: scale(0.5) translate(-201px, -196px); transform: scale(0.5) translate(-201px, -196px); } .jelly-canvas-wrapper-orange-button { width: 360px; height: 360px; -webkit-transform: scale(0.5) translate(-201px, -196px); transform: scale(0.5) translate(-201px, -196px); } .jelly-canvas-wrapper-3 .centroid-container { width: auto; height: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%, -83%); transform: translate(-50%, -83%); } .jelly-canvas-wrapper-orange-button .centroid-container { width: auto; height: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%, -83%); transform: translate(-50%, -83%); } .jelly-canvas-wrapper-3 .sticker-text { text-align: center; font-size: 29px; } .jelly-canvas-wrapper-orange-button .sticker-text { text-align: center; font-size: 29px; } .jelly-canvas-3 { width: 100%; height: 100%; } .jelly-canvas-orange-button { width: 100%; height: 100%; } .jelly-canvas-wrapper-4 { width: 290px; height: 290px; -webkit-transform: scale(0.6); transform: scale(0.6); } .jelly-canvas-wrapper-4 .centroid-container { width: auto; height: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .expert_detail .jelly-canvas-wrapper-4 .centroid-container { width: 100%; height: auto; top: 35%; left: 28%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .jelly-canvas-wrapper-4 .sticker-text { font-size: 23px; } .jelly-canvas-4 { width: 100%; height: 100%; } .jelly-canvas-wrapper-5 { width: 270px; height: 270px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: scale(0.5); transform: scale(0.5); } .jelly-canvas-wrapper-5 .centroid-container { left: -12px; top: 96px; } .jelly-canvas-wrapper-5 .sticker-text { font-size: 38px; } .jelly-canvas-5 { width: 100%; height: 100%; -webkit-transform: scale(1.3); transform: scale(1.3); } .jelly-canvas-wrapper-6 { width: 190px; height: 190px; position: absolute; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%) scale(0.9); transform: translateY(-50%) translateX(-50%) scale(0.9); right: 0; left: 50%; } .jelly-canvas-wrapper-video-button { width: 190px; height: 190px; position: absolute; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%) scale(0.9); transform: translateY(-50%) translateX(-50%) scale(0.9); right: 0; left: 50%; } .jelly-canvas-6 { width: 100%; height: 100%; -webkit-transform: scale(0.8); transform: scale(0.8); } .jelly-canvas-video-button { width: 100%; height: 100%; -webkit-transform: scale(0.8); transform: scale(0.8); } .centroid-container { position: absolute; left: 0; top: 0; width: 270px; height: 270px; pointer-events: none; } #p-inner__expert .jelly-canvas-wrapper-2 .centroid-container { left: -6px; top: 7px; } .jelly-canvas-wrapper-7 { width: 270px; height: 270px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: scale(0.5); transform: scale(0.5); } .jelly-canvas-wrapper-7 .centroid-container { left: -12px; top: 96px; } .jelly-canvas-wrapper-7 .sticker-text { font-size: 38px; } .jelly-canvas-7 { width: 100%; height: 100%; -webkit-transform: scale(1.3); transform: scale(1.3); } .jelly-canvas-wrapper-8 { width: 270px; height: 270px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: scale(0.5); transform: scale(0.5); } .jelly-canvas-wrapper-8 .centroid-container { left: -12px; top: 96px; } .jelly-canvas-wrapper-8 .sticker-text { font-size: 38px; } .jelly-canvas-8 { width: 100%; height: 100%; -webkit-transform: scale(1.3); transform: scale(1.3); } .jelly-canvas-wrapper-9 { width: 270px; height: 270px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: scale(0.5); transform: scale(0.5); } .jelly-canvas-wrapper-9 .centroid-container { left: -12px; top: 96px; } .jelly-canvas-wrapper-9 .sticker-text { font-size: 38px; } .jelly-canvas-9 { width: 100%; height: 100%; -webkit-transform: scale(1.3); transform: scale(1.3); } .remodal-overlay { background: rgba(66, 54, 129, 0.74); } .remodal_feedback { max-width: 830px; padding: 80px 145px 270px 145px; } .remodal_feedback .blob-sticker { width: 260px; margin: 0 auto; } .remodal__title { font-size: 30px; font-weight: 600; font-family: 'Gilroy'; text-align: center; } .remodal-close { position: absolute; top: 20px; right: 30px; left: auto; width: 44px; height: 47px; background-image: url(/local/templates/slonworks/css/../img/svg/close-3.svg); background-size: contain; background-repeat: no-repeat; } .remodal-close::before { display: none; } .remodal__mid-title { font-size: 26px; font-weight: 500; font-family: 'Gilroy'; text-align: center; margin-top: 50px; margin-bottom: 30px; } .form-hint { font-size: 20px; text-align: center; margin-bottom: 50px; } .remodal_success { max-width: 580px; padding: 100px 35px; } .remodal_success-register { max-width: 370px; margin: 0 auto; background: #FDEAE7; border-radius: 16px; padding: 44px 15px 36px 15px; } .remodal__register-text { font-family: 'Gilroy'; font-weight: 600; font-size: 14px; text-align: center; color: #2D1178; } .premium-remodal_img-1 { position: absolute; top: 0; left: 0; width: 153.55px; height: 184px; } .premium-remodal_img-2 { position: absolute; bottom: 0; left: 0; width: 419px; height: 179px; right: 0; margin: 0 auto; } .remodal_premium { padding: 68px 124px 241px 148px; max-width: 843px; background-color: #FDEAE7; } .remodal__expert { padding: 68px 124px 100px 148px; } .preview-business { max-width: 100%; padding: 68px 124px 90px 148px; } .preview-business .inner__blob-anim-2 { width: 456px; height: 456px; } .remodal_premium .login-form { max-width: 100%; } .remodal_premium .login-form .input { color: #290D58; padding: 0 0 8px 0; } .remodal_premium .login-form .input::-webkit-input-placeholder { color: #786695; } .remodal_premium .login-form .input:-ms-input-placeholder { color: #786695; } .remodal_premium .login-form .input::-ms-input-placeholder { color: #786695; } .remodal_premium .login-form .input::placeholder { color: #786695; } .remodal_premium .login-form .checking { padding-left: 0; } .remodal_premium .login-form .checking.checking__agree .input.checkbox-input + label { font-weight: normal; } .remodal_premium .login-form .checking.checking__agree .input.checkbox-input:checked + label { font-weight: 600; } .remodal_premium .login-form .checking.checking__agree .input.checkbox-input:checked + label:before { background-color: transparent; } .remodal_premium .romb__list { margin-bottom: 51px; } .remodal_premium .romb__list li a { text-decoration: underline; color: #DD0078; } .remodal_premium .radio-group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .remodal__premium-title { font-family: 'Gilroy'; font-style: normal; font-weight: 600; font-size: 24px; color: #2D1178; text-align: center; margin-bottom: 40px; } .remodal__premium-midtitle { font-family: 'Gilroy'; font-style: normal; font-weight: bold; font-size: 18px; color: #2D1178; margin-bottom: 14px; } .remodal__premium-midtitle_rules { font-family: 'Gilroy'; font-style: italic; font-size: 16px; color: #2D1178; margin-bottom: 14px; } .remodal__premium-small-title { font-family: 'Gilroy'; font-style: normal; font-weight: 600; font-size: 18px; color: #2D1178; margin-bottom: 14px; } .p-label { font-family: 'Gilroy'; font-style: normal; font-weight: 300; font-size: 14px; color: #290D58; } .remodal_premium-request .remodal__premium-small-title { font-size: 16px; color: #290D58; margin-bottom: 26px; } .remodal_premium-request .btn__premium-send { margin: 0 auto; display: block; } .remodal_confirmation { max-width: 369px; padding: 32px; } .remodal_confirmation .btn { border-radius: 4px; padding: 8px 43px; } .remodal_confirmation .btn__yes { margin-right: 12px; } .remodal__confirmation-text { font-family: Gilroy; font-style: normal; font-weight: 600; font-size: 17px; text-align: center; color: #2D1178; margin-bottom: 26px; } .preloader { position: fixed; left: 0; top: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; width: 100%; height: 100%; z-index: 1001; -webkit-transition: 3s; transition: 3s; } .preloader__content { -webkit-transition: 3s; transition: 3s; z-index: 1000; } .preloader-bg { width: 100%; height: 205%; background: #fff; border-radius: 0 0 50% 50%; position: absolute; top: 0; left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: 10s; transition: 10s; } .preloader-bg.beige { border-radius: 50% 50% 0 0; top: -100%; background-color: #f0e4db; -webkit-transition: 5s; transition: 5s; } .preloader-logo { height: 235px; width: 164px; position: relative; z-index: 1; display: block; margin: 0 auto; } .preloader-logo img { max-width: 100%; max-height: 100%; } .p-preloader__text { display: block; opacity: 1; font-size: 24px; color: #34364e; font-family: 'Gilroy'; text-align: center; margin-top: 40px; } .loaded .preloader { display: none; } .loaded_hiding .preloader .preloader-bg { -webkit-transform: translate3d(0, -210%, 0); transform: translate3d(0, -210%, 0); } .loaded_hiding .preloader .preloader-bg.beige { -webkit-transform: translate3d(0, 210%, 0); transform: translate3d(0, 210%, 0); } .loaded_hiding .preloader .preloader__content { opacity: 0; } .header { /*background-color: #fcf3ed;*/ color: #32334c; position: absolute; top: 0; left: 0; width: 100%; z-index: 102; } .header__content ul { list-style: none; padding: 0; } .logo { width: 132px; height: 50px; display: block; } .logo img { max-width: 100%; height: 100%; } .logo-2 { width: 100%; height: 80px; display: block; } .logo-2 img { max-width: 100%; height: 100%; } .p-study_image { width: 80%; } .row.marginBottom { margin-bottom: 5rem; } .p-study_desc { font-size: 18px; line-height: 1.5; } .mobile-menu__btn { display: none; } .header__socials { display: none; } /*.menu__btn {*/ /* display: none;*/ /* position: relative;*/ /* width: 52px;*/ /* height: 47px;*/ /* z-index: 102;*/ /* cursor: pointer;*/ /*}*/ /*.menu__btn.desktop-menu__btn {*/ /* display: block;*/ /*}*/ /*.menu__btn:before {*/ /* content: '';*/ /* position: absolute;*/ /* left: 0;*/ /* right: 0;*/ /* top: 0;*/ /* bottom: 0;*/ /* background-image: url(/local/templates/slonworks/css/../img/svg/menu-button.svg);*/ /* background-size: contain;*/ /* background-repeat: no-repeat;*/ /* background-position: center center;*/ /*}*/ /*.menu__btn span {*/ /* display: block;*/ /* position: absolute;*/ /* top: 16px;*/ /* height: 2px;*/ /* width: 16px;*/ /* margin: 0 auto;*/ /* left: 0;*/ /* right: 0;*/ /* background-color: #e12e3f;*/ /* -webkit-transition: 350ms;*/ /* transition: 350ms;*/ /*}*/ /*.menu__btn span:nth-of-type(2) {*/ /* top: 22px;*/ /*}*/ /*.menu__btn span:nth-of-type(3) {*/ /* top: 28px;*/ /*}*/ /*.menu__btn.open::before {*/ /* background-image: url(/local/templates/slonworks/css/../img/svg/menu-button.svg);*/ /*}*/ /*.menu__btn.open span:nth-of-type(1) {*/ /* display: none;*/ /*}*/ /*.menu__btn.open span:nth-of-type(2) {*/ /* -webkit-transform: rotate(45deg);*/ /* transform: rotate(45deg);*/ /* top: 23px;*/ /*}*/ /*.menu__btn.open span:nth-of-type(3) {*/ /* -webkit-transform: rotate(-45deg);*/ /* transform: rotate(-45deg);*/ /* top: 23px;*/ /*}*/ .select__options { top: 26px; } .premium-logo { width: 95px; height: 38px; display: block; } .premium-logo img { max-width: 100%; max-height: 100%; } .personal-menu { width: 25px; height: 25px; display: block; position: relative; } .personal-menu img { max-width: 100%; max-height: 100%; } .personal-menu:hover img { opacity: 0; } .personal-menu:hover img.personal-menu-mob { opacity: 1; } .personal-menu-mob { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; } .d-desktop-none { display: none; } .navbar { width: 46%; } .nav-menu { position: static; } .header-nav__list { margin: 0 -25px; } .header-nav__list > li { padding: 37px 12px; min-height: 18px; } .header-nav__list > li > a { font-weight: 500; color: #32334c; font-size: 16px; } .header-nav__list > li > a:hover { font-weight: bold; } .header-nav__list > li.active > a { font-weight: bold; } .navbar-right-main { display: flex; gap: 2rem; align-items: center; } .header__langs { margin: 0 -8px; } .header__langs > li { margin: 0 8px; width: 40px; padding: 0 5px; } .header__langs > li a { font-weight: 500; color: #32334c; font-size: 16px; } .header__langs > li a:hover { font-weight: bold; } .header__langs > li.active a { font-weight: bold; } .blob-hover { display: block; position: absolute; top: -25px; left: -30px; opacity: 0; width: 62px; height: 60px; background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 45% 55% 58% 42% / 48% 55% 45% 52%; will-change: border-radius, transform, opacity; animation: sliderShape-b 2s linear infinite; -webkit-animation: sliderShape-b 2s linear infinite; border: 2px solid #fbb1a7; } @-webkit-keyframes sliderShape-b { 0%, 100% { border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%; -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 34% { border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%; -webkit-transform: translate3d(0, 5px, 0) rotateZ(0.01deg); transform: translate3d(0, 5px, 0) rotateZ(0.01deg); } 50% { -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 67% { border-radius: 100% 60% 60% 100% / 100% 100% 60% 60%; -webkit-transform: translate3d(0, -3px, 0) rotateZ(0.01deg); transform: translate3d(0, -3px, 0) rotateZ(0.01deg); } } @keyframes sliderShape-b { 0%, 100% { border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%; -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 34% { border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%; -webkit-transform: translate3d(0, 5px, 0) rotateZ(0.01deg); transform: translate3d(0, 5px, 0) rotateZ(0.01deg); } 50% { -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 67% { border-radius: 100% 60% 60% 100% / 100% 100% 60% 60%; -webkit-transform: translate3d(0, -3px, 0) rotateZ(0.01deg); transform: translate3d(0, -3px, 0) rotateZ(0.01deg); } } .p-home__text-sm { font-family: 'Gilroy'; font-size: 18px; color: #32334c; line-height: 1.3; } .p-home__text-md { font-family: 'Gilroy'; font-size: 29px; color: #32334c; line-height: 1.3; } .main-slide-item { height: calc(100vh - 72px); position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .main-slide-item .i-sticker { z-index: 2; } .main-slide-item.slide-beige .main-slide__text { color: #32334c; } .main-slide-item.slide-beige .i-sticker { top: auto; right: auto; bottom: 14px; left: 26px; } .main-slide__image { position: relative; } .main-slide__image svg { width: 100%; height: 100%; } .main-slide__image .i-sticker { position: absolute; top: 14px; right: 26px; } .main-slide__right { padding-left: 120px; } .main-slide__text { font-size: 40.16px; color: #fff; font-family: 'KZ Domain Display'; font-weight: 900; } .home-main__slider.owl-carousel.second .owl-dots button.owl-dot { background-color: rgba(66, 54, 129, 0.5); } .home-main__slider.owl-carousel.second .owl-dots button.owl-dot .dot-circle { stroke: #423681; } .home-main__slider.owl-carousel.second .owl-dots button.owl-dot.active { background-color: #423681; } .home-main__slider.owl-carousel .owl-dots { position: absolute; bottom: 35px; right: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home-main__slider.owl-carousel .owl-dots button.owl-dot { width: 10px; height: 10px; background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; margin: 0 14px; -webkit-transition: 300ms; transition: 300ms; position: relative; } .home-main__slider.owl-carousel .owl-dots button.owl-dot:hover { -webkit-transform: scale(1.4); transform: scale(1.4); background-color: #fff; } .home-main__slider.owl-carousel .owl-dots button.owl-dot.active { -webkit-transform: scale(1.4); transform: scale(1.4); background-color: #fff; } .home-main__slider.owl-carousel .owl-dots button.owl-dot.active span { opacity: 1; } .home-main__slider.owl-carousel .owl-dots button.owl-dot.active .dot__svg { opacity: 1; } .home-main__slider.owl-carousel .owl-dots button.owl-dot span { display: block; position: absolute; top: -3px; right: -4px; bottom: -3px; left: -3px; border-radius: 50%; opacity: 0; } .home-main__slider.owl-carousel .owl-dots button.owl-dot:focus { outline: none; } .dot__svg { position: absolute; width: 16px; height: 16px; bottom: 0; top: -3px; left: -3px; right: 0; opacity: 0; } .dot-circle { fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 4; stroke-dasharray: 347.416, 332.416; stroke-dashoffset: 295.416; -webkit-transition: 6s; transition: 6s; } @media (max-width: 1366px) { .main-slide__image svg { width: 75%; height: 75%; } .main-slide__image .i-sticker { top: 22px; right: 107px; } } #p-home-about { background-color: #fcf3ed; background-color: #fff; padding-top: 70px; padding-bottom: 80px; position: relative; overflow: hidden; } #p-home-about .container { position: relative; } .p-main__title { font-size: 46px; font-family: 'KZ Domain Display'; font-weight: 900; color: #32334c; margin-bottom: 40px; } .p-main__title.middle { font-size: 42px; } .quote { font-size: 120px; font-family: 'KZ Domain Display'; color: #fa8376; max-height: 64px; margin-bottom: 50px; } .about__program { display: block; z-index: 2; position: relative; cursor: url(/local/templates/slonworks/css/../img/cursor-1.png), auto; } .about__program_kz { cursor: url(/local/templates/slonworks/css/../img/cursor-1-kz.png), auto; !important; } .about__program .p-home__text-sm { font-weight: 600; max-width: 295px; } .about__interview { display: block; position: relative; z-index: 2; cursor: url(/local/templates/slonworks/css/../img/cursor-2.png), auto; } .about__interview_kz { cursor: url(/local/templates/slonworks/css/../img/cursor-2-kz.png), auto; !important; } .about__interview .p-home__text-md { margin-bottom: 40px; max-width: 315px; font-style: italic; font-size: 18px; } .about__author { font-size: 16px; font-family: 'Gilroy'; } .about-more__btn { display: none; } .about-int__btn { display: none; } #p-home-history-success { background-color: #f0e4db; background-color: #ffffff; padding: 50px 0; position: relative; } #p-home-history-success .circle-sticker { width: 0; height: 0; display: block; position: absolute; bottom: 36%; left: -15%; } #p-home-history-success .jelly-canvas-wrapper-2 .sticker-text { font-size: 38px; left: 49%; } .p-history__title { font-size: 26px; font-family: 'Gilroy'; font-weight: 600; margin-bottom: 59px; } .h-success__text { padding-left: 77px; } .h-success__text-item { padding: 0 13px; } .h-success__text-item .p-home__text-sm { margin-bottom: 25px; } .h-success__image { position: relative; } .h-success__image .i-sticker { position: absolute; bottom: -38px; left: 8px; } #p-home-business { background-color: #fcf3ed; background-color: #fff; padding: 118px 0 25px 0; } .business__block { width: calc(50% - 13px); } .p-business__item { display: block; margin-bottom: 40px; position: relative; cursor: pointer; border-radius: 10px; overflow: hidden; } .p-business__item .p-business__image::after { content: ''; position: absolute; background-color: #fdebec; bottom: -67px; left: -98px; top: -64px; right: -92px; border-radius: 100%; -webkit-transform: translate(80%, 71%); transform: translate(80%, 71%); -webkit-transition: 1s; transition: 1s; } .p-business__item:hover .p-business__image:after { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .p-business__item:hover .more-hover { opacity: 1; } .p-business__image { background-size: cover; background-repeat: no-repeat; position: relative; overflow: hidden; } .p-business__image.middle1 { height: 297px; padding-bottom: 101.9%; } .p-business__image.middle2 { height: 286px; padding-bottom: 96%; } .p-business__image.small { height: 225px; padding-bottom: 75.8%; } .p-business__image.big { height: 364px; padding-bottom: 124%; border-radius: 10px; } .more-hover { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 16px; font-weight: 600; opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; z-index: 1; } .hover_active .more-hover { transition-delay: 0.4s; } .p-business__title { font-size: 20px; font-weight: bold; font-family: 'Gilroy'; margin: 39px 0 25px 0; } .p-business__info { list-style: none; padding: 0; margin: 0; } .p-business__info li { font-size: 16px; font-family: 'Gilroy'; margin-bottom: 23px; } .p-business__info li .p-business__point { font-weight: 600; } #p-home-study { background-color: #f0e4db; background-color: #fff; padding: 20px 0 90px 0; } .study__courses-list { list-style: none; padding: 0; margin: 0; } .study__courses-list li { display: block; } .study__courses-list li:first-of-type a { margin-top: 0; } .study__courses-item { display: block; padding-bottom: 37px; margin-top: 37px; border-bottom: 1px solid #32334c; } .study__courses-item-kz { display: block; padding-bottom: 37px; margin-top: 37px; } .study__courses-item-last { display: block; padding-bottom: 37px; margin-top: 37px; } .study__courses-item-last-kz { display: block; padding-bottom: 37px; margin-top: 37px; } .study__courses-item p { color: #32334c; font-size: 16px; } .study__courses-item-kz p { color: #32334c; font-size: 16px; } .study__courses-item-last p { color: #32334c; font-size: 16px; } .study__courses-item-last-kz p { color: #32334c; font-size: 16px; } .study__courses-item:hover { /*cursor: url(/local/templates/slonworks/css/../img/cursor-3.png) 75 75, auto;*/ } .study__courses-item-kz:hover { /*cursor: url(/local/templates/slonworks/css/../img/cursor-3-kz.png) 75 75, auto;*/ } .study__courses-item-last:hover { /*cursor: url(/local/templates/slonworks/css/../img/cursor-1.png) 75 75, auto;*/ } .study__courses-item-last-kz:hover { /*cursor: url(/local/templates/slonworks/css/../img/cursor-1-kz.png) 75 75, auto;*/ } .courses__title { font-size: 24px; font-weight: bold; margin-bottom: 35px; color: #32334c; } .study__btn { display: none; } .p-study_date { font-size: 18px; font-weight: 600; font-family: 'Gilroy'; color: #423681; } #p-home-news { background-color: #fcf3ed; background-color: #fff; padding: 20px 0; } .p-news__block { width: calc(50% - 13px); } .p-news__item { display: block; padding: 0px 0 30px; } .p-news__item:hover .p-news__title { color: #e12e3f; } .p-news__date { font-size: 16px; font-family: 'Gilroy'; } .p-news__title { font-size: 20px; font-weight: 600; font-family: 'Gilroy'; color: #32334c; margin: 25px 0; -webkit-transition: 300ms; transition: 300ms; } .p-news__image { background-size: cover; background-repeat: no-repeat; min-height: 200px; } .p-news__image.middle1 { height: 292px; padding-bottom: 101.9%; } .p-news__image.middle2 { height: 290px; padding-bottom: 96%; } .p-news__image.small { height: 214px; padding-bottom: 75.8%; } .p-news__image.big { height: 360px; padding-bottom: 124%; } .p-news__bottom { position: relative; margin-bottom: 2rem; border-bottom: 1px solid #32334c; border-radius: 10px; overflow: hidden; } .p-news__bottom:hover .more-hover { opacity: 1 !important; } .i-news-sticker { width: 75px; height: 27px; text-align: center; color: #fff; border-radius: 10px; position: absolute; top: 13px; left: 13px; font-size: 14px; font-family: 'Gilroy'; font-weight: 600; padding: 6px 0; line-height: 1; } .i-news-sticker.purple { background-color: #e12e3f !important; } .i-news-sticker.pink { background-color: #e12e3f; } #p-inner__news { background-color: #fcf3ed; padding-bottom: 120px; } #p-inner__expert { background-color: #fcf3ed; padding-bottom: 120px; } #p-inner__news .circle-sticker { width: 140px; height: 140px; margin: 0 auto; } #p-inner__expert .load_more_answer { width: 140px; height: 140px; margin: 0 auto; } .expert_detail .circle-sticker { z-index: 1; height: 150px; width: 150px; position: absolute; left: 32px; bottom: 94px; } #p-inner__news .circle-sticker .jelly-canvas-wrapper-2 { -webkit-transform: scale(0.5) translateX(-119px) translateY(-115px); transform: scale(0.5) translateX(-119px) translateY(-115px); } #p-inner__news .circle-sticker .sticker-text { left: 48%; } #p-inner__news .p-news__item { margin-bottom: 34px; } .p-news__left { padding-right: 26px; } .p-news__left .p-news__item:nth-of-type(1) .p-news__image { height: 348px; } .p-news__left .p-news__item:nth-of-type(2) .p-news__image { height: 235px; } .p-news__left .p-news__item:nth-of-type(3) .p-news__image { height: 322px; } .i--page .p-main__title { font-size: 58px; margin-bottom: 58px; } .i--page p { line-height: 1.4; } .i--page.bg-beige { background-color: #FCF3EE; } .p-big__title { font-size: 54px; font-family: 'KZ Domain Display'; margin-bottom: 60px; } .expert_detail .p-big__title { margin-bottom: 20px; } .page__title2 { font-size: 24px; font-family: 'Gilroy'; margin-bottom: 45px; font-weight: 600; text-align: center; color: #290D58; } .page__required { font-size: 14px; font-family: 'Gilroy'; margin-bottom: 45px; margin-left: 255px; font-weight: 600; text-align: center; color: #290D58; } .s-breadcrumbs { z-index: 1; margin-bottom: 55px; padding-top: 22px; } .breadcrumbs__list { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; margin: 0; } .breadcrumbs__list li { margin-right: 11px; } .breadcrumb__link { font-size: 14px; position: relative; color: #32334c; font-family: 'Gilroy'; font-weight: 300; } .breadcrumb__link:after { content: ''; display: inline-block; margin-left: 9px; margin-bottom: -1px; width: 7px; height: 10px; background: url(/local/templates/slonworks/css/../img/svg/arrow-to-right.svg) center center/contain no-repeat; } .breadcrumb__link.current { font-weight: 600; } .breadcrumb__link.current:after { display: none; } .breadcrumb__link.current:hover { color: #32334c; } .breadcrumb__link:hover { color: #e12e3f; } .i-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .i-pagination ul { list-style: none; padding: 0; margin: 0 45px; display: -webkit-box; display: -ms-flexbox; display: flex; } .i-pagination ul li { margin: 0 14px; position: relative; cursor: pointer; } .i-pagination ul li:after { content: ''; width: 34px; height: 36px; background: url(/local/templates/slonworks/css/../img/blobs/blob-pag.svg) center/contain no-repeat; position: absolute; top: -10px; left: -13px; opacity: 0; } .i-pagination ul li a { font-size: 16px; font-family: 'Gilroy'; display: block; color: #32334c; position: relative; z-index: 1; } .i-pagination ul li:hover:after { opacity: 1; background: url(/local/templates/slonworks/css/../img/blobs/blob-pag-hov.svg) center/contain no-repeat; } .i-pagination ul li:hover a { font-weight: 600; } .i-pagination ul li.active:after { opacity: 1; } .i-pagination ul li.active:hover:after { background: url(/local/templates/slonworks/css/../img/blobs/blob-pag.svg) center/contain no-repeat; } .i-pagination ul li.active a { color: #ffffff; font-weight: 600; } .pag__prev { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .pag__prev.active_prev:hover { -webkit-transform: rotate(180deg) translateX(10px); transform: rotate(180deg) translateX(10px); } .pag__prev, .pag__next { -webkit-transition: 300ms; transition: 300ms; } .pag__next.active_next:hover { -webkit-transform: translateX(10px); transform: translateX(10px); } .p-inner__top-right { height: 550px; /*margin-bottom: 80px;*/ position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .p-business__content .p-inner__top-right { margin-bottom: 80px; } #p-inner__about .p-inner__top-right { margin-bottom: 80px; } .expert_detail .p-inner__top-right { margin-bottom: 80px; } .p-inner__top-right svg { height: 90%; width: 90%; position: relative; z-index: 1; } .p-inner__top-left { padding-right: 62px; } .blob-bg-1, .blob-bg-2 { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; } .blob-bg-1 { top: -30px; } .blob-bg-2 { width: 90%; height: 90%; margin: 0 auto; } .small__title { font-size: 24px; font-family: 'Gilroy'; font-weight: 500; text-transform: uppercase; margin-bottom: 45px; } .small__title_expert { font-size: 20px; font-family: 'Gilroy'; font-weight: 500; margin-bottom: 35px; } .position__title_expert { font-size: 25px; font-family: 'Gilroy'; font-weight: 500; margin-bottom: 40px; } .small__title.pink { color: #d63c8a; font-weight: bold; margin-bottom: 75px; } .p-section__mid-title { font-size: 22px; font-weight: bold; font-family: 'Gilroy'; } .p-section__mid-title span { font-weight: normal; } .dot__list { list-style: none; padding: 0; margin: 0; } .dot__list li { position: relative; padding-left: 26px; margin-bottom: 25px; } .dot__list li:after { content: ''; width: 10px; height: 10px; border-radius: 50%; background-color: #fb9f93; position: absolute; top: 3px; left: 0; } .number__list { list-style: none; padding: 0; margin: 0; } .number__list li { counter-increment: list; padding-left: 26px; position: relative; } .number__list li:before { content: counter(list) ". "; display: inline; line-height: inherit; position: absolute; top: 0; left: 0; } .quote-blob { position: absolute; top: 0; z-index: -1; } .quote-blob:nth-of-type(2) { top: -60px; z-index: -2; } .i-quote__block { position: relative; } .i-quote__block .quote-blob { height: 100%; } .i-quote__block.lg { height: 560px; } .i-quote__block .quote { position: absolute; top: 0; left: 0; } .i-quote__block.sm { height: auto; } .i-quote__block.sm img { height: 290px; } .i-quote__block.sm .quote { top: -57px; left: -48px; } .i-quote__block.info__quote .i-quote__text-sm { max-width: 400px; padding: 33px 24px 0 24px; margin: 0 auto; } .i-quote__block.info__quote .quote-blob { width: 80%; height: 100%; } .i-quote__block.info__quote .quote { top: -105px; } .quote__text-phrase { font-size: 17px !important; font-family: 'Gilroy'; margin-bottom: 50px; line-height: 1.2 !important; font-style: italic; } .i-quote__text-md { padding: 89px 55px 89px 29px; max-width: 390px; margin: 0 auto; } .i-quote__text-lg { padding: 156px 93px 30px 98px; max-width: 580px; } .i-quote__text-sm { padding: 80px 24px 0 24px; max-width: 420px; } .quote__text-author { font-size: 16px; font-family: 'Gilroy'; } .i-section-image { height: 460px; width: 295px; background-size: cover; background-repeat: no-repeat; background-position: center center; } .i-section-r { margin-bottom: 85px; counter-reset: list; } .i-section-r p { padding-right: 40px; font-size: 18px; } .i-section-r p span { font-weight: 600; } .i-section-r ul { list-style: none; padding-right: 40px; padding-left: 0; padding-top: 0; margin: 0; } .i-section-r ul li { font-size: 16px; margin-bottom: 23px; } .i-section-r ul li span { font-weight: 600; } .gallery__slider .slide-item { max-width: 820px; margin: 0 auto; height: 484px; } .gallery__slider .slide-item img { width: auto; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; left: 0; right: 0; margin: 0 auto; } .gallery__slider.owl-carousel .owl-nav .owl-prev, .gallery__slider.owl-carousel .owl-nav .owl-next { width: 60px; height: 50px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .gallery__slider.owl-carousel .owl-nav .owl-prev:before, .gallery__slider.owl-carousel .owl-nav .owl-next:before { content: ''; width: 26px; height: 14px; background: url(/local/templates/slonworks/css/../img/svg/arrow-thin-red.svg) center center/contain no-repeat; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: -7px; -webkit-transition: .5s; transition: .5s; } .gallery__slider.owl-carousel .owl-nav .owl-prev:after, .gallery__slider.owl-carousel .owl-nav .owl-next:after { content: ''; position: absolute; width: 100%; height: 100%; background: url(/local/templates/slonworks/css/../img/blobs/blob-arrow.svg) center center/contain no-repeat; top: 0; left: 0; right: 0; bottom: 0; } .gallery__slider.owl-carousel .owl-nav .owl-prev span, .gallery__slider.owl-carousel .owl-nav .owl-next span { display: none; } .gallery__slider.owl-carousel .owl-nav .owl-prev:focus, .gallery__slider.owl-carousel .owl-nav .owl-next:focus { outline: none; border: none; } .gallery__slider.owl-carousel .owl-nav .owl-prev { left: 70px; } .gallery__slider.owl-carousel .owl-nav .owl-prev:before { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); right: -7px; left: auto; } .gallery__slider.owl-carousel .owl-nav .owl-prev:hover:before { -webkit-transform: translateY(-50%) rotate(180deg) translateX(10px); transform: translateY(-50%) rotate(180deg) translateX(10px); } .gallery__slider.owl-carousel .owl-nav .owl-next { right: 70px; } .gallery__slider.owl-carousel .owl-nav .owl-next:hover:before { -webkit-transform: translateY(-50%) translateX(10px); transform: translateY(-50%) translateX(10px); } .gallery__slider.owl-carousel .owl-dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 35px; } .gallery__slider.owl-carousel .owl-dots button.owl-dot { width: 10px; height: 10px; border-radius: 50%; background-color: #fbbdb4; margin: 0 15px; } .gallery__slider.owl-carousel .owl-dots button.owl-dot:focus { outline: none; } .gallery__slider.owl-carousel .owl-dots button.owl-dot:hover { background-color: #fdebec; -webkit-transform: scale(1.4); transform: scale(1.4); } .gallery__slider.owl-carousel .owl-dots button.owl-dot.active { background-color: #fdebec; -webkit-transform: scale(1.4); transform: scale(1.4); } .i-video__section { margin-bottom: 90px; } .iframe-wrapper { position: relative; padding-bottom: 56.25%; z-index: 1; } .video__media { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; } .video__link { display: block; height: 100%; } .video__link img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } .video__button { border: none; background-color: transparent; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 200px; height: 200px; cursor: pointer; } .video__button .video__button-shape { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; left: 0; margin: auto; } .i-section__theme { font-size: 22px; font-weight: bold; font-family: 'Gilroy'; color: #e12e3f; padding-right: 20px; } .i-inner__section { margin: 114px 0; } .i-image__block { height: 410px; background-size: cover; background-repeat: no-repeat; background-position: center center; padding-bottom: 66%; margin-bottom: 72px; position: relative; } #p-inner__care .i-image__block img { height: 100%; width: 100%; object-fit: cover; object-position: center center; position: absolute; top: 0; left: 0; } .w-together { white-space: nowrap; font-weight: normal !important; } .tabs-menu ul { list-style: none; } .tabs-block { display: none; } .tabs-block.active { display: block; } #p-inner__history { background-color: #fcf3ed; padding-bottom: 60px; } .p-history__image { min-height: 200px; padding-bottom: 30%; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; overflow: hidden; } .p-history__image::after { content: ''; position: absolute; background-color: #fdebec; bottom: -104px; left: -124px; top: -107px; right: -114px; border-radius: 100%; -webkit-transform: translate(80%, 71%); transform: translate(80%, 71%); -webkit-transition: 0.8s; transition: 0.8s; } .p-history__block { width: calc(50% - 13px); } .p-history__item { display: block; margin-bottom: 85px; } .p-history__item:hover .p-history__image::after { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .p-history__item:hover .more-hover { opacity: 1; } .p-history__left { padding-right: 26px; } .p-history__left .p-history__item:nth-of-type(1) .p-history__image { height: 365px; } .p-history__left .p-history__item:nth-of-type(2) .p-history__image { height: 448px; } .p-history__left .p-history__item:nth-of-type(3) .p-history__image { height: 470px; } .p-history__right .p-history__block:nth-of-type(1) .p-history__item:nth-of-type(1) .p-history__image { height: 298px; } .p-history__right .p-history__block:nth-of-type(1) .p-history__item:nth-of-type(2) .p-history__image { height: 283px; } .p-history__right .p-history__block:nth-of-type(1) .p-history__item:nth-of-type(3) .p-history__image { height: 298px; } .p-history__right .p-history__block:nth-of-type(2) .p-history__item:nth-of-type(1) .p-history__image { height: 417px; } .p-history__right .p-history__block:nth-of-type(2) .p-history__item:nth-of-type(2) .p-history__image { height: 260px; } .p-history__right .p-history__block:nth-of-type(2) .p-history__item:nth-of-type(3) .p-history__image { height: 417px; } .p-history__bottom { margin-top: 30px; } .p-history__item-title { font-size: 20px; font-family: 'Gilroy'; font-weight: bold; margin-bottom: 25px; } .p-expert__name_item-title { font-size: 20px; font-family: 'Gilroy'; font-weight: bold; margin-bottom: 10px; } .p-expert__item-title { font-size: 18px; font-family: 'Gilroy'; font-weight: bold; margin-bottom: 10px; color: #e12e3f; } .p-history__text { font-size: 16px; font-family: 'Gilroy'; font-weight: normal; } #p-inner__products { background-color: #fcf3ed; padding-bottom: 140px; } .p-products__image { height: 310px; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; overflow: hidden; } .p-products__image::after { content: ''; position: absolute; background-color: #fdebec; bottom: -104px; left: -124px; top: -107px; right: -114px; border-radius: 100%; -webkit-transform: translate(80%, 71%); transform: translate(80%, 71%); -webkit-transition: 0.8s; transition: 0.8s; } .p-products__block { width: calc(50% - 13px); } /*===============*/ .p-products__item { /* display: block; margin-bottom: 59px; border-top: 1px solid #32334c; padding-top: 30px;*/ height: 100%; display: flex; flex-direction: column; } .p-products__bottom { margin-bottom: 3em; } .p-products__title { flex: 1 1 auto; } /*===============*/ .p-products__item:hover .p-products__image::after { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .p-products__item:hover .more-hover { opacity: 1; } .p-products__title { font-size: 20px; font-family: 'Gilroy'; font-weight: 600; margin-bottom: 30px; } .p-products__left { padding-right: 110px; padding-top: 132px; } .p-products__left p { font-size: 18px; font-family: 'Gilroy'; font-weight: 500; } #p-inner__business { background-color: #fcf3ed; padding-bottom: 87px; } .p-business__left { padding-right: 122px; } .p-business__content .p-inner__top-left { padding-top: 115px; } .p-business__content .p-inner__top-right { height: 535px; } .p-business__content .i-pagination { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .p-business__description { font-size: 18px; font-family: 'Gilroy'; font-weight: 500; margin-bottom: 45px; } .p-business__text { font-size: 12px; font-family: 'Gilroy'; font-weight: 300; } .p-business__filter ul { list-style: none; padding: 0; margin: 0; } .p-business__filter ul li { padding-bottom: 40px; } .b-filter_elem { font-size: 16px; font-family: 'Gilroy'; font-weight: 600; color: #423681; margin-bottom: 20px; cursor: pointer; position: relative; } .b-filter_elem:after { content: ''; position: absolute; right: 0; top: 3px; width: 16px; height: 11px; background: url(/local/templates/slonworks/css/../img/svg/arrow-pink.svg) center center/contain no-repeat; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .b-filter_elem.open:after { -webkit-transform: rotate(-270deg); transform: rotate(-270deg); } .business__video { max-width: 820px; margin: 0 auto; } .b-filter__list { padding-bottom: 20px; } #p-inner__businessmore { background-color: #fcf3ed; padding-bottom: 87px; } #p-inner__businessmore .p-inner__top-right { margin-bottom: 0; } .b-filter__checked-list { display: none; } .p-business__filter .b-filter__checked-list { font-weight: 600; } #p-inner__about { background-color: #fcf3ed; padding-bottom: 20px; font-size: 18px; overflow: hidden; } #p-inner__about .i-quote__right { padding-right: 64px; } #p-inner__about .quote-blob { height: 88%; } #p-inner__about .quote-blob:nth-of-type(1) { top: -20px; } #p-inner__about .quote-blob:nth-of-type(2) { -webkit-transform: rotate(185deg); transform: rotate(185deg); } .pr-blob { position: absolute; max-width: 430px; max-height: 420px; right: 0; top: -150px; -webkit-transform: rotate(30deg); transform: rotate(30deg); z-index: -1; } .p-about__left { padding-right: 95px; } .p-about__useful-title { font-weight: bold; font-size: 22px; font-family: 'GIlroy'; text-transform: uppercase; margin-bottom: 75px; } .p-about__content { position: relative; z-index: 1; } .p-about__content .p-inner__top-right { height: 440px; } .p-about__content p { color: #32334c; font-size: 18px; padding-right: 38px; } .partner__item { display: block; margin-bottom: 120px; cursor: url(/local/templates/slonworks/css/../img/cursor-4.png) 75 75, auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-right: 40px; } .partner__item img { max-width: 100%; max-height: 100%; } #p-inner__partner .i-inner__section { margin: 50px 0; } #p-inner__partner .p-inner__top-right { margin-bottom: 40px; } #p-inner__partner .inner__blob-anim-3 { width: 480px; height: 455px; top: 24px; } #p-inner__contacts { background-color: #fcf3ed; padding-bottom: 90px; } .p-contacts__list { list-style: none; padding: 0; margin: 0; } .p-contacts__list li { margin-bottom: 30px; font-size: 18px; font-weight: 500; font-family: 'Gilroy'; } .cts-name { font-size: 16px; font-weight: normal; font-family: 'Gilroy'; display: block; margin-bottom: 10px; } .p-contacts__right { height: 650px; } .p-contacts__right .blob-bg-2 { width: 100%; } #map { width: 100%; height: 375px; z-index: 2; } #map > ymaos { width: 100%; height: 100%; } #page-error { height: 100vh; padding-top: 95px; padding-bottom: 145px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #page-error .blob-bg-2 { width: 100%; } #page-error .blob-bg-1 { top: -15px; } .error__blob { position: relative; height: 430px; max-width: 450px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .error-logo { height: 235px; width: 164px; position: relative; z-index: 1; display: block; margin: 0 auto; } .error-logo img { max-width: 100%; max-height: 100%; } .p-error__text { font-size: 24px; color: #34364e; text-align: center; font-family: 'Gilroy'; margin-top: 50px; margin-bottom: 20px; } .link-to__main { font-size: 18px; color: #34364e; font-weight: normal; display: block; text-align: center; } .link-to__main:hover { color: #ce2581; } #p-inner__care { background-color: #fcf3ed; padding-bottom: 15px; } #p-inner__care .i-section-r p { line-height: 1.2; margin-bottom: 50px; } #p-inner__care .i-section-r ul { margin-left: -25px; } #p-inner__care .i-section-r ul li { font-size: 18px; } .survey__image { height: 410px; background-size: cover; background-repeat: no-repeat; padding-bottom: 66%; margin-bottom: 72px; } #p-inner__planning { background-color: #fcf3ed; padding-bottom: 120px; } #p-inner__train { background-color: #fcf3ed; } #p-inner__train .p-news__block { display: -webkit-box; display: -ms-flexbox; display: flex; } #p-inner__train .p-news__image { height: 295px; } #p-inner__train .p-news__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } #p-inner__train .p-news__title { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } #p-inner__trainmore { background-color: #fcf3ed; padding-bottom: 166px; } #p-inner__trainmore .p-news__image { height: 295px; } #p-inner__trainmore .blob-sticker { margin-right: 118px; } #p-inner__trainmore .i-image__block { margin-top: 100px; } .p-train__list { margin-bottom: 130px; } .p-train__block { width: calc(50% - 13px); } .p-train__left { padding-right: 26px; } .p-train__item { width: 100%; display: block; margin-bottom: 70px; } .p-train__item:hover .p-train__name { color: #b52070; } .p-train__image { height: 364px; background-size: cover; background-repeat: no-repeat; background-position: center center; } .p-train__name { font-size: 24px; font-weight: bold; font-family: 'Gilroy'; margin-top: 30px; } .p-train__title { font-family: 'KZ Domain Display'; font-size: 39px; margin-bottom: 70px; } .train__time { font-size: 22px; font-weight: 500; font-family: 'Gilroy'; color: #32334c; } .train__plan { font-size: 20px; font-weight: bold; color: #32334c; font-family: 'Gilroy'; } .train__schedule p { margin-bottom: 43px; } .train__bottom { margin-top: -14px; } .trainmore__date { font-size: 30px; font-family: 'Gilroy'; font-size: 30px; font-weight: 600; color: #423681; } #p-inner__mentor { background-color: #fcf3ed; padding-bottom: 70px; } #p-inner__mentor .btn__send { margin-left: auto; margin-right: 180px; } #p-inner__mentor .i-inner__section { margin: 30px 0; } #p-inner__mentor .p-big__title { margin-bottom: 45px; } .mentor-cts { font-size: 18px; font-weight: 500; } .mentor-cts p { margin-bottom: 22px; } .faq__item { margin-bottom: 65px; position: relative; } .faq__question { padding-right: 20px; max-width: 420px; font-size: 18px; font-weight: 600; font-family: 'Gilroy'; } .faq__answer { padding-bottom: 60px; border-bottom: 1px solid #32334c; } .faq__arrow { display: none; width: 20px; height: 20px; position: absolute; bottom: 15px; right: 0; left: 0; margin: 0 auto; z-index: 2; } .faq__arrow .icon { -webkit-transform: rotate(90deg); transform: rotate(90deg); } #p-inner__info { background-color: #fcf3ed; padding-bottom: 45px; } #p-inner__info .jelly-canvas-wrapper-3 .centroid-container { -webkit-transform: translate(-50%, -70%); transform: translate(-50%, -70%); } #p-inner__info .jelly-canvas-wrapper-orange-button .centroid-container { -webkit-transform: translate(-50%, -70%); transform: translate(-50%, -70%); } #p-inner__info .i-video__section { margin-bottom: 0; } #p-inner__info .btn__profile { margin-top: 10px; margin-left: auto; width: 270px; } .info__authors { font-size: 18px; font-weight: 500; font-family: 'Gilroy'; } .info__expert { font-size: 16px; font-family: 'Gilroy'; } .section-profile { padding-bottom: 250px; } .p-seminar__content .study__courses-item { padding-bottom: 0; margin-bottom: 37px; border: none; } .seminar__item { border-bottom: 1px solid #32334c; } .login-form { max-width: 400px; margin: 0 auto; } .login-form .input-text.select-city { padding-top: 12px; margin-bottom: 39px; } .login-form .input-text.password .input { padding: 0 73px 8px 20px; } .login-form .input { font-size: 14px; color: #290D58; font-weight: 600; padding: 0 20px 8px 20px; text-align: left !important; } .login-form__bottom { padding: 0 0 0 20px; } .login-form .icon__eye { position: absolute; right: 20px; top: 2px; opacity: 0; pointer-events: none; z-index: 5; } .login-form .icon__eye.show { opacity: 1; pointer-events: auto; } .login-form .passowrd-help { position: absolute; right: 50px; top: 2px; z-index: 5; } .login-form .passowrd-help:hover .password-hint { opacity: 1; } .login-form .icon__question2 { cursor: pointer; } .login-form .password-hint { position: absolute; top: 100%; left: 100%; background-color: #fff; padding: 2px; min-width: 220px; border-radius: 2px; opacity: 0; -webkit-transition: .3s; transition: .3s; } .login-form .password-hint p { font-size: 10px; text-align: center; } .login-form .checking { padding-left: 20px; } .login-form .checking.checking__agree .input.checkbox-input + label { color: #290D58; font-size: 14px; font-weight: 600; } .login-form .checking.checking__agree .input.checkbox-input + label:before { width: 15px; height: 15px; border: 1px solid #290D58; margin-right: 13px; } .login-form .checking.checking__agree .input.checkbox-input:checked + label:after { width: 11px; height: 9px; top: 3px; } .login-form .ui-selectmenu-button.ui-button { border: none; border-radius: 0; font-family: 'Gilroy'; text-align: left; color: #290D58; font-size: 14px; padding: 0 5px 15px 20px; } .login-form .ui-selectmenu-button.ui-button:after { content: ''; position: absolute; bottom: 8px; left: 0; right: 0; border-bottom: 1px solid #290D58; z-index: 2; } .login-form .ui-selectmenu-button.error:after { border-bottom: 1px solid #ff0000; } .login-form .ui-selectmenu-button.ui-button .ui-selectmenu-text { margin-top: -9px; } .login-form .ui-selectmenu-icon.ui-icon { width: 13px; height: 8px; background: url(/local/templates/slonworks/css/../img/svg/arrow-bottom.svg) center center/contain no-repeat; margin-top: -3px; } .p-inner__login { height: 100vh; padding-top: 30vh; } .p-inner__register { padding-bottom: 10rem; } .l-label { color: #290D58; font-size: 14px; font-family: 'Gilroy'; margin-bottom: 0; position: absolute; left: 20px; top: 0px; z-index: -1; -webkit-transition: all .3s; transition: all .3s; } .l-label.focused { top: -18px; } .btn__login { margin: 0 auto 0 70px; } .btn__login .jelly-canvas-5 { -webkit-transform: scale(1.2); transform: scale(1.2); } .btn__login .sticker-text { font-weight: 500; font-size: 40px; } .login__link { color: #290D58; font-size: 14px; font-family: 'Gilroy'; font-weight: 500; } .login__link:hover { text-decoration: underline; } .recovery__text { font-family: 'Gilroy'; font-style: normal; font-weight: 300; font-size: 14px; text-align: center; color: #290D58; max-width: 480px; margin: 0 auto 56px auto; } .recovery__text span { white-space: nowrap; } .register-select-menu { overflow: hidden; max-height: 182px; border-radius: 16px; border: 1px solid #290D58; background: #FDEAE7; } .register-select-menu .ui-menu { margin: 6px 0 0 0; padding: 12px 0; background: #FDEAE7; } .register-select-menu .ui-menu .ui-menu-item-wrapper { font-family: 'Gilroy'; font-weight: normal; font-size: 14px; color: #290D58; padding: 0 20px; } .register-select-menu .ui-menu .ui-menu-item-wrapper:hover { color: #F69CB1; } .register-select-menu .ui-menu .ui-menu-item { margin-bottom: 7px; } .register-select-menu .mCSB_inside > .mCSB_container { margin-right: 0; } .register-select-menu .mCSB_scrollTools { right: 6px; top: 15px; bottom: 10px; } .register-select-menu .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #F69CB1; border-radius: 3px; width: 5px; } .register-select-menu .mCSB_scrollTools .mCSB_draggerRail { display: none; } .btn__ok { background: #DD0078; border-radius: 4px; font-family: 'Gilroy'; font-style: normal; font-weight: 500; font-size: 15px; text-align: center; color: #FFFFFF; padding: 8px 25px; margin: 35px auto 0 auto; display: table; } .personal__title { font-family: 'Gilroy'; font-style: normal; font-weight: 600; font-size: 24px; color: #2D1178; margin-bottom: 29px; } .p-personal { padding-bottom: 102px; min-height: 70vh; } .personal__tabs-menu { border-bottom: 1px solid #DD0078; max-width: 574px; } .personal__tabs-menu ul { padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .personal__tabs-menu ul li { width: 33.33%; padding: 13px 33px; font-family: 'Gilroy'; font-style: normal; font-weight: 600; font-size: 16px; text-align: center; color: #290D58; cursor: pointer; } .personal__tabs-menu ul li.active { border-bottom: 2px solid #DD0078; font-weight: bold; } .personal__tabs-menu ul li:hover { border-bottom: 2px solid #DD0078; font-weight: bold; } .personal__tabs-block { padding-top: 55px; padding-left: 20px; } .personal__tabs-block .form__inner-title { padding-left: 19px; } .personal-business__block { display: block; width: calc(25% - 36px); margin: 0 18px 64px 18px; } .personal-business__block.in-moderation .personal-business__image, .personal-business__block.hidden .personal-business__image { position: relative; } .personal-business__block.in-moderation .personal-business__image span, .personal-business__block.hidden .personal-business__image span { opacity: 1; } .personal-business__block.in-moderation .personal-business__image:after, .personal-business__block.hidden .personal-business__image:after { content: ''; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: rgba(252, 243, 238, 0.55); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); } .personal-business__block.in-moderation:hover .personal-business__image:before, .personal-business__block.hidden:hover .personal-business__image:before { opacity: 0; } .personal-business__block:hover .personal-business__image:before { opacity: 1; } .personal-business__list { max-width: 914px; margin: 0 -18px; } .personal-business__title { font-family: 'Gilroy'; font-style: normal; font-weight: 600; font-size: 17px; color: #2D1178; } .personal-business__image { height: 200px; overflow: hidden; border-radius: 6px; position: relative; } .personal-business__image:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.3); opacity: 0; } .personal-business__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } .personal-business__image span { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; text-align: center; display: block; opacity: 0; color: #DD0078; font-size: 18px; font-family: 'Gilroy'; z-index: 2; } .personal-business__detail { margin-top: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 23px; } .personal-business__detail .btn { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 0.6; } .personal-business__detail .btn span { font-family: 'Gilroy'; font-style: normal; font-weight: normal; font-size: 10px; color: #2D1178; margin-left: 5px; display: block; } .personal-business__detail .btn .icon { width: 13px; height: 11px; } .personal-business__detail .btn:hover span { color: #DD0078; } .personal-business__detail .btn:hover .icon__eye-not { background-image: url("/local/templates/slonworks/css/../img/svg/eye-not-pink.svg"); } .personal-business__detail .btn:hover .icon__edit { background-image: url("/local/templates/slonworks/css/../img/svg/edit-pink.svg"); } .personal-business__detail .btn:hover .icon__delete { background-image: url("/local/templates/slonworks/css/../img/svg/delete-pink.svg"); } .btn__plus-new { border: 1px solid #DD0078; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 6px; width: calc(25% - 36px); height: 200px; margin: 0 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .btn__plus-new .icon__plus { -webkit-transition: .3s; transition: .3s; } .btn__plus-new:hover .icon__plus { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .personal-form { max-width: unset; margin: 0; } .personal-form .checking { margin-bottom: 60px; } .personal-form .input-text.password .input { padding: 0 48px 8px 20px; } .personal-inputs { max-width: 400px; margin: 0; } .personal-note { font-family: 'Gilroy'; font-style: normal; font-weight: normal; font-size: 14px; color: #290D58; display: inline-block; vertical-align: middle; max-width: 400px; margin-left: 56px; } .logout { float: right; margin-top: -56px; } .logout .icon { display: inline-block; vertical-align: middle; margin-left: 9px; } .logout span { font-family: 'Gilroy'; font-style: normal; font-weight: 500; font-size: 18px; color: #290D58; } .logout:hover span { color: #DD0078; } .logout:hover .icon { background-image: url(/local/templates/slonworks/css/../img/svg/logout-pink.svg); } .form__inner-title { font-family: 'Gilroy'; font-style: normal; font-weight: 600; font-size: 18px; color: #2D1178; margin-bottom: 29px; } .upload-avatar { width: 100px; height: 100px; overflow: hidden; border-radius: 100%; } .upload-avatar img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } .personal-photo label { font-family: 'Gilroy'; font-style: normal; font-weight: normal; font-size: 12px; color: #290D58; text-align: center; cursor: pointer; padding-left: 9px; margin-top: 18px; } .personal-photo label:hover { text-decoration: underline; } input[type="file"] { display: none; } .forum-reply-fields input[type="file"] { display: block; } .business-form { max-width: 1015px; margin: 0; } .business-form .input-text { padding-right: 55px; } .business-form .label { font-family: 'Gilroy'; font-style: normal; font-weight: normal; font-size: 14px; color: #290D58; padding-left: 20px; } .business-form .form__inner-title { margin-top: 16px; } .business-form .input::-webkit-input-placeholder { font-weight: 300; font-size: 14px; color: #290D58; } .business-form .input:-ms-input-placeholder { font-weight: 300; font-size: 14px; color: #290D58; } .business-form .input::-ms-input-placeholder { font-weight: 300; font-size: 14px; color: #290D58; } .business-form .input::placeholder { font-weight: 300; font-size: 14px; color: #290D58; } .business-form .input-text.select-city { padding-top: 0; } .business-form .input-text .ui-selectmenu-button.ui-button .ui-selectmenu-text { margin-top: 0; } .business-form .input-text .ui-selectmenu-icon.ui-icon { margin-top: 4px; } .business-form .textarea { height: 30px; overflow: hidden; } .perosnal-form__hint { float: right; display: block; margin-top: -50px; font-family: 'Gilroy'; font-style: normal; font-weight: 600; font-size: 14px; color: #2D1178; } .back__btn { display: block; margin-bottom: 35px; font-family: 'Gilroy'; font-style: normal; font-weight: 300; font-size: 14px; color: #332233; } .create__image { width: 200px; height: 200px; border-radius: 6px; overflow: hidden; margin-bottom: 32px; cursor: pointer; } .create__image:hover { opacity: 0.7; } .create__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } .label-images { font-family: 'Gilroy'; font-style: normal; font-weight: normal; font-size: 14px; color: #290D58; margin-bottom: 32px; display: block; } .label-create__image { font-family: 'Gilroy'; font-style: normal; font-weight: normal; font-size: 12px; color: #290D58; } .personal-business__edit-block { width: calc(20% - 20px); margin: 0 10px 20px 10px; cursor: pointer; } .personal-business__edit-block span { text-align: center; font-size: 14px; display: block; margin-top: 8px; cursor: pointer; } .personal-business__edit-block span:hover { text-decoration: underline; } .personal-business__edit-image { overflow: hidden; height: 111px; border-radius: 6px; } .personal-business__edit-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } .personal-business__edit-image:hover { opacity: 0.5; } .imgs-for__business { margin: 0 -10px 75px -10px; } .imgs-for__business .btn__plus-new { width: calc(20% - 20px); margin: 0 10px; height: 111px; } .btn__publish, .btn__preview { padding: 10px 27px; font-size: 15px; font-weight: 500; border-radius: 4px; border: 2px solid #e12e3f; margin-right: 16px; } .add__business-adv { display: block; position: relative; top: -55px; } .add__business-adv .icon { width: 17px; height: 18px; } .personal-business__change { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 13px; } .premium-page { background-color: #FCF3EE; } .premium-bg { position: absolute; top: 0; left: 0; right: 0; width: 100%; } .premium-mob-bg { display: none; } .premium__main { position: relative; padding-top: 36px; padding-bottom: 200px; z-index: 1; } .premium-girl { position: fixed; left: 0; bottom: 0; max-width: 30%; } .premium-flower { position: fixed; right: 0; bottom: 0; max-width: 30%; } .premium__main-top { max-width: 488px; } .premium-logo-2 { width: 175px; height: 87px; margin: 0 auto 20px auto; display: block; } .premium-logo-2 img { max-width: 100%; max-height: 100%; } .premium__main-text { line-height: 1.4; } .premium__main-normal { font-family: 'Gilroy'; font-style: normal; font-weight: 500; font-size: 22px; text-align: center; color: #2D1178; } .premium__main-bold { font-family: 'Gilroy'; font-style: normal; font-weight: bold; font-size: 22px; text-align: center; color: #2D1178; } .premium__date { margin-top: 60px; margin-bottom: 43px; } .premium__date-term { width: 45%; padding-right: 10px; padding-left: 40px; text-align: center; font-family: 'Gilroy'; font-style: normal; font-weight: 500; font-size: 15px; text-align: center; color: #2D1178; } .premium__date-interval { margin-top: 12px; font-size: 19px; font-weight: bold; } .premium__title { font-family: 'Gilroy'; font-style: normal; font-weight: bold; font-size: 22px; color: #2D1178; margin-bottom: 27px; } .romb__list { list-style: none; padding: 0; margin: 0; } .romb__list li { position: relative; padding-left: 25px; font-family: 'Gilroy'; font-style: normal; font-weight: 500; font-size: 16px; color: #2D1178; margin-bottom: 20px; } .romb__list li:after { content: ''; position: absolute; left: 0; top: 5px; background: url(/local/templates/slonworks/css/../img/svg/romb.svg) center center/contain no-repeat; width: 7px; height: 7px; } .premium__link { display: block; margin-bottom: 12px; } .premium__link p { display: inline-block; vertical-align: middle; font-family: 'Gilroy'; font-style: normal; font-weight: 600; font-size: 16px; text-decoration: underline; color: #2D1178; margin-left: 22px; } .premium__link .icon { display: inline-block; vertical-align: middle; } .premium__info-block { margin-top: 50px; } .premium__info-block-left { margin-right: 73px; } .btn__premium-send .jelly-canvas-wrapper-5, .btn__premium-send .jelly-canvas-wrapper-7, .btn__premium-send .jelly-canvas-wrapper-8, .btn__premium-send .jelly-canvas-wrapper-9 { -webkit-transform: scale(0.5) translate(-111px, -115px); transform: scale(0.5) translate(-111px, -115px); } .btn__premium-send .jelly-canvas-wrapper-5 .sticker-text, .btn__premium-send .jelly-canvas-wrapper-7 .sticker-text, .btn__premium-send .jelly-canvas-wrapper-8 .sticker-text, .btn__premium-send .jelly-canvas-wrapper-9 .sticker-text { font-size: 32px; font-weight: normal; } .btn__premium-send .jelly-canvas-wrapper-5 .centroid-container, .btn__premium-send .jelly-canvas-wrapper-7 .centroid-container, .btn__premium-send .jelly-canvas-wrapper-8 .centroid-container, .btn__premium-send .jelly-canvas-wrapper-9 .centroid-container { top: 87px; } .btn__premium-send .jelly-canvas-wrapper-9 .centroid-container { top: 97px; } .btn__rules { display: block; margin-top: 18px; margin-bottom: 76px; margin-left: auto; margin-right: auto; } .premium__prizes-section { margin-top: 62px; } .premium__prizes-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 43px; } .premium__prizes-text { margin-left: 27px; width: calc(100% - 97px); } .premium__prizes-text p { font-family: Gilroy; font-style: normal; font-weight: 500; font-size: 16px; color: #2D1178; } .premium__prizes-text p.premium__prizes-title { font-family: 'Gilroy'; font-style: normal; font-weight: bold; font-size: 18px; color: #2D1178; margin-bottom: 7px; } .premium__prize-icon { width: 70px; height: 60px; } .premium__prize-icon img { max-width: 100%; max-height: 100%; } .premium__note { width: 100%; height: 100px; background: #FBD2D5; border-radius: 20px; padding: 28px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .premium__note p { font-family: 'Gilroy'; font-style: normal; font-weight: 500; font-size: 17px; color: #2D1178; } .premium__participation { max-width: 580px; } .premium__participation-text { font-family: 'Gilroy'; font-style: normal; font-weight: 500; font-size: 14px; color: #2D1178; margin-top: 17px; margin-bottom: 38px; max-width: 540px; padding-left: 28px; } .premium__jury-item { width: calc(50% - 100px); margin: 0 50px 58px 50px; } .premium__jury-list { margin: 0 -50px; max-width: 660px; } .premium__jury-image { height: 235px; background-size: cover; background-repeat: no-repeat; background-position: center center; margin-bottom: 20px; padding-bottom: 20%; } .premium__jury-title { font-family: 'Gilroy'; font-style: normal; font-weight: bold; font-size: 18px; color: #2D1178; margin-bottom: 6px; } .premium__jury-position { font-family: 'Gilroy'; font-style: normal; font-weight: 500; font-size: 14px; color: #2D1178; } .input-radio .p-label { margin-bottom: 11px; display: block; } .btn__add-photo { color: #DD0078; text-decoration: underline; font-size: 15px; font-weight: 600; font-family: 'Gilroy'; display: block; margin-top: 28px; } .input-file { display: none; } .premium-photo__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 15px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .premium-photo__item .icon { margin-right: 13px; } .name-photo { font-family: 'Gilroy'; font-style: normal; font-weight: 600; font-size: 14px; color: #290D58; display: block; margin-right: 11px; } .size-photo { font-family: 'Gilroy'; font-style: normal; font-weight: normal; font-size: 14px; color: #290D58; } .btn__delete-photo { font-family: Gilroy; font-style: normal; font-weight: normal; font-size: 12px; color: #290D58; } .premium__blob { display: none; } .premium__social-hint { font-size: 12px; color: #290D58; line-height: 1.3; text-align: justify; } .premium__social-hint a { color: #DD0078; } .footer { /*background-color: #f0e4db;*/ padding: 100px 0 65px 0; } .footer-logo-1 { width: 140px; height: 200px; display: block; margin-bottom: 89px; } .footer-logo-1 img { max-width: 100%; max-height: 100%; } .footer-logo-2 { width: 144px; height: 109px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer-logo-2 img { max-width: 100%; max-height: 100%; } .footer__block { width: calc(50% - 13px); color: #32334c; font-size: 16px; } .footer__item { border-top: 1px solid #423681; padding-top: 30px; padding-bottom: 75px; } .footer__item a:hover { color: #e12e3f; } .f__title { color: #423681; font-size: 18px; font-family: 'Gilroy'; font-weight: 600; margin-bottom: 29px; } .f__nav-list { list-style: none; padding: 0; margin: 0; } .f__nav-list li { margin-bottom: 5px; } .f__nav-list li a { font-size: 16px; color: #32334c; } .f__phone { display: block; margin: 32px 0; /*pointer-events: none;*/ } .f__time p { line-height: 1.5; } .f__bottom-links { width: 100%; } .f__bottom-links a { display: block; width: 50%; font-size: 16px; } .f__bottom-links a:hover { color: #e12e3f; } .f__bottom-links a.f-slonw { padding-left: 13px; } .none_pointer { pointer-events: none; } .b-filter__checked-list { display: none } .smooth_line { height: 100%; } .cursor_business_link { cursor: pointer; padding-left: 42px; } .business_link_active { font-weight: 600; } /* скрываем гуглКапчу*/ .grecaptcha-badge { display: none !important; } .p-inner__register .input.error { border-bottom: 1px solid #ff0000; } .personal-form .input.error { border-bottom: 1px solid #ff0000; } .p-inner__login .input.error { border-bottom: 1px solid #ff0000; } .premium_validate .input.error { border-bottom: 1px solid #ff0000; } .premium_validate .p-label.error { color: #ff0000; } .remodal_video iframe { height: 350px; width: 100%; } /*картинка навигации форума */ .navigation_img_transform { transform: scale(-1, 1); } .cursor_default { cursor: default; } .pholder_fix { min-height: 30px; } blockquote { display: block; text-align: center; width: 100%; padding: 2rem 0; margin: 3rem 0; font-size: 1.5rem; position: relative; } blockquote:after, blockquote:before { content: ''; width: 100%; height: 2px; background: #6f6f6f; max-width: 150px; display: block; position: absolute; left: 50%; transform: translateX(-50%); } blockquote:after { top: 0; } blockquote:before { bottom: 0; } @media (max-width: 800px) { blockquote { margin: 2rem 0; } } /* End */ /* Start:/local/templates/slonworks/css/tablets.css?17387732168671*/ @media (max-width: 1199.98px) { .header-nav__list > li { padding: 37px 12px; } .header-nav__list > li > a { font-size: 14px; } .main-slide__image .i-sticker { top: 0; right: 67px; } .jelly-canvas-wrapper-1 { margin: -5% -27%; -webkit-transform: scale(0.75); transform: scale(0.75); } .jelly-canvas-wrapper-2 { -webkit-transform: scale(0.4); transform: scale(0.4); } .remodal_feedback { padding: 63px 70px 270px 70px; } .main-slide__right { padding-left: 40px; } .main-slide__text { font-size: 42px; } .slider-thumb { font-size: 0.7em; } .main-slide__image .i-sticker { top: 0; right: 20px; } .h-success__text { padding-left: 20px; } .h-success__image { height: 340px; } .gallery__slider .slide-item { max-width: 750px; } .gallery__slider.owl-carousel .owl-nav .owl-prev { left: 0; } .gallery__slider.owl-carousel .owl-nav .owl-next { right: 0; } } @media (max-width: 991.98px) { .header { position: fixed; top: 0; right: 0; left: 0; height: 75px; z-index: 106; } .header .logo { position: fixed; left: 30px; top: 15px; } .d-mob-none { display: none; } .d-desktop-none { display: block; } .header__content { padding: 15px 0px; height: 100%; } .p-study_image { width: 100%; margin-bottom: 2rem; } .nav-menu__mobile { position: fixed; width: 100%; max-width: 100%; top: 75px; right: 0; left: 0; bottom: 0; background-color: #fcf3ed; padding: 30px; overflow: auto; z-index: 106; -webkit-transition: 0.8s; transition: 0.8s; opacity: 0; pointer-events: none; } .nav-menu__mobile.open { opacity: 1; pointer-events: auto; } .nav-menu__mobile.open:after { bottom: -70px; opacity: 0; } .nav-menu__mobile .logo-2 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .nav-menu__mobile:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; background: url(/local/templates/slonworks/css/../img/wave-mobile.png) center center/contain no-repeat; height: 70px; width: 100%; -webkit-transition: 3s; transition: 3s; } .nav-menu__mobile .premium-logo { width: 215px; height: 15px; margin: 25px 0; } .header-wave_mobile { position: fixed; -webkit-transform: translateY(-120%); transform: translateY(-120%); top: 0; bottom: 0; right: 0; left: 0; background-color: #423681; border-radius: 0 0 70% 70%; height: 200%; z-index: 104; -webkit-transition: 0.7s; transition: 0.7s; } .header-wave_mobile.slide { -webkit-transform: translateY(0); transform: translateY(0); } .navbar { width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin: 30px 0; } .header-nav__list { margin: 0; } .header-nav__list > li { width: 100%; padding: 25px 0px; position: relative; } .header-nav__list > li > a { font-size: 16px; color: #423681; font-weight: bold; } .header-nav__list > li.submenu:after { content: ''; position: absolute; top: 28px; right: 0; width: 20px; height: 12px; background: url(/local/templates/slonworks/css/../img/svg/arrow-pink.svg) center/contain no-repeat; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .header-nav__list > li.submenu.open:after { -webkit-transform: rotate(270deg); transform: rotate(270deg); } .header__langs { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .header__socials { display: block; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; width: 100%; margin-top: 50px; } .header__socials li { margin-bottom: 20px; } .header__socials li a { font-size: 16px; font-weight: bold; font-family: 'Gilroy'; color: #423681; } .dropdown__wrapper.nav__dropdown { position: relative; padding: 20px 0 0px 0; top: -40px; opacity: 1; pointer-events: auto; display: none; } .dropdown__wrapper.nav__dropdown:after { display: none; } .dropdown__wrapper.nav__dropdown .blob-hover { display: none; } .dropdown-menu { width: 100%; margin-right: 30px; opacity: 1; } .nav__dropdown-wave { position: fixed; top: 75px; z-index: 107; -webkit-transition: 1s; transition: 1s; } .nav__dropdown-wave.slide { height: 100%; } .personal-menu-mob img { display: inline-block; max-width: 25px; max-height: 25px; } .personal-menu-mob p { display: inline-block; font-size: 15px; font-weight: 500; } .header-mobile__menu-link { font-size: 16px; font-weight: 700; display: block; padding-bottom: 17px; padding-top: 20px; color: #413682; position: relative; } .header-mobile__menu-link:after { content: ''; position: absolute; top: 23px; right: 0; width: 20px; height: 12px; background: url(/local/templates/slonworks/css/../img/svg/arrow-pink.svg) center/contain no-repeat; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .header-mobile__menu-link.open:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .header-mobile__menu-link:hover { color: #413682; } .header-mobile__menu-list { margin-bottom: 0; } .header-mobile__menu-list > li { padding-bottom: 24px; } .header-mobile__menu-list > li > a { font-size: 15px; color: #32334C; font-weight: 500; display: block; position: relative; } .header-mobile__menu-list > li > a .icon { position: absolute; right: 0; top: 0; } .catalog-mob { display: none; position: fixed; top: 0; right: 0; left: 0; bottom: 0; background-color: #FCF3EE; padding: 72px 32px; overflow: auto; z-index: 9; } .catalog-mob .breadcrumbs { display: block; } .catalog-mob .breadcrumbs .breadcrumb__link { font-weight: 300; font-size: 12px; color: #332233; } .catalog-mob__title { font-family: 'Gilroy'; font-style: normal; font-weight: bold; font-size: 18px; color: #32334C; margin-bottom: 24px; } .category__menu > li > a { position: relative; font-style: normal; font-weight: 500; font-size: 14px; line-height: 17px; color: #32334C; display: block; margin-bottom: 24px; } .category__menu > li > a:after { content: ''; position: absolute; top: 3px; right: 0; width: 12px; height: 8px; background: url(/local/templates/slonworks/css/../img/svg/arrow-right-brown.svg) center center/contain no-repeat; } .catalog-back__btn { display: block; width: 18px; height: 18px; background: url(/local/templates/slonworks/css/../img/svg/back-arrow.svg) center center/contain no-repeat; position: absolute; top: 25px; left: 33px; } .sticker-text { font-size: 14px; } .jelly-canvas-wrapper-1 { margin: -5% -57%; -webkit-transform: scale(0.7); transform: scale(0.7); } #p-home-history-success .circle-sticker { left: -47%; } .p-section__mid-title { margin-bottom: 22px; font-size: 20px; } .p-inner__top-right { margin: 42px 0; } .i-quote__block .quote-blob { width: 100%; } .p-products__left { padding-top: 0; padding-right: 0; margin-bottom: 58px; } .p-business__content .p-inner__top-left { padding: 0; } .p-seminar__content .study__courses-item { margin-bottom: 25px; margin-top: 37px !important; } .p-seminar__content .courses__title { font-size: 20px; } .seminar__item { margin-bottom: 45px; } #p-inner__info .p-inner__top-right { margin-top: 40px; } #p-inner__info .blob-sticker { width: 180px; height: 180px; margin: 0 auto; } #p-inner__info .blob-sticker.btn__profile { margin-top: 30px; } #p-inner__info .i-quote__block { margin-top: 90px; margin-bottom: 40px; } #p-inner__info .i-quote__block.info__quote .quote-blob { width: 100%; height: 100%; } #p-inner__info .i-video__section { margin-bottom: 90px; } .info_image-block .container { padding: 0; } .info__image { width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } #p-inner__partner .partners__list .p-section__mid-title { margin-bottom: 65px; } } /* End */ /* Start:/local/templates/slonworks/css/mobile.css?173877321625649*/ @media (max-width: 767.98px) { main .container { padding: 0 30px; } .p-home__text-md { font-size: 24px; } .form__title { font-size: 17px; margin-bottom: 30px; } .input { font-size: 17px; } .label { font-size: 15px; } .form-hint { font-size: 15px; margin-bottom: 30px; } .sticker-text { font-size: 12px; } .jelly-canvas-wrapper-1 { margin: -20% -59%; -webkit-transform: scale(0.7); transform: scale(0.7); } .jelly-canvas-wrapper-2 { -webkit-transform: scale(0.4); transform: scale(0.4); } .expert_detail .circle-sticker { z-index: 1; height: 90px; width: 90px; position: absolute; left: auto; right: 80px; bottom: 70px; } .remodal_feedback { padding: 80px 15px 240px 15px; max-width: 500px; margin-top: 20px; } .remodal__title { font-size: 20px; } .remodal__mid-title { font-size: 17px; margin: 28px 0 25px 0; } .remodal-wrapper { padding: 0; } .remodal_premium { padding: 77px 14px 170px 14px; max-width: 500px; } .remodal__expert { padding: 77px 14px 80px 14px; } .remodal_premium .romb__list { margin-bottom: 30px; } .premium-remodal_img-1 { width: 83px; height: 99px; } .premium-remodal_img-2 { width: auto; height: 112px; } .inner__blob-anim-2 { top: 30px; } .blob-bg-1 { width: 100%; height: 100%; } .blob-bg-2 { width: 100%; height: 100%; } .catalog-mob .breadcrumbs { display: block; } .p-main__title { font-size: 36px; margin-bottom: 47px; } .p-main__title.middle { font-size: 36px; } .main-slide__image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 40px; height: 300px; } .main-slide__image svg { height: 100%; width: 100%; } .main-slide__text { font-size: 34px; } .main-slide-item { height: calc(100vh - 75px); } .slider-thumb { font-size: 0.6em; } .main-slide__image .i-sticker { right: 11px !important; } .main-slide-item.slide-beige .i-sticker_left { right: auto !important; bottom: 0px; left: 0; } .slider-thumb-4 { left: 1%; font-size: 0.8em; } .slider-thumb-5 { font-size: 0.8em; } .main-slide__right { padding-left: 5% !important; } #p-home-about { padding-top: 85px; padding-bottom: 85px; } .about__program { margin-bottom: 40px; } .about__program .p-home__text-sm { max-width: 100%; } .about__program .px-15 { padding: 0; } .about__interview { margin-top: 50px; } .about__interview .p-home__text-md { margin-bottom: 35px; } .about-more__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; font-family: 'Gilroy'; color: #32334c; text-transform: uppercase; font-weight: 600; width: 139px; height: 136px; background: url(/local/templates/slonworks/css/../img/blobs/blob-more.svg) center/contain no-repeat; position: relative; z-index: 2; margin: 0 auto; } .about-int__btn { font-size: 14px; font-weight: 'Gilroy'; color: #fff; font-weight: 600; width: 112px; height: 112px; border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; background-color: #d1257e; margin: 0 auto; position: relative; z-index: 2; margin-top: 45px; } .about-blob.big-blob { top: 0; -webkit-transform: translateY(0); transform: translateY(0); } .about-blob.small-blob { bottom: 0; right: -80px; } #p-home-history-success { padding: 50px 0; } #p-home-history-success .circle-sticker { bottom: 60%; left: 0; } #p-home-history-success .p-business__item { margin-bottom: 90px; } .blob-business { height: 100%; } .h-success__image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; } .p-history__title { font-size: 24px; margin-bottom: 35px; } .h-success__text-item { padding: 0; } .h-success__text { padding-left: 0; } #p-home-business { padding: 50px 0; } .business__block { width: 100%; } .p-business__content .i-pagination { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #p-home-study { padding: 50px 0; } .courses__title { font-size: 22px; margin-bottom: 28px; } .study__btn { display: block; background: none; border: none; font-size: 18px; font-family: 'Gilroy'; color: #423681; font-weight: 600; margin-top: 30px; padding: 0; } #p-home-news { padding: 50px 0; } .p-news__block { width: 100%; } .p-news__item { margin-bottom: 40px; } .s-breadcrumbs { margin-bottom: 20px; } .breadcrumbs { display: none; } .i-pagination { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .i-pagination ul { margin: 0 25px; } .i--page .p-main__title { font-size: 34px; } .p-big__title { font-size: 34px; margin-bottom: 30px; } .i-quote__block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 50px 0; } .i-quote__text-lg { padding: 174px 48px 30px 65px; } .i-inner__section { margin: 55px 0; } .i-section-r { margin-bottom: 35px; } .i-section-r p { padding-right: 0; font-size: 15px; } .i-section-r ul { padding: 0; } .i-section-r .dot__list li { font-size: 15px; } .p-section__mid-title { font-size: 20px; } .i-image__block { margin-left: -30px; margin-right: -30px; } .p-inner__top-left { padding-right: 0; } .p-news__left { padding: 0; } #p-inner__news { padding-bottom: 67px; } #p-inner__news .circle-sticker .jelly-canvas-wrapper-2 { -webkit-transform: scale(0.55) translateX(-119px) translateY(-115px); transform: scale(0.55) translateX(-119px) translateY(-115px); } #p-inner__expert { padding-bottom: 67px; } #p-inner__expert .circle-sticker .jelly-canvas-wrapper-2 { -webkit-transform: scale(0.55) translateX(-119px) translateY(-115px); transform: scale(0.55) translateX(-119px) translateY(-115px); } #p-inner__history .i-pagination { margin-top: 10px; } .p-history__left { padding: 0; } .p-history__item { margin-bottom: 50px; } .p-history__block { width: 100%; } .p-products__block { width: 100%; } #p-inner__products { padding-bottom: 40px; } .p-business__left { padding-right: 0; } .p-business__item { margin-bottom: 55px; } .business__more-interv { margin: 55px 0 180px 0; } .business__more-interv .p-business__left { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .business__more-interv .p-business__right { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .business__more-interv .blob-sticker { width: 200px; margin: 0 auto; } #p-inner__contacts { padding-bottom: 67px; } #p-inner__contacts .blob-bg-1, #p-inner__contacts .blob-bg-2 { display: none; } .p-contacts__right { height: 410px; position: static; } #map { position: absolute; right: 0; left: 0; } .p-contacts__list li { font-size: 16px; } #page-error { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .p-train__block { width: 100%; } #p-inner__train { padding-bottom: 60px; } #p-inner__trainmore { padding-bottom: 60px; } #p-inner__trainmore .i-image__block { margin-top: 10px; margin-bottom: 20px; } #p-inner__trainmore .i-inner__section { margin: 30px 0; } #p-inner__trainmore .blob-sticker { width: 150px; height: 150px; display: block; margin: 0 auto; } #p-inner__trainmore .trainmore__date { font-size: 22px; } .small__title.pink { margin-bottom: 40px; } .train__schedule .train__time { margin-bottom: 15px; } .train__time { font-size: 15px; } .train__plan { font-size: 15px; } #p-inner__mentor .i-inner__section { margin: 0 0 55px 0; } #p-inner__mentor .btn__send { position: relative; left: 50%; margin-left: -133px; margin-right: 0; } .mentor-cts p { font-size: 18px; } #p-inner__care { padding-bottom: 40px; } #p-inner__care .i-section-r ul { margin-left: 0; padding-right: 0; } #p-inner__care .i-section-r ul li { font-size: 15px; } #p-inner__care .i-section-r p { margin-bottom: 30px; } #p-inner__care .i-inner__section { margin: 25px 0; } .faq__item { border-bottom: 1px solid #32334c; padding: 20px 30px 50px 30px; margin-bottom: 0; -webkit-transition: 300ms; transition: 300ms; } .faq__item.active { background-color: #f2e1d6; } .faq__item.active .faq__right { display: block; } .faq__item.active .faq__arrow .icon { -webkit-transform: rotate(270deg); transform: rotate(270deg); } .faq__answer { border: none; padding: 0; margin-top: 34px !important; font-size: 16px; } .faq__question { padding-right: 0; max-width: 100%; font-size: 16px; } .faq__right { display: none; -webkit-transition: 300ms; transition: 300ms; } .p-faq__content .container { padding: 0; } .p-faq__content .p-big__title { padding-left: 30px; } .faq__arrow { display: block; } .p-about__content p { padding: 0; font-size: 15px; } .p-about__left { padding: 0; } .p-about__useful-title { margin-bottom: 38px; } .p-about__right { font-size: 15px; } .premium-girl { display: none; } .premium-flower { position: absolute; bottom: 0; max-width: 350px; } .premium__blob { display: block; } .premium__main { padding-bottom: 150px; } .premium__jury-image { padding-bottom: 100%; } .personal-business__block { width: calc(50% - 36px); } .personal__title { font-size: 20px; } .logout { display: none; } .personal__tabs-menu ul li { padding: 9px 20px; } .personal__business-left { margin-bottom: 22px; } .personal__business-left .create__image { height: 274px; width: 100%; position: relative; padding-bottom: 100%; } .personal__business-left .create__image img { position: absolute; } .perosnal-form__hint { margin-top: 0; } .business-form .input-text { padding-right: 0; } .personal-business__edit-image { width: calc(50% - 20px); } .add__business-adv { width: 100%; margin-top: 0; margin-bottom: 40px; top: -8px; } .add__business-adv .icon { margin: 0 auto; } .imgs-for__business .btn__plus-new { width: calc(50% - 20px); } .personal-business__change { width: auto; margin: 0 -10px 13px -10px; } .personal-business__title { width: 51%; } .forum-section .breadcrumbs { display: block; } .forum-section .s-breadcrumbs { padding-top: 0; } } @media (max-width: 575.98px) { .d-mobm-none { display: none; } .paint-spray { width: 315px; height: 100px; } .input.checkbox-input + label { font-size: 14px; } .slider-thumb-4 { font-size: 0.6em; left: -63px; top: 53px; } .slider-thumb-5 { right: -30px; bottom: 55px; top: auto; height: 30em; } .inner__blob-anim-1 { width: 256px; height: 256px; top: 0; } .inner__blob-anim-2 { width: 250px; height: 270px; top: 0; } .inner__blob-anim-3 { width: 239px; height: 235px; } .inner__blob-anim-4 { width: 254px; height: 251px; } .inner__blob-anim-5 { width: 280px; height: 207px; top: 24px; } .inner__blob-anim-6 { width: 250px; height: 260px; top: 17px; } .inner__blob-anim-7 { width: 283px; height: 296px; } .jelly-canvas-wrapper-1 { margin: -31% -59%; } .jelly-canvas-wrapper-4 { -webkit-transform: scale(0.6) translate(-83px, -83px); transform: scale(0.6) translate(-83px, -83px); } .expert_detail .jelly-canvas-wrapper-4{ transform: scale(0.5) translate(-83px, -83px); } .p-preloader__text { font-size: 18px; } .remodal_feedback { max-width: 390px; } .remodal_success-register { max-width: 260px; } .remodal_premium { max-width: 400px; } .remodal_premium .input-text { margin-bottom: 24px; } .remodal_premium .romb__list li { font-size: 14px; margin-bottom: 9px; } .radio-group .input { width: calc(100% - 29px); margin-left: 29px; } .remodal__premium-midtitle { font-size: 16px; } .remodal__premium-title { font-size: 18px; margin-bottom: 24px; } } @media (max-width: 575.98px) and (max-width: 400px) { .remodal_feedback { max-width: 350px; } } @media (max-width: 575.98px) and (max-width: 350px) { .remodal_feedback { max-width: 320px; } } @media (max-width: 575.98px) { .slider-thumb { font-size: 0.5em; } .main-slide__image .i-sticker { top: -20px !important; right: 0 !important; } .main-slide-item.slide-beige .i-sticker_left { top: auto !important; } .about-blob.big-blob { width: 100%; height: 700px; left: -85px; } #p-home-history-success .circle-sticker { width: 0; height: 0; display: block; position: absolute; bottom: 58%; left: -22%; } .p-inner__top-right { height: 335px; } .page__title2 { font-size: 20px; } .page__required { margin-left: 165px; } .small__title { font-size: 18px; margin-bottom: 25px; } .quote__text-phrase { font-size: 18px !important; } .quote__text-author { font-size: 14px; } .i-slider__section .container { padding: 0; } .i-video__section { margin-bottom: 58px; } .i-video__section .container { padding: 0; } .gallery__slider .slide-item { max-width: 100%; width: 100%; height: 240px; } .i-quote__block { height: 300px; } .i-quote__block.lg { height: 300px; margin: 123px 0 0 0; } .i-quote__block.lg .quote { top: -137px; } .i-quote__block.sm .quote { left: 0; } .i-quote__text-lg { padding: 20px 14px 30px 6px; } .quote__text-phrase { margin-bottom: 30px; } .i-section__theme { margin-bottom: 30px; } .i-image__block { height: 200px; margin-bottom: 37px; } .pr-blob { top: -280px; } .i-quote__text-md { padding: 34px 0 20px 40px; max-width: 267px; } .p-business__description { font-size: 17px; margin-bottom: 25px; } .p-business__filter { margin-bottom: 40px; } .p-business__filter ul li { padding-bottom: 18px; } .p-business__content .p-inner__top-right { height: 300px; margin: 30px 0 0 0; } #p-inner__partner .i-inner__section { margin: 0 0 50px 0; } #p-inner__partner .i-section-r { margin-bottom: 55px; } #p-inner__partner .inner__blob-anim-3 { width: 277px; height: 264px; top: 24px; } #p-inner__partner .p-inner__top-right { margin: 42px 0 20px 0; } .partner__item { padding: 0 20px; margin: 20px 0; } #p-inner__about .i-quote__right { padding: 0; } #p-inner__about .i-section-image { width: 100%; } .p-about__content .p-inner__top-right { height: 245px; } .error-logo { height: 140px; width: 90px; } .error__blob { height: 267px; } .p-error__text { font-size: 16px; } .link-to__main { font-size: 14px; } .p-train__image { height: 200px; padding-bottom: 80%; } .p-train__item { margin-bottom: 48px; } .p-train__name { font-size: 20px; } .p-train__left { padding-right: 0; } .p-train__title { font-size: 21px; margin-bottom: 50px; } .p-train__content .p-news__title { font-size: 18px; } .p-train__list { margin-bottom: 70px; } .train__bottom { margin-top: 45px; margin-bottom: 20px; } .p-survey__content .p-inner__top-right { margin: 42px 0 12px 0; } #p-inner__info .p-inner__top-right { height: 250px; margin: 60px 0 0 0; } #p-inner__expert .p-inner__top-right { height: 325px; margin: 60px 0 50px 0; } #p-inner__expert .circle-sticker.load_more_answer { padding-top: 30px; } /*#p-inner__info .expert_detail .p-inner__top-right {*/ /* margin: 60px 0 40px 0;*/ /*}*/ .position__title_expert { font-size: 22px; } .small__title_expert { font-size: 18px; margin-bottom: 10px; } .p-inner__login { padding-top: 17vh; } .login-form { max-width: 100%; } .login-form .checking { margin-bottom: 20px; } .login-form__bottom { padding: 0; } .login__link { display: block; width: 100%; text-align: center; margin-bottom: 22px; } .btn__login { margin: 0 auto; width: 108px; height: 90px; } .btn__login .sticker-text { font-size: 36px; } .btn__login .jelly-canvas-5 { -webkit-transform: scale(1); transform: scale(1); } .btn__login .jelly-canvas-wrapper-5 { -webkit-transform: scale(0.4) translateX(-208px) translateY(-150px); transform: scale(0.4) translateX(-208px) translateY(-150px); } .btn__login .jelly-canvas-wrapper-5 .centroid-container { left: -7px; top: 102px; } .premium__main { padding-top: 50px; } .premium__jury-list { margin: 0; } .premium__jury-item { width: 100%; margin: 0 0 46px 0; } .premium__note { padding: 61px 22px; height: 237px; } .premium__note p { font-size: 16px; line-height: 1.3; } .btn__premium-send { margin: 0 auto 31px auto; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .premium__info-block-left { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-right: 0; } .premium__link p { font-size: 15px; margin-left: 9px; width: calc(100% - 51px); } .premium__main-normal { font-size: 18px; } .premium__main-bold { font-size: 18px; } .premium__date { margin-bottom: 37px; margin-top: 37px; } .premium__date-term { width: 100%; padding: 0; margin-bottom: 25px; } .premium__title { font-size: 18px; } .romb__list li { font-size: 16px; } .premium__prizes-section { margin-top: 40px; } .premium__prizes-text { width: 100%; margin-left: 0; margin-top: 7px; } .premium__prizes-item { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 43px; } .premium__participation-text { font-size: 12px; margin-bottom: 15px; } .btn__premium { width: 133px; height: 133px; font-size: 15px; } .btn__rules { margin-bottom: 50px; } .premium__info-block { margin-top: 0; } .premium-mob-bg { display: block; position: absolute; top: 0; left: 0; right: 0; width: 100%; } .premium-bg { display: none; } .personal__tabs-menu { border-bottom: none; } .personal__tabs-menu ul { -ms-flex-wrap: wrap; flex-wrap: wrap; } .personal__tabs-menu ul li { width: 100%; text-align: left; font-weight: normal; } .personal__tabs-menu ul li.active { border-bottom: 1px solid #DD0078; font-weight: 600; } .personal-business__block { width: 100%; margin: 0 0 60px 0; } .personal-business__list { margin: 0; max-width: 100%; } .personal__tabs-block { padding-left: 0; padding-top: 45px; } .personal__tabs-block .btn__plus-new { height: 160px; margin: 0; } .btn__plus-new { width: 100%; } .personal-business__image { height: 267px; position: relative; padding-bottom: 100%; } .personal-business__image img { position: absolute; } .personal-note { margin-left: 0; margin-top: 30px; text-align: center; } .login-form .checking { margin-top: 50px; margin-bottom: 64px; } .upload-avatar { margin: 0 auto; width: 160px; height: 160px; } .personal-photo label { text-align: center; display: block; margin-bottom: 37px; } .btn__save { width: 100%; } .personal-business__edit-image { width: 100%; margin: 0; height: 274px; margin-bottom: 22px; padding-bottom: 100%; position: relative; } .personal-business__edit-image img { position: absolute; } .imgs-for__business { margin: 0 0 43px 0; } .imgs-for__business .btn__plus-new { width: 100%; margin: 0; height: 160px; } .btn__publish, .btn__preview { width: 100%; margin: 0 0 30px 0; } .personal-business__detail .btn { margin: 0 9px; } .label-create__image br { display: none; } /*.section-profile {*/ /* padding-bottom: 15px;*/ /*}*/ .forum__banner { margin: 19px -30px; height: 248px; } .forum-banner-img { display: none; } .forum-banner-mobile-img { display: block; } .p-forum__title { font-size: 20px; margin-bottom: 20px; } .section-create-theme { padding-bottom: 40px; } .section-forum-card { padding-bottom: 73px; } .forum-card { margin-top: 17px; padding: 15px 22px 37px 22px; } .forum-card-img { margin: 0 auto 24px auto; } .forum-card__name { font-size: 16px; margin-bottom: 8px; } .section-forum-rules { padding-bottom: 50px; } .forum-table { display: none; } .forum-table-mobile { display: block } table.forum-table th.forum-column-title, table.forum-table th.forum-column-topics, table.forum-table th.forum-column-replies { border-left: none; border-right: none; } table.forum-table { border-bottom: none; } .forum-column-topics span, .forum-column-replies span{ font-style: normal; font-weight: 600; font-size: 15px; color: #290D58; } .forum-column-topics, .forum-column-replies { font-style: normal; font-weight: 400; font-size: 15px; color: #290D58; display: block; } table.forum-table th.forum-column-title, table.forum-table th.forum-column-topics, table.forum-table th.forum-column-replies { padding: 10px 12px; } div.forum-item-info { padding: 10px 12px; } span.forum-lastpost-title, .forum-lastpost-date { font-size: 14px; } .forum-item-author { font-size: 14px; } .forum-page-amount { display: none; } div.forum-page-navigation { width: 100%; justify-content: space-between; } .forum-page-pages { width: 40%; text-align: center; } .forum-page__content { padding-bottom: 70px; } div.forum-navigation-box { margin-top: 45px; } div.forum-lastpost-box { padding: 13px 12px; border-top: 1px solid #A6A4A0; } table.forum-table.forum-topic-list th.forum-column-title, table.forum-table.forum-topic-list td.forum-column-title { border-right: none; border-top: none; } .btn__create-theme { margin-bottom: 22px; } .forum-post-table { display: none; } .forum-post-table.forum-table-mobile { display: block; } table.forum-post-table td.forum-cell-user { width: 100%; } table.forum-post-table td.forum-cell-user.table_fix { width: 575px; } .forum-post-like { position: relative; bottom: 0; right: 0; } .forum-post-mobile-bottom { background: #FFFCFB; border-top: 1px solid #290D58; } .forum-post-mobile-bottom .forum-post-date { background: #FFFCFB; } div.forum-post-date { background-color: #fff; border-bottom: none; } .forum-post-like { padding: 10px 12px; display: flex; justify-content: space-between; } .forum-post-rating { display: none; } div.forum-post-number { display: none; } div.forum-user-additional { font-size: 14px; } div.forum-post-date { font-size: 14px; } .forum-user-name { margin-bottom: 3px; } .forum-name span{ margin-left: 16px; } .forum-block-inner.forum-block-mobile { display: block; } table.forum-post-table td.forum-cell-user { border-right: none; } .breadcrumbs__list { flex-wrap: wrap; } .login-form .password-hint { min-width: 70px; } /*уменьшил расстояние между цитата и имя*/ .forum-quote { margin-right: -200px; } div.forum-post-entry { font-size: 13px; padding: 10px; height: 100%; color: #290D58; } } /* End */ /* Start:/local/templates/slonworks/css/style_v2.css?17478098593025*/ .header__langs select { border: 0; background: transparent; color: #e12e3f; font-size: 16px; font-weight: 500; -webkit-appearance: none; -moz-appearance: none; background-image: url("/local/templates/slonworks/img/svg/arrow-bottom_red.svg"); background-repeat: no-repeat; background-position-x: 100%; background-position-y: 45%; padding: 10px; padding-right: 20px; } .logo-2 { width: 80px; height: auto; } .premium-logo { color: #fff; background: #e12e3f; padding: 6px 17px; } .premium-logo { border-radius: 3px; width: auto; height: auto; line-height: 18px; } .premium-logo:hover { color: #fff; } .nav-menu__mobile .premium-logo { height: auto; } .navbar { width: fit-content; } .about__program .p-home__text-sm { font-weight: 400; } .p-main__title { font-family: 'Gilroy'; font-weight: 500; } main { padding-top: 0 !important; } .preloader { display: none !important; } .header { position: relative !important; } .s-breadcrumbs { padding-top: 2rem; } .menu__list { margin-bottom: 0 !important; } .p-big__title { font-family: 'Gilroy'; margin-bottom: 40px; } .about__program .p-home__text-sm, .about__interview .p-home__text-md { max-width: 90%; } .footer__block { width: calc(33% - 13px); } .footer__item { border: 0; padding-bottom: 0rem; padding-top: 0rem; } .footer__item .f__title { color: #000000; margin-bottom: 10px; } .footer-logo-1 img, .footer-logo-2 img { max-width: 70%; } .footer-logo-1 { width: 140px; height: auto; display: block; margin-bottom: 2rem; } .footer-logo-2 { width: 140px; height: auto; display: block; } .f__phone { margin: 12px 0; } .f__bottom-links { margin-top: 4rem; } .p-train__content .p-train__list .p-train__item { position: relative; } .p-train__content .p-train__list .p-train__item { position: relative; border-radius: 10px; overflow: hidden; } .p-train__content .p-train__list .p-train__item .p-train__name { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); margin: 0; color: #fff; display: flex; align-items: flex-end; padding: 1rem; } #p-inner__train { padding-top: 105px; } #p-inner__news, #p-inner__products, #p-inner__history, #p-inner__about, #p-inner__train, #p-inner__mentor, #p-inner__care, #p-inner__contacts, #p-inner__info { background-color: #ffffff !important; padding-top: 0rem; } .menu__btn.btn:hover { color: #fff !important; } .premium-form .input{ border: 1px solid #D8D8D8; padding: .8rem 1rem !important; } .premium-form{ max-width: 90%; } .premium-form .checking{ padding-left: 0; } .premium-form .input-text{ margin-bottom: 1rem; } .premium-form .p-label{ margin-bottom: .2rem; } @media (max-width: 800px) { .footer__block { width: 100%; } .footer__top { justify-content: center; align-items: center; margin-bottom: 0rem; } .footer { padding: 30px 0; } .footer-logo-1 img, .footer-logo-2 img { max-width: 80px; } } .select__title:focus { outline: none; box-shadow: none; } /* End */ /* Start:/local/templates/.default/components/bitrix/menu/mainmenu_footer_v2/style.min.css?1738773214490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/.default/components/bitrix/menu/mainmenu_footer_v2/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/.default/components/bitrix/news.list/btnglobal/style.css?17537952452322*/ [data-b24-crm-button-cont]{ display:none !important; } .wave-button { position: relative; display: inline-block; } .wave-button button { position: relative; z-index: 2; padding: 12px 24px; font-size: 16px; cursor: pointer; } .wave-button .wave { position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; background: rgba(225, 46, 63, 0.5); border-radius: 50%; transform: translate(-50%, -50%) scale(0.2); opacity: 0; animation: wave-animation 5s infinite; z-index: 1; } .global-robot__right svg { position: relative; z-index: 10; } .global-robot__right .wave-button .wave{ width: 120px; height: 120px; } .wave-button .wave:nth-child(2) { animation-delay: 0s; } .wave-button .wave:nth-child(3) { animation-delay: 1s; } .wave-button .wave:nth-child(4) { animation-delay: 2s; } @keyframes wave-animation { 0% { transform: translate(-50%, -50%) scale(0.2); opacity: 0.5; } 70% { opacity: 0.1; } 100% { transform: translate(-50%, -50%) scale(2.5); opacity: 0; } } .global-robot{ position: absolute; bottom: 0; right: 50px; } .global-robot__container{ display: flex; align-items: center; justify-content: center; gap: .5rem; cursor: pointer; } .global-robot__right{ width: 80px; } .global-robot__left{ border-radius: 10px; padding: .8rem 1rem; font-size:0.9rem; background: #fdebeb; width: 220px; max-width: 90%; } /*.global-robot__container {*/ /* position: relative;*/ /*}*/ .global-robot__right { opacity: 0; transform: translateY(50px); filter: grayscale(100%); transition: opacity 1s ease, transform 1s ease, filter 1s ease; position: relative; } /* Появление */ .global-robot__right.show { opacity: 1; transform: translateY(0); filter: grayscale(0%); } /* Покачивание через 5 секунд */ .global-robot__right.floating { animation: floatY 2s ease-in-out infinite; } /* Анимация покачивания */ @keyframes floatY { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } } .global-robot__left { opacity: 0; transform: translateX(-30%); transition: opacity 1s ease, transform 1s ease; position: relative; } /* Появление */ .global-robot__left.show { opacity: 1; transform: translateX(0); } @media(max-width: 600px){ .global-robot{display: none;} } /* End */ /* /local/templates/slonworks/../design_v2/libs/css/swiper.css?171750407018429 */ /* /local/templates/slonworks/../design_v2/libs/css/plyr.css?173877321532499 */ /* /local/templates/slonworks/../design_home_v3/css/wysiwyg.css?17477357443550 */ /* /local/templates/slonworks/../design_v2/css/style.min.css?173877321583914 */ /* /local/templates/slonworks/../design_home_v3/css/main.css?174789223594325 */ /* /local/templates/.default/components/bitrix/menu/mainmenu_top_v2/style.min.css?1738773214490 */ /* /local/templates/slonworks/libs/bootstrap/bootstrap-reboot.css?17175040734179 */ /* /local/templates/slonworks/libs/bootstrap/bootstrap-grid.css?171750407328998 */ /* /local/templates/slonworks/libs/fancybox/jquery.fancybox.min.css?171750407312795 */ /* /local/templates/slonworks/libs/jquery-ui-selectmenu/jquery-ui.min.css?17175040733644 */ /* /local/templates/slonworks/libs/OwlCarousel2-2.3.4/owl.carousel.css?17175040735758 */ /* /local/templates/slonworks/libs/OwlCarousel2-2.3.4/owl.theme.default.min.css?17175040731013 */ /* /local/templates/slonworks/libs/remodal/remodal.css?17175040737443 */ /* /local/templates/slonworks/libs/remodal/remodal-default-theme.css?17175040735718 */ /* /local/templates/slonworks/libs/malihu/jquery.mCustomScrollbar.min.css?171750407342839 */ /* /local/templates/slonworks/libs/animate/animate.css?171750407395376 */ /* /local/templates/slonworks/fonts/fonts.css?17175040712726 */ /* /local/templates/slonworks/css/desktop.css?1747718288113353 */ /* /local/templates/slonworks/css/tablets.css?17387732168671 */ /* /local/templates/slonworks/css/mobile.css?173877321625649 */ /* /local/templates/slonworks/css/style_v2.css?17478098593025 */ /* /local/templates/.default/components/bitrix/menu/mainmenu_footer_v2/style.min.css?1738773214490 */ /* /local/templates/.default/components/bitrix/news.list/btnglobal/style.css?17537952452322 */