/* Start:/bitrix/templates/jiva/css/normalise.css?16000222017860*/ /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * 1. Remove the bottom border in Chrome 57- and Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], /* 1 */ [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, /* 1 */ menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } /* End */ /* Start:/bitrix/templates/jiva/css/libs/swiper.min.css?160002220113678*/ /** * Swiper 5.3.8 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://swiperjs.com * * Copyright 2014-2020 Vladimir Kharlampidi * * Released under the MIT License * * Released on: April 24, 2020 */ @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-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-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-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} /* End */ /* Start:/bitrix/templates/jiva/css/libs/animate.css?160002220178267*/ @charset "UTF-8"; /*! * animate.css -https://daneden.github.io/animate.css/ * Version - 3.7.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2019 Daniel Eden */ @-webkit-keyframes bounce { from, 20%, 53%, 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); -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); transform: translate3d(0, -30px, 0); } 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); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 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); -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); transform: translate3d(0, -30px, 0); } 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); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .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; } } .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); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-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); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 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 shake { 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); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-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); } } .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); } } .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); } } .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); } } .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); } } .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); } } .heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-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); } } .bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -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); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 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); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .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); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 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); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .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); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 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); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .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); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 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); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-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); } } .bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .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); } } .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); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate(-20%, 0); transform: translate(-20%, 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: translate(-20%, 0); transform: translate(-20%, 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); } } .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); } } .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); } } .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); } } .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); } } .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); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .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); } } .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); } } .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); } } .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); } } .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); } } .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); } } .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); } } .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); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-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; } } .animated.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); } } .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); } } .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; } } .flipOutX { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -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; } } .flipOutY { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 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 lightSpeedIn { 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); } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -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-transform-origin: top left; transform-origin: top left; -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-transform-origin: top left; transform-origin: top left; -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-transform-origin: top left; transform-origin: top left; -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-transform-origin: top left; transform-origin: top left; -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-transform-origin: top left; transform-origin: top left; -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; } } .hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: hinge; animation-name: hinge; } @-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); } } .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); } } .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); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8); /*-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.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8); /*-webkit-transform: scale3d(0.3, 0.3, 0.3);*/ /*transform: scale3d(0.3, 0.3, 0.3);*/ } 50% { opacity: 1; } } .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); } } .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); } } .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); } } .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); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-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; } } .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-transform-origin: center bottom; transform-origin: center bottom; -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-transform-origin: center bottom; transform-origin: center bottom; -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); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-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); -webkit-transform-origin: left center; transform-origin: left center; } } @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); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-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); -webkit-transform-origin: right center; transform-origin: right center; } } @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); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-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-transform-origin: center bottom; transform-origin: center bottom; -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-transform-origin: center bottom; transform-origin: center bottom; -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); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-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); } } .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); } } .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); } } .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); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-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); } } .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); } } .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); } } .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); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; } .animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; } .animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; } .animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; } .animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; } .animated.fast { -webkit-animation-duration: 800ms; animation-duration: 800ms; } .animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms; } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; } @media (print), (prefers-reduced-motion: reduce) { .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; } } /* End */ /* Start:/bitrix/templates/jiva/css/libs/jquery.fancybox.min.css?160002220113101*/ /* ================================================== // fancyBox v3.5.7 // // Licensed GPLv3 for open source use // or fancyBox Commercial License for commercial use // // http://fancyapps.com/fancybox/ // Copyright 2019 fancyApps // // ================================================== */ 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-outer,.fancybox-inner,.fancybox-bg,.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-infobar,.fancybox-toolbar,.fancybox-caption,.fancybox-navigation .fancybox-button{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0 ease .25s;visibility:hidden;z-index:99997}.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar,.fancybox-show-caption .fancybox-caption,.fancybox-show-nav .fancybox-navigation .fancybox-button{opacity:1;transition:opacity .25s ease 0s,visibility 0 ease 0;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--previous,.fancybox-slide--current,.fancybox-slide--next{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;-ms-transform-origin:top left;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-swipe .fancybox-content,.fancybox-can-pan .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;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--video .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--iframe .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-video,.fancybox-iframe{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:visited,.fancybox-button:link{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--play svg:nth-child(2),.fancybox-button--fsenter svg:nth-child(2){display:none}.fancybox-button--pause svg:nth-child(1),.fancybox-button--fsexit svg:nth-child(1){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;-ms-transform:scaleX(0);transform:scaleX(0);-ms-transform-origin: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(to top,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%,rgba(0,0,0,0) 100%);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}.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:fancybox-rotate 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 fancybox-rotate{100%{transform:rotate(360deg)}}.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:translate3d(0,0,0)}.fancybox-fx-fade.fancybox-slide--previous,.fancybox-fx-fade.fancybox-slide--next{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:scale3d(1,1,1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-ms-transform:rotate(-360deg);transform:rotate(-360deg)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-ms-transform:rotate(360deg);transform:rotate(360deg)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-ms-transform:rotate(0deg);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:scale3d(1,1,1) translate3d(0,0,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:translate3d(0,0,0) scale(1)}@media all and (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}}.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:visited,.fancybox-share__button:link{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:center center;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 all and (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:/bitrix/templates/jiva/css/style.css?1739971597215594*/ @font-face { font-display: swap; font-family: "Circe"; src: local("Circe Light"), local("Circe-Light"), url("/bitrix/templates/jiva/css/../fonts/Circe/light/Circe-Light.woff2") format("woff2"), url("/bitrix/templates/jiva/css/../fonts/Circe/light/Circe-Light.woff") format("woff"), url("/bitrix/templates/jiva/css/../fonts/Circe/light/Circe-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-display: swap; font-family: "Circe"; src: local("Circe"), local("Circe Regular"), local("Circe-Regular"), url("/bitrix/templates/jiva/css/../fonts/Circe/regular/Circe-Regular.woff2") format("woff2"), url("/bitrix/templates/jiva/css/../fonts/Circe/regular/Circe-Regular.woff") format("woff"), url("/bitrix/templates/jiva/css/../fonts/Circe/regular/Circe-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-display: swap; font-family: "Circe"; src: local("Circe Bold"), local("Circe-Bold"), url("/bitrix/templates/jiva/css/../fonts/Circe/bold/Circe-Bold.woff2") format("woff2"), url("/bitrix/templates/jiva/css/../fonts/Circe/bold/Circe-Bold.woff") format("woff"), url("/bitrix/templates/jiva/css/../fonts/Circe/bold/Circe-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-display: swap; font-family: "Circe"; src: local("Circe ExtraBold"), local("Circe-ExtraBold"), url("/bitrix/templates/jiva/css/../fonts/Circe/extrabold/Circe-ExtraBold.woff2") format("woff2"), url("/bitrix/templates/jiva/css/../fonts/Circe/extrabold/Circe-ExtraBold.woff") format("woff"), url("/bitrix/templates/jiva/css/../fonts/Circe/extrabold/Circe-ExtraBold.ttf") format("truetype"); font-weight: 800; font-style: normal; } @font-face { font-display: swap; font-family: 'MADECanvas'; src: local('MADE Canvas'), local('MADECanvas'), local('MADECanvas Regular'), local('MADECanvas-Regular'), url('/bitrix/templates/jiva/css/../fonts/MADECanvas/regular/MADECanvas.woff2') format('woff2'), url('/bitrix/templates/jiva/css/../fonts/MADECanvas/regular/MADECanvas.woff') format('woff'), url('/bitrix/templates/jiva/css/../fonts/MADECanvas/regular/MADECanvas.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-display: swap; font-family: 'BlasterIt'; src: local('BlasterIt'), local('Blaster Italic'), local('Blaster-Italic'), url('/bitrix/templates/jiva/css/../fonts/Blaster/regular/BlasterIt.ttf') format('truetype'); font-weight: 400; font-style: italic; } @font-face { font-display: swap; font-family: 'PF DaVinci Script Pro'; src: local('PFDaVinciScriptPro Regular'), local('PFDaVinciScriptPro-Regular'), url('/bitrix/templates/jiva/css/../fonts/PFDaVinciScriptPro/regular/PFDaVinciScriptPro-Regular.woff') format('woff'), url('/bitrix/templates/jiva/css/../fonts/PFDaVinciScriptPro/regular/PFDaVinciScriptPro-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'PF DaVinci Script Pro Inked'; src: url('/bitrix/templates/jiva/css/PFDaVinciScriptPro-Inked.eot'); src: local('PFDaVinciScriptPro-Inked'), url('/bitrix/templates/jiva/css/PFDaVinciScriptPro-Inked.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/jiva/css/PFDaVinciScriptPro-Inked.woff') format('woff'), url('/bitrix/templates/jiva/css/PFDaVinciScriptPro-Inked.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-display: swap; font-family: 'Myriad Pro'; src: local('Myriad Pro Semibold Italic'), local('MyriadPro-SemiboldIt'), url('/bitrix/templates/jiva/css/../fonts/MyriadPro/semibold/MyriadPro-SemiboldIt.woff2') format('woff2'), url('/bitrix/templates/jiva/css/../fonts/MyriadPro/semibold/MyriadPro-SemiboldIt.woff') format('woff'), url('/bitrix/templates/jiva/css/../fonts/MyriadPro/semibold/MyriadPro-SemiboldIt.ttf') format('truetype'); font-weight: 600; font-style: italic; } :root { --font-main: 'Circe', 'Arial', sans-serif; --font-logo: 'MADECanvas', 'Times', serif; --font-decor-first: 'BlasterIt', 'Arial', sans-serif; --font-decor-second: 'PF DaVinci Script Pro', 'Times', serif; --font-decor-third: 'Myriad Pro', 'Arial', sans-serif; --color-main-bg: #EAF1F9; --color-main: #393544; --color-white: #F0F7FF; --color-brown: #291C22; --color-red: #E13D3E; --color-gold: #F5D087; --color-emerald: #41C4A5; --color-gray: #D5D5D5; --color-light-gray: #A6B2C6; --color-dark-gray: #413B4A; --transition-main: 0.5s; } html { font-size: 62.5%; } body { margin: 0; padding: 0; font-family: var(--font-main); font-weight: 400; font-size: 1.8rem; background-color: var(--color-main-bg); color: var(--color-main); } img { max-width: 100%; height: auto; } a { display: block; text-decoration: none; color: inherit; transition: var(--transition-main); } ul, ol { margin: 0; padding: 0; list-style: none; } h1, h2, h3, h4, p { font-weight: 400; margin: 0; padding: 0; } input, button { box-sizing: border-box; padding: 0; border: none; background-color: transparent; } button, input, optgroup, select, textarea { font-family: var(--font-main); } button { cursor: pointer; } section { position: relative; z-index: 1; } .noscroll { overflow: hidden !important; height: 100% !important; } .overlay { display: none; z-index: 99; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(234, 241, 249, 0.5); } .overlay.active { display: block; } .hide { opacity: 0; } .hover-element { display: none !important; } .visually-hidden:not(:focus):not(:active), input[type="checkbox"].visually-hidden, input[type="radio"].visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; white-space: nowrap; -webkit-clip-path: inset(100%); clip-path: inset(100%); clip: rect(0 0 0 0); overflow: hidden; } .container-outside, .container { position: relative; margin-left: auto; margin-right: auto; padding-left: 2rem; padding-right: 2rem; } .container { width: 135rem; } .container-outside { width: 157rem; } html .mobile-flex, html .mobile-block { display: none; } html .desktop-block { display: block; } html .desktop-flex { display: flex; } .phone-mask:-moz-ui-invalid { box-shadow: none; } @media (max-width: 48em) { html { --container-padding-block: 3.5rem; } .main { overflow: hidden; margin-top: 11rem; } .container, .container-outside, .container-inside { width: auto; padding-left: var(--container-padding-block); padding-right: var(--container-padding-block); } html .desktop-flex, html .desktop-block { display: none; } html .mobile-block { display: block; } html .mobile-flex { display: flex; } } @media (max-width: 24.4em) { html { --container-padding-block: 2rem; } } @media (max-width: 21.25em) { .main { margin-top: 9rem; } } @media (max-width: 113em) { html { font-size: 54%; } } @media (max-width: 108em) { html { font-size: 52%; } } @media (max-width: 105em) { html { font-size: 50%; } } @media (max-width: 96em) { html { font-size: 48%; } } @media (max-width: 90em) { html { font-size: 46.875%; } } @media (max-width: 80em) { html { font-size: 41.667%; } } @media (max-width: 69em) { html { font-size: 33.333%; } } @media (max-width: 48em) { html { font-size: 62.5%; } } @media (max-width: 23em) { html { font-size: 60%; } } @media (max-width: 22em) { html { font-size: 58%; } } @media (max-width: 21em) { html { font-size: 53%; } } .o { outline: 1px solid red; } .r { border: 1px solid red; } .text-stroke { text-shadow: #000 1px 1px 0, #000 -1px -1px 0, #000 -1px 1px 0, #000 1px -1px 0; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; } .reset-list { margin: 0; padding: 0; list-style: none; } .img-cover { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .img-contain { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } /*design-components*/ .section-title { font-weight: 700; font-size: 3.8rem; line-height: 4rem; } .section-title--small { font-size: 3.5rem; } .section-title--big { font-size: 4rem; } .section-desc { color: var(--color-light-gray); line-height: 2.7rem; } .DaVinci { position: relative; display: inline-block; margin-left: 1rem; margin-right: 1rem; font-family: var(--font-decor-second); font-size: 4.4rem; letter-spacing: -0.02em; text-transform: initial; color: var(--color-gold); transform: rotate(-5.91deg); } .blaster { display: inline-block; font-family: var(--font-decor-first); font-style: italic; font-weight: 400; } .blaster--green { color: var(--color-emerald); } @media (max-width: 48em) { .section-title { font-size: 2.5rem; line-height: 3rem; } .section-desc { font-size: 1.3rem; line-height: 1.6rem; } .DaVinci { font-size: 3rem; } } .icon-search { width: 2.3rem; height: 2.3rem; } .icon-close { width: 2.3rem; height: 2.3rem; } .icon-region-2 { width: 2.6rem; height: 3.2rem; } .icon-region-3 { color: currentColor; width: 1.9rem; height: 2.5rem; transition: var(--transition-main); } .icon-arrow { width: 3.1rem; height: 1.1rem; } .icon-arrow-short { width: 1.3rem; height: 2.5rem; } .icon-compare { width: 1.5rem; height: 1.5rem; } .icon-tel { color: currentColor; --btn-tel-bg: #fff; width: 2.8rem; height: 2.8rem; } .icon-tel-circle { color: currentColor; width: 2.2rem; height: 2.2rem; transition: var(--transition-main); } .icon-shield { width: 5.5rem; height: 6.2rem; } #icon-shield-bg { transition: var(--transition-main); transform: var(--icon-shield-translate); } .aside-check:hover { --icon-shield-translate: translate(-0.5rem, -0.5rem); } .icon-download { width: 1.8rem; height: 1.8rem; } .icon-triangle-bottom { position: absolute; z-index: 1; top: 50%; transform: translateY(-50%); right: 0; width: 1.6rem; height: 1.6rem; fill: var(--color-light-gray); transition: var(--transition-main); } .filter__options.active .icon-triangle-bottom, .active.icon-triangle-bottom { transform: translateY(-50%) rotate(180deg); } .icon-star { width: 2.8rem; height: 2.8rem; transition: var(--transition-main); fill: transparent; stroke: #ADB9D9; } @media (max-width: 48em) { .icon-arrow-short { width: 1.1rem; height: 1.2rem; } .icon-region-2 { width: 2.2rem; height: 2.8rem; } .icon-region-3 { width: 1.5rem; height: 1.9rem; } .icon-tel-circle { width: 1.7rem; height: 1.7rem; } .icon-compare { width: 1rem; height: 1rem; } .icon-shield { width: 3.7rem; height: 4.6rem; } .icon-triangle-bottom { width: 1.4rem; height: 1.4rem; } .icon-star { width: 2.8rem; height: 2.8rem; } } .btn-submit { position: relative; display: flex; justify-content: center; align-items: center; width: 3.7rem; height: 3.7rem; border-radius: 50%; background-color: var(--color-white); transition: var(--transition-main); } .btn-submit__icon { fill: var(--color-main); } .btn-submit:hover, .btn-submit:focus { background-color: rgba(240, 247, 255, 0.8); } .btn-submit::before { content: ''; position: absolute; left: -0.1rem; width: 0.7rem; height: 0.7rem; border-radius: 50%; background-color: var(--color-emerald); } .btn-submit--big { width: 6rem; height: 6rem; box-shadow: 5px 5px 15px #D5E0ED; } .btn-submit--big .icon-arrow { width: 2rem; height: 2rem; } .btn-submit--big::before { width: 1rem; height: 1rem; } .btn-modal { box-sizing: border-box; position: relative; display: flex; justify-content: center; align-items: center; width: 25.5rem; height: 5.7rem; font-weight: 700; font-size: 1.7rem; text-align: center; border-radius: 1rem; transition: var(--transition-main); } .btn-modal__decor-line { position: absolute; bottom: -0.2rem; left: 50%; transform: translateX(-50%); width: 8.8rem; height: 0.5rem; background-color: var(--color-emerald); transition: inherit; } .btn-modal__decor-line::before, .btn-modal__decor-line::after { content: ''; position: absolute; bottom: 0; height: 0; width: 0; border-top: 0.5rem solid transparent; } .btn-modal__decor-line::before { left: -0.3rem; border-right: 0.3rem solid var(--color-emerald); } .btn-modal__decor-line::after { right: -0.3rem; border-left: 0.3rem solid var(--color-emerald); } .btn-modal:hover, .btn-modal:focus { outline: none; } .btn-modal:hover .btn-modal__decor-line, .btn-modal:focus .btn-modal__decor-line { width: 55%; } .btn-modal--dark { color: #fff; background-color: #403744; border: 0.2rem solid #5C5365; box-shadow: 10px 10px 40px rgba(62, 53, 75, 0.29); } .btn-modal--dark:hover, .btn-modal--dark:focus { background-color: var(--color-brown); } .btn-modal--white { color: var(--color-main); background-color: #EDF6FF; border: 0.2rem solid #F4FAFF; box-shadow: 10px 10px 40px #C8D9EC; } .btn-modal--white:hover, .btn-modal--white:focus { box-shadow: none; background-color: #F4FAFF; } .btn-modal--x-small { width: 22rem; } .btn-modal--x-small .btn-modal__decor-line { width: 7.3rem; } .btn-modal--small { width: 23rem; } .btn-modal--long { width: 30.5rem; } .btn-modal--long .btn-modal__decor-line { width: 13rem; } .btn-modal--middle { width: 28rem; } .btn-modal.desktop-block { display: flex; } .btn-modal.mobile-block { display: none; } .btn-link { display: flex; justify-content: center; align-items: center; width: 7rem; height: 8.2rem; background-color: #FFFFFF; box-shadow: 8px 8px 15px #D5E1F3; border-radius: 9rem; transition: var(--transition-main); } .btn-link__icon { fill: var(--color-main); transition: inherit; } .btn-link:hover, .btn-link:focus { outline: none; box-shadow: none; } .btn-link:hover .btn-link__icon, .btn-link:focus .btn-link__icon { fill: rgba(53, 53, 68, 0.6); } .btn-region-1 { position: relative; display: flex; align-items: center; color: inherit; padding-left: 2rem; transition: var(--transition-main); } .btn-region-1::before { position: absolute; content: ''; top: -0.1rem; left: -0.2rem; width: 1.8rem; height: 2.3rem; background-image: url('/bitrix/templates/jiva/css/../img/svg/region-1-w.svg'); background-repeat: no-repeat; background-position: center; background-size: contain; } .btn-region-1__icon { margin-right: 0.4rem; transition: inherit; } .btn-region-1:hover, .btn-region-1:focus { outline: none; opacity: 0.7; } .btn-region-2 { position: relative; display: flex; align-self: flex-start; width: 27.3rem; font-weight: 700; font-size: 1.7rem; transition: var(--transition-main); } .btn-region-2__icon { position: absolute; left: -3rem; color: #CACACA; transition: inherit; } .btn-region-2::before { content: ''; position: absolute; bottom: -0.6rem; width: 100%; height: 0.3rem; background-color: var(--color-red); border-radius: 0.9rem; transition: inherit; } .btn-region-2:hover, .btn-region-2:focus { outline: none; } .btn-region-2:hover .btn-region-2__icon, .btn-region-2:focus .btn-region-2__icon { color: #000000; } .btn-compare { position: relative; display: flex; align-items: center; width: 14.8rem; height: 2.9rem; padding-left: 2.7rem; font-weight: 700; font-size: 1.6rem; color: #fff; background-color: rgba(35, 46, 62, 0.64); border-radius: 9rem; transition: var(--transition-main); } .btn-compare__icon { position: absolute; top: 0.4rem; left: 0.7rem; fill: #fff; transition: inherit; } .btn-compare:hover, .btn-compare:focus { outline: none; color: rgba(255, 255, 255, 0.6); } .btn-compare:hover .btn-compare__icon, .btn-compare:focus .btn-compare__icon { fill: rgba(255, 255, 255, 0.6); } .btn-compare__desc { position: absolute; transition: var(--transition-main); } .btn-compare__selected { opacity: 0; visibility: hidden; } .btn-compare.selected .btn-compare__selected { opacity: 1; visibility: visible; } .btn-compare.selected .btn-compare__not-selected { opacity: 0; visibility: hidden; } .rehab-swiper-list .btn-compare { width: 9.8rem; } .btn-tel { width: 2.8rem; height: 2.8rem; color: #000; transition: var(--transition-main); } .btn-tel:hover, .btn-tel:focus { outline: none; opacity: 0.7; } .btn-download { display: inline-block; font-weight: 700; font-size: 1.2rem; transition: var(--transition-main); } .btn-download__icon { margin-right: 0.4rem; } .btn-download:hover, .btn-download:focus { opacity: 0.7; } .link-decoration-bottom { position: relative; display: inline-block; font-weight: 700; font-size: 2.2rem; } .link-decoration-bottom::before { position: absolute; content: ''; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 0.1rem; background-color: currentColor; transition: var(--transition-main); } .link-decoration-bottom:hover::before, .link-decoration-bottom:focus::before { width: 0; } @media (max-width: 48em) { .btn-modal { width: 32.4rem; height: 5rem; margin-left: auto; margin-right: auto; font-size: 1.5rem; } .btn-modal__decor-line { width: 11rem; } .btn-modal.desktop-block { display: none; } .btn-modal.mobile-block { display: flex; } .btn-modal--x-small .btn-modal__decor-line { width: 5.5rem; } .btn-link { width: 3.7rem; height: 4.3rem; border-radius: 4.65rem; } .btn-region-2 { width: 31.3rem; margin-left: 2.4rem; font-size: 1.5rem; } .btn-region-2__icon { top: 0.4rem; left: -2.8rem; color: #000; } .btn-region-2::before { height: 0.2rem; } .btn-compare { width: 11.2rem; height: 2rem; padding-left: 2.2rem; font-size: 1.2rem; } .btn-compare__icon { top: 0.4rem; left: 0.7rem; } .link-decoration-bottom { font-size: 1.5rem; } } @media (max-width: 23em) { .btn-modal__decor-line::before { left: -0.2rem; } .btn-modal__decor-line::after { right: -0.2rem; } } /*header*/ .header { position: relative; z-index: 5; width: 100%; font-size: 1.7rem; color: #fff; background-color: var(--color-brown); } .header a:hover, .header a:focus { opacity: 0.7; } .header__container { width: 138.5rem; } .header__wrap { display: flex; } .header__logo { top: 1.5rem; } .header__logo .logo__img-wrap { width: 16rem; height: 8rem; } .header__logo.logo { position: absolute; } .header__rows-wrap { display: flex; flex-direction: column; width: 117.8rem; margin-left: auto; margin-right: 1.9rem; padding-top: 1.2rem; } .header__row-top { display: flex; align-items: center; margin-bottom: 3rem; } .header__form-lang { margin-right: 2.6rem; } .header__text-wrap { margin-left: auto; font-size: 1.5rem; line-height: 1.7rem; text-align: right; } .header__text-item { font-weight: 700; } .header__text-item--gray { color: var(--color-gray); font-weight: 300; } .header__menu-toggle, .header__link-call-back { display: none; } @media (max-width: 48em) { .header { position: fixed; top: 0; padding-top: 1.5rem; padding-bottom: 1.5rem; font-size: 1.5rem; transition-property: background-color; transition-duration: 0.6s; } .header.active { height: 100vh; overflow-y: scroll; overflow-x: hidden; position: fixed; z-index: 10; background-color: var(--color-main); } .header.active .header__container { padding-top: 3.1rem; } .header.active .header__menu-toggle { position: absolute; top: 3rem; left: var(--container-padding-block); } .header.active .header__row-top { margin-bottom: 5.2rem; margin-right: 0; transition-duration: 0.6s; } .header.active .header__main-nav { display: block; } .header.active .header__logo, .header.active .header__link-call-back { z-index: -1; visibility: hidden; opacity: 0; } .header.active .header__logo { transition: 0s; } .header.active .header__link-call-back { transition-delay: 0s; } .header__container { width: auto; } .header__wrap { align-items: center; min-height: 8rem; } .header__logo { top: 0.5rem; left: 6.7rem; margin: 0; margin-right: auto; } .header__logo.logo { position: absolute; transition-delay: 0.4s; } .header__logo .logo__img-wrap { width: 13rem; height: 7rem; } .header__rows-wrap { width: 100%; margin: 0; padding: 0; } .header__row-top { margin-bottom: 0; margin-right: 3.5rem; margin-left: auto; transition-duration: 1s; transition-property: margin-right; } .header__form-lang { order: 2; margin-left: 1.4rem; margin-right: 0; } .header__link-modal-region { order: 1; } .header__link-call-back { position: absolute; right: var(--container-padding-block); transition-delay: 0.4s; order: 3; } .header__link-call-back .icon-tel { color: var(--color-brown); } .header__text-wrap { display: none; } .header__menu-toggle, .header__link-call-back { display: block; } } @media (max-width: 24.4em) { .header__logo { left: 5rem; } } @media (max-width: 21.25em) { .header { padding-top: 0.5rem; padding-bottom: 0.5rem; } } .logo { position: relative; display: flex; align-items: center; font-family: var(--font-logo); font-size: 4.1rem; letter-spacing: 0.04em; cursor: pointer; z-index: 0; } .logo__img-wrap { width: 9.3rem; height: 9.3rem; } .logo__img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-size: 1.6rem; } .logo__title { text-shadow: var(--color-brown) 0.1rem 0.1rem 0, var(--color-brown) -0.1rem -0.1rem 0, var(--color-brown) -0.1rem 0.1rem 0, var(--color-brown) 0.1rem -0.1rem 0; -webkit-text-stroke-color: #fff; -webkit-text-stroke-width: 0.06rem; } .logo__title--absolute { position: absolute; bottom: 2.5rem; left: 4.6rem; width: 10rem; } .logo__title--red { color: var(--color-red); text-shadow: none; text-shadow: var(--color-brown) 0.1rem 0.1rem 0, var(--color-brown) -0.1rem -0.1rem 0, var(--color-brown) -0.1rem 0.1rem 0, var(--color-brown) 0.1rem -0.1rem 0; -webkit-text-stroke-color: var(--color-red); -webkit-text-stroke-width: 0.06rem; } .logo__title-decor { position: relative; } .logo__icon { position: absolute; top: 42%; left: -1.1rem; width: 1.4rem; height: 1.4rem; fill: #fff; stroke: var(--color-brown); stroke-width: 1; } .logo__desc { font-family: var(--font-main); font-size: 1.6rem; text-transform: uppercase; letter-spacing: 0; text-align: center; } /* main-info, главная */ .logo-big { font-size: 9.2rem; } .logo-big .logo__img-wrap { margin-bottom: 2.9rem; width: 31.2rem; height: 31.2rem; } .logo-big .logo__title { text-shadow: var(--color-brown) 0.3rem 0.3rem 0, var(--color-brown) -0.3rem -0.3rem 0, var(--color-brown) -0.3rem 0.3rem 0, var(--color-brown) 0.3rem -0.3rem 0; -webkit-text-stroke-width: 0.26rem; } .logo-big .logo__title--red { text-shadow: var(--color-brown) 0.3rem 0.3rem 0, var(--color-brown) -0.3rem -0.3rem 0, var(--color-brown) -0.3rem 0.3rem 0, var(--color-brown) 0.3rem -0.3rem 0; -webkit-text-stroke-width: 0.26rem; } .logo-big .logo__icon { left: -2.2rem; width: 2.8rem; height: 2.8rem; } .logo-big .logo__desc { width: 45rem; margin-top: 0.8rem; } /* подвал */ .logo-middle { font-size: 6.8rem; } .logo-middle .logo__img-wrap { width: 21.6rem; height: 21.6rem; } .logo-middle .logo__img { -o-object-position: -0.5rem -1.9rem; object-position: -0.5rem -1.9rem; } .logo-middle .logo__title { text-shadow: #fff 0.2rem 0.2rem 0, #fff -0.2rem -0.2rem 0, #fff -0.2rem 0.2rem 0, #fff 0.2rem -0.2rem 0; -webkit-text-stroke-width: 0.2rem; -webkit-text-stroke-color: var(--color-dark-gray); } .logo-middle .logo__title--absolute { width: auto; top: 7.8rem; bottom: auto; left: auto; right: 5.2rem; } .logo-middle .logo__title--red { text-shadow: #fff 0.2rem 0.2rem 0, #fff -0.2rem -0.2rem 0, #fff -0.2rem 0.2rem 0, #fff 0.2rem -0.2rem 0; -webkit-text-stroke-width: 0.2rem; } .logo-middle .logo__icon { left: -1.8rem; width: 2.1rem; height: 2rem; fill: var(--color-dark-gray); stroke-width: 0.05rem; stroke: #fff; } /* main-info, о портале */ .logo-more-middle { font-size: 6.5rem; } .logo-more-middle .logo__img-wrap { width: 31.2rem; height: 31.2rem; } .logo-more-middle .logo__img { -o-object-position: -0.5rem -1.9rem; object-position: -0.5rem -1.9rem; } .logo-more-middle .logo__title { margin-top: -5rem; margin-bottom: 1.1rem; text-shadow: #fff 0.2rem 0.2rem 0, #fff -0.2rem -0.2rem 0, #fff -0.2rem 0.2rem 0, #fff 0.2rem -0.2rem 0; -webkit-text-stroke-width: 0.2rem; -webkit-text-stroke-color: var(--color-dark-gray); } .logo-more-middle .logo__title--red { text-shadow: #fff 0.2rem 0.2rem 0, #fff -0.2rem -0.2rem 0, #fff -0.2rem 0.2rem 0, #fff 0.2rem -0.2rem 0; -webkit-text-stroke-width: 0.2rem; } .logo-more-middle .logo__icon { left: -1.4rem; width: 1.8rem; height: 1.8rem; fill: var(--color-dark-gray); stroke-width: 0.05rem; stroke: #fff; } .logo-more-middle .logo__desc { width: 42rem; font-size: 1.4rem; line-height: 3.3rem; } @media (max-width: 48em) { .logo { font-size: 2.6rem; } .logo__img-wrap { width: 8rem; height: 8rem; } .logo__title--absolute { left: 1.1rem; width: 7rem; } .logo__icon { top: 38%; left: -0.7rem; width: 1rem; height: 1rem; } .logo__desc { font-size: 1.1rem; } /* main-info, главная */ .logo-big { font-size: 5.6rem; } .logo-big .logo__img-wrap { margin-bottom: 0.7rem; width: 17.2rem; height: 17.2rem; } .logo-big .logo__title { -webkit-text-stroke-width: 0.1rem; } .logo-big .logo__title--red { -webkit-text-stroke-width: 0.1rem; } .logo-big .logo__icon { top: 41%; left: -1.3rem; width: 1.8rem; height: 1.8rem; } .logo-big .logo__desc { width: auto; margin-top: 0.5rem; padding-left: 1rem; padding-right: 1rem; } /* подвал */ .logo-middle { font-size: 6.8rem; } .logo-middle .logo__img { -o-object-position: 1rem 0.6rem; object-position: 1rem 0.6rem; } .logo-middle .logo__title--absolute { top: 10.3rem; right: 6.6rem; } .logo-middle .logo__icon { top: 45%; } /* main-info, о портале */ .logo-more-middle { font-size: 6.8rem; } .logo-more-middle .logo__img-wrap { width: 26.2rem; height: 26.2rem; } .logo-more-middle .logo__title { margin-top: -3rem; } .logo-more-middle .logo__icon { top: 45%; } .logo-more-middle .logo__desc { width: auto; font-size: 1.3rem; line-height: 3.2rem; } .logo-more-middle .DaVinci { font-size: 3.8rem; } } .main-nav { display: flex; } .main-nav__list { position: relative; z-index: 0; display: flex; flex-wrap: wrap; max-width: 113rem; visibility: visible; opacity: 1; transition: var(--transition-main); } .main-nav__list.search-active { position: absolute; z-index: -1; visibility: hidden; opacity: 0; } .main-nav__item { position: relative; margin-right: 2.7rem; } .main-nav__item:last-child { margin-right: 0; } .main-nav__link { display: block; position: relative; padding-bottom: 2.6rem; color: inherit; cursor: pointer; } .main-nav__sublist { box-sizing: border-box; position: absolute; z-index: 5; top: 4.9rem; visibility: hidden; opacity: 0; transition-duration: 0.6s; width: 30.1rem; padding: 2.6rem; background-color: var(--color-dark-gray); border-radius: 0 0 3rem 3rem; } .main-nav__subitem { margin-bottom: 2rem; } .main-nav__subitem:last-child { margin-bottom: 0; } .main-nav__sublink { display: block; } .main-nav__search-toggle { align-self: flex-start; margin-left: auto; } @media (min-width: 48em) { .main-nav__item.selected-on-tab .main-nav__sublist, .main-nav__item:hover .main-nav__sublist, .main-nav__link:focus + .main-nav__sublist { visibility: visible; opacity: 1; } } @media (max-width: 48em) { .main-nav { display: none; width: 100%; } .main-nav__list { flex-direction: column; margin-bottom: 20rem; font-size: 1.6rem; } .main-nav__item { position: relative; margin-top: 0; margin-right: 0; padding-bottom: 2.18rem; } .main-nav__link { padding: 0; } .main-nav__link::before { content: none; } .main-nav-sub { position: relative; } .main-nav-sub::before, .main-nav-sub::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 0; transition: var(--transition-main); width: 0.7rem; height: 0.1rem; background-color: currentColor; } .main-nav-sub::after { transform: translateY(-50%) rotate(90deg); } .main-nav-sub.active { color: #CBD7EF; } .main-nav-sub.active::after { opacity: 0; } .main-nav__sublist { display: none; position: relative; top: 0; opacity: 1; visibility: visible; transition: initial; width: auto; padding: 0; padding-left: 1.5rem; font-size: 1.3rem; text-transform: none; background-color: transparent; } .main-nav__subitem { margin-bottom: 2.5rem; } .main-nav__subitem:last-child { margin-bottom: 0; } .main-nav__subitem:first-child { margin-top: 2.4rem; } } .select-lang { position: relative; } .select-lang.custom::after { content: none; } .select-lang::after, .select-lang__select::after, .custom-select__option--value::after { content: ''; position: absolute; z-index: 0; top: 50%; transform: translateY(-50%); right: 0; border: 0.4rem solid var(--color-gold); border-top-color: var(--color-gold); border-bottom-width: 0; border-right-color: transparent; border-left-color: transparent; cursor: pointer; transition: var(--transition-main); } .select-lang::after { content: none; } .select-lang.active::after, .select-lang__select.active::after, .custom-select--active .custom-select__option--value::after { transform: translateY(-50%) rotate(-180deg); } .custom-select__option--value { min-width: 3.6rem; padding-right: 1.2rem; } .select-lang__select { padding-right: 1rem; } .select-lang__select option { background-color: var(--color-brown); } .select-lang__select, .custom-select__option, .custom-select { box-sizing: border-box; width: 100%; font-family: var(--font-main); font-weight: 700; text-transform: uppercase; text-align: left; color: #fff; border: none; background-color: transparent; -moz-appearance: none; -webkit-appearance: none; appearance: none; outline: none; cursor: pointer; } .custom-select__option { height: 2.4rem; transition: var(--transition-main); } .custom-select__option:hover, .custom-select__option:focus { color: var(--color-brown); background-color: #fff; } .custom-select__option--value { margin-top: 0; margin-bottom: 0; } .custom-select__option--value:hover, .custom-select__option--value:focus { color: rgba(255, 255, 255, 0.6); background-color: transparent; } .custom-select__dropdown { position: absolute; z-index: 10; background-color: var(--color-brown); } .select-lang__select, .select-lang__option { transition: var(--transition-main); } .select-lang__select:hover, .select-lang__option:hover, .select-lang__select:focus, .select-lang__option:focus { opacity: 0.7; } .select-lang__input { visibility: hidden; } .select-lang__list { display: none; position: absolute; z-index: 10; color: #fff; background-color: var(--color-brown); } .select-lang__item { margin-top: 0.8rem; padding-right: 1rem; } .select-lang__option { color: inherit; } @media (max-width: 48em) { .select-lang { width: 3.1rem; transition-property: width; transition-duration: 0.6s; transition-delay: 0.2s; } .select-lang__select::after { transition-delay: 0s; } .mobile-menu.select-lang { overflow: hidden; width: 7rem; transition-duration: 0.5s; transition-delay: 0.6s; } .mobile-menu .select-lang__select { position: absolute; opacity: 0; z-index: -1; visibility: hidden; } .mobile-menu .select-lang__select::after { opacity: 0; transition: 2s; } .mobile-menu .select-lang__list { display: flex !important; top: auto; position: static; position: relative; flex-direction: row-reverse; background-color: transparent; } .mobile-menu .select-lang__item { margin-top: 0; } .mobile-menu .select-lang__item.current { font-weight: 700; color: var(--color-gold); } } .search { position: absolute; z-index: -1; margin-left: 4rem; opacity: 0; } .search.active { position: relative; z-index: 0; opacity: 1; } .search, .search-toggle, .search__icon, .search__datalist-wrap { transition: var(--transition-main); } .search-toggle { position: relative; width: 2.3rem; height: 2.3rem; margin-bottom: 2.6rem; font-size: 0.5rem; color: transparent; cursor: pointer; -moz-appearance: none; -webkit-appearance: none; appearance: none; outline: none; } .search-toggle:hover .search__icon, .search-toggle:focus .search__icon { fill: rgba(255, 255, 255, 0.6); } .search__icon { position: absolute; top: 0; left: 0; fill: #fff; } .search__icon--search { z-index: 0; opacity: 1; } .search__icon--close { z-index: -1; opacity: 0; } .active .search__icon--search { z-index: -1; opacity: 0; } .active .search__icon--close { z-index: 0; opacity: 1; } .search-toggle, .search__input { -moz-appearance: none; -webkit-appearance: none; appearance: none; outline: none; } .search__form { position: relative; visibility: hidden; display: flex; align-items: flex-start; } .active .search__form { visibility: visible; } .search__input { box-sizing: border-box; position: relative; width: 105.5rem; border-bottom: 0.1rem solid #413B4A; color: inherit; } .search__input::-moz-placeholder { opacity: 1; color: inherit; } .search__input:-ms-input-placeholder { opacity: 1; color: inherit; } .search__input::placeholder { opacity: 1; color: inherit; } .search__input:-moz-ui-invalid { box-shadow: none; } .search__label-icon { content: ''; position: absolute; left: -3.8rem; width: 2.3rem; height: 2.3rem; cursor: pointer; } .search__label-icon:hover .search__icon { fill: rgba(255, 255, 255, 0.6); } .search__datalist-wrap { box-sizing: border-box; position: absolute; z-index: -1; opacity: 0; visibility: hidden; top: 4.9rem; left: -4rem; width: 117.8rem; padding: 2.3rem 4rem; background: #413B4A; border-radius: 0 0 5.8rem 5.8rem; } .search__datalist-wrap.active { z-index: 0; opacity: 1; visibility: visible; } .search__datalist { font-size: 1.8rem; } .search__datalist-item { margin-bottom: 1.5rem; } /* дизайнерские костыли */ .search__input, .search__label-icon { top: -0.3rem; } .search-toggle { top: -0.7rem; left: 0.4rem; } .search__btn-submit { top: -1.4rem; margin-left: 0.6rem; } @media (max-width: 48em) { .search-toggle { display: none; } } .menu-toggle { position: relative; width: 2.7rem; height: 2.1rem; padding: 0; color: transparent; background-color: transparent; border: none; cursor: pointer; } .menu-toggle span { position: relative; z-index: 1; display: inline-block; vertical-align: middle; width: 100%; height: 1px; font-size: 0; color: transparent; background-color: #fff; cursor: pointer; transition: 0.1s 0.1s; } .menu-toggle.active span { background-color: transparent; } .menu-toggle::before, .menu-toggle::after { content: ""; position: absolute; right: 0; width: 100%; height: 1px; background-color: #fff; transition-property: all, transform; transition-duration: 0.3s; transition-delay: 0.3s, 0s; } .menu-toggle::before { top: 0; } .menu-toggle::after { bottom: 0; } .active.menu-toggle::before, .active.menu-toggle::after { transition-delay: 0s, 0.3s; } .active.menu-toggle::before { top: 1rem; transform: rotate(45deg) rotate(90deg); } .active.menu-toggle::after { bottom: 1rem; transform: rotate(45deg); } .main-info { position: relative; display: flex; flex-direction: column; align-items: center; padding-bottom: 27.7rem; z-index: 0; color: #fff; } .main-info::before, .main-info::after { position: absolute; content: ''; z-index: -1; left: 50%; transform: translateX(-50%); background-repeat: no-repeat; background-position: center; background-size: contain; } .main-info--white-overlay::before { position: absolute; content: ''; z-index: -1; width: 100%; height: 100rem; background-color: #fff; } .main-info__bg { position: absolute; z-index: -1; top: -81rem; width: 153.4rem; height: 150rem; border-radius: 50%; background-image: radial-gradient(43.24% 44.87% at 2.24% 86.64%, #504D60 0%, #2F1F27 100%); background-repeat: no-repeat; background-position: center; background-size: contain; } .main-info__logo { flex-direction: column; margin-top: 3rem; cursor: initial; } .main-info__aside-left { position: absolute; z-index: 1; top: 12.2rem; right: 50%; transform: translateX(59.2rem); display: flex; flex-direction: column; width: 22.5rem; } .main-info__aside-left-desc { margin-bottom: 3rem; font-weight: 700; font-size: 2rem; line-height: 2.5rem; } .main-info__aside-left-desc--gold { display: block; color: var(--color-gold); } .main-info__aside-left-desc--light { font-weight: 300; font-size: 1.6rem; line-height: 2.5rem; } .main-info__aside-btn-modal { margin-top: 0.7rem; } .main-info__decor { position: absolute; z-index: 0; background-repeat: no-repeat; background-position: center; top: var(--top); left: 50%; transform: translateX(-50%); width: 100%; height: var(--height); background-image: url('/bitrix/templates/jiva/css/../img/main-info/1-2-d.svg'); background-size: cover; --top: 31.3rem; --height: 112.7rem; --dynamic-height: 58.697vw; } @media (min-width: 1921px) { .main-info__decor { /* Декоративный элемент должен увеличивать height через vw и понижать top на треть от этой высоты 1) --dynamic-height - это та же высота, выраженная в vw (1127px/112.7rem = 58.697vw) 2) --difference-height - это разница между динамической и статичной высотой 3) --dynamic-top - динамическая величина top, зависимая от высоты декоративного элемента (чем больше элемент - тем на треть меньше top) */ --difference-height: calc(var(--dynamic-height) - var(--height)); --dynamic-top: calc(var(--top) - var(--difference-height) / 3); top: var(--dynamic-top); height: var(--dynamic-height); } } .main-info__text-wrap { padding-top: 12rem; font-weight: 700; text-align: center; } .main-info__subtitle { margin-bottom: 1.4rem; font-weight: inherit; font-size: 2.2rem; } .main-info__subtitle--green { color: var(--color-emerald); } .main-info__title { margin-bottom: 1.7rem; font-weight: inherit; font-size: 4rem; line-height: 5rem; } .main-info__desc { font-size: 1.9rem; line-height: 2.8rem; } .main-info__desc--bold { font-weight: bold; } .main-info__btn-modal { z-index: 1; margin-top: 2.8rem; } .main-info__contact-link { display: inline; margin-left: 0.5rem; margin-right: 0.5rem; } /* главная */ .main-info-one::after { top: 22.9rem; transform: translateX(-79.5rem); width: 47rem; height: 47rem; background-image: url('/bitrix/templates/jiva/css/../img/main-info/1-1.svg'); } /* центры */ .main-info-two { padding-bottom: 42.7rem; color: inherit; } .main-info-two .main-info__bg { top: -27.8rem; width: 80.8rem; height: 80.8rem; background-image: linear-gradient(180deg, #FFFFFF 6.94%, #FAFBFB 85.09%); box-shadow: 0px 100px 250px rgba(255, 254, 240, 0.94); } .main-info-two::after { top: 44.6rem; width: 50.8rem; height: 32rem; background-image: url('/bitrix/templates/jiva/css/../img/main-info/2-1.svg'); } /* база знаний */ .main-info-three { padding-bottom: 47.5rem; } .main-info-three .main-info__bg { z-index: -2; top: -40rem; width: 90rem; height: 90rem; background-image: none; background-color: var(--color-brown); } .main-info-three .main-info__text-wrap { width: 74rem; padding-top: 9.4rem; } .main-info-three .main-info__btn-modal { background-color: #463E4D; border: 0.2rem solid #514959; box-shadow: 10px 10px 40px #2B1E24; } .main-info-three .main-info__btn-modal:hover, .main-info-three .main-info__btn-modal:focus { background-color: #403744; } .main-info-three::before { top: -12.5rem; width: 132.9rem; height: 69.1rem; background-image: url('/bitrix/templates/jiva/css/../img/main-info/3-1-d.svg'); } .main-info-three::after { top: 42rem; width: 44.4rem; height: 57.4rem; background-image: url('/bitrix/templates/jiva/css/../img/main-info/3-2.svg'); } /* эксперты */ .main-info-four { padding-bottom: 37.2rem; } .main-info-four .main-info__bg { top: -56.5rem; width: 115.9rem; height: 115.9rem; background-image: radial-gradient(74.44% 77.83% at 100.48% 83.04%, #605D72 0%, #2F1F27 100%); transform: matrix(-1, 0, 0, 1, 0, 0); } .main-info-four .main-info__text-wrap { padding-top: 1rem; width: 80rem; } .main-info-four .main-info__title { font-size: 4.5rem; line-height: 4.5rem; } .main-info-four .main-info__subtitle { font-weight: 400; font-size: 1.6rem; } .main-info-four .main-info__desc { font-size: 2rem; line-height: 2.9rem; } .main-info-four .main-info__decor { /* это переменная, см. комментарий к .main-info__decor */ --top: 37.3rem; } .main-info-four::after { top: 39.8rem; transform: translateX(-43.2rem); width: 39.3rem; height: 36.8rem; background-image: url('/bitrix/templates/jiva/css/../img/main-info/4-1.svg'); } /* о портале */ .main-info-five { padding-bottom: 6.3rem; color: inherit; } .main-info-five .main-info__bg { top: -40rem; width: 88.2rem; height: 88.2rem; background-image: linear-gradient(180deg, #FFFFFF 6.94%, #FAFBFB 85.09%); box-shadow: 0px 109.158px 272.896px rgba(255, 254, 240, 0.94); } .main-info-five .main-info__logo { margin-top: 2rem; } /* контакты */ .main-info-six { padding-bottom: 3.5rem; color: inherit; } .main-info-six .main-info__bg { top: -48.8rem; width: 80.8rem; height: 80.8rem; background-image: linear-gradient(180deg, #FFFFFF 6.94%, #FAFBFB 85.09%); box-shadow: 0px 100px 250px rgba(255, 254, 240, 0.94); } .main-info-six .main-info__text-wrap { padding-top: 39.8rem; } .main-info-six .main-info__subtitle { font-size: 1.9rem; } .main-info-six .main-info__desc { font-size: 2rem; } .main-info-six::after { top: -34.5rem; transform: translateX(-47%); width: 95rem; height: 111.3rem; background-image: url('/bitrix/templates/jiva/css/../img/main-info/6-1-d.svg'); } @media (max-width: 48em) { .main-info { padding-bottom: 30.4rem; padding-left: 2rem; padding-right: 2rem; } .main-info--white-overlay::before { height: 90rem; } .main-info__bg { top: -18.2rem; width: 80.8rem; height: 84.7rem; } .main-info__logo { margin-top: 1.5rem; } .main-info__aside-left { position: relative; top: auto; right: auto; transform: none; width: auto; margin-top: 2.1rem; text-align: center; } .main-info__aside-left-desc { margin-bottom: 0.8rem; font-size: 1.8rem; } .main-info__aside-left-desc--gold { display: inline-block; font-size: 2rem; } .main-info__aside-left-desc--light { font-size: 1.4rem; line-height: 2rem; } .main-info__aside-btn-modal { order: -1; margin-top: 0; margin-bottom: 2rem; } .main-info__decor { height: 98.3rem; top: 47.3rem; background-image: url('/bitrix/templates/jiva/css/../img/main-info/1-2-m.svg'); } .main-info__text-wrap { padding-top: 4.5rem; } .main-info__subtitle { margin-bottom: 2.7rem; font-size: 1.8rem; } .main-info__title { margin-bottom: 1.4rem; font-size: 2.5rem; line-height: 3rem; } .main-info__desc { font-size: 1.5rem; line-height: 2.2rem; } .main-info__btn-modal { margin-top: 2.8rem; } .main-info__breadcrumbs { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; align-self: flex-start; } .main-info__contact-link { display: block; margin-left: 0; margin-right: 0; } /* главная */ .main-info-one::after { top: 52.9rem; transform: translateX(-21rem); width: 36.8rem; height: 36.8rem; } /* центры */ .main-info-two .main-info__bg { top: -18.2rem; width: 62.8rem; height: 62.8rem; } .main-info-two::after { top: 39.5rem; width: 35.3rem; height: 22.2rem; } /* база знаний */ .main-info-three .main-info__bg { width: 80rem; height: 80rem; } .main-info-three .main-info__text-wrap { width: auto; padding-top: 4.3rem; padding-left: 1rem; padding-right: 1rem; } .main-info-three .main-info__title { margin-bottom: 2.6rem; line-height: 3.7rem; } .main-info-three .main-info__btn-modal { background-color: #403744; border: 0.2rem solid #5C5365; box-shadow: 10px 10px 40px rgba(62, 53, 75, 0.29); } .main-info-three .main-info__btn-modal:hover, .main-info-three .main-info__btn-modal:focus { background-color: var(--color-brown); } .main-info-three::before { top: -18rem; height: 66.2rem; } .main-info-three::after { top: 38rem; width: 28rem; height: 36.3rem; } /* эксперты */ .main-info-four { padding-bottom: 36.6rem; } .main-info-four .main-info__bg { top: -27rem; width: 80.8rem; height: 84.7rem; background-image: radial-gradient(43.24% 44.87% at 2.24% 86.64%, #504D60 0%, #2F1F27 100%); transform: rotate(-1.37deg); } .main-info-four .main-info__text-wrap { width: auto; padding-top: 0.5rem; } .main-info-four .main-info__title { margin-bottom: 3rem; font-size: 2.5rem; line-height: 3rem; } .main-info-four .main-info__subtitle { font-size: 1.3rem; } .main-info-four .main-info__desc { font-size: 1.5rem; line-height: 2rem; } .main-info-four .main-info__decor { top: 38rem; } .main-info-four::after { top: 44.3rem; transform: translateX(-19.5rem); width: 36.8rem; height: 36.8rem; background-image: url('/bitrix/templates/jiva/css/../img/main-info/1-1.svg'); } /* о портале */ .main-info-five { padding-bottom: 4.6rem; } .main-info-five .main-info__bg { top: -35.5rem; } .main-info-five .main-info__logo { margin-top: 7rem; } /* контакты */ .main-info-six { margin-bottom: 19.3rem; } .main-info-six .main-info__breadcrumbs { display: none; } .main-info-six .main-info__bg { top: -8rem; width: 51.4rem; height: 51.4rem; } .main-info-six .main-info__text-wrap { padding-top: 5.6rem; } .main-info-six .main-info__subtitle { margin-bottom: 1rem; } .main-info-six .main-info__desc { font-size: 1.5rem; line-height: 2.3rem; } .main-info-six::after { top: auto; bottom: -8.8rem; width: 35rem; height: 35.6rem; background-image: url('/bitrix/templates/jiva/css/../img/main-info/6-1-m.svg'); } .main-info-six::before { z-index: 0; top: 25.6rem; width: 100%; height: 35.5rem; background-image: url('/bitrix/templates/jiva/css/../img/main-info/6-2-m.svg'); } } @media (max-width: 420px) { .main-info-three::before { background-image: url('/bitrix/templates/jiva/css/../img/main-info/3-1-m.svg'); } } @media (max-width: 375px) { .main-info-three::before { top: -14.8rem; width: 380px; } } .stages { padding-top: 9.9rem; padding-bottom: 9.9rem; } .stages__main-text-wrap { display: flex; justify-content: space-between; align-items: center; margin-bottom: 7.2rem; } .stages__list { justify-content: space-between; display: grid; grid-template-columns: repeat(4, 32rem); grid-row-gap: 9rem; } .stages__item { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; text-align: center; } .stages__item-link { position: relative; height: 45.8rem; box-sizing: border-box; background: #fff; padding: 2.1rem 2.1rem 3rem; border-radius: 50rem 50rem 15rem 15rem; box-shadow: 9px 30px 100px rgba(183, 195, 223, 0.20); } .stages__item-link:hover { box-shadow: none; } .stages__title { width: 22.6rem; font-family: var(--font-main); font-size: 2.2rem; font-style: normal; font-weight: 700; line-height: 2.8rem; text-align: left; } .stages__title-count { position: absolute; right: 2rem; bottom: 2rem; font-family: var(--font-decor-first); font-size: 3rem; font-style: italic; font-weight: 400; line-height: 3.5rem; padding-right: 1rem; color: var(--color-emerald); text-align: right; } .stages__subtitle { margin-top: 1.4rem; margin-bottom: 1.4rem; font-weight: 700; font-size: 2rem; } .stages__desc { margin-top: 1.4rem; margin-bottom: 1.6rem; } .stages__link:hover, .stages__link:focus { box-shadow: none; } .stages__link:hover .btn-link__icon, .stages__link:focus .btn-link__icon { fill: rgba(53, 53, 68, 0.6); } .stages__img-wrap { position: relative; left: 0; width: 100%; height: 41.7rem; background-image: url('/bitrix/templates/jiva/css/../img/figure/figure-stages-d.svg'); background-repeat: no-repeat; background-position: center; background-size: cover; } .stages__img { width: 27.2rem; height: 26.4rem; border-radius: 50%; -o-object-fit: cover; object-fit: cover; margin-bottom: 4.5rem; } .stages__btn-link { position: absolute; bottom: 0.6rem; left: 50%; transform: translateX(-50%); } @media (max-width: 48em) { .stages { padding-top: 5rem; padding-bottom: 5rem; } .stages__main-text-wrap { display: flex; justify-content: space-between; align-items: center; margin-bottom: 3.8rem; } .stages__item-link { width: 16rem; height: 24.7rem; padding: 1.4rem 1.1rem 1.2rem; } .stages__btn-modal { display: none; } .stages__list { grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 1.5rem; margin-bottom: 3rem; } .stages__title { width: 13.4rem; font-family: var(--font-main); font-weight: 700; font-style: normal; font-size: 1.8rem; line-height: 1.8rem; overflow-wrap: break-word; hyphens: auto; } .stages__title br { display: none; } .stages__title-count { font-family: var(--font-decor-first); font-style: italic; font-size: 1.6rem; line-height: 1.8rem; margin-top: auto; } .stages__subtitle { margin-top: 0.5rem; margin-bottom: 0.5rem; font-size: 1.1rem; line-height: 1.6rem; } .stages__desc { min-height: 4.8rem; margin-bottom: 0.9rem; font-size: 1.1rem; line-height: 1.6rem; } .stages__img-wrap { width: 16.5rem; height: 21.5rem; } .stages__img { top: 0.5rem; left: 0.5rem; width: 13.9rem; height: 13.9rem; margin-bottom: 1rem; } .stages__btn-link { bottom: 0.3rem; width: 3.4rem; } } .services { padding-top: 7.5rem; padding-bottom: 7.5rem; } .services__title-wrap { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8rem; } .services__list { display: grid; grid-template-columns: repeat(4, 30rem); grid-gap: 5rem; justify-content: space-between; } .services__item { text-align: center; } .services__link { display: flex; flex-direction: column; align-items: center; } .services__link:hover .services__img-wrap, .services__link:focus .services__img-wrap { box-shadow: 15px 15px 80px #ADB9D9; } .services__link:hover .services__btn-link, .services__link:focus .services__btn-link { box-shadow: none; } .services__link:hover .services__btn-link .btn-link__icon, .services__link:focus .services__btn-link .btn-link__icon { fill: rgba(53, 53, 68, 0.6); } .services__item-title { min-height: 7rem; margin-bottom: 1.4rem; font-weight: 700; font-size: 3rem; line-height: 3.5rem; color: var(--color-main); } .services__img-wrap { width: 100%; height: 39.7rem; margin-top: 2.3rem; margin-bottom: 4.9rem; border-radius: 9rem; box-shadow: 15px 45px 80px #ADB9D9; overflow: hidden; transition: var(--transition-main); } .sesrvices__img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .services__subtitle { margin-bottom: 0.8rem; font-weight: 700; font-size: 2.2rem; } .services__btn-link { margin-top: 2rem; } @media (max-width: 48em) { .services { padding-bottom: 2.2rem; } .services__title-wrap { flex-wrap: wrap; margin-bottom: 3rem; } .services__title { margin-bottom: 2.3rem; } .services__list { grid-template-columns: repeat(auto-fit, minmax(15.7rem, 1fr)); -moz-column-gap: 1.5rem; column-gap: 1.5rem; row-gap: 5.3rem; } .services__item-title { /*min-height: 3.6rem;*/ max-height: 6.6rem; margin-bottom: 0.5rem; padding-left: 2rem; padding-right: 2rem; font-size: 1.7rem; line-height: 1.8rem; } .services__desc { font-size: 1rem; } .services__img-wrap { height: 20.5rem; margin-top: 0.6rem; margin-bottom: 1.5rem; border-radius: 4.6rem; } .services__subtitle { margin-bottom: 0.2rem; font-size: 1.2rem; } .services__btn-link { margin-top: 0.9rem; } } .services-list { padding-top: 16.4rem; } .services-list__main-text-wrap { margin-bottom: 9.1rem; } .services-list .stages__img { position: relative; top: 1.3rem; width: 29.2rem; height: 29.4rem; } @media (max-width: 48em) { .services-list { padding-top: 3.8rem; } .services-list .stages__desc { min-height: 0; } .services-list__main-text-wrap { flex-direction: column; margin-bottom: 4rem; } .services-list__main-title { margin-bottom: 3.6rem; } .services-list__btn-modal { display: block; } } .b { --padding-block: 7.5rem; position: relative; display: flex; padding-top: var(--padding-block); padding-bottom: var(--padding-block); } .b.padding-var { padding-top: calc(var(--padding-block) - var(--article-margin-bottom)); } .b__content-wrap { position: relative; overflow: hidden; display: flex; align-items: center; width: 100%; border-radius: 8.2rem; } .b { height: 54.3rem; } .b__bg-img-wrap { position: absolute; z-index: -1; top: 0; left: 0; width: 135rem; height: 100%; } .b__bg-img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .b__text-wrap { box-sizing: border-box; width: 63rem; margin-left: auto; margin-right: 6.6rem; } .b__title { margin-bottom: 3rem; } .b__title-item { margin-left: 0.8rem; } .b__title--small { font-size: 3rem; } .b__title--small span { color: var(--color-emerald); } .b__desc { font-size: 1.9rem; line-height: 2.8rem; } .b__btn-modal { margin-top: 3.4rem; } .b-one .b__content-wrap { padding-top: 7.6rem; } .b-two { height: 36.8rem; } .b-two .b__text-wrap { width: 67rem; margin-right: 17.8rem; } .b-two .b__title { margin-bottom: 2.3rem; } .b-two .b__title-item { margin-left: 0; margin-right: 0.8rem; } .b-three { height: 48.1rem; } .b-three .b__text-wrap { width: 64rem; margin-right: 6rem; } .b-three .b__title { font-size: 3.6rem; line-height: 4.5rem; margin-bottom: 2.3rem; } .b-three .b__title-item { margin-left: 0; } .b-four { height: 58.9rem; padding-top: 0; padding-bottom: 13.5rem; } .b-four .b__content-wrap { padding-top: 14.5rem; } .b__bottom { margin-top: 3.5rem; display: flex; gap: 2rem; } .b__bottom .main-banner__form { border-color: #F0F6FF; } @media (max-width: 48em) { .b { /* padding-bottom: 7.5rem; */ height: 65.9rem; --padding-block: 5rem; } .b__content-wrap { border-radius: 4rem; align-items: flex-start; } .b__bg-img-wrap { width: 100%; } .b__text-wrap { box-sizing: border-box; width: 100%; margin-top: 5rem; margin-left: 0; margin-right: 0; padding-left: 1.4rem; padding-right: 1.4rem; } .b__title { margin-bottom: 1.3rem; } .b__title--small { margin-bottom: 2.4rem; font-size: 2rem; line-height: 2.7rem; } .b__desc { font-size: 1.5rem; line-height: 2.2rem; } .b__btn-modal { width: 100%; margin-top: 1.7rem; } .b-one .b__content-wrap { padding-top: 0; } .b-one-small .b__text-wrap { margin-top: 4.5rem; } .b-two { height: 60.4rem; } .b-two .b__text-wrap { width: 100%; margin-top: 32.8rem; margin-right: 0; } .b-two .b__title { margin-bottom: 1.4rem; } .b-two .b__desc { font-size: 1.6rem; line-height: 2.4rem; } .b-three { height: 65.5rem; } .b-three .b__text-wrap { width: auto; margin-top: 34.6rem; margin-right: 0; } .b-three .b__title { margin-bottom: 1.6rem; font-size: 2.4rem; line-height: 3rem; } .b-four { height: 66.3rem; padding-top: var(--padding-block); padding-bottom: var(--padding-block); } .b-four .b__content-wrap { padding-top: 0; } .b-four .b__text-wrap { margin-top: 4.2rem; } .b-four .b__title { font-size: 2rem; line-height: 2.7rem; } } .aside-item { --aside-item-height: 3.2rem; box-sizing: border-box; position: absolute; z-index: 2; transform-origin: left top; transform: rotate(-90deg); display: flex; align-items: center; justify-content: center; height: var(--aside-item-height); padding-left: 1rem; padding-right: 1rem; font-weight: 700; font-size: 1.5rem; text-align: center; word-spacing: 0.3rem; color: var(--color-main); background-color: #fff; border-radius: 9rem; } .aside-item--small { --aside-item-height: 2.8rem; padding-left: 0.5rem; padding-right: 0.5rem; font-size: 1.4rem; word-spacing: initial; } .aside-item::before, .aside-item::after { z-index: 0; position: absolute; content: ''; top: 0; width: var(--aside-item-height); height: var(--aside-item-height); background-repeat: no-repeat; background-position: center; background-size: contain; } .aside-item::after { left: -1.6rem; background-image: url('/bitrix/templates/jiva/css/../img/figure/figure-aside-item-d-l.png'); } .aside-item::before { right: -1.6rem; background-image: url('/bitrix/templates/jiva/css/../img/figure/figure-aside-item-d-r.png'); } .aside-item__desc { position: relative; z-index: 2; font-weight: inherit; } @media (max-width: 48em) { .aside-item { --aside-item-height: 1.7rem; padding-left: 0.5rem; padding-right: 0.5rem; font-size: 0.8rem; word-spacing: 0.2rem; } .aside-item--small { --aside-item-height: 2.3rem; padding-left: 1rem; padding-right: 1rem; font-size: 12px; } .aside-item::after { left: -0.8rem; } .aside-item::before { right: -0.8rem; } } .article-part { padding-top: 7rem; padding-bottom: 7rem; } .article-part__column-wrap { display: flex; justify-content: space-between; } .article-part__content { width: 100.2rem; } .article-part__content h2 { margin-bottom: 3.7rem; font-weight: 700; font-size: 3.8rem; line-height: 5.6rem; } .article-part__content p, .article-part__content ul { margin-bottom: 2.7rem; font-size: 1.8rem; line-height: 2.7rem; } .article-part__content p:last-of-type, .article-part__content ul:last-of-type { margin-bottom: 0; } .article-part__content p li, .article-part__content ul li { position: relative; } .article-part__content p li::before, .article-part__content ul li::before { content: '-'; margin-right: 0.4rem; } .article-part__content h3 { margin-bottom: 2.7rem; font-weight: 700; font-size: 2.5rem; line-height: 3.7rem; } .article-part__content span { display: block; } .article-part__aside { position: -webkit-sticky; position: sticky; align-self: flex-start; top: 15.3rem; width: 30rem; } .article-part__aside-content-wrap, .article-part__aside-img-wrap { width: 100%; height: 61.6rem; } .article-part__aside-content-wrap { box-sizing: border-box; text-align: center; padding-top: 6.7rem; padding-left: 2.6rem; padding-right: 2.6rem; } .article-part__aside-img-wrap { position: absolute; z-index: -1; top: 0; left: 0; } .article-part__aside-img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 1.5rem; } .article-part__aside-title { margin-bottom: 1.4rem; font-weight: 700; font-size: 2.5rem; line-height: 3.5rem; } .article-part__aside-title-item { font-size: 3rem; line-height: 4rem; } .article-part__aside-desc { font-size: 1.7rem; line-height: 2.5rem; } .article-part__aside-btn-modal { width: 100%; margin-top: 0.8rem; } .article-part__aside-btn-modal .btn-modal__decor-line { width: 10.2rem; } .article-part__content .article-part__caption-title { margin-bottom: 0; } .article-part__caption { margin-bottom: 3.7rem; font-weight: bold; color: var(--color-light-gray); } .article-part-two .article-part__aside-content-wrap { padding-top: 31.8rem; text-align: left; } @media (max-width: 48em) { .article-part__column-wrap { flex-direction: column-reverse; } .article-part__content { width: auto; } .article-part__content h2 { margin-bottom: 3.1rem; font-size: 2.5rem; line-height: 3rem; } .article-part__content p, .article-part__content ul { margin-bottom: 2.2rem; font-size: 1.5rem; line-height: 2.2rem; } .article-part__content p:last-of-type, .article-part__content ul:last-of-type { margin-bottom: 0; } .article-part__content h3 { margin-bottom: 2.7rem; font-size: 2.5rem; line-height: 3rem; } .article-part__aside { position: relative; top: 0; align-self: flex-start; width: auto; margin-top: 6.4rem; } .article-part__aside-content-wrap, .article-part__aside-img-wrap { width: 100%; height: 52.2rem; } .article-part__aside-content-wrap { padding-top: 6.2rem; padding-left: 1rem; padding-right: 1rem; } .article-part__aside-img { -o-object-position: 0 -15.5rem; object-position: 0 -15.5rem; } .article-part__aside-title { margin-bottom: 1.4rem; font-size: 2.5rem; line-height: 3rem; } .article-part__aside-title-item { display: inline-block; font-size: inherit; line-height: inherit; } .article-part__aside-desc { font-size: 1.5rem; line-height: 2.2rem; } .article-part__aside-btn-modal { width: 100%; margin-top: 0.8rem; } .article-part__aside-btn-modal .btn-modal__decor-line { width: 10.2rem; } .article-part__content .article-part__caption-title { margin-bottom: 1.6rem; } .article-part__caption { margin-bottom: 3.2rem; font-size: 1.6rem; line-height: 1.8rem; } .article-part-two .article-part__aside-img { -o-object-position: 0 -3rem; object-position: 0 -3rem; } } .database-sections { padding-top: 12rem; padding-bottom: 24rem; } .database-sections__main-text-wrap { display: flex; justify-content: space-between; align-items: center; margin-bottom: 4.4rem; } .database-sections__list { display: flex; justify-content: space-between; } .database-sections__item { box-sizing: border-box; position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; text-align: center; width: 30rem; height: 37.6rem; padding-top: 4rem; border-radius: 5rem; box-shadow: 5px 60px 90px #D0E0F1; background-image: linear-gradient(34.55deg, #F3F9FF 41.98%, #D9EAFC 137.05%); transition: var(--transition-main); } .database-sections__item::before { position: absolute; content: ''; z-index: -1; bottom: -4.6rem; width: 20.6rem; height: 20.6rem; background-image: url('/bitrix/templates/jiva/css/../img/database-sections/figure-database-sections.svg'); background-repeat: no-repeat; background-position: center; background-size: cover; } .database-sections__item:hover .database-sections__img-wrap, .database-sections__item:focus .database-sections__img-wrap { box-shadow: none; } .database-sections__item:hover .database-sections__desc, .database-sections__item:focus .database-sections__desc { color: #acc8e8; } .database-sections__img-wrap { width: 12.6rem; height: 19.7rem; margin-bottom: 2.4rem; border-radius: 20rem; box-shadow: -10px 30px 40px #C9DBEF; transition: var(--transition-main); } .database-sections__img { width: 100%; height: 100%; border-radius: 20rem; -o-object-fit: cover; object-fit: cover; } .database-sections__title { margin-bottom: 1.1rem; font-weight: 700; font-size: 3rem; line-height: 4.4rem; } .database-sections__count { font-weight: 300; font-size: 1.6rem; } .database-sections__desc { position: absolute; top: 10.8rem; right: -6.5rem; font-weight: 800; font-size: 5rem; letter-spacing: 0.05em; text-transform: uppercase; color: #D2E1F2; transform: rotate(-90deg); transition: var(--transition-main); } @media (max-width: 48em) { .database-sections { padding-top: 6rem; padding-bottom: 6rem; } .database-sections__main-text-wrap { margin-bottom: 3.2rem; text-align: center; } .database-sections__btn-modal { display: flex; margin-top: 1.5rem; } .database-sections__list { flex-wrap: wrap; } .database-sections__item { width: 46%; height: 20rem; margin-bottom: 4.4rem; padding-top: 2rem; border-radius: 2.6rem; } .database-sections__item::before { bottom: -2.1rem; width: 10.9rem; height: 10.9rem; } .database-sections__img-wrap { width: 6.6rem; height: 10.4rem; margin-bottom: 1.4rem; border-radius: 0.1rem; } .database-sections__title { margin-bottom: 0.3rem; font-size: 1.7rem; line-height: 2.5rem; } .database-sections__count { font-size: 0.9rem; } .database-sections__desc { top: 5.7rem; right: -3.5rem; font-size: 2.6rem; } } /* баллун */ .filter__form { box-sizing: border-box; position: relative; display: flex; align-items: center; padding-right: 1.3rem; background-color: #FFF; border-radius: 1.5rem; } .filter__options { box-sizing: border-box; position: relative; height: 7rem; padding-top: 1rem; padding-bottom: 1rem; padding-left: 1.3rem; padding-right: 1.3rem; font-size: 2rem; border-right: 0.1rem solid #CBD7EF; } .filter__options:first-of-type { width: 30.6rem; padding-left: 3.3rem; } .filter__options:nth-of-type(2) { width: 35.2rem; } .filter__options::after { position: absolute; content: ''; top: 0; right: 0; } .filter__options:not(.filter__options-range):hover, .filter__options:not(.filter__options-range):focus-within { color: #000; } .filter__options:not(.filter__options-range):hover .filter__handler-desc, .filter__options:not(.filter__options-range):focus-within .filter__handler-desc, .filter__options:not(.filter__options-range):hover .filter__handler-icon, .filter__options:not(.filter__options-range):focus-within .filter__handler-icon { color: #687c9e; fill: currentColor; } .filter__handler { position: relative; box-sizing: border-box; display: flex; align-items: flex-end; height: 100%; } .filter__handler-desc { position: absolute; z-index: 0; top: 0.8rem; color: var(--color-light-gray); font-size: 1.8rem; transition: var(--transition-main); } .filter__handler-desc-mobile { display: none; } .filter__handler-icon { z-index: 0; right: 1.8rem; } .filter__input { position: absolute; z-index: 20; } .filter__input:focus { color: transparent; background-color: transparent; border: none; outline: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; } .filter__list { box-sizing: border-box; display: none; position: absolute; z-index: 20; left: 0; width: 100%; max-height: 22.4rem; overflow-y: scroll; margin-top: 2rem; padding-top: 1.2rem; padding-left: 3.5rem; padding-right: 3.5rem; padding-bottom: 1.2rem; border-radius: 1.5rem; background-color: #ffffff; } .filter__list-item:not(:last-child) { margin-bottom: 0.8rem; } .filter__item { display: block; color: inherit; } .filter__options-range { display: flex; justify-content: space-between; width: 38rem; border: none; } .filter__range-wrap { display: flex; align-items: flex-end; width: 48%; } .filter__range-wrap .filter__handler-icon { display: none; } .filter__range-wrap:hover, .filter__range-wrap:focus-within { color: #000; } .filter__range-wrap:hover .filter__handler-desc, .filter__range-wrap:focus-within .filter__handler-desc, .filter__range-wrap:hover .filter__handler-icon, .filter__range-wrap:focus-within .filter__handler-icon { color: #687c9e; fill: currentColor; } .filter__input-range { box-sizing: border-box; width: 80%; height: 2.6rem; color: inherit; opacity: 1; border-bottom: 0.1rem solid #A6B2C6; } .filter__input-range::-moz-placeholder { opacity: 1; } .filter__input-range:-ms-input-placeholder { opacity: 1; } .filter__input-range::placeholder { opacity: 1; } .filter__input-range:focus { outline: none; } .filter__btn { width: 26rem; height: 5.9rem; margin-left: auto; font-weight: 700; font-size: 2rem; color: #fff; background-color: #6ED1BB; border-radius: 1.5rem; box-shadow: 5px 4px 15px rgba(65, 196, 165, 0.43); transition: var(--transition-main); } .filter__btn:hover, .filter__btn:focus { box-shadow: none; } @media (max-width: 48em) { /* баллун */ .filter { margin-bottom: 8rem; } .filter__form { align-items: initial; flex-direction: column; padding-right: 0; } .filter__options { height: 4.7rem; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; font-size: 1.6rem; border-right: none; } .filter__options:first-of-type, .filter__options:nth-of-type(2) { width: 100%; padding-left: 0; } .filter__options::before, .filter__range-wrap::before { position: absolute; content: ''; bottom: 0; left: 50%; transform: translateX(-50%); background-color: var(--color-main-bg); height: 0.1rem; width: 93%; } .filter__handler { align-items: center; width: 100%; height: 100%; padding-left: 7rem; padding-right: 2.4rem; } .filter__handler-desc { top: 50%; left: 1.1rem; transform: translateY(-50%); font-size: 1.6rem; } .filter__handler-desc-mobile { display: inline; } .filter__handler-icon { right: 0.9rem; } .filter__list { margin-top: 0; padding-left: 1.1rem; padding-right: 1.1rem; border-radius: 0 0 1.5rem 1.5rem; } .filter__options-range { flex-direction: column; width: 100%; height: auto; border: none; } .filter__range-wrap { position: relative; width: 100%; height: 4.7rem; } .filter__range-wrap:last-child::before { content: none; } .filter__input-range { -webkit-appearance: none; -moz-appearance: textfield; width: 100%; height: 100%; padding-left: 14.3rem; padding-right: 2rem; line-height: 2.4rem; border-bottom: none; } .filter__input-range:focus + .filter__handler-icon { transform: translateY(-50%) rotate(180deg); } .filter__btn { position: absolute; bottom: -6.2rem; width: 100%; height: 5rem; margin-left: 0; font-size: 1.6rem; } } .breadcrumbs { display: flex; position: relative; z-index: 1; margin-top: 6.8rem; margin-bottom: 4.9rem; font-size: 1.6rem; font-weight: 700; } .breadcrumbs--black { color: var(--color-main); } .breadcrumbs--width-half { width: 63rem; } .breadcrumbs__list { display: flex; } .breadcrumbs__item { position: relative; margin-right: 3.4rem; transition: var(--transition-main); } .breadcrumbs__item:last-child { margin-right: 0; color: var(--color-light-gray); } .breadcrumbs__item:last-child .breadcrumbs__link { text-decoration: none; } .breadcrumbs__item::after { content: '>'; position: absolute; top: 0; right: -2.3rem; } .breadcrumbs__item:last-child::after { content: none; } .breadcrumbs__item:nth-last-child(2)::after { color: #777; } .breadcrumbs__item:not(:last-child):hover, .breadcrumbs__item:not(:last-child):focus-within { opacity: 0.7; } .breadcrumbs__link { -webkit-text-decoration-line: underline; text-decoration-line: underline; } .breadcrumbs__link-page { margin-left: auto; } .breadcrumbs-current { cursor: initial; } @media (max-width: 48em) { .breadcrumbs { margin-top: 5.6rem; margin-bottom: 2.5rem; } .breadcrumbs--width-half { width: auto; } .breadcrumbs__list { flex-wrap: wrap; } .breadcrumbs__item { margin-right: 3.2rem; margin-bottom: 1rem; } .breadcrumbs__item::after { right: -2.1rem; } .breadcrumbs__item:last-child { margin-bottom: 0; } .breadcrumbs__link-page { display: none; } } .compare { margin-top: 1.7rem; margin-bottom: 6rem; } .compare__title { margin-bottom: 3.9rem; } .compare__title-item { display: block; } .compare__subtitle { margin-bottom: 2.4rem; font-weight: 700; font-size: 2rem; color: var(--color-light-gray); } .compare__d-list { width: 97.6rem; margin: 0; margin-bottom: 8.7rem; font-size: 1.7rem; line-height: 2.5rem; counter-reset: definitionItem; } .compare__d-term { counter-increment: definitionItem; position: relative; } .compare__d-term::before { content: counter(definitionItem) '.'; padding-right: 0.5rem; } .compare__d-desc { margin-left: 0; margin-bottom: 2.5rem; font-weight: 300; } .compare__d-desc:last-child { margin-bottom: 0; } .compare__list { display: flex; flex-wrap: wrap; } .compare__item { width: 30.5rem; margin-right: 4rem; margin-bottom: 4rem; box-shadow: 9px 30px 50px #B7C3DF; border-radius: 4rem; overflow: hidden; transition: var(--transition-main); } .compare__item:nth-child(4n) { margin-right: 0; } .compare__item:hover, .compare__item:focus-within { box-shadow: 0px 10px 30px #B7C3DF; } .compare__benefit-block { box-sizing: border-box; position: relative; z-index: 1; margin-top: -7rem; padding-top: 3.1rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-bottom: 3.5rem; background-image: linear-gradient(180deg, #ECECF2 0%, #E6F1FD 100%); } .compare__benefit-title { margin-bottom: 2rem; font-weight: 700; } .compare__benefit-list { font-size: 1.6rem; } .compare__benefit-item { position: relative; margin-bottom: 1.56rem; padding-left: 3.3rem; } .compare__benefit-item:last-child { margin-bottom: 0; } .compare__benefit-item::before { content: ''; position: absolute; top: 0; left: 0; width: 2rem; height: 1.6rem; background-image: url('/bitrix/templates/jiva/css/../img/svg/check.svg'); background-repeat: no-repeat; background-position: center; background-size: contain; } .compare__benefit-item--less::before { width: 1.7rem; height: 1.7rem; background-image: url('/bitrix/templates/jiva/css/../img/svg/close.svg'); } .compare__column-wrap { display: flex; justify-content: space-between; } .compare__column { width: 62.1rem; } .compare__column .compare__d-list { width: inherit; margin-bottom: 0; } .compare__column .compare__benefit-list { -moz-column-count: 2; column-count: 2; font-size: 1.7rem; } .compare__column .compare__benefit-item { margin-bottom: 2.1rem; } @media (max-width: 48em) { .compare { margin-top: 1.2rem; } .compare__title { margin-bottom: 0.3rem; } .compare__subtitle { margin-bottom: 2.7rem; font-weight: 400; font-size: 1.8rem; } .compare__d-list { width: auto; margin-bottom: 4.3rem; font-size: 1.5rem; line-height: 2.2rem; } .compare__d-term::before { padding-right: 0.2rem; } .compare__d-desc { margin-bottom: 2.2rem; } .compare__list { justify-content: space-between; } .compare__item { width: 16rem; margin-right: 0; border-radius: 2rem; } .compare__benefit-block { margin-top: -3.4rem; padding-top: 2.4rem; padding-left: 0.7rem; padding-right: 0.7rem; padding-bottom: 1.1rem; } .compare__benefit-title { display: none; } .compare__benefit-list { font-size: 1.3rem; } .compare__benefit-item { margin-bottom: 1.51rem; padding-left: 2.1rem; } .compare__benefit-item::before { width: 1.5rem; height: 1.1rem; } .compare__benefit-item--less::before { width: 1.1rem; height: 1.1rem; } .compare__column-wrap { flex-direction: column; } .compare__column { width: auto; } .compare__column .compare__benefit-list { -moz-column-count: initial; column-count: initial; margin-bottom: 2.9rem; font-size: 1.5rem; } .compare__column .compare__benefit-item { margin-bottom: 1.3rem; padding-left: 3.5rem; } .compare__column .compare__benefit-item:last-child { margin-bottom: 0; } .compare__column .compare__benefit-item::before { width: 1.8rem; height: 1.4rem; } .compare__column .compare__benefit-item--less::before { width: 1.5rem; height: 1.5rem; } } .topics-switch { margin-top: 4.9rem; margin-bottom: 4.2rem; font-weight: 700; font-size: 2.2rem; } .topics-switch-database .topics-switch__sublist { display: none; } .topics-switch-article .topics-switch__title-wrap { display: none; } .topics-switch__title-wrap { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 3rem; } .topics-switch__desc { font-size: 1.6rem; font-weight: 400; } .topics-switch__list { box-sizing: border-box; display: flex; flex-wrap: wrap; padding-top: 1.9rem; padding-left: 2.9rem; padding-right: 2.9rem; background-color: #FFF; border-radius: 9rem; } .topics-switch__link { margin-bottom: 1.8rem; padding-left: 1.5rem; padding-right: 1.5rem; } .topics-switch__link, .topics-switch__sublink { transition: var(--transition-main); } .topics-switch__link.active, .topics-switch__sublink.active { color: var(--color-light-gray); } .topics-switch__link.active:hover, .topics-switch__sublink.active:hover { opacity: 1; } .topics-switch__link:hover, .topics-switch__sublink:hover, .topics-switch__link:focus, .topics-switch__sublink:focus { opacity: 0.7; } .topics-switch__sublist { display: none; justify-content: space-evenly; margin-top: 4rem; padding-top: 2.2rem; padding-left: 3rem; padding-right: 3rem; flex-wrap: wrap; border-top: 0.1rem solid #D2DCE7; border-bottom: 0.1rem solid #D2DCE7; } .topics-switch__sublist.active { display: flex; } .topics-switch__sublink { margin-bottom: 1.5rem; padding-left: 1.7rem; padding-right: 1.7rem; } .topics-switch__modal-toggle { display: none; } .modal-sections { -webkit-text-decoration-line: underline; text-decoration-line: underline; } @media (max-width: 48em) { .topics-switch { margin-top: 2rem; margin-bottom: 6rem; font-size: 1.5rem; } .topics-switch-database { margin-top: 8.7rem; margin-bottom: 3.3rem; } .topics-switch-article { margin-bottom: 5rem; } .topics-switch-article .topics-switch__title-wrap { display: flex; } .topics-switch-database .topics-switch__title-wrap, .topics-switch-database .topics-switch__list { display: flex; } .topics-switch-database .topics-switch__title-wrap { flex-direction: column; margin-bottom: 2rem; } .topics-switch-database .topics-switch__desc { display: inline-block; } .topics-switch-database .topics-switch__modal-toggle { display: none; } .topics-switch__title-wrap { margin-bottom: 2rem; } .topics-switch__title { margin-bottom: 1.3rem; } .topics-switch__desc { display: none; font-size: 1.5rem; } .topics-switch__modal-toggle { display: inline-block; width: 13.3rem; height: 4.9rem; font-weight: 700; text-align: center; background-color: #FFF; border-radius: 2rem; } .topics-switch__list { display: none; flex-direction: column; padding-top: 2.2rem; padding-left: 1.8rem; padding-right: 1.8rem; padding-bottom: 2.2rem; border-radius: 2rem; } .topics-switch__item { margin-bottom: 1.8rem; } .topics-switch__item:last-child { margin-bottom: 0; } .topics-switch__link { margin-bottom: 0; } .topics-switch__sublist-wrap.container { padding-left: 0; padding-right: 0; } .topics-switch__sublist { justify-content: initial; align-items: initial; flex-wrap: nowrap; margin-top: 2.2rem; padding: 0; font-size: 1.4rem; overflow: hidden; overflow-x: scroll; } .topics-switch__subitem { flex-shrink: 0; } .topics-switch__subitem:first-child .topics-switch__sublink { padding-left: 3.5rem; } .topics-switch__subitem:last-child .topics-switch__sublink { padding-right: 3.5rem; } .topics-switch__sublink { margin-bottom: 0; padding: 2.5rem 1.3rem; } } @media (max-width: 48em) and (max-width: 24.4em) { .topics-switch__subitem:first-child .topics-switch__sublink { padding-left: 2.4rem; } .topics-switch__subitem:last-child .topics-switch__sublink { padding-right: 2.4rem; } } /* вынес в корень, так как баннер изолирован от блока со статьями */ html { --article-margin-bottom: 4.2rem; } .articles-preview-block--mb { margin-bottom: 10rem; } .articles-preview-block__columns { display: flex; justify-content: space-between; margin-bottom: var(--article-margin-bottom); } .articles-preview-block__column .articles-preview-block__item { margin-bottom: 3.5rem; } .articles-preview-block__column .articles-preview-block__item:last-child { margin-bottom: 0; } .articles-preview-block__column, .articles-preview-block__item { width: 30.6rem; border-radius: 4rem; } .articles-preview-block__column-big { display: flex; flex-direction: column; } .articles-preview-block__articles-preview { align-self: flex-start; } .articles-preview-block__item { position: relative; overflow: hidden; transition: var(--transition-main); } .articles-preview-block__item:hover, .articles-preview-block__item:focus { box-shadow: 30px 30px 55px #BFC5D8; } .articles-preview-block__img-wrap { position: relative; width: 100%; height: 23.4rem; } .articles-preview-block__img-wrap::before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 7.2rem; background-image: url('/bitrix/templates/jiva/css/../img/figure/clip-small-bottom.png'); background-repeat: no-repeat; background-position: center; background-size: contain; } .articles-preview-block__img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .articles-preview-block__aside-item { top: 14rem; } .articles-preview-block__text-wrap { box-sizing: border-box; position: relative; z-index: 0; display: flex; flex-direction: column; min-height: 100%; margin-top: -0.6rem; padding-left: 2.5rem; padding-right: 2.5rem; padding-bottom: 1.8rem; font-size: 1.6rem; line-height: 2.4rem; background-image: linear-gradient(-20deg, #FFF 0%, #E6F1FD 100%); } .articles-preview-block__title { margin-bottom: 1rem; font-weight: 800; font-size: 2rem; line-height: 2.5rem; } .articles-preview-block__desc { margin-bottom: 0.7rem; } .articles-preview-block__tag { font-weight: 700; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: #2C2C2C; } .articles-preview-block__item-big, .articles-preview-block__item-small { width: 100%; border-radius: 5rem; } .articles-preview-block__item-big .articles-preview-block__text-wrap, .articles-preview-block__item-small .articles-preview-block__text-wrap { padding-left: 3.3rem; padding-right: 3.3rem; } .articles-preview-block__item-big .articles-preview-block__title, .articles-preview-block__item-small .articles-preview-block__title { font-size: 2.5rem; line-height: 3.7rem; } .articles-preview-block__item-big .articles-preview-block__desc, .articles-preview-block__item-small .articles-preview-block__desc { order: 1; } .articles-preview-block__item-big .articles-preview-block__tag, .articles-preview-block__item-small .articles-preview-block__tag { margin-bottom: 1.2rem; } .articles-preview-block__item-big .articles-preview-block__aside-item, .articles-preview-block__item-small .articles-preview-block__aside-item { min-width: 6.6rem; } .articles-preview-block__column-big, .articles-preview-block__item-big { width: 65.5rem; border-radius: 5rem; } .articles-preview-block__item-big { margin-bottom: var(--article-margin-bottom); } .articles-preview-block__item-big .articles-preview-block__img-wrap { height: 44.6rem; } .articles-preview-block__item-big .articles-preview-block__img-wrap::before { height: 10rem; background-image: url('/bitrix/templates/jiva/css/../img/figure/clip-big-bottom.png'); } .articles-preview-block__item-big .articles-preview-block__text-wrap { padding-top: 0.6rem; background-image: linear-gradient(20deg, #FFFFFF 0%, #E6F1FD 100%); } .articles-preview-block__item-big .articles-preview-block__aside-item { top: 14.8rem; } .articles-preview-block__item-small { min-height: 0; background: linear-gradient(180deg, #FFFFFF 0%, #F1F8FE 100%); } .articles-preview-block__item-small .articles-preview-block__text-wrap { margin-top: 0; padding-top: 5.3rem; padding-bottom: 2.6rem; } .articles-preview-block__item-small .articles-preview-block__aside-item { top: 0; left: 5rem; transform: rotate(0); } .articles-preview-block__b { padding-top: calc(var(--padding-block) - var(--article-margin-bottom)); } .articles-preview-block__list-title-wrap { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2.4rem; } .articles-preview-block__list { display: flex; flex-wrap: wrap; } .articles-preview-block__list .articles-preview-block__item { margin-right: 4.2rem; margin-bottom: var(--article-margin-bottom); } .articles-preview-block__list .articles-preview-block__item:nth-child(4n) { margin-right: 0; } @media (max-width: 48em) { /* вынес в корень, так как баннер изолирован от блока со статьями */ html { --article-margin-bottom: 1.6rem; } .articles-preview-block__columns { flex-direction: column; } .articles-preview-block__item, .articles-preview-block__column .articles-preview-block__item, .articles-preview-block__column .articles-preview-block__item:last-child { margin-bottom: var(--article-margin-bottom); } .articles-preview-block__column, .articles-preview-block__item { width: auto; border-radius: 0; } .articles-preview-block__column-big { order: -1; border-radius: 0; } .articles-preview-block__column-big, .articles-preview-block__item-big { width: auto; } .articles-preview-block__item { display: flex; flex-direction: row-reverse; min-height: 0; padding-top: 1.4rem; padding-left: 3.1rem; padding-right: 1rem; padding-bottom: 1.4rem; background: linear-gradient(200.97deg, #FFFFFF 24.15%, #F3FAFF 73.82%); border-radius: 3rem; } .articles-preview-block__img-wrap { flex-shrink: 0; width: 11.5rem; height: 11.5rem; margin-left: 1rem; } .articles-preview-block__img-wrap::before { content: none; } .articles-preview-block__img { border-radius: 3rem; } .articles-preview-block__aside-item { left: 0; top: 50%; transform: rotate(-90deg) translateX(-50%); } .articles-preview-block__text-wrap { min-height: 0; margin-top: 0; padding: 0; padding-top: 1rem; font-size: 1.4rem; line-height: 2rem; background-image: none; } .articles-preview-block__title { margin-bottom: 0.5rem; font-size: 1.5rem; line-height: 1.9rem; } .articles-preview-block__desc { display: none; } .articles-preview-block__item-big, .articles-preview-block__item-small { border-radius: 3rem; margin-bottom: var(--article-margin-bottom); padding: 0; } .articles-preview-block__item-big .articles-preview-block__text-wrap, .articles-preview-block__item-small .articles-preview-block__text-wrap { padding-bottom: 1.8rem; } .articles-preview-block__item-big .articles-preview-block__title, .articles-preview-block__item-small .articles-preview-block__title { margin-bottom: 0.7rem; font-size: 1.7rem; line-height: 2.2rem; } .articles-preview-block__item-big .articles-preview-block__desc, .articles-preview-block__item-small .articles-preview-block__desc { display: block; margin-bottom: 0; } .articles-preview-block__item-big .articles-preview-block__desc, .articles-preview-block__item-small .articles-preview-block__desc, .articles-preview-block__item-big .articles-preview-block__tag, .articles-preview-block__item-small .articles-preview-block__tag { font-size: 1.5rem; line-height: 2rem; } .articles-preview-block__item-big .articles-preview-block__aside-item, .articles-preview-block__item-small .articles-preview-block__aside-item { top: 0; left: 4.6rem; transform: rotate(0); min-width: 7.4rem; } .articles-preview-block__item-big { flex-direction: column; } .articles-preview-block__item-big .articles-preview-block__img-wrap { width: 100%; height: 25rem; margin: 0; } .articles-preview-block__item-big .articles-preview-block__img-wrap::before { content: ''; height: 5.6rem; } .articles-preview-block__item-big .articles-preview-block__text-wrap { margin-top: -0.6rem; padding-top: 0.34rem; padding-left: 2.3rem; padding-right: 2.3rem; } .articles-preview-block__item-small { background: linear-gradient(180deg, #FFFFFF 0%, #F5FBFF 100%); } .articles-preview-block__item-small .articles-preview-block__text-wrap { padding-top: 3.9rem; padding-left: 3.1rem; padding-right: 1rem; } .articles-preview-block__list-title-wrap { flex-wrap: wrap; margin-top: 6.2rem; } .articles-preview-block__list .articles-preview-block__item { margin-right: 0; } .articles-preview-block-expert .articles-preview-block__list-title-wrap { justify-content: center; } .articles-preview-block__btn-modal { margin-top: 2rem; } } .articles-preview { box-sizing: border-box; position: relative; z-index: 0; padding-top: 14.4rem; padding-left: 2rem; padding-right: 3rem; padding-bottom: 3rem; background-color: #fff; border-radius: 4rem; transition: var(--transition-main); } .articles-preview:hover, .articles-preview:focus-within { box-shadow: 30px 30px 55px #BFC5D8; } .articles-preview__img-wrap { position: absolute; z-index: -1; top: 5rem; right: 0; width: 100%; } .articles-preview__img { position: absolute; right: 0; } .articles-preview__main-title { margin-bottom: 1.5rem; font-weight: 700; font-size: 2.2rem; text-decoration: underline; color: var(--color-red); } .articles-preview__item { margin-bottom: 1.8rem; padding-bottom: 1.7rem; border-bottom: 0.1rem solid #E6F1FD; } .articles-preview__item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .articles-preview__link { font-size: 1.6rem; line-height: 2.4rem; } .articles-preview__link:hover, .articles-preview__link:focus { opacity: 0.7; } .articles-preview__link:hover .articles-preview__tag::before, .articles-preview__link:focus .articles-preview__tag::before { opacity: 0; } .articles-preview__title { margin-bottom: 1rem; font-style: normal; font-weight: 800; font-size: 2rem; line-height: 2.5rem; transition: var(--transition-main); } .articles-preview__desc { margin-bottom: 0.9rem; } .articles-preview__tag { position: relative; display: inline-block; font-weight: 700; transition: var(--transition-main); } .articles-preview__tag::before { position: absolute; content: ''; bottom: 0.4rem; left: 0; width: 100%; height: 0.1rem; background-color: currentColor; transition: var(--transition-main); } @media (max-width: 48em) { .articles-preview { padding-bottom: 1.8rem; } .articles-preview__title { margin-bottom: 1rem; font-size: 1.5rem; line-height: 2rem; } .articles-preview__desc { display: none; } } .article { padding-top: 1.7rem; } .article h1 { margin-bottom: 3rem; font-weight: 800; font-size: 4rem; line-height: 5.9rem; } .article.article { margin-top: 0; margin-bottom: 0; } .article__top-wrap { display: flex; align-items: center; margin-bottom: 1.1rem; font-size: 1.6rem; } .article__strong { margin-right: 3.1rem; font-weight: 800; } .article__date { color: var(--color-light-gray); } .article__rating { margin-left: auto; } .article__intro { width: 112rem; margin-bottom: 4rem; font-size: 2.5rem; line-height: 3.3rem; } .article__tag { font-weight: 700; font-size: 1.6rem; text-decoration: underline; color: var(--color-light-gray); } .article__social-panel { margin-top: 3.5rem; margin-bottom: 3.5rem; } .article__contents-list { /*__sections-list*/ /*__sections-title*/ /*__sections-sublist*/ /*__sections-subtitle*/ /*__sections-sublink*/ } .article__contents-list > ol { margin-bottom: 3.2rem; } .article__contents-list > ol a { text-decoration: underline; } .article__contents-list > ol > li { margin-bottom: 0.6rem; } .article__contents-list ol ul, .article__contents-list ol ol { padding-top: 0.6rem; padding-left: 1.2rem; } .article__contents-list ol ul li, .article__contents-list ol ol li { margin-bottom: 0.6rem; font-weight: 400; color: inherit; } .article__contents-list ol ul li:last-child, .article__contents-list ol ol li:last-child { margin-bottom: 0; } .article__contents-list ol ul a, .article__contents-list ol ol a { font-weight: 300; color: inherit; } .article__double-column-wrap { display: flex; justify-content: space-between; } .article__main-content-wrap { width: 100.2rem; font-weight: 300; line-height: 2.7rem; --margin-block: 2.7rem; } .article__main-content-wrap h2 { margin-top: 3.6rem; margin-bottom: 2rem; font-size: 3.5rem; line-height: 5.2rem; font-weight: 400; } .article__main-content-wrap p { font-weight: inherit; margin-bottom: var(--margin-block); } .article__main-content-wrap p strong { display: initial; font-weight: 700; font-size: inherit; line-height: inherit; } .article__main-content-wrap ul, .article__main-content-wrap ol { margin-top: var(--margin-block); margin-bottom: var(--margin-block); } .article__main-content-wrap ul li { position: relative; padding-left: 0.5rem; } .article__main-content-wrap ul li::before { content: '•'; position: absolute; top: 0; left: -0.2rem; } .article__main-content-wrap ol { list-style: decimal; } .article__main-content-wrap ol li { position: relative; margin-left: 1.2rem; } .article__main-content-wrap strong { display: block; margin-top: var(--margin-block); margin-bottom: var(--margin-block); font-weight: 400; font-size: 2.5rem; line-height: 3.7rem; } .article__main-content-wrap blockquote { margin-top: var(--margin-block); margin-bottom: var(--margin-block); margin-left: 2.7rem; margin-right: 8.6rem; font-family: var(--font-decor-third); font-style: italic; font-size: 1.6rem; line-height: 1.9rem; } .article__main-content-wrap cite { display: block; margin-top: 1.9rem; font-family: var(--font-main); font-style: normal; } .article__main-content-wrap img { display: block; margin-top: 4.2rem; margin-bottom: 4.2rem; border-radius: 4rem; } .article__main-content-wrap figure { margin: 0; } .article__aside-content-wrap { width: 30.6rem; } .article__aside-attention-block { margin-bottom: 7.6rem; } .article__aside-articles-preview { margin-bottom: 9.3rem; padding-top: 21.8rem; } .article__aside-articles-preview .articles-preview__img-wrap { top: 0; } .article__aside-articles-preview .articles-preview__main-title { color: var(--color-light-gray); } .article__main-attention-block { display: none; } .article__references-list { margin-bottom: 0.9rem; } .article__references-list ol { margin-bottom: 0; } @media (max-width: 48em) { .article { padding-top: 0rem; } .article h1 { margin-bottom: 0.7rem; font-size: 2.5rem; line-height: 3.7rem; } .article__top-wrap { flex-wrap: wrap; margin-bottom: 3.8rem; font-size: 1.4rem; } .article__strong { margin-right: 4rem; } .article__rating { margin-top: 4.8rem; margin-left: 0; } .article__intro { width: auto; margin-bottom: 3.5rem; font-size: 1.6rem; line-height: 2.4rem; } .article__tag { font-size: 1.5rem; } .article__social-panel { margin-bottom: 2.6rem; } .article__contents-list { font-size: 1.5rem; line-height: 2.2rem; } .article__contents-list > ol { margin-bottom: 3.2rem; } .article__contents-list > ol > li { margin-bottom: 0; } .article__contents-list ol ul, .article__contents-list ol ol { padding-top: 0; padding-left: 1rem; } .article__contents-list ol ul li, .article__contents-list ol ol li { margin-bottom: 0; } .article__main-content-wrap { width: 100%; --margin-block: 2.2rem; font-size: 1.5rem; line-height: 2.2rem; } .article__main-content-wrap h2 { margin-top: 3.3rem; margin-bottom: 1.9rem; font-weight: 700; font-size: 2.5rem; line-height: 3.7rem; } .article__main-content-wrap strong { font-size: 1.8rem; line-height: 2.7rem; } .article__main-content-wrap blockquote { margin-right: 2.7rem; font-size: 1.4rem; line-height: 1.7rem; } .article__main-content-wrap img { margin-top: var(--margin-block); margin-bottom: var(--margin-block); height: auto; border-radius: 3.4rem; } .article__aside-content-wrap { display: none; width: auto; } .article__aside-attention-block { margin-bottom: 3.6rem; } .article__main-attention-block { display: block; margin-bottom: 3.2rem; } .article__main-attention-block img { margin: 0; } .article__team.team-swiper { padding-top: 7.4rem; padding-bottom: 2.6rem; } } .article-rating { display: flex; align-items: center; padding: 0; border: 0; } .article-rating__wrap { display: flex; align-items: center; width: 100%; } .article-rating__title { margin-right: 1rem; float: left; } .rating_count { width: auto !important; } .article-rating__area { display: flex; flex-direction: row-reverse; justify-content: space-between; width: 100%; } .article-rating__area > label:focus { opacity: 0.8; } .article-rating__area:not(:checked) > label { position: relative; cursor: pointer; display: block; width: 2.4rem; height: 2.4rem; padding: 0; } .article-rating__area:not(:checked) > label::before { content: ''; position: absolute; width: 2.4rem; height: 2.4rem; background-image: url("/bitrix/templates/jiva/css/../img/svg/star-gray.svg"); background-repeat: no-repeat; background-size: cover; background-position: center; } .article-rating__area--big > label, .article-rating__area--big:not(:checked) > label::before { width: 2.6rem; height: 2.6rem; } .article-rating__area--big { margin-bottom: 1rem; } .article-rating__area > input:checked ~ label::before, .article-rating__area:not(:checked) > label:hover, .article-rating__area:not(:checked) > label:hover ~ label { background-image: url("/bitrix/templates/jiva/css/../img/svg/star-green-fill.svg"); background-repeat: no-repeat; background-position: center; background-size: cover; } @media (max-width: 48em) { .article-rating__title { margin-right: 1rem; font-size: 1.6rem; } .article-rating__area { margin-bottom: 0.7rem; } } .social-panel__wrap { display: flex; align-items: center; color: #393544; } .social-panel__desc { font-size: 1.6rem; } .social-panel__views { margin-right: 4rem; } .social-panel__views-count { position: relative; padding-left: 4.6rem; font-weight: 700; transition: var(--transition-main); } .social-panel__views-count::before { content: ''; position: absolute; top: -1rem; left: -0.2rem; width: 4rem; height: 4rem; background-image: url('/bitrix/templates/jiva/css/../img/social-panel/views-count.png'); background-repeat: no-repeat; background-size: contain; transition: inherit; } .social-panel__views-count:hover::before { opacity: 0.7; } .social-panel__share { display: flex; align-items: center; } .social-panel__btn-list { display: flex; margin-left: 0.5rem; } .social-panel__btn-item { margin-right: 1rem; } .social-panel__btn-item:last-child { margin-right: 0; } .ya-share2__item { transition: var(--transition-main); } .ya-share2__icon { height: 3.5rem !important; width: 3.5rem !important; background-repeat: no-repeat; background-size: inherit!important; } .ya-share2__item_service_facebook .ya-share2__badge, .ya-share2__item_service_vkontakte .ya-share2__badge { border-radius: 50%; background-color: #2C2C2C !important; border: 0.2rem solid #2C2C2C; } .ya-share2__item_service_facebook .ya-share2__icon { background-position: 0.2rem -0.2rem; background-size: 4.4rem !important; } @media (max-width: 48em) { .social-panel__views { margin-right: auto; } .social-panel__views-count { padding-left: 3.2rem; } .social-panel__views-count::before { top: -0.6rem; width: 3rem; height: 3rem; } } .comments { font-size: 1.6rem; } .comments__count { margin-bottom: 1.4rem; } .comments__title { margin-bottom: 2.6rem; font-weight: 700; font-size: 3rem; } .comments__form { box-sizing: border-box; position: relative; display: flex; height: 7.3rem; margin-bottom: 6.2rem; padding-left: 4rem; padding-right: 1rem; background-color: #FFF; border-radius: 9rem; } .comments__form:hover .comments__btn-submit, .comments__form:focus-within .comments__btn-submit { box-shadow: none; } .comments__form-input, .comments__form-text, .comments__form-name { box-sizing: border-box; padding: 0; background-color: transparent; border: none; color: inherit; font-family: inherit; font-size: inherit; -moz-appearance: none; -webkit-appearance: none; appearance: none; outline: none; } .comments__form-input:-moz-ui-invalid, .comments__form-text:-moz-ui-invalid, .comments__form-name:-moz-ui-invalid { box-shadow: none; } .comments__form-text { width: 70%; align-self: center; height: 5.5rem; background-color: inherit; resize: none; } .comments__form-text::-moz-placeholder { line-height: 5.5rem; } .comments__form-text:-ms-input-placeholder { line-height: 5.5rem; } .comments__form-text::placeholder { line-height: 5.5rem; } .comments__form-input, .comments__form-name { width: 20.8%; margin-top: 1rem; margin-right: 1rem; margin-bottom: 1rem; border-right: 0.1rem solid #D0D0D0; } .comments__btn-submit { align-self: center; margin-left: auto; } .comments__block { margin-top: 5rem; } .comments__block:last-child { margin-bottom: 0; } .comments__author-name { position: relative; display: inline-block; margin-right: 2.5rem; margin-bottom: 1.6rem; font-weight: 700; font-size: 2.2rem; } .comments__author-name::after { position: absolute; content: ''; top: 0.4rem; right: -1.4rem; width: 0.1rem; height: 1.6rem; background-color: #393544; } .comments__time { font-weight: 300; font-size: 2.2rem; color: #393544; } .comments__author-text { margin-bottom: 1.9rem; } .comments__reply-btn { color: var(--color-light-gray); font-family: inherit; } .comments__reply-btn.hidden { display: none; } .comments__reply-form { display: none; margin-bottom: 0; } .comments__reply-form.active { display: flex; } .comments__answer-block { display: none; margin-top: 3rem; margin-left: 4.5rem; } .comments__answer-block.active { display: block; } @media (max-width: 48em) { .comments { margin-bottom: 4.8rem; font-size: 1.6rem; } .comments__count { margin-bottom: 1.9rem; font-size: inherit; } .comments__title { margin-bottom: 2.3rem; font-size: 2.5rem; line-height: 3rem; } .comments__form { flex-direction: column; height: auto; margin-bottom: 0; padding-left: 0; padding-right: 0; background-color: transparent; } .comments__form-input, .comments__form-text, .comments__form-name { width: 100%; margin-bottom: 1rem; padding-left: 2rem; padding-right: 2rem; font-size: 1.6rem; background: #FFF; border-radius: 9rem; } .comments__form-text { height: 18rem; padding-top: 2rem; padding-bottom: 1.5rem; border-radius: 4rem; } .comments__form-text::-moz-placeholder { line-height: initial; } .comments__form-text:-ms-input-placeholder { line-height: initial; } .comments__form-text::placeholder { line-height: initial; } .comments__form-input, .comments__form-name { height: 5rem; margin-top: 0; margin-right: 0; border: none; } .comments__btn-submit { margin-top: 0.8rem; margin-right: auto; } .comments__block { margin-top: 4.5rem; } .comments__author-name, .comments__time { font-size: 2rem; } .comments__author-name { margin-right: 2.1rem; margin-bottom: 1.3rem; font-size: 2rem; } .comments__author-name::after { right: -1.2rem; } .comments__author-text { margin-bottom: 1.4rem; font-size: 1.5rem; line-height: 2.5rem; } .comments__reply-btn { font-size: 1.5rem; } .comments__answer-block { margin-left: 2.5rem; } } .attention-block { position: relative; box-sizing: border-box; margin-top: 5rem; padding-top: 3.3rem; padding-bottom: 3rem; padding-left: 2rem; padding-right: 4.5rem; background-color: #DAE5F6; border-radius: 4rem; } .attention-block__img-wrap { position: absolute; top: -4.8rem; left: 1.9rem; width: 10.1rem; height: 10.1rem; margin-bottom: 1.3rem; background-image: linear-gradient(180deg, #403845 0%, rgba(39, 26, 32, 0.98) 100%); box-shadow: 0px 25px 30px #9591A8; border-radius: 50%; } .attention-block__img { position: absolute; left: 1.1rem; width: 95%; height: 95%; -o-object-fit: cover; object-fit: cover; } .attention-block__text { display: block; font-weight: 300; font-size: 1.7rem; line-height: 2.5rem; } .attention-block__text-item { display: block; margin-left: 10.5rem; margin-bottom: 1.8rem; font-weight: 700; font-size: 1.8rem; } @media (max-width: 48em) { .attention-block { padding-top: 1.9rem; padding-bottom: 2.6rem; padding-left: 2.5rem; } .attention-block__img-wrap { top: -5rem; left: 2.3rem; } .attention-block__text-item { margin-left: 11.5rem; } .attention-block .attention-block__text { margin: 0; font-size: inherit; line-height: inherit; } .attention-block .attention-block__text-item { margin-top: 0; margin-bottom: 0.8rem; font-size: 1.8rem; font-weight: 700; } } .about-person { display: flex; flex-direction: column; align-items: center; text-align: center; padding-top: 5.7rem; padding-bottom: 11.6rem; } .about-person--pb { padding-bottom: 6rem; } .about-person__detail-wrap { box-sizing: border-box; position: relative; width: 61.4rem; min-height: 25.5rem; margin-bottom: 6.5rem; padding-top: 9.3rem; padding-left: 3rem; padding-right: 3rem; padding-bottom: 4.5rem; background-color: rgba(255, 255, 255, 0.75); box-shadow: 5px 35px 90px #D7DEF1; border-radius: 5rem; transition: var(--transition-main); } .about-person__detail-wrap:hover, .about-person__detail-wrap:focus-within { box-shadow: none; } .about-person__img-wrap { position: absolute; top: -5.8rem; left: 50%; transform: translateX(-50%); width: 11.8rem; height: 11.8rem; } .about-person__img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 50%; filter: drop-shadow(2px 25px 35px #BAC2CE); } .about-person__subject-desc { margin-bottom: 0.7rem; } .about-person__name, .about-person__desc-title { font-weight: 700; font-size: 3.5rem; line-height: 4.5rem; } .about-person__social-list { display: flex; justify-content: center; margin-top: 1.5rem; } .about-person__social-item { margin-left: 0.4rem; margin-right: 0.4rem; } .about-person__social-link { transition: var(--transition-main); } .about-person__social-link:hover, .about-person__social-link:focus { opacity: 0.7; } .about-person__desc-title { margin-bottom: 2.8rem; } .about-person__experience { font-size: 1.6rem; } .about-person__desc { width: 108rem; margin-top: 2.7rem; font-size: 2rem; line-height: 2.9rem; } .about-person__document-list { display: flex; justify-content: center; flex-wrap: wrap; margin-top: 3.8rem; } .about-person__document-item { margin-left: 1.2rem; margin-right: 1.2rem; } .about-person__document-wrap { box-sizing: border-box; display: flex; justify-content: center; align-items: center; width: 13.6rem; height: 18.3rem; padding-top: 1rem; box-shadow: 10px 30px 100px #DBE3F3; background-color: #FFFFFF; border-radius: 3.5rem; transition: var(--transition-main); } .about-person__document-wrap:hover, .about-person__document-wrap:focus { box-shadow: none; } .about-person__document { width: 8.7rem; height: 12.2rem; -o-object-fit: contain; object-fit: contain; } .about-person__rating-list { display: flex; justify-content: center; margin-top: 1.6rem; } .about-person__rating-item { width: 3rem; height: 3rem; margin-left: 0.4rem; margin-right: 0.4rem; background-image: url('/bitrix/templates/jiva/css/../img/svg/star-gray.svg'); background-repeat: no-repeat; background-position: center; background-size: contain; } .about-person__rating-item.check { background-image: url('/bitrix/templates/jiva/css/../img/svg/star-gray-fill.svg'); } @media (max-width: 48em) { .about-person { padding-top: 9.2rem; padding-bottom: 1rem; } .about-person__detail-wrap { width: 100%; min-height: 21.8rem; margin-bottom: 7.6rem; padding-top: 8rem; padding-left: 2rem; padding-right: 2rem; padding-bottom: 2.9rem; } .about-person__subject-desc { font-size: 1.5rem; } .about-person__name, .about-person__desc-title { font-size: 2.5rem; line-height: 3.7rem; } .about-person__social-list { margin-top: 1.2rem; } .about-person__desc-title { margin-bottom: 1.6rem; } .about-person__experience { font-size: 1.3rem; } .about-person__desc { width: auto; margin-top: 2.5rem; font-size: 1.5rem; line-height: 2.2rem; } .about-person__document-list { margin-top: 3.2rem; } .about-person__document-item { margin-bottom: 1.2rem; } .about-person__document-wrap { width: 11.7rem; height: 15.7rem; padding-top: 0; } .about-person__document { width: 7.5rem; height: 10.5rem; } .about-person__rating-list { margin-top: 1rem; } .about-person__rating-item { width: 2.2rem; height: 2.2rem; margin-left: 0.2rem; margin-right: 0.2rem; } } .about-rehab { min-height: 42.5rem; padding-top: 6.8rem; padding-bottom: 4.5rem; } .about-rehab__breadcrumbs { margin-top: 0; margin-bottom: 5.6rem; } .about-rehab__wrap { width: 63rem; } .about-rehab__subtitle, .about-rehab__item-title, .about-rehab__more-title { font-size: 1.6rem; } .about-rehab__subtitle { margin-bottom: 0.5rem; color: var(--color-light-gray); font-weight: 700; } .about-rehab__title { margin-bottom: 2.7rem; } .about-rehab__img, .about-rehab__img-wrap, .about-rehab__img-wrap::before { border-radius: 0 20rem; } .about-rehab__img-wrap { position: absolute; top: 7.5rem; right: 2.7rem; width: 66.9rem; height: 41.1rem; } .about-rehab__img-wrap::before { content: ''; position: absolute; top: -0.8rem; right: -0.8rem; width: 68.7rem; height: 42.7rem; background-image: url('/bitrix/templates/jiva/css/../img/figure/rehab-img-decor-d.svg'); background-repeat: no-repeat; background-position: center; background-size: contain; } .about-rehab__img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .about-rehab__list { margin-bottom: 2.6rem; } .about-rehab__item { margin-bottom: 2.8rem; } .about-rehab__item:last-child { margin-bottom: 0; } .about-rehab__item-title { margin-bottom: 0.7rem; } .about-rehab__item-desc { font-weight: 700; } .about-rehab__more-title { width: 29rem; line-height: 2.4rem; color: var(--color-light-gray); } .about-rehab__more-list { display: flex; margin-top: 1rem; } .about-rehab__more-item { margin-right: 2.2rem; } @media (max-width: 48em) { .about-rehab { min-height: 0; margin-top: 0; padding-top: 5.6rem; padding-bottom: 5.9rem; } .about-rehab__breadcrumbs { margin-bottom: 3.6rem; } .about-rehab__wrap { width: auto; } .about-rehab__subtitle { margin-bottom: 0.7rem; font-size: 1.3rem; } .about-rehab__img, .about-rehab__img-wrap, .about-rehab__img-wrap::before { border-radius: 0 9.5rem; } .about-rehab__img-wrap { position: relative; top: initial; right: initial; width: auto; height: 40vw; margin-bottom: 2.5rem; padding-left: 0.8rem; } .about-rehab__img-wrap::before { content: ''; position: absolute; top: -0.6rem; right: -0.8rem; max-width: 33.6rem; width: calc(100% + 0.6rem); height: 19.8rem; background-image: none; } .about-rehab__list { margin-bottom: 1.7rem; } .about-rehab__item { margin-bottom: 1.5rem; } .about-rehab__item-title { font-size: 1.4rem; } .about-rehab__more-title { width: auto; font-size: 1.2rem; line-height: 1.8rem; } .about-rehab__more-list { justify-content: space-between; margin-top: 1.4rem; } .about-rehab__more-item { width: 48%; margin-right: 0; } .about-rehab__btn-modal { width: 100%; } } @media (max-width: 420px) { .about-rehab__img-wrap { max-width: 32.1rem; height: 18.3rem; } .about-rehab__img-wrap::before { background-image: url('/bitrix/templates/jiva/css/../img/figure/rehab-img-decor-m.svg'); } } .about-service { display: flex; flex-direction: column; align-items: center; padding-top: 52.4rem; padding-bottom: 9rem; overflow: hidden; } .about-service__img-wrap, .about-service__img-wrap-second, .about-service__img-second { position: absolute; z-index: -1; left: 50%; transform: translateX(-50%); } .about-service__img-wrap { top: -8.3rem; max-width: 1920px; max-height: 893px; width: 100%; height: 46.51vw; } .about-service__img, .about-service__img-second { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; } .about-service__img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .about-service__img-tablet, .about-service__img-mobile { display: none; } .about-service__img-wrap-second { /*top: 6.2rem;*/ /*width: 40rem;*/ /*height: 40rem;*/ top: 0; width: 65rem; height: 52rem; /*background-image: radial-gradient(97.36% 97.36% at 50% 46.02%, #F0F7FF 0%, #DCE8F6 100%);*/ /*border: 0.1rem solid #fff;*/ /*border-radius: 50%;*/ /*filter: drop-shadow(0 10rem 25rem rgba(255, 254, 240, 0.94));*/ } .about-service__img-wrap-second::before { z-index: -1; position: absolute; content: ''; left: 50%; /*bottom: 0;*/ bottom: 5.8rem; transform: translateX(-50%); width: 192rem; height: 23.9rem; background-image: url('/bitrix/templates/jiva/css/../img/figure/about-decor-line.svg'); background-repeat: no-repeat; background-position: center; mix-blend-mode: multiply; } .about-service__img-second { /*bottom: -2rem;*/ /*width: 35.7rem;*/ /*height: 34.6rem;*/ width: auto; height: 100%; -o-object-fit: contain; object-fit: contain; } .about-service__caption { margin-bottom: 2rem; font-size: 2.2rem; } .about-service__title { margin-bottom: 2.4rem; } .about-service__subtitle { margin-bottom: 3.2rem; } .about-service__breadcrumbs { position: absolute; top: 0; } @media (max-width: 48em) { .about-service__img-wrap-second::before { background-image: none; } .about-service { padding-top: 4.5rem; padding-bottom: 6.5rem; padding-left: var(--container-padding-block); padding-right: var(--container-padding-block); text-align: center; } .about-service--pb { /*padding-bottom: 44rem;*/ padding-bottom: 0; padding-right: 0; padding-left: 0; } .about-service__img-wrap { top: 29rem; max-height: none; width: 38rem; height: 36rem; } .about-service__img-desktop { display: none; } .about-service__img-tablet { display: block; } .about-service__img-wrap-second { order: 1; position: relative; top: auto; left: auto; transform: none; /*width: 30.8rem;*/ /*height: 30.8rem;*/ width: 100%; height: 88vw; /*margin-top: 5rem;*/ margin-top: 9rem; } .about-service__img-second { bottom: -1.3rem; /*width: 27.5rem;*/ /*height: 26.6rem;*/ width: 100%; height: auto; } .about-service__caption { margin-bottom: 1.5rem; font-size: 1.5rem; } .about-service__title { margin-bottom: 1.7rem; padding-left: 4rem; padding-right: 4rem; } .about-service__subtitle { margin-bottom: 2.1rem; font-size: 1.5rem; line-height: 1.7rem; } .about-service__breadcrumbs { box-sizing: border-box; position: relative; top: auto; width: 100%; margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom: 7.2rem; padding-left: 0; padding-right: 0; } } /* 420px */ @media (max-width: 26.2em) { .about-service__img-wrap { top: 29.6rem; width: 100%; height: 151vw; /*~580px*/ } .about-service__img-tablet { display: none; } .about-service__img-mobile { display: block; } } /* 390px */ .rating { position: relative; z-index: 0; padding-top: 4.5rem; padding-bottom: 4.5rem; } .rating--mb { padding-bottom: 10.8rem; } .rating__container { display: flex; flex-direction: column; align-items: center; } .rating__img-wrap { position: relative; margin: 0; margin-left: 14.5rem; } .rating__img-hover-events { position: absolute; top: 0; left: 0; width: 25rem; height: 24.7rem; } .rating__img-hover-events::before { pointer-events: none; position: absolute; content: ''; bottom: -8.8rem; left: -20.8rem; width: 67.1rem; height: 69rem; background-image: url('/bitrix/templates/jiva/css/../img/rating/1-hover.svg'); background-repeat: no-repeat; background-position: center; background-size: cover; transition: var(--transition-main); opacity: 0; } .rating__img-hover-events:hover::before { opacity: 1; } .rating__img { width: 40.9rem; height: 26.5rem; } .rating__img-desc { position: absolute; left: 5rem; bottom: 5.3rem; width: 15rem; color: #fff; text-align: center; font-weight: 300; line-height: 1; } .rating__img-desc-num { display: block; font-weight: 700; font-size: 4rem; } .rating__title { margin-top: 0.2rem; margin-bottom: 1.4rem; } .rating__more-caption { font-size: 1.8rem; } .rating__more-link { display: inline-block; margin-top: 0.5rem; color: var(--color-red); -webkit-text-decoration-line: underline; text-decoration-line: underline; } .rating__decor { z-index: -1; position: absolute; top: -66.5rem; left: 0; width: 100%; height: 88.3rem; background-image: url('/bitrix/templates/jiva/css/../img/rating/background-d.svg'); background-repeat: no-repeat; background-position: center; background-size: contain; } @media (max-width: 90em) { .rating__decor { background-size: cover; } } .rating__compare { margin-top: 8.7rem; margin-bottom: 0; } @media (max-width: 48em) { .rating { padding-bottom: 4.5rem; } .rating__img-wrap { margin-left: 0; } .rating__img-hover-events { display: none; } .rating__img { position: relative; left: 5.4rem; width: 29.5rem; height: 19.8rem; } .rating__img-desc { left: 8rem; bottom: 4.2rem; width: 13rem; font-size: 1.3rem; } .rating__img-desc-num { font-size: 2.9rem; } .rating__title { margin-top: 0.7rem; margin-bottom: 1.9rem; text-align: center; } .rating__more-caption { font-size: 1.4rem; text-align: center; } .rating__more-link { margin-top: 0.1rem; font-size: 1.5rem; line-height: 1.8rem; text-align: center; } .rating__decor { display: none; left: 50%; transform: translateX(-50%); background-image: url('/bitrix/templates/jiva/css/../img/rating/background-m.svg'); background-size: cover; } .rating__compare { margin-top: 6rem; } } @media (max-width: 26em) { .rating__decor { display: block; top: -76.2rem; } } @media (max-width: 24em) { .rating__decor { top: -71.8rem; } } .gallery { padding-top: 9.2rem; padding-bottom: 9.2rem; } .gallery__title { margin-bottom: 2.8rem; } .gallery__list { display: flex; flex-wrap: wrap; } .gallery__item { margin-right: 3.4rem; margin-bottom: 3.4rem; } .gallery__item:nth-child(3n) { margin-right: 0; } .gallery__img-wrap { width: 42.7rem; height: 33.2rem; border-radius: 7rem; box-shadow: 20px 40px 100px rgba(187, 201, 227, 0.7); transition: var(--transition-main); } .gallery__img-wrap:hover, .gallery__img-wrap:focus { box-shadow: none; } .gallery__img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 7rem; } .gallery__btn-more { font-weight: 300; font-size: 2.4rem; text-decoration: underline; } @media (max-width: 48em) { .gallery { padding-top: 6.3rem; padding-bottom: 6.3rem; } .gallery__title { margin-bottom: 1.3rem; } .gallery__item { margin-right: 1rem; margin-bottom: 1rem; } .gallery__item:nth-child(3n) { margin-right: 1rem; } .gallery__img-wrap { width: 16.5rem; height: 15.3rem; border-radius: 3rem; box-shadow: 11.9644px 23.9288px 59.8221px rgba(187, 201, 227, 0.7); } .gallery__img { border-radius: 3rem; } .gallery__btn-more { margin-top: 0.8rem; font-size: 1.5rem; } } @media (max-width: 420px) { .gallery__list { justify-content: space-between; } .gallery__item { width: 48%; margin-right: 0; margin-bottom: 1rem; } .gallery__item:nth-child(3n) { margin-right: 0; } .gallery__img-wrap { width: auto; height: 40.8vw; } } .documentation { padding-top: 9.2rem; padding-bottom: 9.2rem; } .documentation__column-wrap { display: flex; justify-content: space-between; } .documentation__column-left { width: 66.3rem; } .documentation__map-wrap { height: 44.3rem; } .documentation__map { width: 100%; height: 100%; border-radius: 5rem; overflow: hidden; } .documentation__column-right { width: 62.5rem; } .documentation__aside-check { margin-bottom: 3.4rem; } .documentation__sutitle { margin-bottom: 1.8rem; font-weight: 700; font-size: 2rem; color: var(--color-light-gray); } .documentation__title { margin-bottom: 2.8rem; } .documentation__table { width: 100%; } .documentation__table td { padding-bottom: 1.2rem; } .documentation__table td:first-child { width: 23%; color: var(--color-light-gray); } .documentation__table tr:last-child td { padding-bottom: 0; } .documentation__btn-download-wrap { margin-top: 2rem; margin-top: 3.4rem; } .documentation__btn-download { margin-right: 3.4rem; } @media (max-width: 48em) { .documentation { padding-top: 4rem; padding-bottom: 4rem; } .documentation__column-wrap { flex-wrap: wrap; } .documentation__column-left { width: 100%; margin-bottom: 2.2rem; } .documentation__map-wrap { height: 29.5rem; } .documentation__column-right { width: 100%; } .documentation__aside-check { margin-bottom: 2rem; } .documentation__sutitle { margin-bottom: 1.2rem; font-size: 1.3rem; } .documentation__title { margin-bottom: 2.4rem; } .documentation__table { font-size: 1.5rem; } .documentation__table td { padding-bottom: 1.6rem; } .documentation__table td:first-child { width: 19%; } .documentation__btn-download-wrap { margin-top: 2.1rem; } } .price { padding-top: 4.5rem; padding-bottom: 4.5rem; } .price__title { margin-bottom: 4rem; } .price__column-wrap { display: flex; justify-content: space-between; } .price__column-left { width: 100.5rem; } .price__block { display: flex; align-items: center; padding-top: 0.6rem; padding-left: 3.5rem; padding-right: 1rem; padding-bottom: 0.4rem; } .price__block p { font-weight: 400; font-size: 1.8rem; } .price__block span { font-weight: 700; font-size: 2.2rem; } .price__name { width: 65.7%; } .price__block:nth-child(2n+1) { background-color: #fff; border-radius: 9rem; padding-top: 1.4rem; padding-bottom: 1.4rem; } .price__column-right { width: 30.6rem; } .price__btn { display: flex; align-items: center; margin-left: auto; font-family: var(--font-main); font-size: 1.8rem; font-style: normal; font-weight: 700; line-height: 2.5rem; color: var(--color-main); } .price__btn-arr { width: 5rem; height: 5rem; display: flex; justify-content: center; align-items: center; background: #EDF6FF; border: 2px solid #F4FAFF; border-radius: 50%; box-shadow: 10px 10px 40px 0px #C8D9EC; margin-left: 1.2rem; } .price__btn-arr svg { width: 1.6rem; height: 1.4rem; object-fit: contain; } @media (max-width: 48em) { .price { padding-top: 3.1rem; padding-bottom: 3.1rem; } .price__title { margin-bottom: 3.5rem; } .price__column-wrap { flex-wrap: wrap; } .price__column-left { width: auto; } .price__block { align-items: flex-start; flex-direction: column; margin-bottom: 2.2rem; padding: 0; padding-bottom: 1.9rem; border-bottom: 0.1rem solid #A6B2C6; } .price__block p { width: 100%; margin-bottom: 0.7rem; font-size: 1.5rem; } .price__block span { font-size: 1.5rem; } .price__block:nth-child(2n+1) { background-color: transparent; border-radius: 0; } .price__column-right { display: none; width: auto; } } .rating-stars { position: relative; display: flex; align-items: center; margin: 0; padding: 0; border: 0; } .rating-stars__wrap { display: flex; align-items: center; width: 100%; } .rating-stars__title { position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .rating-stars__input { display: none; } .rating-stars__list { display: flex; flex-direction: row-reverse; justify-content: space-between; width: 100%; margin-bottom: 1rem; width: 17.5rem; margin-left: 7rem; } .rating-stars__label { position: relative; display: block; cursor: pointer; width: 2.6rem; height: 2.6rem; padding: 0 0.4rem; } .rating-stars__label:focus { outline: 0; } .rating-stars__label:focus .rating-stars__icon-star { opacity: 0.7; stroke: #4B969E; } .rating-stars__input:checked ~ .rating-stars__label .rating-stars__icon-star, .rating-stars__label:hover ~ .rating-stars__label .rating-stars__icon-star, .rating-stars__label:hover .rating-stars__icon-star { fill: var(--color-emerald); stroke: #4B969E; } @media (max-width: 48em) { .rating-stars__title { font-size: 1.6rem; } .rating-stars__list { margin-bottom: 0.7rem; } } .search-form { box-sizing: border-box; position: relative; display: flex; height: 7.3rem; margin-right: 2rem; padding-left: 4rem; padding-right: 6rem; background-color: #FFF; border-radius: 9rem; } .search-form:hover .search-form__btn-submit, .search-form:focus-within .search-form__btn-submit { box-shadow: none; } .search-form__input { box-sizing: border-box; width: 100%; padding: 0; background-color: transparent; border: none; color: inherit; font-family: inherit; font-size: inherit; -moz-appearance: none; -webkit-appearance: none; appearance: none; outline: none; } .search-form__input:-moz-ui-invalid { box-shadow: none; } .search-form__btn-submit { position: absolute; top: 50%; right: -2.3rem; transform: translateY(-50%); } @media (max-width: 48em) { .search-form { width: 80%; height: 5rem; margin-right: 0; padding-left: 2.1rem; padding-right: 2.1rem; } .search-form__btn-submit { right: -7rem; } } .tab-toggle { margin-bottom: 12rem; } .tab-toggle__title { font-size: 3rem; } .tab-toggle__list { display: flex; justify-content: center; padding-left: 0; padding-right: 0; } .tab-toggle__btn { padding-left: 3.6rem; padding-right: 3.6rem; } .tab-toggle__content-list { display: none; margin-top: 4rem; } .tab-toggle__content-list.active { display: block; } .tab-toggle__content-item { position: relative; } .tab-toggle__content-link { box-sizing: border-box; width: 131rem; min-height: 30.8rem; margin-bottom: 4rem; padding-top: 5.5rem; padding-left: 5rem; padding-right: 25rem; padding-bottom: 10rem; background: rgba(255, 255, 255, 0.75); box-shadow: 0.5rem 3.5rem 9rem #D7DEF1; border-radius: 5rem; transition: var(--transition-main); } .tab-toggle__content-link:last-child { margin-bottom: 0; } .tab-toggle__content-link:hover, .tab-toggle__content-link:focus { box-shadow: none; } .tab-toggle__content-title { margin-bottom: 2.7rem; } .tab-toggle__content-desc { font-size: 1.6rem; line-height: 2.4rem; } .tab-toggle__path-wrap { position: absolute; display: flex; bottom: 5.8rem; left: 5.2rem; } .tab-toggle__path { position: relative; margin-right: 0.4rem; font-weight: 400; font-size: 1.6rem; line-height: 2.4rem; } .tab-toggle__path::before { content: '/'; } .tab-toggle__path--green { color: var(--color-emerald); } .tab-toggle__path--green::before { content: none; } .tab-toggle__btn-submit { position: absolute; top: 50%; transform: translateY(-50%); right: 0; } @media (max-width: 48em) { .tab-toggle__title-wrap { align-items: flex-start; margin-bottom: 2.5rem; } .tab-toggle__title { margin-bottom: 0; font-size: 2.5rem; } .tab-toggle__desc { display: inline-block; font-size: 1.3rem; } .tab-toggle__list { overflow: initial; margin-top: 3.9rem; padding-left: 0; padding-right: 0; } .tab-toggle__item:first-child .tab-toggle__btn { padding-left: 0; } .tab-toggle__item:last-child .tab-toggle__btn { padding-right: 0; } .tab-toggle__btn { padding-top: 1.6rem; padding-bottom: 1.6rem; padding-left: 2rem; padding-right: 2rem; } .tab-toggle__content-link { width: auto; padding-top: 3.2rem; padding-left: 1.6rem; padding-right: 1.6rem; padding-bottom: 10.2rem; } .tab-toggle__content-title { margin-bottom: 1.2rem; font-size: 1.8rem; line-height: 2.8rem; } .tab-toggle__content-desc { font-size: 1.3rem; line-height: 1.9rem; } .tab-toggle__path-wrap { display: block; left: 1.6rem; bottom: 4.7rem; } .tab-toggle__path { display: inline; margin-right: 0; font-size: 1.3rem; line-height: 1.9rem; } .tab-toggle__btn-submit { top: auto; left: 50%; right: auto; bottom: -2.7rem; transform: translateX(-50%); } } .map-aside { padding-top: 6.2rem; padding-bottom: 6.2rem; } .map-aside__wrap { position: relative; display: flex; justify-content: space-between; height: 41.8rem; background: rgba(255, 255, 255, 0.75); box-shadow: 0.5rem 3.5rem 9rem #D7DEF1; border-radius: 5rem; overflow: hidden; } .map-aside__map { width: 81.1rem; height: 100%; } .map-aside__aside { box-sizing: border-box; width: 54rem; height: 100%; padding-top: 6.3rem; padding-left: 3.9rem; padding-right: 3.9rem; padding-bottom: 2.9rem; } .map-aside__title { font-size: 3rem; font-weight: 700; } .map-aside__filter-form { margin-top: 2.4rem; margin-bottom: 4.7rem; padding-right: 0; background-color: #fff; } .map-aside__filter-options { border: 0; } .map-aside__filter-options.filter__options { width: 100%; padding-left: 1.8rem; } .map-aside__contacts-wrap { margin-top: 2rem; } .map-aside__desc { display: inline-flex; align-items: center; width: 100%; margin-bottom: 2.6rem; font-size: 2rem; } .map-aside__desc:last-child { margin-bottom: 0; } .map-aside__desc:hover .map-aside__icon, .map-aside__desc:focus-within .map-aside__icon { opacity: 0.7; } .map-aside__icon { margin-right: 1rem; } .map-aside__link { display: inline; } @media (max-width: 48em) { .map-aside { padding-top: 2rem; padding-bottom: 2rem; } .map-aside__wrap { flex-direction: column-reverse; height: auto; } .map-aside__map { width: 100%; height: 33.1rem; } .map-aside__aside { width: 100%; margin-bottom: 0; padding-top: 5rem; padding-left: 1.3rem; padding-right: 1.3rem; } .map-aside__title { font-size: 2.5rem; } .map-aside__filter-form { margin-bottom: 2.8rem; } .map-aside__filter-options.filter__options { padding-left: 1rem; } .map-aside__filter-options .filter__handler { padding-left: 6rem; } .map-aside__filter-options::before { content: none; } .map-aside__desc { margin-bottom: 2.2rem; font-size: 1.5rem; } } .contacts-info { padding-top: 4rem; padding-bottom: 4rem; } .contacts-info__list { display: grid; grid-template-columns: repeat(4, 1fr); justify-content: space-between; row-gap: 2.7rem; } .contacts-info__item-title { margin-bottom: 0.4rem; font-weight: 700; font-size: 3rem; line-height: 4.4rem; } .contacts-info__item-desc { margin-bottom: 0.6rem; } @media (max-width: 48em) { .contacts-info { padding-top: 2rem; font-size: 1.5rem; line-height: 2.2rem; } .contacts-info__list { grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr)); row-gap: 1.9rem; } .contacts-info__item-title { margin-bottom: 0; font-size: 1.8rem; line-height: 2.7rem; } .contacts-info__item-desc { margin-bottom: 0; } } /*swiper*/ .swiper-container-big-container { box-sizing: border-box; width: 143rem; overflow-x: hidden; overflow-y: initial; } .swiper-container-big-container .swiper-container { overflow: initial; margin-left: 2rem; } .swiper-container-big-container .swiper-button-next { right: 2rem; } .swiper-arrows-wrap { position: relative; z-index: 1; bottom: 0; display: flex; justify-content: space-between; width: 100%; height: 8.2rem; margin-top: 3rem; margin-bottom: 3rem; } .swiper-button-prev, .swiper-button-next { position: relative; top: auto; margin-top: 0; font-weight: 700; color: #000; } .swiper-button-prev { left: 0; } .swiper-button-next { right: 0; } .swiper-button-prev::after, .swiper-button-next::after { font-size: 0; } .swiper-container .swiper-pagination { width: 85%; left: 50%; transform: translateX(-50%); } .swiper-container-horizontal > .swiper-pagination { bottom: 3.2rem; } .swiper-pagination-bullet { width: 1.2rem; height: 1.2rem; opacity: 1; background-color: var(--color-light-gray); } .swiper-pagination-bullet-active { background-color: var(--color-main); } .swiper-pagination-bullet, .swiper-pagination .swiper-pagination-bullet-active-next, .swiper-pagination .swiper-pagination-bullet-active-prev, .swiper-pagination .swiper-pagination-bullet-active-prev-prev, .swiper-pagination .swiper-pagination-bullet-active-next-next { transform: scale(0.5); } .swiper-pagination-bullets-dynamic { width: 22rem!important; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 1.5rem; } /* все */ .swiper-pagination-bullet::before, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main::before, .swiper-pagination-bullet-active-prev::before, .swiper-pagination-bullet-active-next::before, .swiper-pagination-bullet::after, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main::after, .swiper-pagination-bullet-active-prev::after, .swiper-pagination-bullet-active-next::after { position: absolute; content: none; top: 0.4rem; width: 5.3rem; height: 0.4rem; transform: scale(1); color: var(--color-light-gray); background-image: url('/bitrix/templates/jiva/css/../img/svg/points.svg'); background-size: cover; background-position: center; } /* статическая */ .swiper-pagination-bullet::after { content: ''; } /* динамическая */ .swiper-pagination-bullets-dynamic .swiper-pagination-bullet::before, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet::after { content: none; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main::before, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev::before, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next::before, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main::after, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev::after, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next::after { content: ''; } /* статическая */ .swiper-pagination-bullet::before { content: none; } .swiper-pagination-bullet::after { right: -6rem; } .swiper-pagination .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination .swiper-pagination-bullet-active::before, .swiper-pagination .swiper-pagination-bullet-active::after { transform: scale(0.5); } .swiper-pagination .swiper-pagination-bullet-active::after { right: -4.2rem; } /* динамическая */ .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev::after { content: none; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev::before { left: -6.1rem; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next::after { right: -6.1rem; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next::before { content: none; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main::before, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main::after { transform: scale(0.5); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main::before { left: -4.3rem; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main::after { right: -4.3rem; } /* все */ .swiper-pagination-bullets-dynamic .swiper-pagination-bullet:first-of-type::before, .swiper-pagination-bullet:first-of-type::before { content: none; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet:last-of-type::after, .swiper-pagination-bullet:last-of-type::after { content: none; } .swiper-pagination-numeric { display: flex; justify-content: center; align-items: center; height: 2.6rem; } .swiper-pagination-numeric .swiper-pagination-bullet { height: auto; font-size: 1.5rem; font-weight: 700; transform: scale(1); color: var(--color-light-gray); background-color: transparent; } .swiper-pagination-numeric .swiper-pagination-bullet::before, .swiper-pagination-numeric .swiper-pagination-bullet::after { top: 0.6rem; transform: scale(0.5); right: -4.2rem; } .swiper-pagination-numeric .swiper-pagination-bullet-active { font-size: 2.5rem; color: var(--color-main); } .swiper-pagination-numeric .swiper-pagination-bullet-active::before, .swiper-pagination-numeric .swiper-pagination-bullet-active::after { top: 1.1rem; } @media (max-width: 48em) { .swiper-container-big-container { width: auto; } .swiper-container-big-container .swiper-container { margin-left: 0; } .swiper-container-big-container .swiper-button-next { right: 0; } .swiper-arrows-wrap { height: 4.3rem; margin-top: 2rem; margin-bottom: 2rem; } .swiper-container .swiper-pagination { width: 70%; } .swiper-container-horizontal > .swiper-pagination { bottom: 1.6rem; } .swiper-pagination-bullet { width: 0.7rem; height: 0.7rem; } .swiper-pagination-bullets-dynamic { width: 18rem!important; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 1.5rem; } .swiper-pagination-bullet::before, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main::before, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev::before, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next::before, .swiper-pagination-bullet::after, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main::after, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev::after, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next::after { top: 0.2rem; } .swiper-container-horizontal > .swiper-pagination-numeric { bottom: 0.8rem; } } .rehab-swiper { padding-top: 12.5rem; padding-bottom: 12.5rem; } .rehab-swiper-filter { padding-top: 6.9rem; } .rehab-swiper-pb-small { padding-bottom: 6rem; } .rehab-swiper__main-text-wrap { display: flex; justify-content: space-between; margin-bottom: 3.5rem; } .rehab-swiper__btn-region { padding-top: 0.5rem; } .rehab-swiper__list { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 4rem; } .rehab-swiper__item { box-sizing: border-box; overflow: hidden; position: relative; width: 30.5rem; height: 50.5rem; background-image: linear-gradient(180deg, #FFFFFF 0%, #E6F1FD 100%); border-radius: 7rem; transition: var(--transition-main); } .rehab-swiper__item:hover, .rehab-swiper__item:focus-within { box-shadow: 0px 30px 50px #B7C3DF; } .rehab-swiper__text-wrap { box-sizing: border-box; position: relative; z-index: 1; min-height: 14.5rem; padding-top: 5rem; padding-left: 3.2rem; padding-right: 3.2rem; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .rehab-swiper__text-wrap::before, .rehab-swiper__text-wrap::after { position: absolute; content: ''; z-index: -1; left: 0; width: 100%; } .rehab-swiper__text-wrap::before { bottom: -10.6rem; height: 25rem; background-image: url('/bitrix/templates/jiva/css/../img/figure/clip-small-top.png'); background-repeat: no-repeat; background-size: cover; background-position: center; } .rehab-swiper__text-wrap::after { top: 0; height: 65%; background-color: #fff; } .rehab-swiper__title { font-family: var(--font-decor-first); font-style: italic; font-size: 2.5rem; line-height: 3.5rem; } .rehab-swiper__desc { margin-bottom: 0.7rem; } .rehab-swiper__cost { font-weight: 700; font-size: 2.2rem; } .rehab-swiper__img-wrap { position: absolute; bottom: 0; z-index: 0; display: flex; width: 100%; height: 39.8rem; /* свг-маска */ filter: url(/bitrix/templates/jiva/css/../img/sprite.svg#filter-small-top); } .rehab-swiper__img-wrap::before, .rehab-swiper__img-wrap::after { content: ''; position: absolute; width: 100%; } .rehab-swiper__img-wrap::before { bottom: 0; left: 0; height: 39.8rem; border-radius: 7rem 0 7rem 7rem; box-shadow: inset 20px 40px 60px rgba(0, 0, 0, 0.25); } .rehab-swiper__img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 7rem 0 7rem 7rem; } .rehab-swiper__btn-compare { position: absolute; z-index: 1; bottom: 1.4rem; left: 3.5rem; } .rehab-swiper__aside-item { display: none; bottom: 5.2rem; } .benefit .rehab-swiper__aside-item { display: flex; } .rehab-swiper__arrows-wrap { margin-bottom: 2rem; } .rehab-swiper__btn-modal { margin-left: auto; margin-right: auto; margin-bottom: 4rem; } .rehab-swiper__map-wrap { height: 45.1rem; margin-top: 3.3rem; margin-bottom: 3.3rem; } .rehab-swiper__map { width: 100%; height: 100%; background-color: #E9EDF5; border-radius: 5rem; overflow: hidden; } .rehab-swiper-list { padding-top: 0; padding-bottom: 0; } .rehab-swiper-list .rehab-swiper__text-wrap { min-height: 0; padding-top: 1.8rem; } .rehab-swiper-list .rehab-swiper__text-wrap::before, .rehab-swiper-list .rehab-swiper__text-wrap::after { width: 100.5%; } .rehab-swiper-list .rehab-swiper__text-wrap::before { bottom: -16rem; background-image: url('/bitrix/templates/jiva/css/../img/figure/clip-compare-top.png'); } .rehab-swiper-list .rehab-swiper__item { height: 46rem; border-radius: 4rem 4rem 0 0; } .rehab-swiper-list .rehab-swiper__item:hover, .rehab-swiper-list .rehab-swiper__item:focus-within { box-shadow: none; } .rehab-swiper-list .rehab-swiper__img-wrap::before, .rehab-swiper-list .rehab-swiper__img { border-radius: 7rem 0 0rem 0rem; } .rehab-swiper-list .rehab-swiper__aside-item { bottom: 7.2rem; } .rehab-swiper-list .rehab-swiper__btn-compare { bottom: 7.6rem; } @media (max-width: 48em) { .rehab-swiper { padding-top: 6rem; padding-bottom: 6rem; } .rehab-swiper__main-text-wrap { flex-direction: column; margin-bottom: 3.4rem; } .rehab-swiper__main-title { margin-bottom: 1.8rem; } .rehab-swiper__btn-region { padding-top: 0.5rem; } .rehab-swiper__list { grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); grid-gap: 0.8rem; } .rehab-swiper__item { width: 16.5rem; height: 26.9rem; border-radius: 4rem; } .rehab-swiper__item.tab-focus, .rehab-swiper__item:hover, .rehab-swiper__item:focus { box-shadow: 0px 30px 50px #B7C3DF; } .rehab-swiper__text-wrap { min-height: 8.2rem; padding-top: 2.3rem; padding-left: 1.3rem; padding-right: 1.3rem; } .rehab-swiper__text-wrap::before { bottom: -5.2rem; height: 13rem; } .rehab-swiper__title { margin-bottom: 0.3rem; font-weight: 700; font-family: var(--font-main); font-style: normal; font-size: 1.7rem; line-height: 1.8rem; } .rehab-swiper__desc { margin-bottom: 0.3rem; } .rehab-swiper__cost { font-size: 1.5rem; line-height: 2.2rem; } .rehab-swiper__img-wrap { height: 21rem; } .rehab-swiper__img-wrap::before { bottom: 0; left: 0; height: 37.8rem; border-radius: 0; } .rehab-swiper__img { border-radius: 0; } .rehab-swiper__btn-compare { bottom: 0.6rem; left: 2.4rem; } .rehab-swiper__aside-item { bottom: 2.5rem; } .rehab-swiper__arrows-wrap { margin-bottom: 2rem; } .rehab-swiper__btn-modal { margin-bottom: 4rem; } .rehab-swiper__map-wrap { height: 33.8rem; } .rehab-swiper-list { padding-top: 0; padding-bottom: 0; } .rehab-swiper-list .rehab-swiper__text-wrap::before { bottom: -8.6rem; } .rehab-swiper-list .rehab-swiper__item { width: auto; height: 29rem; border-radius: 2rem 2rem 0 0; } .rehab-swiper-list .rehab-swiper__img-wrap::before, .rehab-swiper-list .rehab-swiper__img { border-radius: 2rem 0 0rem 0rem; } .rehab-swiper-list .rehab-swiper__aside-item { bottom: 4.6rem; } .rehab-swiper-list .rehab-swiper__btn-compare { left: 1.2rem; bottom: 3.8rem; width: 7.8rem; } } .reviews-swiper { padding-top: 8.3rem; padding-bottom: 8.3rem; } .reviews-swiper__main-text-wrap { display: flex; justify-content: space-between; align-items: center; } .reviews-swiper__swiper-container { padding-top: 7rem; } .reviews-swiper__blockquote { box-sizing: border-box; position: relative; width: 65.7rem; height: 30rem; margin: 0; padding-top: 4rem; padding-left: 3.6rem; padding-right: 3.6rem; padding-bottom: 4rem; background-color: #FFF; border-radius: 7rem; transition: var(--transition-main); } .reviews-swiper__blockquote.without-photo .reviews-swiper__author-block { padding-left: 0; } .reviews-swiper__blockquote.without-photo .reviews-swiper__author-photo-wrap { display: none; } .swiper-slide-visible .reviews-swiper__blockquote { box-shadow: 0px 20px 30px #D4E2F1; } .swiper-slide-visible .reviews-swiper__blockquote:hover, .swiper-slide-visible .reviews-swiper__blockquote:focus-within { box-shadow: none; } .reviews-swiper__link:hover .btn-link__icon, .reviews-swiper__link:focus .btn-link__icon { fill: rgba(53, 53, 68, 0.6); } .reviews-swiper__author-block { min-height: 5.7rem; margin-bottom: 2.7rem; padding-left: 15.5rem; font-weight: 700; } .reviews-swiper__author-photo-wrap { position: absolute; top: -4.6rem; left: 3.2rem; width: 14.4rem; height: 14.4rem; } .reviews-swiper__author-photo { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 50%; box-shadow: 0px 20px 30px #D4E2F1; } .reviews-swiper__author-name { display: inline-block; margin-bottom: 0.8rem; font-style: normal; font-size: 2.5rem; } .reviews-swiper__author-theme { font-size: 1.8rem; color: var(--color-light-gray); } .reviews-swiper__btn-link { box-shadow: none; position: absolute; top: 3.4rem; right: 1.8rem; } .reviews-swiper__author-text { line-height: 2.7rem; } .reviews-swiper-two-rows .swiper-slide-visible .reviews-swiper__blockquote { margin-bottom: 8rem; } .reviews-swiper-two-rows .swiper-slide-visible:nth-last-child(1) .reviews-swiper__blockquote, .reviews-swiper-two-rows .swiper-slide-visible:nth-last-child(2) .reviews-swiper__blockquote { margin-bottom: 0; } @media (max-width: 48em) { .reviews-swiper { padding-top: 4rem; padding-bottom: 4rem; } .reviews-swiper__main-text-wrap { justify-content: center; } .reviews-swiper__count-reviews { display: none; } .reviews-swiper__swiper-container { padding-top: 8.2rem; } .reviews-swiper__blockquote { width: auto; height: auto; padding-top: 8rem; padding-left: 1.8rem; padding-right: 1.8rem; padding-bottom: 3rem; border-radius: 4rem; } .reviews-swiper__blockquote.without-photo { padding-top: 3rem; } .reviews-swiper__author-block { min-height: 0; margin-bottom: 1.4rem; padding-left: 0; text-align: center; } .reviews-swiper__author-photo-wrap { top: -6.2rem; left: 50%; transform: translateX(-50%); width: 12.4rem; height: 12.4rem; } .reviews-swiper__author-name { margin-bottom: 0; font-size: 1.8rem; line-height: 2.7rem; } .reviews-swiper__author-theme { font-size: 1.5rem; } .reviews-swiper__btn-link { box-shadow: none; position: absolute; top: 3.4rem; right: 1.8rem; } .reviews-swiper__author-text { font-size: 1.5rem; line-height: 2.2rem; } .reviews-swiper-two-rows .swiper-slide .reviews-swiper__blockquote { margin-bottom: 8rem; } .reviews-swiper-two-rows .reviews-swiper__arrows-wrap { bottom: 4.5rem; } .reviews-swiper-two-rows .reviews-swiper__swiper-pagination { bottom: 6rem; } } .team-swiper-list { --padding-block: 4.16rem; } .team-swiper-list .team-swiper:first-child { padding-top: 8.3rem; padding-bottom: var(--padding-block); } .team-swiper-list .team-swiper { padding-top: var(--padding-block); padding-bottom: var(--padding-block); } .team-swiper-list .team-swiper::before { position: absolute; content: ''; bottom: 2rem; left: 0; width: 100%; height: 0.1rem; background-color: #fff; } .team-swiper-list .team-swiper:last-child { padding-top: var(--padding-block); padding-bottom: 8.3rem; } .team-swiper-list .team-swiper:last-child::before { content: none; } .team-swiper-list .team-swiper__arrows-wrap { margin-top: 4.2rem; } .team-swiper { padding-top: 8.3rem; padding-bottom: 8.3rem; } .team-swiper__main-text-wrap { display: flex; justify-content: space-between; align-items: center; } .team-swiper__swiper-container { padding-top: 9.8rem; /* если у слайдера нет пагинации */ padding-bottom: 4rem; } .team-swiper__item { box-sizing: border-box; position: relative; width: 30.6rem; padding-top: 3.2rem; padding-left: 7.3rem; padding-right: 2rem; padding-bottom: 2.6rem; background-color: #FFF; border-radius: 7rem; transition: var(--transition-main); } .team-swiper__item:hover, .team-swiper__item:focus { box-shadow: none; } .swiper-slide-visible .team-swiper__item { box-shadow: 0px 20px 30px #D4E2F1; } .team-swiper__author-photo-wrap { position: absolute; top: -3.1rem; left: 1.9rem; width: 6.6rem; height: 6.6rem; } .team-swiper__author-photo { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 50%; box-shadow: 2px 25px 35px #BAC2CE; transition: var(--transition-main); } .team-swiper__author-name { display: inline-block; font-style: normal; font-weight: 700; font-size: 2rem; } .team-swiper__author-theme { margin-bottom: 0.3rem; font-size: 1.6rem; color: var(--color-light-gray); } /* если у слайдера нет пагинации */ .team-swiper__arrows-wrap { margin-bottom: 0; } /* если у слайдера нет пагинации */ .swiper-container-horizontal > .team-swiper__swiper-pagination { bottom: 7.2rem; } .team-swiper__list { display: flex; flex-wrap: nowrap; } .team-swiper__list .team-swiper__item { margin-right: 3.8rem; } .team-swiper__list .team-swiper__item:nth-child(4n) { margin-right: 0; } @media (max-width: 48em) { .team-swiper-list { --padding-block: 5.4rem; } .team-swiper-list .team-swiper::before { bottom: 0.5rem; } .team-swiper-list .team-swiper__arrows-wrap { margin-top: 3rem; } .team-swiper { padding-top: 9.4rem; padding-bottom: 9.4rem; } .team-swiper__main-text-wrap { flex-direction: column; align-items: flex-start; } .team-swiper__main-title { margin-bottom: 1.6rem; } .team-swiper__swiper-container { padding-top: 4rem; } .team-swiper__item { width: auto; padding-top: 4.7rem; padding-left: 2.3rem; padding-right: 1.8rem; padding-bottom: 2.5rem; background-image: linear-gradient(216.95deg, #FFFFFF 22.57%, #E6F1FD 184.71%); box-shadow: 5px 25px 35px #E4E9EF; border-radius: 5rem; } .team-swiper__author-photo-wrap { top: -3.1rem; left: 2.2rem; width: 6.6rem; height: 6.6rem; } .team-swiper__author-theme { margin-bottom: 0.7rem; font-size: 1.4rem; line-height: 1.6rem; } .team-swiper__author-name { font-size: 1.7rem; line-height: 1.1; } .team-swiper__list { flex-wrap: wrap; justify-content: space-between; } .team-swiper__list .team-swiper__item { width: 48%; margin-bottom: 4.9rem; margin-right: 0; } } /*footer*/ .footer { padding-top: 8.5rem; padding-bottom: 8.5rem; background-color: #F8FBFF; } .footer a:hover, .footer a:focus { opacity: 0.7; } .footer__wrapper { display: flex; justify-content: space-between; } .footer__list--right { text-align: right; } .footer__item, .footer__item-link { font-size: 1.8rem; color: var(--color-dark-gray); } .footer__item { margin-bottom: 1.6rem; } .footer__item--light { color: var(--color-light-gray); } .footer__center-column { position: relative; text-align: center; } .footer__text-wrap { position: relative; margin-top: -2.4rem; margin-left: auto; margin-bottom: 1.9rem; font-size: 1.5rem; line-height: 1.7rem; } .footer__text-item { font-weight: 700; color: var(--color-dark-gray); } .footer__text-item--gray { color: var(--color-light-gray); font-weight: 300; } .footer__tel-link { margin-bottom: 2.3rem; font-size: 2.7rem; } .footer__link-modal-region { margin-left: auto; margin-right: auto; font-size: 1.7rem; } .footer__link-modal-region .btn-region-1__icon { color: var(--color-light-gray); } .footer__link-modal-region::before { top: -0.5rem; } @media (max-width: 48em) { .footer__wrapper { flex-wrap: wrap; } .footer__list { width: 45%; } .footer__list--right { text-align: left; } .footer__item, .footer__item-link { font-size: 1.5rem; } .footer__item { margin-bottom: 1.9rem; } .footer__center-column { order: 1; width: 100%; } .footer__text-wrap { margin-top: 0; margin-left: 0; margin-bottom: 1.9rem; } .footer__tel-link { margin-bottom: 2.7rem; } .footer__link-modal-region { margin-left: auto; margin-right: auto; font-size: 1.7rem; } .footer__link-modal-region .btn-region-1__icon { color: var(--color-light-gray); } .footer__link-modal-region::before { top: -0.5rem; } } .aside-link { box-sizing: border-box; position: absolute; z-index: 45; top: 0; left: 50%; transform: translateX(-50%); width: 44.7rem; padding-top: 0.8rem; padding-bottom: 0.6rem; padding-left: 3rem; padding-right: 3rem; font-size: 2.7rem; text-align: center; color: #fff; } .aside-link:hover .aside-link__bg-img, .aside-link:focus-within .aside-link__bg-img { fill: rgba(65, 59, 74, 0.7); } .aside-link:hover .aside-link__link, .aside-link:focus-within .aside-link__link { opacity: 1; } .aside-link__bg-wrap { position: absolute; z-index: -1; top: 0; left: 0; width: 44.7rem; height: 4.5rem; } .aside-link__bg-img { width: 100%; height: 100%; fill: var(--color-dark-gray); transition: var(--transition-main); } .aside-link__desc { display: none; } @media (max-width: 48em) { .aside-link { position: fixed; top: auto; bottom: 1rem; height: 4.5rem; width: 100%; padding-top: 0; padding-bottom: 0; padding-left: 3.5rem; padding-right: 3.5rem; font-size: 1.6rem; } .aside-link::before { content: ''; position: absolute; z-index: -1; left: 0; bottom: -1rem; width: 100%; height: 1rem; background-color: var(--color-dark-gray); } .aside-link__bg-wrap { display: none; } .aside-link__wrap { display: flex; flex-direction: column; justify-content: center; height: 100%; background-color: var(--color-dark-gray); } .aside-link__wrap::before, .aside-link__wrap::after { content: ''; position: absolute; z-index: -1; top: 0; width: 4rem; height: 4.5rem; background-size: cover; background-repeat: no-repeat; background-position: center; } .aside-link__wrap::before { left: 0; background-image: url('/bitrix/templates/jiva/css/../img/figure/figure-aside-m-l.png'); } .aside-link__wrap::after { right: 0; background-image: url('/bitrix/templates/jiva/css/../img/figure/figure-aside-m-r.png'); } .aside-link__desc { display: inline-block; font-weight: 700; font-size: 1.3rem; } .aside-link__desc--dark { font-weight: 400; color: #ADB9D9; } .mobile-menu.aside-link::before { background-color: #544D5F; } .mobile-menu.aside-link .aside-link__wrap { background-color: #544D5F; } .mobile-menu.aside-link .aside-link__wrap::before { background-image: url('/bitrix/templates/jiva/css/../img/figure/figure-aside-m-l-menu.png'); } .mobile-menu.aside-link .aside-link__wrap::after { background-image: url('/bitrix/templates/jiva/css/../img/figure/figure-aside-m-r-menu.png'); } .mobile-menu.aside-link .aside-link__link { font-size: 2.7rem; } .mobile-menu.aside-link .aside-link__desc { display: none; } } @media (max-width: 23em) { .aside-link { bottom: 0; } } .aside-check { box-sizing: border-box; display: flex; align-items: center; width: 47.7rem; padding-top: 1rem; padding-left: 2.6rem; padding-right: 2.6rem; padding-bottom: 0.4rem; background-color: #fff; border-radius: 2rem; } .aside-check__icon { flex-shrink: 0; margin-right: 2rem; } .aside-check__title, .aside-check__caption { display: block; } .aside-check__title { margin-bottom: 0.6rem; } .aside-check__caption { font-size: 1.6rem; color: var(--color-light-gray); } @media (max-width: 48em) { .aside-check { width: auto; padding-top: 1.3rem; padding-left: 1rem; padding-right: 1rem; padding-bottom: 0.8rem; } .aside-check__icon { margin-right: 0.8rem; } .aside-check__title { font-size: 1.5rem; } .aside-check__caption { font-size: 1.2rem; } } .aside-modal-block { box-sizing: border-box; position: relative; height: 32.1rem; padding-top: 3.6rem; padding-left: 2rem; padding-right: 10rem; padding-bottom: 3.6rem; background-color: #DAE5F6; background-image: url('/bitrix/templates/jiva/css/../img/aside-modal-block/1.png'); background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 4rem; } .aside-modal-block__title { margin-bottom: 1.8rem; font-weight: 700; font-size: 1.8rem; line-height: 2.5rem; } .aside-modal-block__desc { font-size: 1.5rem; line-height: 2.2rem; } .aside-modal-block__btn-modal { position: absolute; bottom: -2.4rem; left: 50%; transform: translateX(-50%); } .rehab-compare-link { box-sizing: border-box; position: fixed; z-index: 10; top: 50%; right: 50%; transform: translate(91rem, -50%); width: 19.4rem; height: 19.4rem; padding-top: 4.3rem; padding-left: 1rem; padding-right: 1rem; padding-bottom: 2rem; text-align: center; color: #fff; border-radius: 50%; background-image: linear-gradient(167.5deg, #ADB9D9 5.05%, #7F9DBF 90.93%); box-shadow: -20px -20px 30px #FFFFFF, 20px 20px 70px #8D9DBA, 10px 10px 30px rgba(230, 241, 253, 0.46); z-index: -1; opacity: 0; visibility: hidden; transition: 0.6s; } .rehab-compare-link.active { z-index: 10; opacity: 1; visibility: visible; } .rehab-compare-link:hover, .rehab-compare-link:focus { box-shadow: none; } .rehab-compare-link__icon { width: 3.7rem; height: 3.7rem; margin-bottom: 0.7rem; fill: #fff; } .rehab-compare-link__icon-mobile { display: none; fill: #fff; } .rehab-compare-link__title { font-weight: 800; font-size: 2rem; } .rehab-compare-link__desc { font-weight: 300; font-size: 1.6rem; } .rehab-swiper__title-small { text-align: center; font-family: var(--font-main); font-size: 2.6rem; font-style: normal; font-weight: 700; line-height: 2.9rem; margin-bottom: 2rem; } @media (max-width: 90em) { .rehab-compare-link { right: 10px; transform: none; } } @media (max-width: 48em) { .rehab-compare-link { top: 11rem; right: auto; left: 0; transform: none; display: flex; align-items: center; width: 100%; height: 2.7rem; padding: 0; padding-left: 1.8rem; padding-right: 1.8rem; text-align: left; background-image: linear-gradient(90deg, #92A9CA 2.13%, #AEBAD9 50%); box-shadow: 0px 15px 30px rgba(64, 77, 98, 0.73); border-radius: 0; } .rehab-compare-link__icon { width: 1.2rem; height: 1.2rem; margin-right: 0.9rem; margin-bottom: 0; } .rehab-compare-link__icon-mobile { display: inline; width: 1.2rem; height: 1.2rem; margin-left: auto; } .rehab-compare-link__title, .rehab-compare-link__desc { font-size: 1.4rem; } .rehab-compare-link__title { margin-right: 0.6rem; } .rehab-compare-link__desc { text-transform: lowercase; } } @media (max-width: 23em) { .rehab-compare-link { bottom: 6rem; } } @media (max-width: 21.25em) { .rehab-compare-link { top: 9rem; } } .modal { --modal-padding-block: 2.6rem; box-sizing: border-box; display: none; z-index: 100; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 38.5rem; width: 70%; max-width: 135rem; padding-top: 9rem; padding-left: 5.7rem; padding-right: 4.7rem; padding-bottom: 9rem; background: #DAE5F6; border-radius: 4rem; font-size: 1.6rem; transition-duration: var(--transition-main); transition-property: opacity; } .modal.active { display: block; } .modal.hidden { opacity: 0; } .modal.reply .modal-wrapper { opacity: 0; } .modal.reply .modal-wrapper-reply { z-index: 0; opacity: 1; visibility: visible; } .modal__close { position: absolute; top: 2.6rem; right: 2.6rem; display: flex; justify-content: center; width: 4.4rem; height: 4.4rem; padding: 0; } .modal__close::before, .modal__close::after { position: absolute; content: ""; top: 2rem; width: 100%; height: 0.3rem; background-color: #000; } .modal__close::before { transform: rotate(45deg); } .modal__close::after { transform: rotate(-45deg); } .modal__title { margin-bottom: 2.5rem; font-weight: 700; font-size: 3.5rem; } .modal__desc { margin-bottom: 3.5rem; font-weight: 700; font-size: 2rem; } .modal__row-bottom, .modal__form { margin-right: 3rem; margin-bottom: 0; padding-right: 4rem; } .modal__text { width: 100%; } .modal__text::-moz-placeholder, .modal__filter-options::-moz-placeholder { opacity: 1; } .modal__text:-ms-input-placeholder, .modal__filter-options:-ms-input-placeholder { opacity: 1; } .modal__text::placeholder, .modal__filter-options::placeholder { opacity: 1; } .modal__btn-sibmit { position: absolute; right: -3.3rem; } .modal-wrapper, .modal-wrapper-reply { transition-duration: var(--transition-main); transition-property: opacity; } .modal-wrapper-reply { position: absolute; z-index: -1; top: 50%; left: 50%; opacity: 0; visibility: hidden; transform: translate(-50%, -50%); transition-delay: 0.3s; } .modal-wrapper-reply .modal__desc { margin-bottom: 0; } .modal__filter-form { padding-right: 0; background-color: transparent; border-radius: 0; } .modal__filter-options { flex-shrink: 0; width: 31.4rem; height: 7rem; margin-right: 1.2rem; margin-top: 0; margin-bottom: 0; padding-left: var(--modal-padding-block); font-size: inherit; background-color: #fff; border-radius: 9rem; border: 0; } .modal__filter-options:first-of-type, .modal__filter-options:nth-of-type(2) { width: 31.4rem; padding-left: var(--modal-padding-block); } .modal__filter-options:nth-child(4n) { margin-right: 0; } .modal__filter-handler { align-items: center; } .modal__row-top { display: flex; margin-bottom: 1.8rem; } .modal__rating-stars { align-self: center; width: 25.2rem; margin-left: auto; } .modal__row-bottom { padding-left: var(--modal-padding-block); } .modal__container-big { box-sizing: border-box; width: 161rem; } .modal__list { font-size: 2.5rem; line-height: 2.5rem; -moz-column-count: 3; column-count: 3; } .modal__item { margin-bottom: 2.4rem; } .modal__link { font-weight: 700; } .modal__link.active { color: var(--color-light-gray); } .modal--feedback { width: 135rem; } .modal--feedback .modal__form { margin-right: 0; padding-right: 0; } .modal--region { top: 0; left: 0; transform: none; width: 100%; height: 100%; min-height: none; max-width: none; padding: 0; padding-top: 11.5rem; background-color: #fff; border-radius: 0; } .modal--region .modal__title { margin-bottom: 8rem; } .modal--region .modal__close { top: -4rem; right: -8rem; width: 8.4rem; height: 8.4rem; } .modal--region .modal__close::before, .modal--region .modal__close::after { top: 4rem; height: 0.2rem; } @media (max-width: 1340px) { .modal__container-big { width: 100%; } .modal--region .modal__close { right: 10px; } } @media (max-width: 48em) { .modal { --modal-padding-block: 2rem; width: 90%; min-height: 45.5rem; margin-bottom: 0; padding: 4.5rem 1.5rem; font-size: 1.5rem; } .modal__close { top: 2.2rem; right: 2.2rem; width: 2.2rem; height: 2.2rem; } .modal__close::before, .modal__close::after { top: 1rem; right: 0; height: 0.2rem; } .modal__title { margin-bottom: 1.7rem; font-size: 2.5rem; line-height: 3rem; } .modal__desc { margin-bottom: 2.5rem; font-size: 1.5rem; } .modal__row-bottom, .modal__form { margin-right: 0; padding-right: 0; } .modal__text { margin-bottom: 0; } .modal__btn-sibmit { right: auto; bottom: -8.5rem; } .modal__filter-options { width: 100%; height: 5rem; margin-right: 0; margin-bottom: 1rem; padding-right: var(--modal-padding-block); padding-left: var(--modal-padding-block); } .modal__filter-options:first-of-type, .modal__filter-options:nth-of-type(2) { width: 100%; } .modal__filter-handler { padding-left: 0; } .modal__filter-list { margin-top: 1rem; border-radius: 1.5rem; } .modal__row-top { flex-wrap: wrap; margin-bottom: 0; } .modal__rating-stars { align-self: flex-start; margin-top: 3rem; margin-left: 0; } .modal__row-bottom { padding-left: 0; } .modal__container-big { width: auto; padding-left: 0; padding-right: 0; } .modal__list { font-size: 1.6rem; line-height: 2.5rem; -moz-column-count: 2; column-count: 2; } .modal__item { margin-bottom: 2.4rem; } .modal--region { width: 100%; padding-top: 6.6rem; padding-left: var(--container-padding-block); padding-right: var(--container-padding-block); } .modal--region .modal__title { margin-bottom: 5.3rem; } .modal--region .modal__close { top: -1rem; right: -0.7rem; width: 4rem; height: 4rem; } .modal--region .modal__close::before, .modal--region .modal__close::after { top: 2rem; height: 0.2rem; } } @media (max-width: 21.25em) { .modal--feedback { top: 2.5rem; transform: translateX(-50%); padding-top: 2rem; padding-bottom: 3.5rem; } .modal--feedback .modal__text { height: 16rem; } .modal--feedback .modal__rating-stars { margin-top: 2rem; } .modal--feedback .modal__btn-sibmit { bottom: -6.5rem; } } .modal-sections-tab { display: none; position: fixed; z-index: 51; top: 0; left: 0; width: 100%; height: 100%; padding-top: 11.6rem; padding-bottom: 11.6rem; font-weight: 700; font-size: 2.5rem; color: #fff; background-color: var(--color-main); } .modal-sections-tab.active { display: block; } .modal-sections-tab__title { margin-bottom: 7.7rem; font-weight: 700; font-size: 3.5rem; } .modal-sections-tab__close { position: absolute; top: -3.9rem; right: -7.7rem; width: 7.8rem; height: 7.8rem; font-size: 1.2rem; color: transparent; } .modal-sections-tab__close::before, .modal-sections-tab__close::after { position: absolute; content: ""; top: 50%; right: 0; width: 100%; height: 0.2rem; background-color: #fff; } .modal-sections-tab__close::before { transform: rotate(45deg); } .modal-sections-tab__close::after { transform: rotate(-45deg); } .modal-sections-tab_wrap { position: relative; display: flex; justify-content: space-between; max-height: 59rem; } .modal-sections-tab__left { /* если 2 колонки */ /* width: 47%; */ width: 100%; } .modal-sections-tab__sub-list { display: none; /* если списком */ position: absolute; top: 0; left: 50.3rem; width: 74%; /**/ } .modal-sections-tab__sub-list.overflow { overflow-y: scroll; max-height: 59rem; } .modal-sections-tab__sub-list.active { display: block; } .modal-sections-tab__item { margin-bottom: 2.1rem; } .modal-sections-tab__toggle-btn { color: inherit; font-weight: inherit; } .modal-sections-tab__toggle-btn.active { color: #7F9DBF; } .modal-sections-tab__toggle-btn:focus { color: #7F9DBF; outline: none; } .modal-sections-tab__link { color: inherit; } .modal-sections-tab__link-all { color: inherit; } .modal-sections-tab__link.active, .modal-sections-tab__link-all.active { color: #7F9DBF; } .modal-sections-tab__right { width: 100%; } .modal-sections-tab__right.overflow { overflow-y: scroll; max-height: 59rem; } @media (max-width: 1350px) { .modal-sections-tab__close { right: -1.7rem; } .modal-sections-tab__sub-list { width: 70%; } } @media (max-width: 900px) { .modal-sections-tab__sub-list { width: 65%; } } @media (max-width: 48em) { .modal-sections-tab { padding-top: 6.2rem; padding-bottom: 0; font-size: 16px; overflow-x: hidden; overflow-y: scroll; } .modal-sections-tab__title { margin-bottom: 4.8rem; font-size: 25px; } .modal-sections-tab__close { top: -0.8rem; right: 2rem; width: 4.2rem; height: 4.2rem; } .modal-sections-tab_wrap { margin-bottom: 20rem; max-height: none; } .modal-sections-tab__left { width: 100%; } .modal-sections-tab__sub-list { position: static; left: auto; width: 100%; padding-top: 2.6rem; padding-left: 2rem; } .modal-sections-tab__sub-list.overflow { overflow-y: initial; max-height: initial; } .modal-sections-tab__item { margin-bottom: 2.6rem; } .modal-sections-tab__toggle-btn { position: relative; width: 100%; text-align: left; /* &::after { position: absolute; content: "+"; right: 0; } &.active::after { content: "-"; color: #7F9DBF; } */ } } .mission { margin-bottom: 17rem; } .mission__inner { width: 100%; display: flex; gap: 3.5rem; } .mission__left { position: relative; width: 31.4rem; } .mission__left-item { width: 100%; margin-bottom: 4.7rem; } .mission__left-item:last-child { margin-bottom: 0; } .mission__left-item span{ width: 24.3rem; font-family: var(--font-main); font-size: 1.8rem; font-weight: 400; line-height: 2.3rem; color: var(--color-main); } .mission__left-item-num { font-family: var(--font-decor-first); font-size: 3.8rem; font-style: italic; font-weight: 400; line-height: normal; color: var(--color-emerald); margin-bottom: 1.6rem; } .mission__left-image { position: absolute; z-index: -1; width: 109.6rem; height: auto; top: 15.4rem; right: -28.5rem; } .mission__left-image img { width: 100%; height: 100%; object-fit: contain; } .mission__center { width: 66.2rem; } .mission__center-title { font-family: var(--font-main); font-size: 3.8rem; font-weight: 700; line-height: 4rem; color: var(--color-main); margin-bottom: 8.1rem; } .mission__center-text p { font-family: var(--font-main); font-size: 1.8rem; font-weight: 400; line-height: 2.3rem; margin-bottom: 2.3rem; color: #29344A; } .mission__center-text p:last-child { margin-bottom: 0; } .mission__right { width: 31.3rem; padding-top: 11.8rem; } .mission__right-subtitle { color: #29344A; font-family: var(--font-main); font-size: 1.8rem; font-weight: 700; line-height: normal; margin-bottom: 2.7rem; } .mission__right-text { font-family: var(--font-main); font-size: 1.8rem; font-weight: 400; line-height: 2.3rem; margin-bottom: 4rem; color: #29344A; } @media (max-width: 48em) { .mission { margin-bottom: 19rem; } .mission__inner { flex-direction: column-reverse; gap: 3.8rem; } .mission__left { display: flex; width: 100%; gap: 3rem; padding-bottom: 5rem; } .mission__left-item { width: fit-content; margin-bottom: 0rem; } .mission__left-item span{ display: inline-block; width: 16.2rem; } .mission__left-item-num { font-size: 3rem; margin-bottom: 1.5rem; } .mission__left-image { width: 71.7rem; top: 2rem; right: 0; left: -5rem; rotate: 343deg; } .mission__center { width: 100%; order: 1; } .mission__center-title { font-size: 2.5rem; line-height: 2rem; margin-bottom: 3.5rem; } .mission__center-text p { font-size: 1.6rem; line-height: 2.3rem; margin-bottom: 2rem; } .mission__right { width: 100%; display: flex; flex-direction: column; padding-top: 0rem; margin-top: -2rem; } .mission__right-subtitle { font-size: 1.8rem; margin-bottom: 0; } .mission__right-text { margin-bottom: 0rem; } } .banner .container { width: 100%; max-width: 192rem; padding: 0; } .banner__inner { background-color: #358976; border-radius: 0 0 10rem 10rem; } .banner { position: relative; margin-bottom: 10rem; } .banner__image { position: absolute; top: 0; left: 0; width: 100%; max-height: 94.2rem; } .banner__image img { width: 100%; height: 100%; object-fit: cover; } .main-banner .banner__content { padding: 17.8rem 6.7rem 41.6rem; } .banner__content { position: relative; z-index: 2; width: 150rem; margin: 0 auto; padding-top: 17.8rem; padding-bottom: 4.6rem; } .banner__subtitle { font-family: var(--font-main); font-size: 2.2rem; font-weight: 700; line-height: 2.8rem; color: var(--color-emerald); margin-bottom: 6rem; } .main-banner .banner__subtitle { margin-bottom: 3.2rem; } .banner__title { font-family: var(--font-main); font-size: 3.8rem; font-weight: 700; line-height: 4rem; color: #fff; margin-bottom: 3rem; } .main-banner .banner__title { margin-bottom: 5.5rem; } .banner__text { width: 45.7rem; font-family: var(--font-main); font-size: 1.8rem; font-weight: 400; line-height: 2.3rem; margin-bottom: 7rem; color: #fff; } .main-banner .banner__text { width: 38.7rem; } .main-banner__form .form__btn { position: absolute; top: 0; right: 0; } .banner__buttons { display: flex; gap: 2rem; } .banner__buttons .btn-modal--white { border: 0.2rem solid #7D7585; box-shadow: 10px 10px 40px 0px rgba(62, 53, 75, 0.29); } .banner__form { position: relative; width: 35.8rem; box-sizing: border-box; color: var(--color-main); border: 0.2rem solid #7D7585; border-radius: 1rem; } .banner__form { width: 35.6rem; } .banner__form .form__btn { position: absolute; top: -0.1rem; right: -0.2rem; width: 15.5rem; border-radius: 1rem; box-shadow: none; height: 5.7rem; } .banner__form .comments__form-input { width: fit-content; margin: 1.8rem 1.5rem 1.4rem; color: #fff; } .banner__form .comments__form-input::placeholder { color: #fff; } .banner-mob__text { display: none; } .banner__img-bird, .banner__img-woman { display: none; } .banner__bottom { display: flex; justify-content: space-between; margin-top: 24.7rem; } .banner__item { display: flex; gap: 1.9rem; } .banner__item-icon { width: 4.4rem; height: 4.4rem; background-color: #257563; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 2.5rem; line-height: 0; } .banner__item-title { font-family: var(--font-main); font-size: 2.2rem; font-style: normal; font-weight: 700; line-height: 2.5rem; color: #fff; margin-bottom: 1rem; } .banner__item-text { width: 28rem; font-family: var(--font-main); font-size: 2rem; font-style: normal; font-weight: 350; line-height: 140%; color: #fff; } @media (max-width: 48em) { .banner__image{ top:-75vw; } .types .stages__main-text-wrap{ display: flex; justify-content: center; } .banner__form .comments__form-input{ margin-left: 3vw; margin-right: 3vw; margin-top: 2vw; margin-bottom: 2vw; width: 60%; } filter__btn form__btn{ width:10vw; } .types .stages__list{ display: flex; flex-direction: column; align-items: center; } .banner__content{ width: 100%!important; padding: 3.8rem 0rem 24.6rem!important; margin-left:1rem; margin-right:1rem; } .banner__form .form__btn{ width: 35%; height:102%; } .banner-mob{ margin-left: -1.75rem; width:90%; } .banner__buttons{ display: flex; justify-content: center; } .banner__form{ width: 100%; } .banner .container { width: 100%; max-width: 76.8rem; padding: 0; } .main-banner { position: relative; margin-bottom: 10rem; } .main-banner__image { position: absolute; bottom: 0; left: 0; width: 100%; height: 106rem; max-height: 106rem; } .main-banner__image img { object-position: bottom; } .main-banner__content { position: relative; text-align: center; z-index: 2; width: 100%; margin: 0 auto; padding-top: 3.1rem; padding-bottom: 35.6rem; display: flex; flex-direction: column; align-items: center; } .main-banner__subtitle { font-size: 1.6rem; margin-bottom: 3rem; } .main-banner__title { width: 85%; font-size: 2.5rem; line-height: 3rem; margin-bottom: 2rem; } .main-banner__text { width: 90%; font-size: 1.6rem; margin-bottom: 4.4rem; } .main-banner__buttons { width: 90%; margin: 0 auto; flex-direction: column; } .main-banner__buttons .btn-modal--white { display: flex; margin-bottom: 2rem; width: 31.9rem; } .main-banner-mob { box-sizing: border-box; width: 100%; padding: 4.3rem 3.1rem 11rem; border-radius: 70px; background: rgba(255, 255, 255, 0.10); backdrop-filter: blur(8px); } .main-banner-mob__text { width: 20.5rem; text-align: center; display: flex; flex-direction: column; color: #FFF; font-family: var(--font-main); font-size: 1.8rem; font-weight: 400; line-height: 2.5rem; margin: 0 auto 2rem; } .main-banner-mob__text span { display: block; font-size: 2.5rem; font-weight: 700; line-height: 3rem; margin-bottom: 0.4rem; } .main-banner__form { width: 100%; height: 5rem; } .main-banner__form .form__btn { width: 100%; height: 5rem; } .main-banner__form .comments__form-input { width: 100%; margin: 1.7rem 1.5rem 1.3rem; color: #fff; } .main-banner__form .comments__form-input::placeholder { color: #fff; } .main-banner__img-bird, .main-banner__img-woman { position: absolute; z-index: 2; display: block; } .main-banner__img-bird img, .main-banner__img-woman img { width: 100%; height: 100%; object-fit: cover; } .main-banner__img-bird { width: 16rem; height: 23rem; bottom: 49rem; right: -1.5rem; } .main-banner__img-woman { width: 19.8rem; height: 44.8rem; bottom: -1rem; right: 1.5rem; } } .types { margin-bottom: 17rem; } .types .stages__item { position: relative; } .types .stages__item::after { content: ''; position: absolute; z-index: -1; top: 0; display: block; width: 100%; height: 80%; border-radius: 100rem; background: linear-gradient(0deg, #E6F1FD 0%, #FFF 138.08%); box-shadow: 0.9rem 3rem 10rem 0px rgba(183, 195, 223, 0.40); } .types .stages__item-content { display: flex; padding-top: 3.8rem; padding-bottom: 3.7rem; flex-direction: column; align-items: center; } .types .stages__title { color: var(--color-emerald); font-size: 3rem; margin-bottom: 4.4rem; text-align: center; } .types .stages__subtitle { width: 17rem; font-size: 2.6rem; margin: 0; text-align: center; } .types .stages__img-wrap { background-image: url('/bitrix/templates/jiva/css/../img/types-stages.svg'); } .types .stages__img { margin-top: 1.1rem; width: 30.2rem; height: 30.2rem; border-radius: 50%; object-fit: cover; margin-bottom: 0rem; } @media (max-width: 48em) { .types { margin-bottom: 17rem; } .types .stages__item { position: relative; width: 16rem; } .types .stages__item::after { content: ''; position: absolute; z-index: -1; top: 0; display: block; width: 100%; height: 80%; border-radius: 100rem; background: linear-gradient(0deg, #E6F1FD 0%, #FFF 138.08%); box-shadow: 0.9rem 3rem 10rem 0px rgba(183, 195, 223, 0.40); } .types .stages__list { grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); grid-column-gap: 1.5rem; } .types .stages__main-text-wrap { text-align: center; } .types .stages__item-content { padding-top: 2.8rem; padding-bottom: 1.9rem; } .types .stages__title { width: 11.7rem; font-size: 1.8rem; margin-bottom: 1.5rem; text-align: center; } .types .stages__subtitle { width: 11.8rem; font-size: 1.8rem; margin: 0; text-align: center; } .types .stages__img-wrap { width: 15.8rem; height: 20rem; background-image: url('/bitrix/templates/jiva/css/../img/types-stages.svg'); background-size: contain; } .types .stages__img { position: relative; top: -0.5rem; left: 0; width: 14.5rem; height: 14.5rem; } } .advantages-swiper { margin-bottom: 17rem; } .advantages-swiper__slide { display: flex; flex-direction: column; justify-content: space-between; height: auto; } .advantages-swiper__slide-title { font-family: var(--font-decor-first); color: var(--color-emerald); font-size: 3rem; } .advantages-swiper__slide-content { display: flex; justify-content: space-between; flex-direction: column; gap: 1.7rem; margin-bottom: 4.5rem; } .advantages-swiper__slide-subtitle { font-family: var(--font-main); font-size: 2.6rem; font-weight: 700; line-height: 2.9rem; color: var(--color-main); } .advantages-swiper__slide-text { width: 29rem; font-family: var(--font-main); font-size: 1.8rem; font-weight: 400; line-height: 2.3rem; color: #97A2B5; } .advantages-swiper__slide-image { width: 29rem; height: 25rem; } .advantages-swiper__slide-image img { width: 100%; height: 100%; object-fit: cover; } @media (max-width: 48em) { .advantages-swiper { margin-bottom: 8.9rem; padding: 0; } .advantages-swiper .stages__main-text-wrap { padding: 0 2rem; } .advantages-swiper__big-container { padding: 0 2rem; } .advantages-swiper__slide-title { font-size: 1.8rem; } .advantages-swiper__slide-content { gap: 1.5rem; margin-bottom: 1.7rem; } .advantages-swiper__slide-subtitle { font-size: 1.8rem; } .advantages-swiper__slide-text { width: 100%; font-size: 1.6rem; } .advantages-swiper__slide-image { width: 24.6rem; height: 21rem; } .advantages-swiper__slide-image img { width: 100%; height: 100%; object-fit: cover; object-position: right; } } .alarms-swiper { margin-bottom: 17rem; } .alarms__bg { position: absolute; top: 0; width: 100%; max-width: 192rem; left: 50%; transform: translateX(-50%); overflow: hidden; } .alarms__bg img { max-width: none; width: 120%; height: auto; object-fit: cover; } .alarms__subtitle { font-family: var(--font-main); font-size: 2.2rem; font-weight: 700; line-height: 2.8rem; color: var(--color-red); margin-bottom: 2.8rem; } .alarms__title { font-size: 3.8rem; font-weight: 700; line-height: 4rem; color: var(--color-main); margin-bottom: 5.9rem; } .alarms-swiper__swiper-container .swiper-wrapper { display: flex; flex-wrap: wrap; gap: 3rem; } .alarms__card { width: 43rem; height: 42.4rem; box-sizing: border-box; position: relative; margin: 0; padding-top: 3rem; padding-left: 5rem; padding-right: 3rem; background-color: #FFF; border-radius: 7rem; transition: var(--transition-main); } .alarms__card-num { display: flex; justify-content: center; align-items: center; width: 8rem; height: 8rem; background: linear-gradient(180deg, rgba(232, 29, 78, 0.10) 14.38%, rgba(232, 29, 78, 0.00) 130.62%); border-radius: 50%; margin-left: auto; } .alarms__card-num span { font-family: var(--font-decor-first); font-size: 3rem; font-style: italic; font-weight: 400; line-height: 3.5rem; color: var(--color-red); } .alarms__card-title { width: 28.9rem; font-family: var(--font-main); font-size: 2.2rem; font-weight: 700; line-height: 2.8rem; color: var(--color-main); margin-bottom: 4rem; } .alarms__card-text { width: 28.9rem; font-family: var(--font-main); font-size: 1.8rem; font-weight: 400; line-height: 2.3rem; color: #97A2B5; margin-bottom: 4rem; } .alarms-swiper__swiper-pagination { display: none; } .alarms-swiper__arrows-wrap { display: none; } @media (max-width: 48em) { .alarms-swiper { margin-bottom: 9.5rem; } .alarms__bg { display: none; } .alarms__inner { text-align: center; } .alarms__subtitle { font-size: 1.2rem; line-height: 1.2rem; margin-bottom: 1rem; } .alarms__title { font-size: 2.5rem; line-height: 2.5rem; margin-bottom: 3.5rem; } .alarms-swiper__swiper-container .swiper-wrapper { display: flex; flex-wrap: nowrap; gap: 0; } .alarms-swiper__swiper-pagination { display: block; bottom: 3.2rem !important; } .alarms-swiper__arrows-wrap { display: flex; } .alarms__card { width: 100%; height: 33rem; padding: 2rem 3rem 5.4rem; text-align: left; } .alarms__card-num { width: 6rem; height: 6rem; } .alarms__card-num span { font-size: 1.8rem; } .alarms__card-title { width: 22.5rem; font-size: 1.8rem; line-height: 2rem; margin-bottom: 1.5rem; } .alarms__card-text { width: 100%; font-size: 1.6rem; } } .differences { margin-bottom: 17rem; } .differences__inner { display: flex; gap: 3.5rem; margin-bottom: 8rem; } .differences__inner:last-child { margin-bottom: 0; } .certificates-swiper { position: relative; box-sizing: border-box; width: 31.4rem; height: fit-content; padding: 5rem 4.1rem 4rem; border-radius: 9rem; background: linear-gradient(180deg, #FFF 0%, #E6F1FD 229.01%); box-shadow: 0.9rem 3rem 10rem 0 rgba(183, 195, 223, 0.20); } .certificates-swiper__swiper-container { overflow: hidden; } .certificates__slide { display: flex; flex-direction: column; align-items: center; margin-bottom: 7.1rem; } .certificates__slide-image { width: 21.2rem; height: 31rem; border-radius: 2rem; margin-bottom: 2rem; } .certificates__slide-image img { width: 100%; height: 100%; border-radius: 2rem; object-fit: cover; } .certificates__slide-title { width: 23.1rem; text-align: center; font-family: var(--font-main); font-size: 2.2rem; font-weight: 700; line-height: 2.8rem; color: var(--color-main); } .differences__content { width: 101.1rem; } .differences__banner { position: relative; width: 100%; height: 46.3rem; display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 8rem; } .differences__banner-text { position: relative; z-index: 2; box-sizing: border-box; width: 40.7rem; padding: 4rem; background-color: #fff; border-radius: 5rem; font-family: var(--font-main); font-size: 1.8rem; font-weight: 400; line-height: 2.3rem; margin-bottom: auto; } .differences__banner-text p { width: 95%; } .differences__banner-item { position: relative; z-index: 1; box-sizing: border-box; width: 45.8rem; height: fit-content; padding: 4.8rem 5rem 3.8rem; display: flex; flex-direction: column; border-radius: 5.8rem; background-color: var(--color-main); overflow: hidden; } .differences__banner-item::after { position: absolute; z-index: -1; right: -50%; top: 2rem; content: ""; display: block; width: 66rem; height: 66rem; border-radius: 50%; background-color: #454152; } .differences__banner-btn { box-shadow: none; } .differences__banner-border { position: absolute; z-index: 1; left: 4.6rem; bottom: 0; border-radius: 0 5.8rem 0 0; width: 42.5rem; height: 24.3rem; background: var(--color-main-bg); } .differences__banner-border::after { content: ""; position: absolute; right: -9rem; bottom: 5rem; width: 14rem; height: 4rem; transform: rotate(90deg); border-radius: 0 0 3rem 0; box-shadow: 1rem 1rem 0 0.5rem var(--color-main-bg); } .differences__banner-border::before { content: ""; position: absolute; left: 2.4rem; top: -4rem; width: 4rem; height: 4rem; transform: rotate(90deg); border-radius: 0 0 5rem 0; box-shadow: 1rem 1rem 0 0.9rem var(--color-main-bg); } .differences__banner-img { position: absolute; z-index: 0; width: 55.3rem; height: 46.3rem; border-radius: 4.5rem; margin-left: 7rem; } .differences__banner-img img { width: 100%; height: 100%; border-radius: 4.5rem; object-fit: cover; } .differences__banner-item-text { width: 35.1rem; font-family: var(--font-main); font-size: 2.2rem; font-weight: 700; line-height: 2.8rem; color: #fff; margin-bottom: 3.2rem; } .differences__content-item { margin-bottom: 5rem; } .differences__title { font-family: var(--font-main); font-size: 3.8rem; font-weight: 700; line-height: 4rem; color: var(--color-main); margin-bottom: 3.5rem; } .differences__subtitle { position: relative; font-family: var(--font-main); font-size: 1.8rem; font-weight: 700; line-height: normal; color: var(--color-main); margin-top: 3rem; margin-bottom: 3rem; padding-left: 1.5rem; } .differences__subtitle::after { content: ''; position: absolute; top: 0; left: 0; display: block; width: 0.5rem; height: 2.7rem; background: var(--color-emerald); } .differences__text { font-family: var(--font-main); font-size: 1.8rem; font-weight: 400; line-height: normal; color: var(--color-main); margin-bottom: 2rem; } .differences__text:last-child { margin-bottom: 0; } @media (max-width: 48em) { .differences { margin-bottom: 9.5rem; } .differences__inner { display: flex; flex-direction: column-reverse; gap: 9.5rem; } .swiper-container-small { width: 31.4rem; height: fit-content; } .certificates-swiper { box-sizing: border-box; display: flex; padding: 3rem 5rem; justify-content: center; } .certificates-swiper__swiper-container { width: 15.7rem; } .certificates__slide { margin-bottom: 2rem; } .certificates__slide-image { width: 15.7rem; height: 20.2rem; margin-bottom: 1.5rem; } .certificates__slide-title { width: 20.7rem; font-size: 1.8rem; line-height: 2rem; } .differences__content { width: 100%; } .differences__content-item { margin-bottom: 1.5rem; } .differences__title { font-size: 2.5rem; line-height: 4rem; margin-bottom: 3.5rem; } .differences__subtitle { font-size: 1.6rem; margin-bottom: 2.2rem; padding-left: 1.5rem; } .differences__subtitle::after { content: ''; position: absolute; top: 0; left: 0; display: block; width: 0.3rem; height: 100%; } .differences__text { margin-bottom: 1.5rem; } .differences__text:last-child { margin-bottom: 0; } } .specialists-swiper { margin-bottom: 17rem; } .specialists-swiper__main-text-wrap { display: flex; justify-content: space-between; } .specialists-swiper__slide { display: flex; flex-direction: column; align-items: center; width: 43rem; padding: 6.5rem 0 3rem; } .specialists-swiper__image { position: relative; width: 12.7rem; height: 12.7rem; border-radius: 50%; padding: 0.6rem; margin-bottom: -6.5rem; background: linear-gradient(1deg, #FFF 36.25%, #C0CEDF 101.02%); box-shadow: 1rem 2rem 6rem 0 #D4E2F1; } .specialists-swiper__image img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; } .specialists-swiper__content { width: 43rem; display: flex; flex-direction: column; align-items: center; padding-top: 11rem; padding-bottom: 5rem; border-radius: 9rem; background: linear-gradient(180deg, #FFF 0%, #E6F1FD 229.01%); box-shadow: 0.9rem 3rem 3rem 0 rgba(183, 195, 223, 0.20); } .specialists-swiper__content:hover { box-shadow: none; } .specialists-swiper__name { font-family: var(--font-main); font-size: 2.2rem; font-weight: 700; line-height: 2.8rem; color: var(--color-main); margin-bottom: 0.2rem; } .specialists-swiper__position { font-family: var(--font-main); font-size: 1.8rem; font-weight: 400; line-height: 2.3rem; color: var(--color-main); margin-bottom: 1.5rem; } .specialists-swiper__expirience { font-family: var(--font-main); font-size: 1.8rem; font-weight: 700; line-height: 2.3rem; color: var(--color-emerald); } .specialists-swiper__btn { margin-top: -2.7rem; box-shadow: 10px 10px 40px 0px #C8D9EC; } .specialists__btn { display: none; } @media (max-width: 48em) { .specialists-swiper { margin-bottom: 9.5rem; } .specialists-swiper__main-text-wrap { display: flex; flex-direction: column; align-items: center; margin-bottom: 3.5rem; } .specialists-swiper__slide { width: 100%; padding: 0; } .specialists-swiper__image { margin-bottom: -6.5rem; } .specialists-swiper__content { width: 100%; display: flex; flex-direction: column; align-items: center; padding: 8rem 0 6.5rem; } .specialists-swiper__content:hover { box-shadow: none; } .specialists-swiper__swiper-container { overflow: hidden; } .specialists-swiper__swiper-container .swiper-wrapper { flex-direction: column; gap: 2rem; } .specialists-swiper__arrows-wrap { display: none; } .specialists-swiper__swiper-pagination { display: none; } .specialists-swiper__name { font-size: 1.8rem; line-height: 2rem; margin-bottom: 0.5rem; } .specialists-swiper__position { font-size: 1.6rem; line-height: 2.3rem; margin-bottom: 1.2rem; } .specialists-swiper__expirience { font-size: 1.6rem; line-height: 2.3rem; } .specialists-swiper__btn { width: 23.8rem; margin-top: -4.7rem; } .specialists__btn { display: flex; width: 100%; margin: 4.5rem 0; } } .b.b-one .main-banner__form { width: 30rem; border: 0.2rem solid #F0F6FF; } .b.b-one .form__btn { width: fit-content; padding-left: 2.4rem; padding-right: 2.4rem; border-radius: 1rem; } .b-one .main-banner__form .form__btn { right: -11.3rem; } .b-one .stages__btn-modal.btn-modal { width: 20.5rem; } .b-five { height: 48.1rem; padding-top: 0; } .b-five .b__content-wrap { background-color: #DAE5F6; } .b-five .b__bg-img-wrap { z-index: 0; width: 52.3rem; left: -0.5rem; } .b-five .b__bg-img-wrap img { width: 100%; height: 100%; object-fit: cover; } .b-five .b__text-wrap { width: 65.8rem; margin-right: 5.1rem; } .main-banner__form { position: relative; } .main-banner__form .form__btn { position: absolute; top: -0.2rem; right: -0.2rem; } .b__bottom .comments__form-input { width: 55%; border: 0; margin-left: 1.5rem; margin-top: 1.5rem; } .b-five .main-banner__form { position: relative; width: 39.8rem; color: var(--color-main); border: 0.2rem solid #A6B2C6; border-radius: 1rem; } .b-five .form__btn { width: 20.3rem; } @media (max-width: 48em) { .b.b-one { height: 82.5rem; } .b-one .b__content-wrap { background: #DAE5F6; } .b-one .b__bg-img-wrap { width: 105%; bottom: -1rem; z-index: 0; left: -1rem; height: auto; } .b-one .b__text-wrap { position: relative; box-sizing: border-box; width: 100%; text-align: center; } .b-one .b__title--small { margin-bottom: 2.4rem; font-size: 2.5rem; line-height: 3rem; } .b-one .b__bg-img { width: 100%; height: auto; margin-top: 14rem; object-fit: cover; } .b-five { height: 67.2rem; } .b-five .b__content-wrap { background-color: #DAE5F6; } .b-five .b__bg-img-wrap { width: 100%; top: unset; bottom: -0.7rem; height: 23rem; left: 0; } .b-five .b__bg-img-wrap img { width: 100%; height: 100%; object-fit: cover; } .b-five .b__text-wrap { width: 100%; margin-right: 0; text-align: center; } .b-five .main-banner__form { width: 100%; } .main-banner__form .form__btn { width: 100%; position: absolute; top: unset; right: 0; bottom: -6.5rem; border-radius: 1rem; box-shadow: none; height: 5rem; } .main-banner__form .modal__input-phone { margin: 0; background: transparent; height: 5rem; padding: 0; text-align: center; } .b__bottom { width: 100%; margin-top: 3rem; display: flex; gap: 2rem; flex-direction: column; } .b__bottom .stages__btn-modal { display: flex; width: 100%; margin-bottom: 1rem; box-shadow: 8.77px 8.77px 35.079px 0px #C8D9EC; } } .more-btns { margin-bottom: 17rem; } .more-btns__inner { width: 100%; display: flex; justify-content: space-between; align-items: center; } .more-btns__item { display: flex; align-items: center; width: 39.6rem; height: 12rem; margin-left: 3.4rem; background-color: #fff; border-radius: 7rem; box-shadow: 20px 40px 100px 0px rgba(187, 201, 227, 0.70); } .more-btns__item:hover { box-shadow: none; } .more-btns__icon { display: flex; justify-content: center; align-items: center; width: 9rem; height: 9rem; margin-left: -3.4rem; margin-right: 3.4rem; background: url('/bitrix/templates/jiva/css/../img/btns-bg.svg'); background-repeat: no-repeat; background-size: contain; border-radius: 50%; box-shadow: 10px 20px 40px 0px rgba(200, 217, 236, 0.50); } .more-btns__icon img { width: 3.6rem; height: 3.6rem; object-fit: contain; } .more-btns__text { width: 65%; font-family: var(--font-main); font-size: 2.6rem; font-style: normal; font-weight: 700; line-height: 2.9rem; color: var(--color-main); } .diseases-swiper { margin-bottom: 17rem; } .diseases-swiper .stages__item-link { height: 40.3rem; } .diseases-swiper__title { margin-bottom: 8.9rem; } .our-services { margin-bottom: 17rem; } .our-services__main-text-wrap, .our-services-swiper__big-container { display: flex; justify-content: space-between; } .our-services__main-text-wrap { margin-bottom: 7rem; } .our-services__item { width: 24.4rem; height: 48rem; margin-bottom: 2rem; position: relative; } .our-services__content { box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; width: 100%; height: 36.7rem; padding: 5rem 3rem 3rem; background-color: #fff; border-radius: 7rem; margin-bottom: 2rem; box-shadow: 9px 30px 100px 0px rgba(183, 195, 223, 0.20); } .our-services__title { font-family: var(--font-main); font-size: 2.6rem; font-weight: 700; line-height: 2.9rem; color: var(--color-main) } .our-services__img { width: 18.4rem; height: 16rem; border-radius: 6rem; box-shadow: 15px 45px 80px #ADB9D9; } .our-services__img img { width: 100%; height: 100%; border-radius: 6rem; object-fit: cover; } .questions { margin-bottom: 17rem; } .questions__inner { padding-top: 8rem; } .questions__top { position: absolute; z-index: 2; left: 50%; transform: translateX(-50%); width: 26.4rem; padding: 1.5rem 0 2.7rem; background-color: var(--color-main-bg); text-align: center; font-family: var(--font-main); font-size: 1.8rem; font-weight: 700; line-height: 2.3rem; border-radius: 0 0 5rem 5rem; } .questions__top::after { content: ""; position: absolute; left: -3.6rem; top: 0rem; width: 4rem; height: 4rem; transform: rotate(270deg); border-radius: 0 0 5rem 0; box-shadow: 1rem 1rem 0 0.9rem var(--color-main-bg); } .questions__top::before { content: ""; position: absolute; right: -4rem; bottom: 3rem; width: 4rem; height: 4rem; transform: rotate(180deg); border-radius: 0 0 5rem 0; box-shadow: 1rem 1rem 0 0.5rem var(--color-main-bg); } .questions__img { position: absolute; top: 0; right: 5rem; width: 41.5rem; height: 31.6rem; } .questions__img { width: 100%; height: 100%; object-fit: contain; } .questions__content { position: relative; width: 100%; padding: 6.9rem 5rem 5rem; border-radius: 5rem; background-color: #DAE5F6; } .questions__title { margin-bottom: 5.2rem; padding-left: 3.5rem; } .questions__item { width: 100%; display: flex; justify-content: space-between; cursor: pointer; } .questions__item-content { width: 118rem; padding: 2.7rem 3.5rem 2.9rem; border-radius: 9rem; background: linear-gradient(180deg, #FFF 0%, #E6F1FD 229.01%); box-shadow: 9px 30px 100px 0px rgba(183, 195, 223, 0.20); } .questions__item-title { font-family: var(--font-main); font-size: 2.2rem; font-weight: 700; line-height: 1.5rem; color: var(--color-main); } .questions__item-text { display: none; font-family: var(--font-main); font-size: 1.8rem; font-weight: 400; line-height: 2.3rem; color: var(--color-main); margin-top: 2rem; } .question__item-arr { display: flex; justify-content: center; align-items: center; width: 7rem; height: auto; background: #C4D6F0; border-radius: 9rem; } .question__item-arr svg { width: 2.2rem; height: 2.3rem; object-fit: contain; } /* End */ /* /bitrix/templates/jiva/css/normalise.css?16000222017860 */ /* /bitrix/templates/jiva/css/libs/swiper.min.css?160002220113678 */ /* /bitrix/templates/jiva/css/libs/animate.css?160002220178267 */ /* /bitrix/templates/jiva/css/libs/jquery.fancybox.min.css?160002220113101 */ /* /bitrix/templates/jiva/css/style.css?1739971597215594 */