/* Start:/local/templates/medis/assets/css/swiper-bundle.min.css?173521536616470*/ /** * Swiper 8.4.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 21, 2022 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/medis/assets/css/fancybox.css?173521536615598*/ .carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block} /* End */ /* Start:/local/templates/medis/assets/css/styles.css?173521536694610*/ /* For old browsers */ @supports (not(--css: variables)) { .supports-error { display: flex !important; } } /* For IE */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .supports-error { display: flex !important; } } /*------------------------ Fonts ------------------------*/ @font-face { font-family: "Gilroy"; font-weight: normal; font-style: normal; font-display: swap; src: url("/local/templates/medis/assets/css/../fonts/Gilroy-Regular.woff") format("woff"), url("/local/templates/medis/assets/css/../fonts/Gilroy-Regular.ttf") format("truetype"); } @font-face { font-family: "Gilroy"; font-weight: 500; font-style: normal; font-display: swap; src: url("/local/templates/medis/assets/css/../fonts/Gilroy-Medium.woff") format("woff"), url("/local/templates/medis/assets/css/../fonts/Gilroy-Medium.ttf") format("truetype"); } @font-face { font-family: "Gilroy"; font-weight: 600; font-style: normal; font-display: swap; src: url("/local/templates/medis/assets/css/../fonts/Gilroy-SemiBold.woff") format("woff"), url("/local/templates/medis/assets/css/../fonts/Gilroy-SemiBold.ttf") format("truetype"); } @font-face { font-family: "Gilroy"; font-weight: 700; font-style: normal; font-display: swap; src: url("/local/templates/medis/assets/css/../fonts/Gilroy-Bold.woff") format("woff"), url("/local/templates/medis/assets/css/../fonts/Gilroy-Bold.ttf") format("truetype"); } /*------------------ Reset styles ------------------*/ * { box-sizing: border-box; margin: 0; padding: 0; } *:before, *:after { box-sizing: border-box; } html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; -webkit-overflow-scrolling: touch; overscroll-behavior-y: contain; -webkit-tap-highlight-color: transparent; text-decoration-skip: objects; text-rendering: optimizeLegibility; } img { border-style: none; } textarea { overflow: auto; } input, textarea, input:active, textarea:active, button { margin: 0; -webkit-border-radius: 0; border-radius: 0; outline: none transparent !important; box-shadow: none; -webkit-appearance: none; appearance: none; -moz-outline: none !important; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; } input[type=number] { -moz-appearance: textfield; } :focus { outline: 0; } :hover, :active { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; } ::-ms-clear { display: none; } /*------------------- Global styles -------------------*/ :root { --font_family: "Gilroy", sans-serif; --scroll_width: 10px; } .clear { clear: both; } .left { float: left; } .right { float: right; } html { height: 100%; min-height: -moz-available; min-height: -webkit-fill-available; min-height: fill-available; } @media (min-width: 1025px) { html.custom_scroll ::-webkit-scrollbar { width: 10px; height: 10px; background-color: #FFF; } html.custom_scroll ::-webkit-scrollbar-thumb { border: 2px solid #FFF; background-color: #606060; } html.custom_scroll, html.custom_scroll * { scrollbar-color: #FFF #606060; scrollbar-width: thin; } } body { color: #3C3C3C; font: 16px/1.5 var(--font_family); height: 100%; min-height: -moz-available; min-height: -webkit-fill-available; min-height: fill-available; background: #FFF; } body.lock { overflow: hidden; margin-right: var(--scroll_width); } button { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; display: inline-block; cursor: pointer; vertical-align: top; border: none; background: none; } .wrap { position: relative; display: flex; overflow: hidden; flex-direction: column; min-height: 100%; } .main { position: relative; display: flex; flex: 1 0 auto; flex-direction: column; } .cont { width: 100%; max-width: 1344px; margin: 0 auto; padding: 0 16px; } .lazyload { opacity: 0; transition: opacity .5s linear; } .lazyload.loaded { opacity: 1; } ._flex { display: flex; justify-content: flex-start; align-content: flex-start; align-items: flex-start; flex-wrap: wrap; } .overlay { position: fixed; z-index: 100; top: 0; left: 0; visibility: hidden; width: 100%; height: 100%; pointer-events: none; opacity: 0; background: #000; transition: opacity .2s linear, visibility .2s linear; } .overlay.show { visibility: visible; pointer-events: auto; opacity: .6; } .supports-error { position: fixed; z-index: 1000; top: 0; left: 0; font-family: "Arial", sans-serif; font-size: 20px; line-height: 30px; display: none; justify-content: center; align-content: center; align-items: center; flex-wrap: wrap; width: 100%; height: 100%; padding: 20px; text-align: center; background: #FFF; } .supports-error.show { display: flex; } /*-------------- Fancybox --------------*/ .compensate-for-scrollbar { padding-right: var(--scroll_width) !important; } .fancybox__backdrop { background: rgba(35, 35, 35, .5); } .fancybox__content { color: #3C3C3C; } .fancybox__slide { padding: 16px; } .fancybox__content > .carousel__button.is-close { top: 24px; right: 24px; color: #C3151C; display: flex; justify-content: center; align-content: center; align-items: center; flex-wrap: wrap; width: 32px; height: 32px; padding: 7px; border: none; background: none; transition: color .2s linear; } .fancybox__content > .carousel__button.is-close:hover { color: #3C3C3C; } .fancybox__content > .carousel__button.is-close svg { width: 100%; height: 100%; fill: currentColor; filter: none; stroke: none; } .fancybox__content :focus:not(.carousel__button.is-close) { outline: none; } .fancybox__button--thumbs, .fancybox__button--zoom { display: none; } .fancybox__thumbs { display: none; } .mini-modal-cont { position: relative; } .mini-modal { position: absolute; z-index: 90; top: 0; left: 0; visibility: hidden; pointer-events: none; opacity: 0; transition: .2s linear; } .mini-modal.active { visibility: visible; pointer-events: auto; opacity: 1; } /*------------ Header ------------*/ .header__top { padding: 16px 0; background: #F6F5F4; } .header__top .cont { align-content: center; align-items: center; } .header__city { min-width: 140px; margin-right: 83px; } .header__adres{ max-width: 400px; } .header__title { color: #3C3C3C; font-size: 14px; line-height: 1.14; margin-bottom: 4px; } .header__text { color: #232323; font-size: 16px; line-height: 1.5; } .mini-modal-btn_cities { position: relative; color: #232323; font-size: 16px; line-height: 1.5; display: inline-block; padding-right: 24px; vertical-align: top; } .mini-modal-btn_cities:hover, .mini-modal-btn_cities.active { color: #C3151C; } .mini-modal-btn_cities svg { position: absolute; top: 50%; right: 0; display: block; width: 16px; height: 10px; margin-top: -5px; fill: currentColor; } .mini-modal_cities { top: calc(100% + 16px); min-width: 167px; border-radius: 5px; background: #FFF; box-shadow: 0px 8px 24px rgba(148, 146, 163, .15); } .cities__item { position: relative; color: #232323; font-size: 16px; line-height: 1.5; display: block; padding: 10px 16px; text-decoration: none; text-transform: none; transition: color .2s linear, background .2s linear; } .cities__item:hover, .cities__item.active { color: #FFF; background: #C3151C; } .cities__item:first-child { border-radius: 5px 5px 0 0; } .cities__item:last-child { border-radius: 0 0 5px 5px; } .header__phone { position: relative; color: #232323; font-size: 16px; line-height: 1.5; margin-left: auto; padding-left: 36px; text-decoration: none; } .header__phone::before { content: ""; position: absolute; top: 50%; left: 0; width: 24px; height: 24px; margin-top: -12px; background: url(/local/templates/medis/assets/css/../images/ic_tel.svg) 50%/contain no-repeat; } .header__callback { color: #F6F5F4; font-size: 16px; font-weight: 600; line-height: 44px; display: inline-block; margin-left: 92px; padding: 0 24px; text-align: center; vertical-align: top; border-radius: 5px; background: #C3151C; transition: background .2s linear; } .header__callback:hover { background: #232323; } .header__bot .cont { align-content: center; align-items: center; flex-wrap: nowrap; } .header__logo { flex-shrink: 0; margin-right: 83px; } .header__logo a, .header__logo img { display: block; max-width: 100%; } .header__box { position: relative; align-content: center; align-items: center; width: 100%; padding: 20px 0; } .header-eyes { color: #232323; display: block; width: 30px; height: 30px; margin-left: 29px; transition: color .2s linear; } .header-eyes:hover { color: #C3151C; } .header-eyes svg { display: block; max-width: 100%; max-height: 100%; fill: currentColor; } .mini-modal-cont_search { position: static; margin-left: auto; } .mini-modal-btn_search { color: #232323; display: flex; justify-content: center; align-content: center; align-items: center; flex-wrap: wrap; width: 30px; height: 30px; transition: color .2s linear; } .mini-modal-btn_search:hover { color: #C3151C; } .mini-modal-btn_search svg { display: block; width: 24px; height: 24px; fill: currentColor; } .mini-modal_search { top: -1px; display: flex; justify-content: flex-start; align-content: center; align-items: center; flex-wrap: wrap; width: calc(100% - 59px); height: 100%; background: #FFF; } .header-search { width: 100%; } .header-search .header-search__input { color: #3C3C3C; font: 14px var(--font_family); display: block; width: 100%; height: 32px; padding-left: 40px; border: none; border-bottom: 1px solid rgba(60, 60, 60, .7); background: #FFF url(/local/templates/medis/assets/css/../images/ic_lupa.svg) 0 50% no-repeat; } .header-menu__item { position: relative; } .header-menu__item + .header-menu__item { margin-left: 56px; } .header-menu__link { color: #232323; font-size: 16px; line-height: 30px; display: block; text-decoration: none; text-transform: uppercase; transition: color .2s linear; } .header-menu__item:hover .header-menu__link, .header-menu__item .header-menu__link.active { color: #C3151C; } .header-menu__link.sub span { position: relative; display: inline-block; padding-right: 24px; vertical-align: top; } .header-menu__link svg { position: absolute; top: 50%; right: 0; display: block; width: 16px; height: 10px; margin-top: -5px; fill: currentColor; } .header-menu-sub { position: absolute; z-index: 99; top: calc(100% + 20px); left: 0; visibility: hidden; min-width: 100%; pointer-events: none; opacity: 0; border-radius: 5px; background: #FFF; box-shadow: 0px 8px 24px rgba(148, 146, 163, .15); transition: opacity .2s linear, visibility .2s linear; } .header-menu__item:hover .header-menu-sub { visibility: visible; pointer-events: auto; opacity: 1; } .header-menu-sub::before { content: ""; position: absolute; top: -20px; left: 0; width: 100%; height: 20px; } .header-menu-sub__item:first-child .header-menu-sub__link { border-radius: 5px 5px 0 0; } .header-menu-sub__item:last-child .header-menu-sub__link { border-radius: 0 0 5px 5px; } .header-menu-sub__link { position: relative; color: #232323; font-size: 16px; line-height: 1.5; display: block; padding: 10px 16px; white-space: nowrap; text-decoration: none; text-transform: none; transition: color .2s linear, background .2s linear; } .header-menu-sub__link:hover, .header-menu-sub__link.active { color: #FFF; background: #C3151C; } .mob-header { position: relative; display: none; padding: 16px 0; background: #F6F5F4; } .mob-header .cont { align-content: center; align-items: center; min-height: 38px; } .mob-header__logo a, .mob-header__logo img { display: block; } .mob-header__logo img { max-height: 38px; } .mob-header__btns { margin-left: auto; padding-right: 15px; border-right: 1px solid #C3151C; } .mob-header__btn { display: flex; justify-content: center; align-content: center; align-items: center; flex-wrap: wrap; width: 28px; height: 28px; padding: 4px; border: 1px solid #C3151C; border-radius: 2px; } .mob-header__btn + .mob-header__btn { margin-left: 8px; } .mob-header__btn img { display: block; max-width: 100%; max-height: 100%; } .mob-menu-btn { position: relative; display: block; width: 26px; height: 28px; margin-right: -5px; margin-left: 11px; padding: 10px 5px; } .mob-menu-btn span { position: relative; display: block; width: 100%; height: 1px; background: #232323; transition: background .2s linear; } .mob-menu-btn.active span { background: #C3151C; } .mob-menu-btn span + span { margin-top: 3px; } .search-mini-modal-cont { position: static; } .search-mini-modal-btn { position: relative; display: flex; justify-content: center; align-content: center; align-items: center; flex-wrap: wrap; width: 40px; height: 40px; border: 1px solid rgba(56, 56, 56, .1); border-radius: 4px; background: rgba(255, 255, 255, .1); } .search-mini-modal-btn svg { display: block; width: 24px; height: 24px; fill: #2E2E2E; } .search-mini-modal { position: absolute; top: 50%; right: 0; left: auto; width: 100%; margin-top: -30px; padding: 10px 20px; background: #FFF; } /*------------------ Form elements ------------------*/ ::-webkit-input-placeholder { color: #3C3C3C; } ::-moz-placeholder { color: #3C3C3C; opacity: 1; } :-moz-placeholder { color: #3C3C3C; } :-ms-input-placeholder { color: #3C3C3C; } .section-form { position: relative; background: #F6F5F4; } .section-form::before { content: ""; position: absolute; top: -19px; left: 0; width: 76px; height: 151px; background: url(/local/templates/medis/assets/css/../images/triangle1.svg) 50%/contain no-repeat; } .section-form__circle { position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; } .section-form__circle::before { content: ""; position: absolute; bottom: -355px; left: 50%; width: 728px; height: 728px; margin-left: 111px; border-radius: 50%; background: #C3151C; } .section-form__circle.small::before { bottom: -316px; width: 714px; height: 714px; margin-left: 238px; } .section-form__photo { position: absolute; bottom: 0; left: 50%; display: flex; justify-content: center; align-content: flex-end; align-items: flex-end; flex-wrap: wrap; width: 362px; height: 100%; margin-left: 270px; padding-top: 30px; } .section-form__photo.big { width: 470px; margin-left: 285px; } .section-form__photo img { display: block; max-width: 100%; height: 100%; max-height: 100%; } .section-form__photo img.loaded { height: auto; } .section-form .cont { position: relative; } .form_small { max-width: 533px; } .form_middle { max-width: 644px; } .form_big { max-width: 1089px; } .form__box { margin-top: 32px; } .form__box_marg { margin-top: 40px; } .form-flex { justify-content: space-between; } .form__line { margin-bottom: 16px; } .form__line_marg { margin-bottom: 24px; } .form-flex .form__line { width: calc(100%/2 - 8px); } .form__field { position: relative; } .form .form__input { color: #3C3C3C; font: 16px var(--font_family); display: block; width: 100%; height: 50px; padding: 0 29px; border: 1px solid #3C3C3C; border-radius: 5px; background: transparent; transition: border .2s linear; } .form .form__textarea { color: #3C3C3C; font: 16px var(--font_family); display: block; width: 100%; height: 200px; padding: 15px 29px; resize: none; border: 1px solid #3C3C3C; border-radius: 5px; background: transparent; transition: border .2s linear; } .form .form__textarea_small { height: 170px; } .form .error, .form .error + .nice-select .current { border-color: #C3151C; } .form .input:disabled, .form textarea:disabled { color: rgba(1, 1, 1, .3); cursor: default; pointer-events: none; } .form .error-text { color: #C3151C; font-size: 12px; line-height: normal; margin-top: 4px; } .form-submit_marg { margin-top: 24px; } .form-flex + .form-submit_marg { margin-top: 8px; } .form-submit .form-submit__btn { width: 100%; padding: 0; } .form-reset { position: relative; color: #C3151C; font-weight: 600; line-height: 50px; display: inline-block; padding-right: 32px; vertical-align: top; transition: color .2s linear; } .form-reset:hover { color: #232323; } .form-reset svg { position: absolute; top: 50%; right: 0; width: 24px; height: 24px; margin-top: -12px; fill: currentColor; } .form__agree { color: #3C3C3C; font-size: 14px; line-height: 1.14; margin-top: 16px; } .form__agree b { color: #C3151C; font-weight: 600; } .form__agree a { color: #3C3C3C; text-decoration: none; border-bottom: 1px solid transparent; transition: border .2s linear; } .form__agree a:hover { border-bottom-color: currentColor; } .checkbox input[type=checkbox] { display: none; } .checkbox__label { position: relative; display: inline-block; vertical-align: top; } .checkbox__text { color: #3C3C3C; font-size: 14px; line-height: 1.14; display: flex; justify-content: flex-start; align-content: center; align-items: center; flex-wrap: wrap; min-height: 32px; padding-left: 42px; cursor: pointer; transition: .2s linear; } .checkbox__text::before { content: ""; position: absolute; top: 4px; left: 0; width: 24px; height: 24px; cursor: pointer; border: 1px solid #232323; border-radius: 5px; transition: .2s linear; } .checkbox__text_red::before { border-color: #C3151C; border-radius: 2px; } .checkbox__text::after { content: ""; position: absolute; top: 4px; left: 0; width: 24px; height: 24px; cursor: pointer; opacity: 0; background: url(/local/templates/medis/assets/css/../images/ic_check.svg) 50% no-repeat; } input[type=checkbox]:checked + .checkbox__text::after { opacity: 1; } .radio input[type=radio] { display: none; } .radio__label { display: inline-block; vertical-align: top; } .radio__text { position: relative; color: #1181D2; font-size: 24px; line-height: 76px; display: inline-block; padding: 0 35px; cursor: pointer; vertical-align: top; border-radius: 50px; background: #FFF; transition: background .2s linear, color .2s linear; } input[type=radio]:checked + .radio__text { color: #FFF; background: #1181D2; } .select-wrap { position: relative; } .select-wrap select { position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; opacity: 0; } .select-wrap .nice-select { position: relative; display: block; } .select-wrap .nice-select.open { z-index: 11; } .select-wrap .nice-select .current { position: relative; z-index: 4; color: #3C3C3C; font-size: 16px; line-height: 48px; display: block; overflow: hidden; height: 50px; padding: 0 61px 0 29px; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; border: 1px solid #3C3C3C; border-radius: 4px; } .select-wrap .nice-select .current:after { content: ""; position: absolute; top: 50%; right: 29px; width: 16px; height: 16px; margin-top: -8px; background: url(/local/templates/medis/assets/css/../images/arrow2.svg) 50% no-repeat; } .select-wrap .nice-select.open .current:after { transform: rotate(180deg); } .select-wrap .nice-select .list { position: absolute; z-index: 9; top: calc(100% + 12px); left: 0; visibility: hidden; overflow: hidden; width: 100%; pointer-events: none; opacity: 0; border-radius: 5px; background: #FFF; box-shadow: 0px 8px 24px rgba(148, 146, 163, .15); transition: .2s linear; } .select-wrap .nice-select.open .list { visibility: visible; pointer-events: all; opacity: 1; } .select-wrap .nice-select .list .scrollbar { overflow-y: auto; max-height: 270px; } .select-wrap .nice-select .list .list_item { position: relative; color: #232323; font-size: 16px; line-height: 1.5; padding: 10px 29px; cursor: pointer; transition: color .2s linear, background .2s linear; } .select-wrap .nice-select .list .list_item:empty { display: none; } .select-wrap .nice-select .list .list_item:hover, .select-wrap .nice-select .list .list_item.selected { color: #FFF; background: #C3151C; } .file-selection input[type=file] { display: none; } .file-selection__path { position: relative; color: #232323; font-weight: 600; line-height: 32px; display: inline-block; overflow: hidden; max-width: 100%; padding-left: 42px; cursor: pointer; text-align: left; vertical-align: top; white-space: nowrap; text-overflow: ellipsis; } .file-selection__path::before { content: ""; position: absolute; top: 50%; left: 0; width: 24px; height: 28px; margin-top: -14px; background: url(/local/templates/medis/assets/css/../images/ic_file2.svg) 50%/contain no-repeat; } .page-tooltip { position: relative; display: inline-block; margin-left: 4px; vertical-align: middle; } .page-tooltip .tooltip__icon { color: #232323; font-size: 11px; line-height: 13px; display: block; width: 14px; height: 14px; padding-left: 1px; text-align: center; border: 1px solid #232323; border-radius: 50%; } .page-tooltip .tooltip__text { position: absolute; z-index: 99; bottom: calc(100% + 15px); left: 0; color: #3C3C3C; font-size: 14px; line-height: 1.14; width: 283px; padding: 8px; pointer-events: none; opacity: 0; border-radius: 5px; background: #FFF; box-shadow: 0px 8px 24px rgba(148, 146, 163, .15); transition: opacity .2s linear; } .page-tooltip:hover .tooltip__text { opacity: 1; } .page-tooltip .tooltip__text::before { content: ""; position: absolute; bottom: -12px; left: 6px; width: 0; height: 0; border: 5px solid transparent; border-top: 8px solid #FFF; } /*---------------- Typography ----------------*/ .text-block > :last-child { margin-bottom: 0 !important; } .text-block_light { color: rgba(60, 60, 60, .7); } .text-block__graybox { position: relative; padding-bottom: 80px; } .text-block__graybox::before { content: ""; position: absolute; z-index: -1; right: 50%; bottom: 0; width: 5000px; height: calc(100% - 56px); margin-right: -433px; border-radius: 5px; background: #F6F5F4; } .text-block__graybox > :last-child { margin-bottom: 0 !important; } .text-block__bg { position: relative; padding: 48px 94px; border-radius: 5px; background: #FFF; box-shadow: 0px 8px 24px rgba(148, 146, 163, .15); } .text-block__bg::before { content: ""; position: absolute; top: 58px; left: 39px; width: 3px; height: 127px; max-height: calc(100% - 106px); border-radius: 3px; background: #C3151C; } .text-block__bg > :last-child { margin-bottom: 0 !important; } .text-block * + .text-block__bord { margin-top: 80px; } .text-block__bord { position: relative; padding-left: 56px; } .text-block__bord::before { content: ""; position: absolute; top: 10px; left: 0; width: 3px; height: 119px; max-height: calc(100% - 10px); border-radius: 3px; background: #C3151C; } .section-text .text-block p { max-width: 883px; } .section-text .text-block h2 { max-width: 1077px; } .section-text .text-block h3 { max-width: 1170px; } .section-text .text-block__graybox h3 { max-width: 910px; } .main h1, .main h2, .main h3, .main h4, .main h5, .main h6{ margin: 0; font-family: var(--font_family); } .text-block h1, .text-block .h1 { color: #232323; font-size: 48px; font-weight: 700; line-height: 1.33; margin-bottom: 40px; } .text-block h2 { color: #232323; font-size: 48px; font-weight: 400; line-height: 1.33; margin-bottom: 32px; } .text-block * + h2 { margin-top: 80px; } .text-block h1 + h2, .text-block .h1 + h2, .text-block h3 + h2 { margin-top: 0; } .text-block h3 { color: #232323; font-size: 24px; font-weight: 400; line-height: 1.67; margin-bottom: 32px; text-transform: uppercase; } .text-block * + h3 { margin-top: 80px; } .text-block h1 + h3, .text-block .h1 + h3, .text-block h2 + h3 { margin-top: 0; } .text-block h4 { color: #C3151C; font-size: 24px; font-weight: 400; line-height: 1.67; margin-bottom: 8px; text-transform: uppercase; } .text-block p { margin-bottom: 16px; } .text-block p span { color: #C3151C; } .text-block img { display: block; max-width: 100%; margin-bottom: 30px; border-radius: 4px; } .text-block h1 + img, .text-block .h1 + img { margin-top: 50px; } .text-block ul { margin-bottom: 24px; padding: 0; } .text-block p + ul { margin-top: 32px; } .text-block ul li { position: relative; display: block; padding-left: 30px; list-style: none; } .text-block ul li + li { margin-top: 24px; } .text-block ul li::before { content: ""; position: absolute; top: 50%; left: 2px; width: 10px; height: 10px; margin-top: -6px; background: #C3151C; transform: rotate(45deg); } .text-block ol { margin-bottom: 40px; padding: 0 0 0 28px; } .text-block ol li + li { margin-top: 30px; } .text-block a { color: #000; text-decoration: none; border-bottom: 1px solid; transition: color .2s linear; } .text-block a:hover { color: #1181D2; } .text-block a.btn-blue { color: #FFF; border: none; transition: background .2s linear; } .text-block .red { color: #D71B25; } .text-block__cols { justify-content: space-between; margin-bottom: 32px; } .text-block__cols_bg { padding: 40px 24px; border-radius: 5px; background: #FFF; } .text-block__col { width: calc(50% - 16px); max-width: 566px; } .text-block__col > :last-child { margin-bottom: 0 !important; } /*--------------- Page head ---------------*/ .main-title { color: #232323; font-size: 48px; font-weight: 400; line-height: 1.33; } .main-title span { color: #C3151C; } .main-subtitle { margin-top: 32px; } .main-subtitle > :last-child { margin-bottom: 0 !important; } .main-subtitle p { margin-bottom: 16px; } .small-title { color: #000; font-size: 24px; line-height: 1.67; text-transform: uppercase; } .section-head { justify-content: space-between; align-content: center; align-items: center; flex-wrap: nowrap; } .section-head__collr { flex-shrink: 0; margin-left: 30px; } .title-head { justify-content: space-between; flex-wrap: nowrap; } .title-head .main-title { width: 100%; max-width: 638px; } .title-head .main-subtitle { flex-shrink: 0; width: 533px; margin: 16px 0 0 32px; } .page-head { padding-top: 72px; } .page-head.bord { padding-top: 56px; border-top: 1px solid rgba(35, 35, 35, .2); } .page-title { color: #232323; font-size: 48px; font-weight: 700; line-height: 1.33; } .page-title span { color: #C3151C; } .page-title_center { text-align: center; } .page-head__links + .page-title { margin-top: 52px; } .page-head__links { margin: -16px 0 0 -16px; } .page-head__link { color: #3C3C3C; font-size: 16px; line-height: 44px; margin: 16px 0 0 16px; padding: 0 38px; text-decoration: none; border: 1px solid #3C3C3C; border-radius: 4px; transition: border .2s linear, background .2s linear, color .2s linear; } .page-head__link:hover, .page-head__link.active { color: #FFF; border-color: #C3151C; background: #C3151C; } .page-subtitle { margin-top: 24px; } .page-subtitle > :last-child { margin-bottom: 0 !important; } .page-subtitle p { margin-bottom: 16px; } .page-head__top { justify-content: space-between; flex-wrap: nowrap; } .page-head__top .page-title { width: 100%; max-width: 638px; } .page-head__top .page-subtitle { flex-shrink: 0; width: 544px; margin: 16px 0 0 32px; } .page-head__banner { position: relative; display: block; margin-top: 56px; padding-bottom: 41.921%; } .page-head__banner img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; border-radius: 5px; object-fit: cover; object-position: 50% 0; } /*------------------------ Breadcrumbs ------------------------*/ .breadcrumbs { color: #3A4A55; font-size: 14px; line-height: 1.43; margin-top: 10px; } .breadcrumbs a { color: #3A4A55; text-decoration: none; transition: color .2s linear; } .breadcrumbs a:hover { color: #E1B87F; } .breadcrumbs__sep { margin: 0 6px; } /*------------------------ Slider controls ------------------------*/ .swiper { position: relative; margin: 0; } .swiper_visible { overflow: visible; margin-top: 40px; } .title-slider { padding-right: 200px; } .swiper-overflow { overflow: hidden; } .swiper-wrapper { height: auto; } .slider-button-prev, .slider-button-next { position: absolute; z-index: 10; top: 50%; color: #FFF; display: flex; justify-content: center; align-content: center; align-items: center; flex-wrap: wrap; width: 76px; height: 76px; margin-top: -38px; cursor: pointer; border: 8px solid #FFF; border-radius: 50%; background: #232323; transition: background .2s linear; } .slider-button-prev:hover, .slider-button-next:hover { z-index: 11; background: #C3151C; } .slider-button-prev.red, .slider-button-next.red { background: #C3151C; } .slider-button-prev.red:hover, .slider-button-next.red:hover { background: #232323; } .slider-button-prev { left: 0; } .slider-button-next { right: 0; } .slider-button-prev svg, .slider-button-next svg { display: block; width: 24px; height: 24px; fill: currentColor; } .slider-button-prev svg { transform: rotate(180deg); } .slider-button-prev.top, .slider-button-next.top { top: -110px; margin-top: 0; } .slider-button-prev.top { right: 108px; left: auto; } .slider-button-next.top { right: 0; } .slider-button-prev.small, .slider-button-next.small { width: 56px; height: 56px; margin-top: -28px; border-width: 4px; } .slider-button-prev.small { left: -28px; } .slider-button-next.small { right: -28px; } .slider-button-prev.small svg, .slider-button-next.small svg { width: 20px; height: 20px; } .slider-button-prev.swiper-button-disabled, .slider-button-next.swiper-button-disabled { cursor: default; pointer-events: none; opacity: .5; } .swiper-button-lock { display: none; } .slider-pagination { position: absolute; z-index: 9; bottom: 16px; left: 0; display: flex; justify-content: center; align-content: center; align-items: center; flex-wrap: wrap; width: 100%; height: 20px; text-align: center; transition: 300ms opacity; transition: .5s linear; } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 16px; left: 0; } .slider-pagination.bot { position: relative; bottom: 0; margin-top: 8px; } .slider-pagination.swiper-pagination-lock, .slider-progressbar.swiper-pagination-lock { display: none !important; } .slider-dot { position: relative; color: #232323; display: flex; justify-content: center; align-content: center; align-items: center; flex-wrap: wrap; width: 20px; height: 20px; margin: 0 2px; padding: 0; border: none; border-radius: 0; background: none; box-shadow: none; transition: color .2s linear; appearance: none; } .slider-pagination_white .slider-dot { color: #FFF; } .slider-pagination-clickable .slider-dot { cursor: pointer; } .slider-dot:before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; } @media (min-width: 1025px) { .slider-dot:hover { color: #C3151C; } } .slider-dot.slider-dot_active { color: #C3151C; } .slider-progressbar.swiper-pagination-progressbar { position: relative; top: auto; bottom: 0; display: block; overflow: hidden; height: 4px; margin-top: 38px; border-radius: 5px; background: rgba(195, 21, 28, .1); } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #C3151C; } .swiper-count { position: absolute; top: -89px; right: 0; color: #223264; font-size: 24px; line-height: 1; text-transform: uppercase; } .swiper-count__current { font-weight: 600; margin-right: 449px; } .slider-line { position: absolute; z-index: 6; top: -20px; right: 0; width: 1px; height: calc(100% + 40px); pointer-events: none; background: #E6E6E5; } ._lock .slider-line, ._lock-all .slider-line { display: none; } /*----------------- Main section -----------------*/ .main-slider { background: #D0D1D3; } .main-slider__slide { position: relative; display: flex; justify-content: center; align-content: center; align-items: center; flex-wrap: wrap; height: auto; padding: 106px 0; } .main-slider__bg { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 0; } .main-slider__box { position: relative; width: 61%; padding-left: 69px; } .main-slider__title { font-size: 48px; font-weight: 700; line-height: 1.33; } .main-slider__title span { color: #C3151C; display: block; } .main-slider__desc { margin-top: 24px; } .main-slider__bot { margin: 32px 0 0 -16px; } .main-slider__btn { margin: 16px 0 0 16px; } .main-slider .slider-button-prev { left: 50%; margin-left: -688px; } .main-slider .slider-button-next { right: 50%; margin-right: -688px; } /*----------------- BTNS -----------------*/ .wrap-btn { margin-top: 32px; } .wrap-btn_center { margin-top: 48px; text-align: center; } .wrap-btn_right { text-align: right; } .wrap-btn_margsmall { margin-top: 24px; } .btn-black { color: #F6F5F4; font-size: 16px; font-weight: 600; line-height: 50px; display: inline-block; padding: 0 30px; text-align: center; vertical-align: top; text-decoration: none; border-radius: 5px; background: #232323; transition: background .2s linear; } .btn-black:hover { background: #C3151C; } .btn-black_big { width: 100%; padding: 0; } .btn-red { color: #F6F5F4; font-size: 16px; font-weight: 600; line-height: 50px; display: inline-block; padding: 0 30px; text-align: center; vertical-align: top; text-decoration: none; border-radius: 5px; background: #C3151C; transition: background .2s linear; } .btn-red:hover { background: #232323; } .btn-red_big { width: 100%; padding: 0; } .btn-bord { color: #232323; font-size: 16px; font-weight: 600; line-height: 48px; display: inline-block; padding: 0 29px; text-align: center; vertical-align: top; text-decoration: none; border: 1px solid #232323; border-radius: 5px; background: transparent; transition: background .2s linear, color .2s linear; } .btn-bord:hover { color: #FFF; background: #232323; } .btn-bord_big { width: 100%; padding: 0; } .more-wrap { display: none; margin-top: 10px; text-align: center; } .more-btn { position: relative; color: #C3151C; font-size: 12px; font-weight: 600; line-height: 18px; display: inline-block; padding-right: 26px; vertical-align: top; } .more-btn span + span { display: none; } .more-btn.active span { display: none; } .more-btn.active span + span { display: block; } .more-btn svg { position: absolute; top: 50%; right: 0; width: 18px; height: 18px; margin-top: -9px; fill: currentColor; } .more-btn.active svg { transform: rotate(180deg); } /*------------ Direction ------------*/ .accordion_direction { margin-top: 40px; } .accordion_marg { margin-top: 40px; } .accordion__item { border-radius: 5px; background: #F6F5F4; transition: background .2s linear, box-shadow .2s linear; } .accordion__item.active { background: #FFF; box-shadow: 0px 8px 24px rgba(148, 146, 163, .15); } .accordion__item + .accordion__item { margin-top: 24px; } .accordion__open { position: relative; color: #232323; font-size: 24px; font-weight: 400; line-height: 1.67; padding: 24px 110px 24px 32px; cursor: pointer; text-transform: uppercase; } .accordion__open::before { content: ""; position: absolute; top: 50%; right: 38px; width: 48px; height: 48px; margin-top: -24px; border-radius: 50%; background: #C3151C url(/local/templates/medis/assets/css/../images/arrow1.svg) 50% no-repeat; transition: background .2s linear; } .accordion__open:hover::before { background-color: #232323; } .accordion__item.active .accordion__open::before { transform: rotate(180deg); } .accordion__open.number { padding-left: 112px; } .accordion__open.number .number { position: absolute; top: 50%; left: 32px; color: #232323; font-size: 24px; line-height: 46px; width: 48px; height: 48px; margin-top: -24px; text-align: center; text-transform: uppercase; border: 1px solid #C3151C; border-radius: 50%; } .accordion__data_direction { padding: 0 32px 40px; } .accordion__data { display: none; } .accordion__data_pad { padding: 0 32px 40px; } .accordion__bord { padding-top: 39px; border-top: 1px solid rgba(195, 21, 28, .3); } .text-block_question { max-width: 664px; } .direction__items { padding-top: 16px; border-top: 1px solid rgba(195, 21, 28, .3); column-count: 3; column-gap: 30px; } .direction__wrap { padding-top: 24px; break-inside: avoid; page-break-inside: avoid; --webkit-column-break-inside: avoid; } .direction__item { color: #232323; flex-wrap: nowrap; text-decoration: none; transition: color .2s linear; } .direction__item:hover { color: #C3151C; } .direction__icon { display: flex; justify-content: center; align-content: center; align-items: center; flex-shrink: 0; flex-wrap: wrap; width: 36px; height: 36px; margin-right: 16px; } .direction__icon img { display: block; max-width: 100%; max-height: 100%; } .direction__name { align-self: center; } .direction__sector_bg { margin-top: 48px; padding: 14px 32px 40px; border-radius: 5px; background: #FFF; box-shadow: 0px 8px 24px rgba(148, 146, 163, .15); } .direction__title { color: #232323; font-size: 32px; line-height: 2; margin-bottom: 14px; text-align: center; } /*------------ Customers ------------*/ .customers__grid { margin: 16px 0 0 calc(var(--customers_marg)*-1); --customers_marg: 24px; --customers_number: 4; } .customers__slider{ height: 324px; } .customers__slider .swiper-wrapper{ pointer-events: none; height: 100%; } .customers__slider .swiper-slide{ opacity: 0; transition: opacity .3s linear; pointer-events: none; height: calc((100% - 24px)/2); } .customers__slider .swiper-slide.swiper-slide-visible{ opacity: 1; pointer-events: auto; } .customers__slider .customer{ height: 100%; } .customer { display: flex; justify-content: center; align-content: center; align-items: center; flex-wrap: wrap; height: 150px; padding: 24px; border-radius: 5px; background: #FFF; box-shadow: 0px 8px 24px rgba(122, 122, 124, .15); } .customers__grid .customer{ width: calc(100%/var(--customers_number) - var(--customers_marg)); margin: var(--customers_marg) 0 0 var(--customers_marg); } .customer img { display: block; max-width: 100%; max-height: 100%; } /*------------ News ------------*/ .news__item { position: relative; } .news__dateto { position: absolute; z-index: 3; top: 0; left: 0; color: #FFF; line-height: 1.25; padding: 9px 18px; pointer-events: none; border-radius: 5px; background: #C3151C; } .news__img { position: relative; display: block; overflow: hidden; padding-bottom: 100%; border-radius: 5px; } .news__img img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; } .news__date { margin-top: 16px; } .news__name { font-size: 20px; margin-top: 8px; text-transform: uppercase; } .news__name a { color: #C3151C; text-decoration: none; border-bottom: 1px solid transparent; transition: border .2s linear; } .news__name a:hover { border-bottom-color: currentColor; } .news__desc { margin-top: 8px; } /*------------ Branches ------------*/ .branches_gray { margin-top: -136px; padding: 292px 0 150px; background: #F6F5F4; } .branche__img { position: relative; display: block; overflow: hidden; padding-bottom: 68.1%; border-radius: 5px; } .branche__img img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; } .branche__name { font-size: 20px; margin-top: 16px; text-transform: uppercase; } .branche__name a { color: #232323; text-decoration: none; border-bottom: 1px solid transparent; transition: border .2s linear; } .branche__name a:hover { border-bottom-color: currentColor; } .branche__desc { margin-top: 8px; } .branches .wrap-btn { margin-top: 24px; } /*------------ Reviews ------------*/ .reviews__slider .slider-pagination { display: none; } .review { position: relative; flex-wrap: nowrap; height: auto; padding: 31px; border: 1px solid #C3151C; border-radius: 5px; } .swiper-slide.review { width: calc(100%/2 - 59px); } .swiper-slide.accordion__review { width: calc(100%/2 - 27px); } .review::before { content: ""; position: absolute; top: 35px; right: 31px; width: 95px; height: 83px; background: url(/local/templates/medis/assets/css/../images/quote.svg) 50%/contain no-repeat; } .review__img { position: relative; color: #FFF; font-size: 24px; line-height: 1.67; flex-shrink: 0; width: 56px; height: 56px; margin-right: 27px; padding: 3px; text-transform: uppercase; border: 1px solid #C3151C; border-radius: 50%; background: #FFF; } .review__img img { position: relative; display: block; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; } .review__img span { display: flex; justify-content: center; align-content: center; align-items: center; flex-wrap: wrap; width: 100%; height: 100%; border-radius: 50%; background: #C3151C; } .review__img span b { font-weight: 400; } .review__box { position: relative; display: flex; flex-direction: column; width: 100%; } .review__text { overflow: hidden; width: 100%; max-height: 72px; } .review__text.show { max-height: none; } .review__link { display: none; width: 100%; margin: 16px 0 auto; } .review__link.show { display: block; } .review__link_btn { color: #C3151C; display: inline-block; padding-bottom: 1px; vertical-align: top; text-decoration: none; border-bottom: 1px solid; transition: border .2s linear; } .review__link_btn:hover { border-bottom-color: transparent; } .review__link_btn span + span { display: none; } .review__link_btn.active span { display: none; } .review__link_btn.active span + span { display: block; } .review__bot { width: 100%; margin-top: 24px; } .review__name { font-weight: 700; } .review__date { color: #3C3C3C; font-size: 14px; line-height: 1.14; margin-top: 8px; } /*------------ Main info ------------*/ .main-info__bg { position: relative; overflow: hidden; padding: 68px 40px; border-radius: 5px; background: #F6F5F4; } .main-info__bg::before { content: ""; position: absolute; top: 0; left: 50%; width: 697px; height: 494px; margin-left: 189px; background: url(/local/templates/medis/assets/css/../images/triangle2.svg) 50%/contain no-repeat; } .main-info__phone { position: absolute; top: 34px; left: 50%; display: block; margin-left: 266px; } .main-info__box { position: relative; max-width: 683px; } .main-info__main-subtitle { max-width: 557px; } /*------------ Advantages ------------*/ .advantages__grid { display: grid; margin-top: 40px; gap: 24px; grid-template-columns: repeat(2, 1fr); } .advantages__item { position: relative; overflow: hidden; padding: 26px 40px; border-radius: 5px; background: #F6F5F4; } .advantages__item:first-child { padding-top: 70px; padding-bottom: 70px; grid-row: span 2; } .advantages__item:first-child::before { content: ""; position: absolute; bottom: -339px; left: 43.7%; width: 625px; height: 625px; border-radius: 50%; background: #C3151C; } .advantages__doctor { position: absolute; right: 0; bottom: 0; width: 48%; max-width: 306px; height: 100%; } .advantages__img1 { position: absolute; top: -19px; right: -64px; display: block; width: 253px; height: 185px; object-fit: contain; } .advantages__img2 { position: absolute; right: -39px; bottom: -18px; display: block; width: 156px; height: 215px; object-fit: contain; } .advantages__doctor.loaded { height: auto; } .advantages__name { position: relative; color: #C3151C; font-size: 24px; line-height: 1.67; max-width: 80%; text-transform: uppercase; } .advantages__item:first-child .advantages__name { max-width: 55%; } .advantages__text { position: relative; max-width: 458px; margin-top: 32px; } .advantages__text_mob { display: none; } .advantages__item:first-child .advantages__text { max-width: 382px; } .advantages__text p + p { margin-top: 24px; } .open-telto { position: fixed; z-index: 150; right: 63px; bottom: 40px; color: #C3151C; display: flex; justify-content: center; align-content: center; align-items: center; flex-wrap: wrap; width: 66px; height: 66px; padding: 19px; border-radius: 50%; background: #F6F5F4; box-shadow: 0px 8px 24px rgba(54, 46, 46, .15); transition: background .2s linear, color .2s linear; } .open-telto:hover { color: #FFF; background: #232323; } .open-telto::before { content: ""; position: absolute; top: -6px; left: -6px; width: calc(100% + 12px); height: calc(100% + 12px); border: 1.3px solid #F6F5F4; border-radius: 50%; animation: circle 1s linear infinite; } .open-telto::after { content: ""; position: absolute; top: -6px; left: -6px; width: calc(100% + 12px); height: calc(100% + 12px); border: 1.3px solid #F6F5F4; border-radius: 50%; filter: drop-shadow(0px 8px 24px rgba(54, 46, 46, .15)); } @keyframes circle { from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(1.3); } } .open-telto svg { display: block; max-width: 100%; max-height: 100%; fill: currentColor; } /*------------ Doctors ------------*/ .doctors { margin-top: 40px; } .doctors__grid { align-content: stretch; align-items: stretch; margin: 0 0 0 calc(var(--doctors_marg)*-1); --doctors_marg: 24px; --doctors_number: 4; } .doctors__grid .doctor-item { display: flex; flex-direction: column; width: calc(100%/var(--doctors_number) - var(--doctors_marg)); margin: 48px 0 0 var(--doctors_marg); } .swiper-slide .doctor-item + .doctor-item { margin-top: 48px; } .doctors .swiper-slide { pointer-events: none; opacity: 0; transition: opacity .2s linear; } .doctors .swiper-slide-visible { pointer-events: all; opacity: 1; } .doctor-item__thumb { position: relative; z-index: 1; width: 100%; } .doctor-item__photo { position: relative; display: block; overflow: hidden; /* padding-bottom: 107.742%;*/ padding-bottom: 120%; border-radius: 5px; } .doctor-item__photo img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 0; } .doctor-item-position-wrap { position: absolute; bottom: 0; left: 0; width: calc(100% + 16px); margin-left: -16px; pointer-events: none; } .doctor-item-position { align-content: center; align-items: center; flex-wrap: nowrap; max-width: 100%; margin: 8px 0 0 16px; padding: 9px 24px; border-radius: 4px 4px 0 0; background: #FFF; } .doctor-item-position__icon { display: flex; justify-content: center; align-content: center; align-items: center; flex-shrink: 0; flex-wrap: wrap; width: 30px; height: 30px; margin-right: 8px; } .doctor-item-position__icon img { display: block; max-width: 100%; max-height: 100%; } .doctor-item__bg { position: relative; flex-grow: 1; width: 100%; padding: 16px 16px 20px; } .doctor-item__bg::before { content: ""; position: absolute; top: -16px; left: 0; width: 100%; height: calc(100% + 16px); border-radius: 5px; background: #FFF; box-shadow: 0px 8px 24px rgba(148, 146, 163, .15); } .doctor-item__box { position: relative; display: flex; flex-direction: column; min-height: 100%; } .doctor-item__name { color: #C3151C; font-size: 20px; text-transform: uppercase; } .doctor-item__name a { color: #C3151C; text-decoration: none; transition: color .2s linear; } .doctor-item__name a:hover { color: #3C3C3C; } .doctor-item__desc { flex-grow: 1; margin-top: 8px; padding-bottom: 15px; border-bottom: 1px solid rgba(195, 21, 28, .3); } .doctor-item__experience { font-size: 14px; line-height: 1.14; margin-top: 16px; opacity: .6; } .filter__form { margin: -16px -16px 0 0; } .filter__item { width: 282px; margin: 16px 16px 0 0; } .filter__item_small { width: 193px; } .filter__item_big { width: 470px; } .filter .select-wrap .nice-select .current { padding: 0 68px 0 38px; } .filter .select-wrap .nice-select .current:after { right: 38px; } .filter .form .form__input { padding: 0 38px; } .filter .form .form__input_search { padding-left: 70px; background-image: url(/local/templates/medis/assets/css/../images/ic_search.svg); background-repeat: no-repeat; background-position: 38px 50%; } .filter__reset { margin: 16px 16px 0 auto; } /*------------ Prices ------------*/ .prices { margin-top: 40px; } .prices__items { margin-top: 80px; } .prices__item + .prices__item { margin-top: 80px; } .prices__accordion { margin-top: 40px; } .table-prices-wrap { margin-top: 40px; padding: 40px 32px; border-radius: 5px; background: #FFF; box-shadow: 0px 8px 24px rgba(148, 146, 163, .15); } .table-prices { width: 100%; border-collapse: collapse; } .table-prices tr th { color: #C3151C; font-size: 16px; font-weight: 400; padding: 19px 23px; text-align: left; border: 1px solid rgba(195, 21, 28, .23); } .table-prices tr th.th-price { text-align: center; white-space: nowrap; } .table-prices tr td { font-size: 16px; padding: 28px 23px; border: 1px solid rgba(195, 21, 28, .23); } .table-prices tr td.td-price { font-size: 20px; width: 390px; text-align: center; white-space: nowrap; } .search__title { color: #3C3C3C; font-size: 14px; line-height: 1.14; margin-bottom: 16px; } .search .search__input { color: #232323; font: 16px var(--font_family); display: block; width: 100%; height: 60px; padding: 0 32px 0 66px; border: none; border: 1px solid transparent; border-radius: 5px; background: #F6F5F4 url(/local/templates/medis/assets/css/../images/ic_lupa.svg) 32px 50% no-repeat; } /*------------ News inner ------------*/ .news-inner { margin-top: 40px; } .news-inner__slider { position: relative; } .news-inner__slider::before { content: ""; position: absolute; bottom: -32px; left: 50%; width: 5000px; height: 100%; margin-left: -324px; background: #F6F5F4; } .news-inner__grid { position: relative; align-content: stretch; align-items: stretch; margin: -80px 0 0 calc(var(--news_marg)*-1); padding-bottom: 56px; --news_marg: 24px; --news_number: 3; } .news-inner__grid::before { content: ""; position: absolute; top: 112px; left: 50%; width: 5000px; height: 438px; margin-left: -310px; background: #F6F5F4; } .news-inner__grid::after { content: ""; position: absolute; right: 50%; bottom: 0; width: 5000px; height: 438px; margin-right: -334px; background: #F6F5F4; } .news-inner__grid .news-inner__item { display: flex; flex-direction: column; width: calc(100%/var(--news_number) - var(--news_marg)); margin: 80px 0 0 var(--news_marg); } .news-inner__item { position: relative; z-index: 1; } .news-inner__img { position: relative; display: block; overflow: hidden; padding-bottom: 52.3%; border-radius: 5px; } .news-inner__img img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; } .news-inner__name { color: #C3151C; font-size: 20px; margin-top: 24px; text-transform: uppercase; } .news-inner__name a { color: #C3151C; text-decoration: none; transition: color .2s linear; } .news-inner__name a:hover { color: #232323; } .news-inner__desc { color: #3C3C3C; margin-top: 8px; } .news-inner__more { margin-top: 24px; text-transform: uppercase; } .news-inner__more a { color: #232323; text-decoration: none; transition: color .2s linear; } .news-inner__more a:hover { color: #C3151C; } /*------------ Information ------------*/ .information { margin-top: 40px; } .information__wrapimg { width: 57.47%; padding: 24px 24px 0 0; } .information__img { position: relative; min-height: 200px; padding-bottom: 59.59%; } .information__img::before { content: ""; position: absolute; top: -24px; right: -24px; width: calc(100% - 10px); height: 100%; border-radius: 5px; background: #F6F5F4; } .information__img img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; border-radius: 5px; object-fit: cover; object-position: 50% 0; } .information__info { position: relative; width: calc(42.53% + 87px); max-width: 616px; margin: 64px 0 0 -87px; padding: 48px 40px 48px 88px; border-radius: 5px; background: #FFF; box-shadow: 0px 8px 24px rgba(148, 146, 163, .15); } .information__info::before { content: ""; position: absolute; top: 48px; left: 39px; width: 3px; height: calc(100% - 96px); border-radius: 5px; background: #C3151C; } .information__info-wrap { position: relative; overflow: hidden; max-height: 170px; } .information__info-wrap.show { max-height: none; } .information__info-wrap.shadow::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); } .information__info-wrap.show::after { display: none; } .information__more { display: none; margin-top: 24px; text-transform: uppercase; } .information__more.show { display: block; } .information__more-btn { color: #C3151C; text-decoration: none; transition: color .2s linear; } .information__more-btn:hover { color: #232323; } .information__more-btn_js span + span { display: none; } .information__more-btn.active span { display: none; } .information__more-btn.active span + span { display: block; } /*------------ Page stock ------------*/ .page-stock__grid { display: grid; margin-top: 40px; gap: 32px 24px; grid-template-columns: repeat(4, 1fr); } .page-stock__grid .stock-item:first-child, .page-stock__grid .stock-item:nth-child(2), .page-stock__grid .stock-item:nth-child(6n + 1), .page-stock__grid .stock-item:nth-child(6n + 2) { flex-direction: row; grid-column: span 2; } .page-stock__grid .stock-item:first-child .stock-item__wrapimg, .page-stock__grid .stock-item:nth-child(2) .stock-item__wrapimg, .page-stock__grid .stock-item:nth-child(6n + 1) .stock-item__wrapimg, .page-stock__grid .stock-item:nth-child(6n + 2) .stock-item__wrapimg { flex-shrink: 0; width: 45.425%; margin-right: 24px; } .page-stock__grid .stock-item:first-child .stock-item__box, .page-stock__grid .stock-item:nth-child(2) .stock-item__box, .page-stock__grid .stock-item:nth-child(6n + 1) .stock-item__box, .page-stock__grid .stock-item:nth-child(6n + 2) .stock-item__box { margin-top: 0; } .stock-item { position: relative; display: flex; flex-direction: column; min-height: 100%; padding: 16px; border-radius: 5px; background: #F6F5F4; } .stock-item__wrapimg { position: relative; } .stock-item__date { position: absolute; z-index: 1; top: 0; left: 0; color: #FFF; line-height: 34px; padding: 0 18px; text-decoration: none; pointer-events: none; border-radius: 5px; background: #C3151C; } .stock-item__img { position: relative; display: block; overflow: hidden; padding-bottom: 73.382%; border-radius: 5px; } .stock-item__img img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; } .stock-item__box { display: flex; flex-direction: column; flex-grow: 1; margin-top: 16px; } .stock-item__name { color: #C3151C; font-size: 20px; text-transform: uppercase; } .stock-item__name a { color: #C3151C; text-decoration: none; transition: color .2s linear; } .stock-item__name a:hover { color: #232323; } .stock-item__desc { margin: 8px 0 auto; } .stock-item__more { margin-top: 16px; text-transform: uppercase; } .stock-item__more a { color: #232323; text-decoration: none; transition: color .2s linear; } .stock-item__more a:hover { color: #C3151C; } /*------------ Programs ------------*/ .programs { margin-top: 40px; } .programs__grid { align-content: stretch; align-items: stretch; margin-left: calc(var(--programs_marg)*-1); --programs_marg: 24px; --programs_number: 4; } .program { display: flex; flex-direction: column; width: calc(100%/var(--programs_number) - var(--programs_marg)); margin: 48px 0 0 var(--programs_marg); } .program-big { position: relative; overflow: hidden; width: calc(100%/2 - var(--programs_marg)); margin: 48px 0 0 var(--programs_marg); padding: 40px 24px; border-radius: 5px; background: #F6F5F4; } .program-big::before { content: ""; position: absolute; top: -24px; left: 50%; width: 409px; height: 409px; margin-left: 94px; border-radius: 50%; background: #C3151C; } .program-big_bg::before { top: -16px; width: 621px; height: 547px; margin-left: 47px; border-radius: 0; background: url(/local/templates/medis/assets/css/../images/pattern1.png) 50% no-repeat; } .program-big__img { position: absolute; top: 0; right: 40px; display: flex; justify-content: center; align-content: flex-end; align-items: flex-end; flex-wrap: wrap; width: 182px; height: 100%; padding-top: 20px; } .program-big__img img { display: block; max-width: 100%; max-height: 100%; } .program-big__box { position: relative; display: flex; flex-direction: column; width: 63%; min-height: 100%; } .program-big__name { font-size: 20px; line-height: 1.5; width: 100%; text-transform: uppercase; } .program-big__name a { color: #232323; text-decoration: none; transition: color .2s linear; } .program-big__name a:hover { color: #C3151C; } .program-big__desc { width: 100%; margin: 24px 0 auto; } .program-big__btn { margin-top: 46px; } .program-big__btn a { min-width: 219px; } .program__img { position: relative; display: block; overflow: hidden; width: 100%; padding-bottom: 87.1%; border-radius: 5px; } .program__img img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; } .program__name { color: #C3151C; font-size: 20px; width: 100%; margin-top: 16px; text-transform: uppercase; } .program__name a { color: #C3151C; text-decoration: none; transition: color .2s linear; } .program__name a:hover { color: #232323; } .program__desc { width: 100%; margin: 8px 0 auto; } .program__more { width: 100%; margin-top: 16px; text-transform: uppercase; } .program__more a { color: #232323; text-decoration: none; transition: color .2s linear; } .program__more a:hover { color: #C3151C; } /*------------ Services ------------*/ .services__grid { justify-content: space-between; align-content: stretch; align-items: stretch; margin-top: -40px; } .service { display: flex; flex-direction: column; width: calc(50% - 12px); margin-top: 80px; } .service__name { color: #232323; font-size: 24px; line-height: 1.67; width: 100%; text-transform: uppercase; } .service__name a { color: #232323; text-decoration: none; transition: color .2s linear; } .service__name a:hover { color: #C3151C; } .service__box { position: relative; z-index: 1; display: flex; flex-direction: column; flex-grow: 1; width: calc(100% - 48px); max-width: 438px; margin: 32px 0 0 24px; margin-bottom: -154px; padding: 30px 48px 34px; border-top: 2px solid #C3151C; background: #F6F5F4; } .service__desc { width: 100%; margin-bottom: auto; } .service__more { color: #C3151C; width: 100%; margin-top: 24px; text-transform: uppercase; } .service__more a { color: #C3151C; text-decoration: none; transition: color .2s linear; } .service__more a:hover { color: #232323; } .service__wrapimg { position: relative; padding: 0 24px 24px 0; } .service__wrapimg::before { content: ""; position: absolute; right: 0; bottom: 0; width: calc(100% - 24px); height: calc(100% - 24px); border-radius: 5px; background: #F6F5F4; } .service__img { position: relative; display: block; overflow: hidden; padding-bottom: 71.936%; border-radius: 5px; } .service__img img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; } /*------------ Acts ------------*/ .acts__items { max-width: 1052px; margin-top: 40px; } .act-item { position: relative; padding-left: 40px; } .act-item::before { content: ""; position: absolute; top: 50%; left: 0; width: 16px; height: 16px; margin-top: -8px; border-radius: 50%; background: #C3151C; } .act-item + .act-item { margin-top: 32px; } .act-item__link { margin-top: 8px; } .act-item__link a { color: #C3151C; text-decoration: none; border-bottom: 1px solid; transition: border .2s linear; } .act-item__link a:hover { border-bottom-color: transparent; } /*------------ Certificates ------------*/ .certificates__slider .slider-pagination { display: none; } .certificate__img { position: relative; display: block; overflow: hidden; padding-bottom: 141.94%; border-radius: 7px; } .certificate__img img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; } /*------------ Legal info ------------*/ .legal-info { margin-top: 56px; } .legal-info__sector + .legal-info__sector { margin-top: 80px; } .legal-info__list { margin-top: 24px; } .legal-info__list li { list-style: none; } .legal-info__list li + li { margin-top: 16px; } .legal-info__list li b { color: #C3151C; } .legal-info__items { align-content: stretch; align-items: stretch; margin-left: calc(var(--legal_marg)*-1); --legal_marg: 24px; --legal_number: 4; } .legal-info__item { width: calc(100%/var(--legal_number) - var(--legal_marg)); margin: var(--legal_marg) 0 0 var(--legal_marg); padding: 24px 16px 16px; border-radius: 5px; background: #F6F5F4; } .legal-info__title { position: relative; color: #232323; padding-left: 32px; } .legal-info__title::before { content: ""; position: absolute; top: 50%; left: 0; width: 16px; height: 16px; margin-top: -8px; border-radius: 50%; background: #C3151C; } .legal-info__desc { margin-top: 24px; } /*------------ Contacts ------------*/ .contacts__map { overflow: hidden; height: 546px; margin-top: 40px; border-radius: 5px; } .contacts-items { margin: 24px 0 0 -102px; } .contacts-item { position: relative; max-width: 304px; margin: 16px 0 0 102px; padding-left: 48px; } .contacts-item.big { width: calc(100% - 102px); max-width: none; } .contacts-item__icon { position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-content: center; align-items: center; flex-wrap: wrap; width: 32px; height: 32px; } .contacts-item__icon img { display: block; max-width: 100%; max-height: 100%; } .contacts-item__title { font-size: 14px; line-height: 1.14; } .contacts-item__desc { margin-top: 8px; } .contacts-item__desc p + p { margin-top: 16px; } .contacts-item__tel { color: #C3151C; text-decoration: none; } .contacts-item__mail { color: #C3151C; text-decoration: none; } .contacts-item__file { color: #232323; font-weight: 600; line-height: 32px; } .contacts-item__file a { color: #232323; text-decoration: none; transition: color .2s linear; } .contacts-item__file a:hover { color: #C3151C; } .contacts__photo { position: relative; overflow: hidden; min-height: 250px; margin-top: 24px; padding-bottom: 41.921%; border-radius: 5px; } .contacts__photo img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; } /*------------ Contraindications ------------*/ .contraindications__coll { position: relative; z-index: 1; width: 40.625%; padding-top: 56px; } .contraindications__img { position: relative; padding-bottom: 110.7%; } .contraindications__img img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; border-radius: 5px; object-fit: cover; } .contraindications__colr { position: relative; width: calc(59.375% + 112px); margin-left: -112px; padding: 94px 55px 94px 246px; border-radius: 5px; background: #F6F5F4; } .contraindications__colr_pad { padding-bottom: 46px; } .contraindications__colr::before { content: ""; position: absolute; top: 105px; left: 188px; width: 3px; height: 127px; border-radius: 3px; background: #C3151C; } .rules { margin-top: -103px; padding: 253px 0 150px; background: #F6F5F4; } /*------------ Inner banner ------------*/ .inner-banner__sector { position: relative; padding: 89px 0; } .inner-banner__bg { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 0; } .inner-banner__box { position: relative; } .inner-banner__block { max-width: 650px; } .inner-banner__desc { max-width: 563px; margin-top: 40px; } .inner-banner__list { font-size: 14px; line-height: 1.14; margin-top: 40px; } .inner-banner__list li { position: relative; padding-left: 32px; list-style: none; } .inner-banner__list li + li { margin-top: 8px; } .inner-banner__list li::before { content: ""; position: absolute; top: 50%; left: 0; width: 16px; height: 16px; margin-top: -8px; background: url(/local/templates/medis/assets/css/../images/ic_list.svg) 50%/contain no-repeat; } .inner-banner__wrap-btn { margin-top: 40px; } .inner-banner__mob { display: none; } /*------------ Inner advantages ------------*/ .inner-advantages { position: relative; } .inner-advantages::before { content: ""; position: absolute; top: -82px; left: 50%; width: 641px; height: 678px; margin-left: 354px; pointer-events: none; background: url(/local/templates/medis/assets/css/../images/pattern2.png) 50% no-repeat; } .inner-advantages__coll { width: calc(50% + 72px); margin-right: -72px; } .inner-advantages__text-block { position: relative; z-index: 1; padding: 48px 42px 48px 96px; border-radius: 5px; background: #FFF; box-shadow: 0px 8px 24px rgba(148, 146, 163, .15); } .inner-advantages__text-block::before { content: ""; position: absolute; top: 58px; left: 39px; width: 3px; height: 127px; max-height: calc(100% - 106px); border-radius: 3px; background: #C3151C; } .inner-advantages-items { align-content: stretch; align-items: stretch; margin: 18px 0 0 -52px; } .inner-advantages-items_mob { display: none; } .inner-advantages__colr .inner-advantages-items { width: calc(100% - 172px); margin: 40px 0 0 -22px; } .inner-advantages-item { position: relative; display: flex; flex-direction: column; max-width: 127px; margin: 30px 0 0 52px; } .inner-advantages-item::before { content: ""; position: absolute; bottom: 0; left: calc(100% + 25px); width: 3px; height: calc(100% - 24px); border-radius: 3px; background: rgba(195, 21, 28, .1); } .inner-advantages-item:nth-child(3n):before, .contraindications .inner-advantages-item::before { display: none; } .inner-advantages-item__title { font-size: 14px; line-height: 1.14; flex-grow: 1; width: 100%; } .inner-advantages-item__number { color: #C3151C; font-size: 36px; line-height: 1.33; margin-top: 16px; } .inner-advantages__colr { width: calc(50% + 99px); margin-left: -99px; padding-top: 184px; } .inner-advantages__img { position: relative; display: block; padding-bottom: 62.252%; } .inner-advantages__img img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; border-radius: 5px; object-fit: cover; } /*------------ About adv ------------*/ .about-adv { position: relative; } .about-adv + .our-photo{ margin-top: 150px; padding-top: 150px; } .about-adv::before { content: ""; position: absolute; top: -226px; left: 50%; width: 317px; height: 602px; margin-left: 566px; background: url(/local/templates/medis/assets/css/../images/triangle5.svg) 50%/contain no-repeat; } .about-adv .cont { position: relative; } .about-adv__grid { align-content: stretch; align-items: stretch; margin: 16px 0 0 calc(var(--about_adv_marg)*-1); --about_adv_marg: 24px; --about_adv_number: 3; } .about-adv__item { width: calc(100%/var(--about_adv_number) - var(--about_adv_marg)); margin: var(--about_adv_marg) 0 0 var(--about_adv_marg); padding: 32px 24px; border-radius: 5px; background: #FFF; box-shadow: 0px 8px 24px rgba(148, 146, 163, .15); } .about-adv__icon { display: flex; justify-content: center; align-content: center; align-items: center; flex-wrap: wrap; width: 70px; height: 70px; padding: 15px; border-radius: 50%; background: #C3151C; } .about-adv__icon img { display: block; max-width: 100%; max-height: 100%; } .about-adv__name { color: #000; font-size: 24px; line-height: 1.67; margin-top: 16px; text-transform: uppercase; } .about-adv__desc { margin-top: 16px; } /*------------ Information medicine ------------*/ .information-medicine { margin-top: 40px; } .information-medicine__coll { width: calc(50% - 12px); } .information-medicine__coll_marg { margin-top: 48px; } .information-medicine .wrap-btn { margin-top: 24px; } .information-medicine__colr { width: calc(50% - 12px); padding-top: 50px; } .information-medicine__img { position: relative; display: block; padding-bottom: 80%; } .information-medicine__img::before { content: ""; position: absolute; top: -24px; right: -24px; width: calc(100% - 6px); height: 100%; border-radius: 5px; background: #F6F5F4; } .information-medicine__img img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; border-radius: 5px; object-fit: cover; object-position: 50% 0; } .information-medicine__items { justify-content: space-between; align-content: stretch; align-items: stretch; margin-top: -24px; } .information-medicine__item { width: calc(100%/2 - 12px); margin-top: 24px; padding: 23px 15px; border: 1px solid #C3151C; border-radius: 5px; } .information-medicine__icon { display: flex; justify-content: center; align-content: center; align-items: center; flex-wrap: wrap; width: 40px; height: 40px; } .information-medicine__icon img { display: block; max-width: 100%; max-height: 100%; } .information-medicine__name { color: rgba(195, 21, 28, .7); margin-top: 24px; text-transform: uppercase; } .information-medicine__desc { color: rgba(60, 60, 60, .7); margin-top: 8px; } /*------------ Price program ------------*/ .price-program { position: relative; } .price-program::before { content: ""; position: absolute; z-index: -1; top: -124px; left: 50%; width: 642px; height: 700px; margin-left: 354px; pointer-events: none; background: url(/local/templates/medis/assets/css/../images/pattern3.png) 50%/contain no-repeat; } .price-program__bg { position: relative; justify-content: space-between; padding: 48px 56px 89px 93px; border-radius: 5px; background: #FFF; box-shadow: 0px 8px 24px rgba(148, 146, 163, .15); } .price-program__bg::before { content: ""; position: absolute; top: 58px; left: 39px; width: 3px; height: 57px; border-radius: 2px; background: #C3151C; } .price-program__coll { width: 47%; max-width: 543px; } .price-program__colr { width: calc(53% - 24px); max-width: 588px; padding-top: 17px; } /*------------ Banner ------------*/ .banner { position: relative; display: block; margin-top: 40px; padding-bottom: 34.723%; } .banner__img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 0; } .banner2 { position: relative; display: block; margin-top: -116px; padding-bottom: 38.2%; } .banner2__img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; } /*------------ Terms info ------------*/ .terms-info { position: relative; margin-top: -80px; padding: 230px 0 150px; background: #F6F5F4; } .terms-info::before { content: ""; position: absolute; top: -10px; left: 50%; width: 561px; height: 533px; margin-left: 629px; background: url(/local/templates/medis/assets/css/../images/pattern4.png) 50% no-repeat; } /*------------ offer ------------*/ .offer { position: relative; z-index: 1; } .offer__bg { margin-top: 40px; padding: 0 8px; border-radius: 5px; background: #FFF; box-shadow: 0px 8px 24px rgba(148, 146, 163, .15); } .offer__grid { align-content: stretch; align-items: stretch; margin-left: calc(var(--offer_marg)*-1); --offer_marg: 24px; --offer_number: 4; } .offer__item { position: relative; color: #3C3C3C; width: calc(100%/var(--offer_number) - var(--offer_marg)); margin-left: var(--offer_marg); padding: 24px 16px; text-decoration: none; border-radius: 5px; transition: .2s linear; --offer_bg: #F6F5F4; --offer_color: #C3151C; } .offer__item:hover { color: #FFF; background: #C3151C; box-shadow: 0px 8px 24px rgba(148, 146, 163, .15); transform: translateY(-32px); --offer_bg: #FFF; --offer_color: #FFF; } .offer__icon { display: flex; justify-content: center; align-content: center; align-items: center; flex-wrap: wrap; width: 64px; height: 64px; padding: 14px; border-radius: 50%; background: var(--offer_bg); } .offer__icon img { display: block; max-width: 100%; max-height: 100%; } .offer__name { color: var(--offer_color); font-size: 20px; display: block; margin-top: 32px; text-transform: uppercase; transition: color .2s linear; } .offer__desc { display: block; margin-top: 8px; } /*------------ Vacancy ------------*/ .vacancy { align-content: stretch; align-items: stretch; margin: calc(var(--vacancy_marg)*-1) 0 0 calc(var(--vacancy_marg)*-1); --vacancy_marg: 24px; --vacancy_number: 3; } .vacancy__item { position: relative; color: #3C3C3C; width: calc(100%/var(--vacancy_number) - var(--vacancy_marg)); margin: var(--vacancy_marg) 0 0 var(--vacancy_marg); padding: 24px; border-radius: 5px; background: #F6F5F4; } .vacancy__title { color: #C3151C; } .vacancy__list { margin-top: 24px; } .vacancy__list li { position: relative; padding-left: 32px; list-style: none; } .vacancy__list li + li { margin-top: 16px; } .vacancy__list li::before { content: ""; position: absolute; top: 50%; left: 0; width: 16px; height: 16px; margin-top: -8px; border-radius: 50%; background: #C3151C; } /*------------ Our photo ------------*/ .our-photo { margin-top: -136px; padding: 286px 0 150px; background: #F6F5F4; } .our-photo__slider .swiper-slide { width: 40.625%; } .our-photo__img { position: relative; display: block; overflow: hidden; padding-bottom: 65.667%; border-radius: 5px; } .our-photo__img img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; transition: .5s linear; object-fit: cover; } .our-photo__img:hover img { transform: scale(1.05); } /*------------ News head ------------*/ .news-head { padding-top: 72px; } .news-head__flex { justify-content: space-between; align-content: flex-end; align-items: flex-end; flex-wrap: nowrap; } .news-head__coll { width: 100%; } .news-head__date { margin-top: 16px; } .news-head__colr { flex-shrink: 0; margin-left: 32px; } .socials-top__title { color: #3C3C3C; font-size: 14px; line-height: 1.14; } .socials-top__flex { margin-left: -16px; } .socials-top a { display: flex; justify-content: center; align-content: center; align-items: center; flex-wrap: wrap; width: 32px; height: 32px; margin: 8px 0 0 16px; transition: transform .2s linear; } .socials-top a:hover { transform: scale(1.05); } .socials-top img { display: block; max-width: 100%; max-height: 100%; } .news-head__text { position: relative; z-index: 1; max-width: 605px; margin-top: 80px; padding: 30px 48px; border-top: 2px solid #C3151C; border-radius: 0 0 5px 5px; background: #F6F5F4; } /*------------ Quotation ------------*/ .quotation__flex { justify-content: space-between; align-content: stretch; align-items: stretch; flex-wrap: nowrap; padding: 0 92px 0 56px; border-radius: 5px; background: #F9F9F9; } .quotation__coll { position: relative; width: 100%; max-width: 680px; padding: 84px 0 84px 88px; } .quotation__coll::before { content: ""; position: absolute; top: 84px; left: 0; width: 64px; height: 64px; border: 1px solid #C3151C; border-radius: 50%; background: url(/local/templates/medis/assets/css/../images/quote2.svg) 50% no-repeat; } .quotation__text { color: rgba(35, 35, 35, .9); font-size: 20px; font-weight: 500; font-style: italic; } .quotation__name { margin-top: 32px; } .quotation__colr { position: relative; display: flex; justify-content: flex-start; align-content: flex-end; align-items: flex-end; flex-shrink: 0; flex-wrap: wrap; width: 323px; margin-left: 32px; } .quotation__colr::before { content: ""; position: absolute; top: 0; right: -88px; width: 479px; height: 100%; border-radius: 0 5px 5px 0; background: url(/local/templates/medis/assets/css/../images/pattern5.png) 0 -93px no-repeat; } .quotation__img { position: relative; display: flex; justify-content: center; align-content: flex-end; align-items: flex-end; flex-wrap: wrap; width: 100%; height: 429px; margin-top: -85px; } .quotation__img img { display: block; max-width: 100%; max-height: 100%; } /*------------ About ------------*/ .about__flex { justify-content: space-between; } .about .page-title { width: calc(100% - 576px); max-width: 638px; } .about .page-subtitle { width: 544px; margin: 16px 0 0 32px; } .about__coll { width: calc(33.91% - 52px); margin-top: 70px; /* padding-top: 40px; */ } .about-item { display: flex; justify-content: flex-start; align-content: center; align-items: center; flex-wrap: nowrap; } .about-item + .about-item { margin-top: 64px; } .about-item__icon { position: relative; display: flex; justify-content: center; align-content: center; align-items: center; flex-shrink: 0; flex-wrap: wrap; width: 64px; height: 64px; margin: 0 45px 0 13px; padding: 7px; } .about-item__icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #C3151C; transform: rotate(45deg); } .about-item__icon_bord::before { border: 2px solid #C3151C; background: #FFF; } .about-item__icon img { position: relative; display: block; max-width: 100%; max-height: 100%; } .about-item__box { width: 100%; } .about-item__number { color: rgba(195, 21, 28, .7); font-size: 20px; text-transform: uppercase; } .about-item__desc { margin-top: 8px; opacity: .7; } .about__colr { width: 66.09%; margin-top: 70px; } .about__slider { overflow: visible; } .about__slider::before { content: ""; position: absolute; top: -16px; right: -16px; width: 100%; height: 100%; border-radius: 5px; background: #F6F5F4; } .about__slider .slider-button-prev { left: -36px; } .about__slider .slider-button-next { right: -36px; } .about__img { position: relative; display: block; overflow: hidden; min-height: 200px; padding-bottom: 55.37%; border-radius: 5px; } .about__img img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; } .line-btns { justify-content: space-between; align-content: center; align-items: center; flex-wrap: nowrap; margin-bottom: 51px; } .line-btns__flex { align-content: center; align-items: center; margin-top: -16px; } .line-btns__btn { position: relative; color: #232323; font-size: 24px; line-height: 1.67; margin-top: 16px; margin-right: 88px; padding-bottom: 1px; text-transform: uppercase; } .line-btns__btn::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; border-radius: 2px; background: #C3151C; transition: opacity .2s linear; } .line-btns__btn:hover::before { opacity: 0; } .line-btns .btn-red { flex-shrink: 0; } /*------------ Doctor info ------------*/ .doctor-info { padding: 40px 0; background: #F6F5F4; } .doctor-info__flex { justify-content: space-between; } .doctor-info__coll { width: calc(50% - 32px); max-width: 533px; } .doctor-info__wrapimg { position: relative; } .doctor-info__img { position: relative; display: block; overflow: hidden; padding-bottom: 107.51%; border-radius: 5px; } .doctor-info__img img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; } .doctor-info__colr { width: 50%; max-width: 643px; } .doctor-info__title { color: #C3151C; font-size: 24px; line-height: 1.67; text-transform: uppercase; } .doctor-info * + .doctor-info__title { margin-top: 40px; } .doctor-info__desc { max-width: 576px; margin-top: 16px; } .doctor-info__bord { margin-top: 39px; padding-top: 39px; border-top: 2px solid rgba(195, 21, 28, .2); } .doctor-info .wrap-btn { margin-top: 16px; } /*------------ ------------*/ ._marg { margin-top: 150px; } ._marg2 { margin-top: 80px; } ._pad { padding-top: 85px; padding-bottom: 85px; } ._gray { margin-top: 96px; padding: 85px 0 150px; background: #F6F5F4; } /*------------ Footer ------------*/ .footer { padding: 56px 0; background: #232323; } .footer__logo img { display: block; } .footer__top { margin-top: 47px; } .footer__title { color: #FFF; text-transform: uppercase; } .footer-menu { color: #FFF; justify-content: space-between; width: 635px; margin: -16px 0 0 146px; text-transform: uppercase; } .footer-menu__item { margin-top: 16px; } .footer-menu a { color: #FFF; text-decoration: none; transition: color .2s linear; } .footer-menu a:hover { color: #C3151C; } .footer__socials { margin-left: auto; } .socials__flex { margin-left: -16px; } .socials__flex a { display: flex; justify-content: center; align-content: center; align-items: center; flex-wrap: wrap; width: 40px; height: 40px; margin: 16px 0 0 16px; padding: 9px; border-radius: 50%; background: #F6F5F4; transition: background .2s linear; } .socials__flex a:hover { background: #C3151C; } .socials__flex a img { display: block; max-width: 100%; max-height: 100%; } .footer__first { width: 254px; } .footer__label { color: #F6F5F4; font-size: 14px; line-height: 1.14; } .footer__adres { color: #FFF; margin-top: 4px; } .footer__adres div + div { margin-top: 16px; } .footer__phone { margin-top: 18px; } .footer__phone a { position: relative; color: #FFF; font-size: 16px; line-height: 1.5; display: inline-block; padding-left: 32px; vertical-align: top; text-decoration: none; text-transform: uppercase; } .footer__phone a::before { content: ""; position: absolute; top: 50%; left: 0; width: 24px; height: 24px; margin-top: -12px; background: url(/local/templates/medis/assets/css/../images/ic_tel2.svg) 50%/contain no-repeat; } .footer__bot { margin-top: 59px; padding-top: 47px; border-top: 1px solid #F6F5F4; } .footer__copy { color: #FFF; width: 254px; } .footer__info { color: #FFF; text-align: center; position: relative; margin: auto; } .footer__eyes { margin-left: auto; } .footer__eyes a { position: relative; color: #FFF; display: inline-block; padding-left: 46px; vertical-align: top; text-decoration: none; transition: color .2s linear; } .footer__eyes a:hover { color: #C3151C; } .footer__eyes a svg { position: absolute; top: 50%; left: 0; width: 30px; height: 30px; margin-top: -15px; fill: currentColor; } /*------------ Modal ------------*/ .modal { position: relative; z-index: 3; display: none; visibility: visible !important; width: 770px; max-width: 100%; padding: 56px 48px 64px; border-radius: 5px; background: #F6F5F4; } .modal::before { content: ""; position: absolute; top: 5px; left: 0; width: 81px; height: 161px; pointer-events: none; background: url(/local/templates/medis/assets/css/../images/triangle4.svg) 50%/contain no-repeat; } .modal-title { color: #232323; font-size: 48px; line-height: 1.33; text-align: center; } .modal-subtitle { margin-top: 16px; text-align: center; } .modal__form { margin-top: 40px; } @media (max-width: 1399px) { .swiper_visible { margin-top: 30px; } .title-slider { padding-right: 130px; } .slider-button-prev, .slider-button-next { width: 46px; height: 46px; margin-top: -23px; border-width: 4px; } .slider-button-prev svg, .slider-button-next svg { width: 20px; height: 20px; } /* .slider-button-prev.small { left: 10px; } .slider-button-next.small { right: 10px; } */ .slider-button-prev.small, .slider-button-next.small { width: 46px; height: 46px; margin-top: -23px; } .slider-button-prev.small { left: 10px; } .slider-button-next.small { right: 10px; } .slider-button-prev.top, .slider-button-next.top { top: -84px; } .slider-button-prev.top { right: 60px; } .main-slider .slider-button-prev { left: 20px; margin-left: 0; } .main-slider .slider-button-next { right: 20px; margin-right: 0; } .about__slider .slider-button-prev { left: 20px; } .about__slider .slider-button-next { right: 20px; } } /* End */ /* Start:/local/templates/medis/assets/css/animation.css?17352153665826*/ @media (min-width: 1025px) { /*----------------- Animate -----------------*/ .fadeIn { visibility: hidden; opacity: 0; transition-timing-function: ease; transition-property: opacity,visibility; } .fadeInUp { visibility: hidden; opacity: 0; transition-timing-function: ease; transition-property: opacity,transform,visibility; transform: translate(0,40px); } .fadeInRight { visibility: hidden; opacity: 0; transition-timing-function: ease; transition-property: opacity,transform,visibility; transform: translate(40px,0); } .fadeInLeft { visibility: hidden; opacity: 0; transition-timing-function: ease; transition-property: opacity,transform,visibility; transform: translate(-40px,0); } .fadeZoom { visibility: hidden; transition-timing-function: ease-in; transition-property: opacity,transform,visibility; transform: scale(0); } .animAfterH::after { content: ""; position: absolute; z-index: 10; bottom: -1px; left: -1px; width: calc(100% + 2px); height: calc(100% + 2px); background: #F3F3F3; transition: height 1s ease-in-out; } .animated.animAfterH::after, .animated .animAfterH::after { height: 0; } .animated.fadeInUp, .animated .fadeInUp, .animated.fadeInRight, .animated .fadeInRight, .animated.fadeInLeft, .animated .fadeInLeft { visibility: visible; opacity: 1; transition-duration: 1s; transform: none; } .animated.fadeIn, .animated .fadeIn { visibility: visible; opacity: 1; transition-duration: 1s; } .animated.fadeZoom, .animated .fadeZoom { visibility: visible; transition-duration: 1s; transform: scale(1); } .animated { transition-delay: .3s; } .animated[data-delay="1"], .animated [data-delay="1"], .animated[data-delay="1"]::after, .animated [data-delay="1"]::after { transition-delay: .1s; } .animated[data-delay="2"], .animated [data-delay="2"], .animated[data-delay="2"]::after, .animated [data-delay="2"]::after { transition-delay: .2s; } .animated[data-delay="3"], .animated [data-delay="3"], .animated[data-delay="3"]::after, .animated [data-delay="3"]::after { transition-delay: .3s; } .animated[data-delay="4"], .animated [data-delay="4"], .animated[data-delay="4"]::after, .animated [data-delay="4"]::after { transition-delay: .4s; } .animated[data-delay="5"], .animated [data-delay="5"], .animated[data-delay="5"]::after, .animated [data-delay="5"]::after { transition-delay: .5s; } .animated[data-delay="6"], .animated [data-delay="6"], .animated[data-delay="6"]::after, .animated [data-delay="6"]::after { transition-delay: .6s; } .animated[data-delay="7"], .animated [data-delay="7"], .animated[data-delay="7"]::after, .animated [data-delay="7"]::after { transition-delay: .7s; } .animated[data-delay="8"], .animated [data-delay="8"], .animated[data-delay="8"]::after, .animated [data-delay="8"]::after { transition-delay: .8s; } .animated[data-delay="9"], .animated [data-delay="9"], .animated[data-delay="9"]::after, .animated [data-delay="9"]::after { transition-delay: .9s; } .animated[data-delay="10"], .animated [data-delay="10"], .animated[data-delay="10"]::after, .animated [data-delay="10"]::after { transition-delay: 1s; } .animated[data-delay="11"], .animated [data-delay="11"], .animated[data-delay="11"]::after, .animated [data-delay="11"]::after { transition-delay: 1.1s; } .animated[data-delay="12"], .animated [data-delay="12"], .animated[data-delay="12"]::after, .animated [data-delay="12"]::after { transition-delay: 1.2s; } .animated[data-delay="15"], .animated [data-delay="15"], .animated[data-delay="15"]::after, .animated [data-delay="15"]::after { transition-delay: 1.5s; } .animated[data-delay="18"], .animated [data-delay="18"], .animated[data-delay="18"]::after, .animated [data-delay="18"]::after { transition-delay: 1.8s; } .animated[data-delay="21"], .animated [data-delay="21"], .animated[data-delay="21"]::after, .animated [data-delay="21"]::after { transition-delay: 2.1s; } .animated[data-delay="24"], .animated [data-delay="24"], .animated[data-delay="24"]::after, .animated [data-delay="24"]::after { transition-delay: 2.4s; } .animated[data-delay="27"], .animated [data-delay="27"], .animated[data-delay="27"]::after, .animated [data-delay="27"]::after { transition-delay: 2.7s; } .animated[data-delay="30"], .animated [data-delay="30"], .animated[data-delay="30"]::after, .animated [data-delay="30"]::after { transition-delay: 3s; } .animated[data-delay="33"], .animated [data-delay="33"], .animated[data-delay="33"]::after, .animated [data-delay="33"]::after { transition-delay: 3.3s; } .animated[data-delay="36"], .animated [data-delay="36"], .animated[data-delay="36"]::after, .animated [data-delay="36"]::after { transition-delay: 3.6s; } } /* End */ /* Start:/local/templates/medis/css/main.css?17352153651233*/ .page-error .page-error__flex _flex{ justify-content: center; } .page-error{ padding: 100px 200px; text-align: center; } /*fix .modal overflow*/ .modal.fancybox__content{ overflow: unset !important; height: auto !important; } .btn_fake_submit, .pagination_w { cursor: pointer !important; } /*a:hover{ color: #F6F5F4; }*/ #p_modal_msg_success_w{ padding: 0 !important; } .medis_after_alert{ color: red !important; font-size: 12px !important; } .grecaptcha-badge{ opacity: 0 !important; } .title-search-result{ z-index: 1000; } .title-search-result .search-title{ background-color: #fff !important; padding: 10px 20px; } .title-search-result .search-title a{ color: #232323 !important; } .contacts._marg{ margin-top: 50px; } .align-items-center{ align-items: center !important; } .text-align-center{ text-align: center !important; } /*!*правки по врачам*!*/ /*.cont .doctor-item__photo img{*/ /* position: static;*/ /* width: 100%;*/ /* height: auto;*/ /*}*/ /*.cont .doctor-item__photo{*/ /* padding: 0 !important;*/ /*}*/ .medis_filter_not_find{ padding: 20px 0 !important; } .topbutton{ display: none !important; } /* End */ /* Start:/local/templates/medis/components/bitrix/menu/medis_top/style.css?173521536662*/ .header-menu__item, .header-menu__link{ cursor: pointer; } /* End */ /* Start:/local/templates/medis/components/bitrix/search.title/medis/style.css?1735215366135*/ .header-search__input{ border-radius: 0; } input.header-search__input:focus{ outline: none; box-shadow: none !important; } /* End */ /* Start:/local/templates/medis/components/bitrix/breadcrumb/medis/style.css?173521536698*/ .bx-breadcrumb-item{ display: inline-block; } .bx-breadcrumb-item a:hover{ color:#C3151C } /* End */ /* Start:/local/templates/medis/components/bitrix/menu/medis_bottom/style.css?173521536662*/ .header-menu__item, .header-menu__link{ cursor: pointer; } /* End */ /* Start:/local/templates/medis/styles.css?1735215365747*/ img {border:0 none;} h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica,sans-serif; margin:1.3em 0 1em; font-weight:normal; line-height:1.2; } h1 { font-size:200%; margin:0 0 1em; } h2 { font-size:160%; } h3 { font-size:140%; } h4 { font-size:140%; } h5 { font-size:120%; } h6 { font-size:100%; } hr, .hr { border-top:1px solid; display:block; font-size:1px; height:1px; line-height:1px; margin:12px 0; overflow:hidden; padding:0; } #workarea ol li, #workarea ul li { margin: 0.6em 0; } #workarea ul { list-style-type: disc; } .news-inner__img { padding-bottom: 100%; } media="(max-width: 1024px)" { @media (max-width: 1024px) { .news-inner__img { padding-bottom: 95.5%!important; } } } /* End */ /* Start:/local/templates/medis/template_styles.css?17424582883670*/ .main-slider__slide { width: 100%; } .news__desc { display: none; } .information__info-wrap { max-height: -webkit-max-content; max-height: -moz-max-content; max-height: max-content; } .information__info-wrap.shadow::after { display: none; } .information__more.show { display: none; } @media (min-width: 2500px) { .main-slider__slide { height: 1000px; } } @media (min-width: 1920px) and (max-width:2500px) { .main-slider__slide { height: 800px; } } @media(min-width:920px){ .contraindications._marg .cont .contraindications__flex._flex { align-items: center; } } @media (max-width:768px){ .doctor-item__desc { max-height: -webkit-fit-content; max-height: -moz-fit-content; max-height: fit-content; } body.menu_open { overflow: hidden; } .header.show { height: calc(100vh - 110px); top: 86px; } .header__city_mobile div.mini-modal-cont { padding: 0; } .tabs-panel__content .direction__sector_bg { background-size: 15%; } .contraindications._marg .contraindications__flex._flex .contraindications__coll{ margin-left: auto; margin-right: auto; } .information .information__flex._flex .information__info-wrap { max-height: max-content; } .information .information__flex._flex .information__info { margin-left: 5px; margin-right: 5px; } .news-inner__grid._flex .news-inner__item.pager_item img { height: 100%; } .inner-advantages._marg .inner-advantages__colr { margin-left: auto; margin-right: auto; margin-top: -15px; position: relative; z-index: 2; } section#our-branches { padding-top: 10px; } .modal form#form_resume { margin: 20px auto 10px; } .cont .tabs-panel__content .direction__sector_bg { background-size: 28%; padding: 21px 20px 150px; } .page-subtitle ul { list-style-position: inside; } .doctor-item__bg .doctor-item__experience { border-top: 1px solid rgba(195, 21, 28, .3); padding-top: 7px; margin-top: auto; } .doctor-item__bg .doctor-item__desc { border-bottom:none; padding-bottom:7px; } .doctor-item__bg { height:100%; } .doctor-item__box { min-height: 100%; overflow: hidden; align-self: flex-start; } } .main-slider__bot._flex { justify-content: center; } .form__agree .checkbox__text { text-align: justify; } .about-item__box span { font-family: inherit !important; } /* start new documentation*/ .documentation_ tr th{ padding:24px; width:100%; border-bottom:1px solid rgba(195, 21, 28, 1); } .documentation_ tr:last-child th{ border-bottom:none } .documents_description { margin-top: 30px; } .main-title-documents{ margin:60px 0 30px; } .documentation_ tr th a{ display:flex; align-items: center; gap:24px; font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: 0%; color:rgba(35, 35, 35, 1); text-decoration:none; transition:0.2s ease-out; } .documentation_ tr th a:hover{ color:rgba(195, 21, 28, 1); } .documentation_ tr th a::before{ content:""; width:24px; height:24px; background-image:url(/local/templates/medis/assets/images/file-text.svg); background-size: 100%; background-position: center; background-repeat: no-repeat; } table.documentation_ { border:1px solid rgba(195, 21, 28, 1); width: 100%; text-align: left; border-spacing: 0; } @media(max-width:767px){ .documents_description { margin-top: 10px; } .documentation_ tr th { padding: 12px; } .documentation_ tr th a { gap: 12px; font-size: 12px; line-height: 18px; } } /* end new documentation*/ /* End */ /* /local/templates/medis/assets/css/swiper-bundle.min.css?173521536616470 */ /* /local/templates/medis/assets/css/fancybox.css?173521536615598 */ /* /local/templates/medis/assets/css/styles.css?173521536694610 */ /* /local/templates/medis/assets/css/animation.css?17352153665826 */ /* /local/templates/medis/css/main.css?17352153651233 */ /* /local/templates/medis/components/bitrix/menu/medis_top/style.css?173521536662 */ /* /local/templates/medis/components/bitrix/search.title/medis/style.css?1735215366135 */ /* /local/templates/medis/components/bitrix/breadcrumb/medis/style.css?173521536698 */ /* /local/templates/medis/components/bitrix/menu/medis_bottom/style.css?173521536662 */ /* /local/templates/medis/styles.css?1735215365747 */ /* /local/templates/medis/template_styles.css?17424582883670 */