/* Start:/local/templates/rehab/node_modules/lite-youtube-embed/src/lite-yt-embed.css?17071389032501*/ lite-youtube { background-color: #000; position: relative; display: block; contain: content; background-position: center center; background-size: cover; cursor: pointer; max-width: 720px; } /* gradient */ lite-youtube::before { content: ''; display: block; position: absolute; top: 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==); background-position: top; background-repeat: repeat-x; height: 60px; padding-bottom: 50px; width: 100%; transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); } /* responsive iframe with a 16:9 aspect ratio thanks https://css-tricks.com/responsive-iframes/ */ lite-youtube::after { content: ""; display: block; padding-bottom: calc(100% / (16 / 9)); } lite-youtube > iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 0; } /* play button */ lite-youtube > .lty-playbtn { display: block; width: 68px; height: 48px; position: absolute; cursor: pointer; transform: translate3d(-50%, -50%, 0); top: 50%; left: 50%; z-index: 1; background-color: transparent; /* YT's actual play button svg */ background-image: url('data:image/svg+xml;utf8,'); filter: grayscale(100%); transition: filter .1s cubic-bezier(0, 0, 0.2, 1); border: none; } lite-youtube:hover > .lty-playbtn, lite-youtube .lty-playbtn:focus { filter: none; } /* Post-click styles */ lite-youtube.lyt-activated { cursor: unset; } lite-youtube.lyt-activated::before, lite-youtube.lyt-activated > .lty-playbtn { opacity: 0; pointer-events: none; } .lyt-visually-hidden { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } /* End */ /* Start:/local/templates/rehab/assets/css/fancybox.css?169746008915598*/ .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/rehab/assets/css/app.min.css?1751637238440417*/ @charset "UTF-8"; @font-face { font-family: palatinolinotype_bold; font-display: swap; src: url("/local/templates/rehab/assets/css/../fonts/palatinolinotype_bold.woff2") format("woff2"), url("/local/templates/rehab/assets/css/../fonts/palatinolinotype_bold.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: palatinolinotype_bolditalic; font-display: swap; src: url("/local/templates/rehab/assets/css/../fonts/palatinolinotype_bolditalic.woff2") format("woff2"), url("/local/templates/rehab/assets/css/../fonts/palatinolinotype_bolditalic.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: palatinolinotype_italic; font-display: swap; src: url("/local/templates/rehab/assets/css/../fonts/palatinolinotype_italic.woff2") format("woff2"), url("/local/templates/rehab/assets/css/../fonts/palatinolinotype_italic.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: Palatino Linotype; font-display: swap; src: url("/local/templates/rehab/assets/css/../fonts/palatinolinotype_roman.woff2") format("woff2"), url("/local/templates/rehab/assets/css/../fonts/palatinolinotype_roman.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: Roboto; font-display: swap; src: url("/local/templates/rehab/assets/css/../fonts/Roboto.woff2") format("woff2"), url("/local/templates/rehab/assets/css/../fonts/Roboto.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: Roboto; font-display: swap; src: url("/local/templates/rehab/assets/css/../fonts/Roboto.woff2") format("woff2"), url("/local/templates/rehab/assets/css/../fonts/Roboto.woff") format("woff"); font-weight: 300; font-style: normal; } @font-face { font-family: Roboto; font-display: swap; src: url("/local/templates/rehab/assets/css/../fonts/Roboto.woff2") format("woff2"), url("/local/templates/rehab/assets/css/../fonts/Roboto.woff") format("woff"); font-weight: 200; font-style: normal; } @font-face { font-family: Roboto-Italic; font-display: swap; src: url("/local/templates/rehab/assets/css/../fonts/Roboto-Italic.woff2") format("woff2"), url("/local/templates/rehab/assets/css/../fonts/Roboto-Italic.woff") format("woff"); font-weight: 400; font-style: normal; } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type=checkbox], [type=radio] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } *, *::after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { margin: 0; padding: 0; font-family: Roboto; color: #211E1C; overflow-x: hidden; } body h1, body h2, body h3, body h4, body h5, body h6 { margin: 0; padding: 0; } body ul { list-style-type: none; margin: 0; padding-left: 0; } body a { text-decoration: none; color: inherit; } .container { max-width: 1340px; padding: 0 30px; margin: 0 auto; } @media (max-width: 1344px) { .container { max-width: 1020px; } } @media (max-width: 1024px) { .container { max-width: 860px; } } @media (max-width: 560px) { .container { max-width: 524px; } } /** * Swiper 8.0.7 * 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: March 4, 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; /* Fix of Webkit flickering */ z-index: 1; } .swiper-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: -o-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-pointer-events { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-pointer-events.swiper-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: -o-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: height, -o-transform; -moz-transition-property: transform, height, -moz-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform, -moz-transform, -o-transform; } .swiper-backface-hidden .swiper-slide { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } /* 3D Effects */ .swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { -webkit-perspective: 1200px; -moz-perspective: 1200px; perspective: 1200px; } .swiper-3d .swiper-wrapper, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-horizontal.swiper-css-mode > .swiper-wrapper { -webkit-scroll-snap-type: x mandatory; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; } .swiper-vertical.swiper-css-mode > .swiper-wrapper { -webkit-scroll-snap-type: y mandatory; -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } .swiper-centered > .swiper-wrapper::before { content: ""; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-box-ordinal-group: 10000; -ms-flex-order: 9999; order: 9999; } .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-start: var(--swiper-centered-offset-before); -moz-margin-start: var(--swiper-centered-offset-before); margin-inline-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-before: var(--swiper-centered-offset-before); margin-block-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; } .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); 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-navigation-color: var(--swiper-theme-color); */ } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: -webkit-calc(var(--swiper-navigation-size) / 44 * 27); width: -moz-calc(var(--swiper-navigation-size) / 44 * 27); width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: -webkit-calc(0px - var(--swiper-navigation-size) / 2); margin-top: -moz-calc(0px - var(--swiper-navigation-size) / 2); margin-top: calc(0px - var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1; } .swiper-button-prev, .swiper-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; } :root { /* --swiper-pagination-color: var(--swiper-theme-color); --swiper-pagination-bullet-size: 8px; --swiper-pagination-bullet-width: 8px; --swiper-pagination-bullet-height: 8px; --swiper-pagination-bullet-inactive-color: #000; --swiper-pagination-bullet-inactive-opacity: 0.2; --swiper-pagination-bullet-opacity: 1; --swiper-pagination-bullet-horizontal-gap: 4px; --swiper-pagination-bullet-vertical-gap: 6px; */ } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms opacity; -o-transition: 300ms opacity; -moz-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); -moz-transform: scale(0.33); -ms-transform: scale(0.33); -o-transform: scale(0.33); transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); -moz-transform: scale(0.66); -ms-transform: scale(0.66); -o-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); -moz-transform: scale(0.33); -ms-transform: scale(0.33); -o-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); -moz-transform: scale(0.66); -ms-transform: scale(0.66); -o-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); -moz-transform: scale(0.33); -ms-transform: scale(0.33); -o-transform: scale(0.33); transform: scale(0.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; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-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-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); -moz-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 200ms top, 200ms -webkit-transform; transition: 200ms top, 200ms -webkit-transform; -o-transition: 200ms top, 200ms -o-transform; -moz-transition: 200ms transform, 200ms top, 200ms -moz-transform; transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top, 200ms -webkit-transform, 200ms -moz-transform, 200ms -o-transform; } .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%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-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 { -webkit-transition: 200ms left, 200ms -webkit-transform; transition: 200ms left, 200ms -webkit-transform; -o-transition: 200ms left, 200ms -o-transform; -moz-transition: 200ms transform, 200ms left, 200ms -moz-transform; transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left, 200ms -webkit-transform, 200ms -moz-transform, 200ms -o-transform; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms right, 200ms -webkit-transform; transition: 200ms right, 200ms -webkit-transform; -o-transition: 200ms right, 200ms -o-transform; -moz-transition: 200ms transform, 200ms right, 200ms -moz-transform; transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right, 200ms -webkit-transform, 200ms -moz-transform, 200ms -o-transform; } /* Progress */ .swiper-pagination-progressbar { background: rgba(0, 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%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; -o-transform-origin: right top; transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } /* Scrollbar */ .swiper-scrollbar { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .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, 0.5); -webkit-border-radius: 10px; -moz-border-radius: 10px; 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: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } /* Preloader */ :root { /* --swiper-preloader-color: var(--swiper-theme-color); */ } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -moz-transform-origin: 50%; -ms-transform-origin: 50%; -o-transform-origin: 50%; transform-origin: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border-top-color: transparent; } .swiper-slide-visible .swiper-lazy-preloader { -webkit-animation: swiper-preloader-spin 1s infinite linear; -moz-animation: swiper-preloader-spin 1s infinite linear; -o-animation: swiper-preloader-spin 1s infinite linear; animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes swiper-preloader-spin { 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes swiper-preloader-spin { 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } /* a11y */ .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-grid > .swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-grid-column > .swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-fade.swiper-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; -moz-transition-property: opacity; 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; -moz-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev, .swiper-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-slide-shadow-top, .swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; } .swiper-cube .swiper-cube-shadow:before { content: ""; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; -webkit-filter: blur(50px); filter: blur(50px); } .swiper-flip { overflow: visible; } .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; -moz-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-top, .swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; -webkit-transition-property: opacity, height, -webkit-transform; transition-property: opacity, height, -webkit-transform; -o-transition-property: opacity, height, -o-transform; -moz-transition-property: transform, opacity, height, -moz-transform; transition-property: transform, opacity, height; transition-property: transform, opacity, height, -webkit-transform, -moz-transform, -o-transform; } .swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } .header { background: #f7f2ee; border-bottom: 1px solid #EEE5DC; } .header__wrapper { height: 128px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .header__brend { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 32px; } .header__logo { width: 160px; height: 57px; } .header__logo img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .header__desc { max-width: 308px; } .header__desc-text { font-style: normal; font-weight: 300; font-size: 15px; line-height: 17px; } .header__input { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 12px; } .header__search-wrap { width: 192px; height: 44px; position: relative; } .header__search { height: 100%; width: 100%; background: #fffefe; border: 1px solid #eee5dc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding-left: 16px; padding-right: 38px; font-style: normal; font-weight: 300; font-size: 13px; line-height: 1.3; } .header__search:focus { outline-color: #a1c74f; } .header__search-butt { width: 16px; height: 16px; position: absolute; top: 14px; right: 14px; border: 0; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-image: url("/img/search.svg"); background-color: #fff; cursor: pointer; } .header__lang { width: 144px; height: 44px; background-color: #fffefe; border: 1px solid #eee5dc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding-left: 40px; padding-right: 16px; font-style: normal; font-weight: 300; font-size: 13px; line-height: 1.3; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("/img/arrow-input.svg"), url("/img/icon-planet.svg"); background-repeat: no-repeat, no-repeat; background-position: 118px center, 14px center; cursor: pointer; } .header__lang:focus { outline-color: #a1c74f; } .header__info { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 32px; } .header__pay { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; } .header__pay-link { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .header__pay-img { width: 20px; height: 20px; } .header__pay-img img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .header__pay-text { font-style: normal; font-weight: normal; font-size: 13px; line-height: 15px; letter-spacing: 0.02em; } .header__phone { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .header__phone-link { font-style: normal; font-weight: 300; font-size: 16px; line-height: 19px; letter-spacing: 0.02em; } .header__phone-link span { font-style: normal; font-weight: 300; font-size: 28px; line-height: 33px; letter-spacing: 0.02em; } .header__phone-text { font-style: normal; font-weight: 300; font-size: 12px; line-height: 14px; text-align: right; letter-spacing: 0.08em; } .header__mob { display: none; } .burger-content { visibility: hidden; position: fixed; background-color: #F6F2EE; width: 100%; right: -100%; -webkit-transition: right 0.6s ease-in-out, visibility 0.6s ease-in-out; -o-transition: right 0.6s ease-in-out, visibility 0.6s ease-in-out; -moz-transition: right 0.6s ease-in-out, visibility 0.6s ease-in-out; transition: right 0.6s ease-in-out, visibility 0.6s ease-in-out; height: 100vh; overflow-y: auto; z-index: 1000; padding-bottom: 32px; } .burger-content__tabs { border-top: 1px solid #EEE5DC; padding: 24px 0 114px 0; } .burger-content__list { margin-bottom: 4px; } .burger-content__list.last-child { margin-bottom: 24px; } .burger-content__text { padding: 4px 14px 4px 16px; background-color: rgba(255, 255, 255, 0.64); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .burger-content__text--svg { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .burger-content__text--svg::after { content: url(/local/templates/rehab/assets/css/../img/leaf-icon.svg); display: inline-block; width: 22px; height: 20px; margin-left: 6px; } .burger-content__text:not(:last-child) { margin-bottom: 4px; } .burger-content button { background-color: inherit; border: none; padding: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .burger-content button::after { content: url(/local/templates/rehab/assets/css/../img/arrow-li.svg); display: block; width: 8px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .burger-content__tab { font-weight: 400; font-size: 16px; line-height: 39px; color: #211E1C; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .burger-content__tab:focus-visible { outline: none; } .burger-content__sublist { border-top: 1px solid #EEE5DC; padding: 9px 0 20px 0; display: none; } .burger-content__sublist-link { font-weight: 400; font-size: 15px; line-height: 27px; color: #211E1C; } .burger-content__sublist-link.green{ color: #a1c74f; } .burger-content__button { width: 100%; height: 64px; background: -webkit-gradient(linear, left top, right top, from(#b3d851), to(#fdb942)); background: -webkit-linear-gradient(left, #b3d851 0%, #fdb942 100%); background: -moz-linear-gradient(left, #b3d851 0%, #fdb942 100%); background: -o-linear-gradient(left, #b3d851 0%, #fdb942 100%); background: linear-gradient(90deg, #b3d851 0%, #fdb942 100%); -webkit-box-shadow: inset 0px 6px 6px rgba(255, 255, 255, 0.32); -moz-box-shadow: inset 0px 6px 6px rgba(255, 255, 255, 0.32); box-shadow: inset 0px 6px 6px rgba(255, 255, 255, 0.32); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .burger-content__button-link { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 22px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 12px; } .burger-content__button-link::after { content: url(/local/templates/rehab/assets/css/../img/index-r.svg); display: inline-block; width: 42px; height: 56px; margin-right: 16px; } .burger-content__button-img { position: relative; width: 40px; height: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: rgba(255, 255, 255, 0.12); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .burger-content__button-img::before { content: ""; position: absolute; top: -12px; left: -12px; width: 64px; height: 64px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: rgba(255, 255, 255, 0.12); } .burger-content__button-img::after { content: ""; position: absolute; top: -24px; left: -24px; width: 88px; height: 88px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: rgba(255, 255, 255, 0.12); overflow: hidden; } .burger-content__button-text { font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; letter-spacing: 0.02em; color: #ffffff; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.12); } @media (max-width: 1344px) { .header__input { display: none; } } @media (max-width: 1024px) { .header { background-color: #FFFFFF; } .header .burger--tab--gr button::after { content: url(/local/templates/rehab/assets/css/../img/arrow-li.svg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .header__wrapper { height: 65px; } .header__info { display: none; } .header__brend { gap: 12px; } .header__logo { width: 128px; height: 45px; } .header__mob { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 44px; height: 44px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 2px solid #eee5dc; background-color: transparent; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; cursor: pointer; gap: 4px; } .header__burger-line { display: block; width: 18px; height: 2px; background-color: #211E1C; } .burger--open .header__burger-1 { -webkit-transform: rotate(45deg) translate(3px, -2px); -moz-transform: rotate(45deg) translate(3px, -2px); -ms-transform: rotate(45deg) translate(3px, -2px); -o-transform: rotate(45deg) translate(3px, -2px); transform: rotate(45deg) translate(3px, -2px); } .burger--open .header__burger-2 { -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); } .burger--open .header__burger-3 { -webkit-transform: rotate(-45deg) translate(2px, 3px); -moz-transform: rotate(-45deg) translate(2px, 3px); -ms-transform: rotate(-45deg) translate(2px, 3px); -o-transform: rotate(-45deg) translate(2px, 3px); transform: rotate(-45deg) translate(2px, 3px); } .header__burger-1 { -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; -o-transition: -o-transform 0.3s ease-in-out; -moz-transition: transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out; } .header__burger-2 { -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; -o-transition: -o-transform 0.2s ease-in-out; -moz-transition: transform 0.2s ease-in-out, -moz-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out, -moz-transform 0.2s ease-in-out, -o-transform 0.2s ease-in-out; } .header__burger-3 { -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; -o-transition: -o-transform 0.3s ease-in-out; -moz-transition: transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out; } .header__desc { max-width: 244px; } .header__desc-text { font-size: 12px; line-height: 13px; } .burger-content { visibility: hidden; } .stop-scroll { overflow-y: hidden; } .header--burger--bg { background-color: #F6F2EE; -webkit-transition: background-color 0.6s ease-in-out; -o-transition: background-color 0.6s ease-in-out; -moz-transition: background-color 0.6s ease-in-out; transition: background-color 0.6s ease-in-out; } .burger-content--open { -webkit-transition: right 0.6s ease-in-out, visibility 0.6s ease-in-out; -o-transition: right 0.6s ease-in-out, visibility 0.6s ease-in-out; -moz-transition: right 0.6s ease-in-out, visibility 0.6s ease-in-out; transition: right 0.6s ease-in-out, visibility 0.6s ease-in-out; visibility: visible; right: 0; } .burger--tab--gr { background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(top, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(top, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); } .burger-content--active { display: block; } } @media (max-width: 576px) { .header { background: #FFFFFF; border-bottom: unset; } .header__wrapper { padding-left: 32px; padding-right: 32px; } } @media (max-width: 576px) and (max-width: 366px) { .header__wrapper { padding-left: 0px; } } @media (max-width: 576px) { .header__desc { display: none; } } @media (max-width: 576px) { .burger-content__button-link { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 576px) { .burger-content__button-link::after { display: none; } } .heading { background: #f7f2ee; padding-top: 65px; } .heading.programms .heading__header { margin-bottom: 34px; } .heading.programms .heading__bottom { margin-top: 30px; } .heading__wrapper { padding-top: 32px; padding-bottom: 24px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 48px; } .heading__wrapper-photo { position: relative; width: 224px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-right: 48px; } .heading__photo { position: absolute; width: 224px; height: 224px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -o-object-fit: cover; object-fit: cover; } .heading__header { font-family: "Palatino Linotype"; font-style: normal; font-weight: 400; font-size: 42px; line-height: 48px; color: #211e1c; margin-bottom: 56px; } .heading__bottom { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-style: normal; font-weight: 400; font-size: 15px; line-height: 18px; color: #595450; } .heading__breadcrumb { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; overflow-x: auto; scrollbar-width: none; } .heading__breadcrumb::-webkit-scrollbar { width: 0; } .heading__bread-main { height: 20px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-style: normal; font-weight: 400; font-size: 15px; line-height: 18px; color: #595450; border-bottom: 1px solid rgba(89, 84, 80, 0.16); white-space: nowrap; } .heading__dec { border-bottom: 1px solid rgba(89, 84, 80, 0.16); } .heading__arrow { margin-left: 16px; margin-right: 16px; margin-bottom: 10px; } .heading__arrow img { width: 100%; height: 100%; } .heading__bread-name { white-space: nowrap; font-weight: 400; font-size: 15px; line-height: 18px; color: #595450; } .heading__info { height: 20px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; } .heading__point { width: 6px; height: 6px; background-color: #a1c74f; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .heading__views { margin-left: 8px; } .heading__views::before { content: url(/img/eye.svg); margin-right: 8px; width: 16px; height: 11px; -o-object-fit: contain; object-fit: contain; } .heading__description { padding-bottom: 38px; font-weight: 400; font-size: 16px; line-height: 32px; color: #211e1c; } .commercial-heading { display: block; } .gallery-item { display: block; } @media (max-width: 1344px) { .heading__wrapper { padding-top: 36px; padding-bottom: 24px; } .heading__header { font-size: 36px; line-height: 40px; } .heading__description { font-size: 16px; line-height: 28px; } .heading__date { display: none; } .heading__point { display: none; } } @media (max-width: 1024px) { .heading__bottom { padding-top: 8px; } .heading__wrapper { padding: 32px 32px 16px 32px; gap: 24px; } .heading__wrapper-photo { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 180px; margin-right: 18px; } .heading__photo { width: 180px; height: 224px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -o-object-fit: cover; object-fit: cover; } .heading__breadcrumb { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .heading__bread-main { white-space: normal; margin-bottom: 10px; height: auto; } .heading__header { font-weight: 700; font-size: 28px; line-height: 38px; letter-spacing: 0.03em; padding-bottom: 24px; border-bottom: 2px solid #eee5dc; } .heading__spec { border-bottom: 0; } .heading__date { display: none; } .heading__point { display: none; } .heading__span { display: none; } .heading__description { font-size: 16px; line-height: 28px; border-bottom: 2px solid #eee5dc; padding-bottom: 32px; } .heading__border { border-top: 1px solid #EEE5DC; padding-top: 20px; } } @media (max-width: 680px) { .heading__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .heading__wrapper-photo { position: relative; width: 384px; height: 384px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .heading__wrapper-photo::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(246, 242, 238, 0)), to(#F6F2EE)); background-image: -webkit-linear-gradient(top, rgba(246, 242, 238, 0) 50%, #F6F2EE 100%); background-image: -moz-linear-gradient(top, rgba(246, 242, 238, 0) 50%, #F6F2EE 100%); background-image: -o-linear-gradient(top, rgba(246, 242, 238, 0) 50%, #F6F2EE 100%); background-image: linear-gradient(180deg, rgba(246, 242, 238, 0) 50%, #F6F2EE 100%); } .heading__photo { position: unset; width: unset; width: 384px; height: 384px; -o-object-position: top; object-position: top; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(246, 242, 238, 0)), to(#f6f2ee)); background: -webkit-linear-gradient(top, rgba(246, 242, 238, 0) 50%, #f6f2ee 100%); background: -moz-linear-gradient(top, rgba(246, 242, 238, 0) 50%, #f6f2ee 100%); background: -o-linear-gradient(top, rgba(246, 242, 238, 0) 50%, #f6f2ee 100%); background: linear-gradient(180deg, rgba(246, 242, 238, 0) 50%, #f6f2ee 100%); } } @media (max-width: 576px) { .heading__arrow { margin-left: 10px; margin-right: 10px; } .heading__bread-main { white-space: normal; margin-bottom: 10px; height: auto; } .heading__wrapper-photo { width: 320px; height: 320px; } .heading__photo { width: 320px; height: 320px; } .heading__header { font-size: 22px; line-height: 28px; padding-bottom: 32px; letter-spacing: 0.03em; padding-bottom: 18px; } .heading__views { display: none; } .heading__bottom { padding-top: 10px; } .heading__description { font-size: 13px; line-height: 20px; padding-bottom: 20px; } .heading__breadcrumb { position: relative; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .heading__breadcrumb--grad::after { content: ""; display: inline-block; position: absolute; width: 100%; height: 100%; background: -webkit-gradient(linear, right top, left top, from(#F6F2EE), to(rgba(246, 242, 238, 0))); background: -webkit-linear-gradient(right, #F6F2EE 0%, rgba(246, 242, 238, 0) 100%); background: -moz-linear-gradient(right, #F6F2EE 0%, rgba(246, 242, 238, 0) 100%); background: -o-linear-gradient(right, #F6F2EE 0%, rgba(246, 242, 238, 0) 100%); background: linear-gradient(270deg, #F6F2EE 0%, rgba(246, 242, 238, 0) 100%); right: 0; } } .specialists { padding-top: 64px; padding-bottom: 96px; } .specialists__box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 32px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .specialists__item { width: 296px; padding: 16px; background: #f6f2ee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .specialists__img { width: 100%; height: 264px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .specialists__photo { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .specialists__descr { width: 100%; padding: 30px 16px 16px 16px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .specialists__name { font-style: normal; font-weight: 400; font-size: 24px; line-height: 28px; color: #000000; } .specialists__position { min-height: 128px; padding-top: 16px; padding-bottom: 16px; font-style: normal; font-weight: 400; font-size: 15px; line-height: 20px; color: #000000; } .specialists__link { display: block; height: 18px; width: -webkit-max-content; width: -moz-max-content; width: max-content; font-style: normal; font-weight: 400; font-size: 13px; line-height: 13px; letter-spacing: 0.04em; color: #595450; border-bottom: 1px solid rgba(89, 84, 80, 0.16); position: relative; } .specialists .art__raiting { margin-bottom: 0; -webkit-box-align: start; -webkit-align-items: start; -moz-box-align: start; -ms-flex-align: start; align-items: start; margin-top: auto; } .heading .art__name { padding: 2px 0 0 0; } .heading .art__raiting { margin-bottom: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: start; -moz-box-align: start; -ms-flex-align: start; align-items: start; gap: 15px; } @media (max-width: 1344px) { .heading__spec ~ .heading__bottom { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } @media (max-width: 1024px) { .specialists__item { width: 384px; } .specialists__img { height: 340px; } .heading__spec + .heading__description { padding-bottom: 55px; } .heading__spec ~ .heading__bottom { position: relative; } .heading__spec ~ .heading__bottom .art__raiting { position: absolute; top: -40px; } } @media (max-width: 660px) { .specialists { padding-top: 48px; padding-bottom: 80px; } .specialists__box { gap: 16px; } .specialists__item { width: 384px; } } @media (max-width: 576px) { .specialists { padding-top: 32px; padding-bottom: 48px; } .specialists__box { gap: 0; } .specialists__item { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; max-width: 384px; } .specialists__img { height: 264px; } .specialists__photo { -o-object-position: top; object-position: top; } } .art { margin-bottom: 152px; } .art__bottom50 { margin-bottom: 50px; } .art__specialist { margin-bottom: 64px; } .art__wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 96px; } .art__main { max-width: 832px; font-style: normal; font-weight: 400; font-size: 16px; line-height: 32px; color: #211e1c; position: relative; } .art__main img { max-width: 100%; height: auto; } .art__main iframe { max-width: 100%; } .art__preview-picture { width: 512px; height: 320px; -o-object-fit: cover; object-fit: cover; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; float: right; margin-left: 32px; } .art__main img ~ p { margin-top: 0; } .art__main h2 { font-style: normal; font-weight: 300; font-size: 40px; line-height: 46px; margin-top: 6px; } .art__main ul { margin-top: 36px; margin-bottom: 38px; padding-left: 26px; list-style-type: unset; } .art__main ul > li { margin-bottom: 2px; } .art__main h3 { font-style: normal; font-weight: 300; font-size: 32px; line-height: 36px; margin-top: 46px; margin-bottom: 46px; } .art__main h4 { font-style: normal; font-weight: 300; font-size: 24px; line-height: 36px; color: #211e1c; margin-top: 44px; } .art__main ol { font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; color: #211e1c; margin-bottom: 64px; padding-left: 24px; } .art__main ol li { font-style: normal; font-weight: 400; font-size: 16px; line-height: 32px; color: #211e1c; min-height: 50px; } .art__main p { margin: 0 0 30px 0; } .art__banner { height: 128px; background: #f6f2ee; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; padding-left: 32px; padding-right: 32px; position: relative; } .art__img-wrap { width: 80px; height: 80px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #ffffff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .art__icon-wrap { width: 28px; height: 28px; } .art__icon-wrap .art__icon { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; margin-left: unset; } .art__banner-text { font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; color: #211e1c; } .art__mark { position: absolute; bottom: 0; right: -7px; width: 120px; height: 120px; } .art__mark .art__mark-img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; margin-left: unset; } .art__line { height: 2px; width: 100%; background: rgba(89, 84, 80, 0.16); } .art__autor-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .art__autor-block { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-top: 20px; gap: 24px; } .art__autor-img { width: 112px; height: 112px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .art__autor-img .art__photo { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-left: unset; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .art__text-block { max-width: 384px; margin-top: 4px; } .art__text-block .art__autor-heading { margin-top: 8px; margin-bottom: 8px; font-style: normal; font-weight: 400; font-size: 20px; line-height: 20px; letter-spacing: 0.01em; color: #211e1c; } .art__autor-descr { font-style: normal; font-weight: 400; font-size: 13px; line-height: 17px; color: #211e1c; margin-bottom: 12px; } .art__autor-link { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: -webkit-max-content; width: -moz-max-content; width: max-content; height: 16px; font-style: normal; font-weight: 400; font-size: 13px; line-height: 13px; letter-spacing: 0.04em; color: #595450; border-bottom: 1px solid rgba(89, 84, 80, 0.16); } .art__autor-right { padding-top: 70px; } .art__raiting { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 30px; } .art__stars { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 4px; margin-bottom: 8px; } .art__stars .art__star { width: 20px; height: 20px; -o-object-fit: contain; object-fit: contain; cursor: pointer; margin-left: unset; } .art__num { font-style: normal; font-weight: 400; font-size: 13px; line-height: 13px; color: #211e1c; } .art__soc { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 4px; } .art__soc-link { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 24px; height: 24px; } .art__soc-link .art__soc-icon { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; margin-left: unset; } .art__left { width: 384px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 32px; position: relative; } .art__left-heading { margin-top: 32px; font-style: normal; font-weight: 300; font-size: 26px; line-height: 24px; color: #211e1c; } .art__prog { height: 160px; background: #f6f2ee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .art__prog1 { display: none; } .art__prog-butt { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 320px; height: 64px; background: -webkit-gradient(linear, left top, right top, from(#c3d54e), to(#a1c74f)); background: -webkit-linear-gradient(left, #c3d54e 0%, #a1c74f 100%); background: -moz-linear-gradient(left, #c3d54e 0%, #a1c74f 100%); background: -o-linear-gradient(left, #c3d54e 0%, #a1c74f 100%); background: linear-gradient(90deg, #c3d54e 0%, #a1c74f 100%); -webkit-box-shadow: inset 0px 6px 6px rgba(255, 255, 255, 0.32); -moz-box-shadow: inset 0px 6px 6px rgba(255, 255, 255, 0.32); box-shadow: inset 0px 6px 6px rgba(255, 255, 255, 0.32); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; letter-spacing: 0.02em; color: #ffffff; text-align: center; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.12); } .art__video { height: 288px; padding-left: 32px; padding-right: 32px; background: #f6f2ee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding-bottom: 28px; } .art__video-wrap { margin-top: 22px; width: 100%; height: 180px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .art__video-img { width: 100%; height: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -o-object-fit: cover; object-fit: cover; } .art__galery { height: 320px; padding-left: 32px; padding-right: 32px; padding-bottom: 32px; background: #f6f2ee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .art__galery_sertificate { background: #f6f2ee; } .art__galery-header { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .art__galery-nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 32px; gap: 4px; } .art__nav { width: 32px; height: 32px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: rgba(253, 185, 66, 0.32); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .art__methods-btn { width: 32px; height: 32px; } .art__methods-btn .art__arrow { width: 10px; height: 10px; } .art__nav:hover { background: #fdb942; } .art__arrow { width: 10px; height: 10px; -o-object-fit: contain; object-fit: contain; } .art__galery-box { height: 208px; margin-top: 16px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border-radius: 4px; } .art__galery-wrap { width: 100%; height: 208px; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .art__galery-photo { width: 100%; height: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .art__galery-photo_sertificate { width: 100%; height: 100%; max-height: 212px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #ffffff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .art__galery-img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .art__galery-img_sertificate { width: 234px; height: 176px; } .art__count { position: absolute; top: 158px; right: 18px; width: 32px; height: 32px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: rgba(89, 84, 80, 0.52); font-style: normal; font-weight: 600; font-size: 10px; line-height: 32px; color: #ffffff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .art__other { background: #f6f2ee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding-left: 32px; padding-right: 32px; padding-bottom: 32px; } .art__other-ul { margin-top: 32px; list-style-type: unset; padding-left: 32px; } .art__main .art__list-cirle, .psychiatry .art__list-cirle { list-style: none; margin-top: -25px; } .art__main .art__list-cirle li, .psychiatry .art__list-cirle li { position: relative; } .art__main .art__list-cirle li::before, .psychiatry .art__list-cirle li::before { content: ""; position: absolute; top: 13px; left: -20px; width: 8px; height: 8px; background: #A1C74F; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .art__main .art__list-decimal, .psychiatry .art__list-decimal { list-style: none; padding-left: 45px; margin-top: -10px; } .art__main .art__list-decimal li, .psychiatry .art__list-decimal li { position: relative; counter-increment: count 1; } .art__main .art__list-decimal li:not(:first-child), .psychiatry .art__list-decimal li:not(:first-child) { margin-top: 20px; } .art__main .art__list-decimal li::before, .psychiatry .art__list-decimal li::before { content: counter(count, decimal) " "; position: absolute; left: -45px; top: 4px; font-size: 38px; color: white; text-shadow: 3px 3px 0 #A1C74F, -1px -1px 0 #A1C74F, 1px -1px 0 #A1C74F, -1px 1px 0 #A1C74F, 1px 1px 0 #A1C74F; } .art__main .art__list--clover { margin-top: -20px; padding-left: 40px; } .art__main .art__list--clover li { list-style: none; position: relative; } .art__main .art__list--clover li:not(:first-child) { margin-top: 20px; } .art__main .art__list--clover li::before { content: ""; position: absolute; left: -37px; top: 5px; display: inline-block; height: 25px; width: 25px; color: #000000; -webkit-mask: url("/local/templates/rehab/assets/css/../img/clover.svg"); mask: url("/local/templates/rehab/assets/css/../img/clover.svg"); -webkit-mask-size: cover; mask-size: cover; background: #94CFA3; } .art__blockquote { border-left: 3px solid #EEE5DC; padding-left: 20px; } .art__typeset { border: 1px dashed rgba(89, 84, 80, 0.3215686275); padding: 32px; } .art__semiframe { position: relative; padding: 16px 32px; } .art__semiframe::before, .art__semiframe::after { content: ""; position: absolute; width: 130px; height: 40px; } .art__semiframe::before { top: 0; left: 0; border-top: 2px solid #adbf75; border-left: 2px solid #adbf75; } .art__semiframe::after { bottom: 0; right: 0; border-bottom: 2px solid #adbf75; border-right: 2px solid #adbf75; } .art__text-size--medium { font-size: 18px; } .art__other-li { font-style: normal; font-weight: 400; font-size: 16px; line-height: 32px; color: #211e1c; } .art__call { height: 128px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding-left: 32px; padding-right: 32px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; background: -webkit-gradient(linear, left top, left bottom, from(#7f8070), color-stop(0.01%, #9e958d), to(#595450)); background: -webkit-linear-gradient(top, #7f8070 0%, #9e958d 0.01%, #595450 100%); background: -moz-linear-gradient(top, #7f8070 0%, #9e958d 0.01%, #595450 100%); background: -o-linear-gradient(top, #7f8070 0%, #9e958d 0.01%, #595450 100%); background: linear-gradient(180deg, #7f8070 0%, #9e958d 0.01%, #595450 100%); } .art__call-left { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 80px; height: 80px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: rgba(255, 255, 255, 0.08); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .art__call-icon { width: 28px; height: 28px; } .art__call-icon .art__call-img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .art__call-right { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .art__call-header { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .art__call-heading { font-style: normal; font-weight: 200; font-size: 28px; line-height: 22px; color: #ffffff; } .art__call-desc { font-style: normal; font-weight: 200; font-size: 16px; line-height: 22px; letter-spacing: 0.02em; color: rgba(255, 255, 255, 0.48); margin-top: 8px; } .art__call-phone { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; } .art__call-numlink { font-style: normal; font-weight: 300; font-size: 16px; line-height: 19px; letter-spacing: 0.02em; color: #ffffff; } .art__call-numlink span { font-style: normal; font-weight: 300; font-size: 28px; line-height: 33px; letter-spacing: 0.02em; } .art__call-link { display: none; } .art__ban2-wrapper { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .art__ban2 { margin-top: 16px; width: 100%; height: 160px; background-image: url(/img/banner2-1.png); background-position: right center; background-repeat: no-repeat; -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; background-color: #f6f2ee; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; } .art__ban2-radius { -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; } .art__ban2-wrap { width: 100%; height: 100%; padding: 32px 300px 32px 64px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .art__ban2-heading { font-style: normal; font-weight: 300; font-size: 28px; line-height: 22px; color: #211e1c; } .art__ban2-descr { margin-top: 6px; font-style: normal; font-weight: 400; font-size: 15px; line-height: 22px; letter-spacing: 0.02em; color: #211e1c; } .art__ban2-link { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 32px; width: -webkit-max-content; width: -moz-max-content; width: max-content; padding-left: 16px; padding-right: 16px; background: #ffffff; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; font-style: normal; font-weight: 400; font-size: 13px; line-height: 13px; color: #595450; margin-top: 16px; margin-right: 8px; cursor: pointer; } .art__ban2-link .art__ban2-icon { width: 10px; height: 6px; margin-left: 4px; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .art__ban2-icon_close { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .art__curat { overflow: hidden; width: 100%; background: #f6f2ee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 0 32px 32px 32px; } .art__curat--1024--active { display: none; } .art__curat-header { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .art__curat-descr { font-style: normal; font-weight: 400; font-size: 15px; line-height: 18px; color: #211e1c; margin-top: 4px; } .art__curat-box { margin-top: 16px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .art__curat-item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .art__curat-photo { width: 100%; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .art__curat-img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .art__curat-name { font-style: normal; font-weight: 400; font-size: 15px; line-height: 17px; color: #211e1c; } .art__curat-count { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; margin-top: 22px; } .art__curat-num { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 32px; height: 32px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: rgba(255, 255, 255, 0.52); font-style: normal; font-weight: 600; font-size: 10px; line-height: 32px; color: #595450; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .art__curat-line { width: 100%; border-bottom: 1px solid #d0ccc8; } .art__curat-link { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; font-style: normal; font-weight: 400; font-size: 13px; line-height: 13px; letter-spacing: 0.04em; color: #595450; } .art__curat1 { position: relative; } .art__nav1 { position: absolute; top: 50%; left: 13px; z-index: 2; } .art__nav2 { position: absolute; top: 50%; right: 16px; z-index: 2; } .art__galery-nav1 { margin-top: 4px; } .art__methods { margin-bottom: 96px; } .art__items-box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 32px; } .art__item { width: 256px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .art__item-photo { width: 100%; height: 160px; } .art__item-photo > .art__item-img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .art__item-wrapper { min-height: 252px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 8px; background: #f6f2ee; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .art__item-content { padding: 32px 32px 16px 32px; } .art__item-heading { font-style: normal; font-weight: 400; font-size: 20px; line-height: 24px; color: #000000; } .art__item-desc { margin-top: 8px; font-style: normal; font-weight: 400; font-size: 15px; line-height: 20px; color: #000000; } .art__item-detail { display: block; padding: 0 32px 24px 32px; } .art__item-link { padding-bottom: 4px; width: -webkit-max-content; width: -moz-max-content; width: max-content; border-bottom: 1px solid rgba(89, 84, 80, 0.16); } .art__widget { width: 100%; background: -webkit-gradient(linear, left top, right top, from(#C3D54E), to(#A1C74F)); background: -webkit-linear-gradient(left, #C3D54E 0%, #A1C74F 100%); background: -moz-linear-gradient(left, #C3D54E 0%, #A1C74F 100%); background: -o-linear-gradient(left, #C3D54E 0%, #A1C74F 100%); background: linear-gradient(90deg, #C3D54E 0%, #A1C74F 100%); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .art__widget-wrapper { width: 100%; height: 100%; padding: 24px 32px; background: -webkit-linear-gradient(305deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.16) 60%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(305deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.16) 60%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(305deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.16) 60%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(145deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.16) 60%, rgba(255, 255, 255, 0) 100%); } .art__widget-letter { width: 64px; height: 80px; } .art__widget-img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .art__widget-content { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 20px; } .art__widget-text { max-width: 136px; font-style: normal; font-weight: 400; font-size: 24px; line-height: 22px; color: #ffffff; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.12); } .art__widget-num { width: 80px; height: 40px; } .art__widget-n1 { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .art__video-rehab { width: 100%; height: 100%; } .art__links { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; } .art__ban2-link-2 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 32px; width: -webkit-max-content; width: -moz-max-content; width: max-content; padding-left: 16px; padding-right: 16px; background: #ffffff; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; font-style: normal; font-weight: 400; font-size: 13px; line-height: 13px; color: #595450; } .art__ban2-link-2 .art__ban2-icon-2 { width: 12px; height: 12px; margin-left: 7px; } .art__tab { height: auto; opacity: 1; visibility: visible; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .art__tab-wrapper { background: -webkit-gradient(linear, left top, left bottom, color-stop(21.88%, #eee5dc), to(#f6f2ee)); background: -webkit-linear-gradient(top, #eee5dc 21.88%, #f6f2ee 100%); background: -moz-linear-gradient(top, #eee5dc 21.88%, #f6f2ee 100%); background: -o-linear-gradient(top, #eee5dc 21.88%, #f6f2ee 100%); background: linear-gradient(180deg, #eee5dc 21.88%, #f6f2ee 100%); padding: 32px 32px 15px 32px; -webkit-border-radius: 0px 0px 8px 8px; -moz-border-radius: 0px 0px 8px 8px; border-radius: 0px 0px 8px 8px; } .art__tab-hidden { height: 0; opacity: 0; visibility: hidden; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; position: relative; overflow: hidden; } .art__tab-flex { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 16px; } .art__tab-flex-el { background-color: rgba(255, 255, 255, 0.48); padding: 20px 10px 20px 20px; border-top: 4px solid #fece7a; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 100%; max-width: 376px; } .art__tab-text { font-weight: 600; font-size: 15px; line-height: 22px; letter-spacing: 0.02em; color: #211e1c; display: block; margin-bottom: 8px; } .art__tab-list { display: block; padding-left: 10px; } .art__tab-item { font-weight: 400; font-size: 15px; line-height: 22px; letter-spacing: 0.02em; color: #211e1c; list-style-type: none; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .art__tab-item::before { content: ""; display: inline-block; width: 4px; height: 4px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #211e1c; position: absolute; top: 7px; left: -11px; } .art__tab-text-2 { font-weight: 400; font-size: 15px; line-height: 22px; letter-spacing: 0.02em; color: #211e1c; display: block; margin-bottom: 8px; } .art__tab-programs { padding: 24px 16px 30px 16px; background-color: rgba(255, 255, 255, 0.48); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom: 16px; } .art__tab-top { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 40px; } .art__tab-title { font-weight: 600; font-size: 15px; line-height: 22px; letter-spacing: 0.02em; color: #211e1c; margin-right: 8px; } .art__tab-buttons { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; } .art__tab-btn { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 24px; max-width: 100%; padding: 6px 16px; background: transparent; border: 1px solid #e2dad1; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; font-weight: 400; font-size: 13px; line-height: 13px; color: #595450; } .art__tab-services-wrapper { margin-bottom: 38px; position: relative; } .art__tab-services { font-weight: 400; font-size: 15px; line-height: 22px; letter-spacing: 0.02em; color: #211e1c; margin-bottom: 5px; } .art__tab-scale { height: 4px; background-color: #ffffff; -webkit-border-radius: 0px 2px 2px 0px; -moz-border-radius: 0px 2px 2px 0px; border-radius: 0px 2px 2px 0px; cursor: pointer; } .art__tab-progress { height: 4px; background: -webkit-gradient(linear, left top, right top, from(#a1c74f), color-stop(100.41%, #a1c74f), color-stop(177.85%, #fdb942), color-stop(250.34%, #ff5e5e)); background: -webkit-linear-gradient(left, #a1c74f 0%, #a1c74f 100.41%, #fdb942 177.85%, #ff5e5e 250.34%); background: -moz-linear-gradient(left, #a1c74f 0%, #a1c74f 100.41%, #fdb942 177.85%, #ff5e5e 250.34%); background: -o-linear-gradient(left, #a1c74f 0%, #a1c74f 100.41%, #fdb942 177.85%, #ff5e5e 250.34%); background: linear-gradient(90deg, #a1c74f 0%, #a1c74f 100.41%, #fdb942 177.85%, #ff5e5e 250.34%); -webkit-border-radius: 0px 2px 2px 0px; -moz-border-radius: 0px 2px 2px 0px; border-radius: 0px 2px 2px 0px; width: 40%; position: relative; -webkit-transition: 1s; -o-transition: 1s; -moz-transition: 1s; transition: 1s; } .art__tab-gr-null { width: 0 !important; } .art__tab-gr { width: 45%; background: -webkit-gradient(linear, left top, right top, from(#a1c74f), color-stop(91.39%, #a1c74f), color-stop(161.89%, #fdb942), color-stop(227.86%, #ff5e5e)); background: -webkit-linear-gradient(left, #a1c74f 0%, #a1c74f 91.39%, #fdb942 161.89%, #ff5e5e 227.86%); background: -moz-linear-gradient(left, #a1c74f 0%, #a1c74f 91.39%, #fdb942 161.89%, #ff5e5e 227.86%); background: -o-linear-gradient(left, #a1c74f 0%, #a1c74f 91.39%, #fdb942 161.89%, #ff5e5e 227.86%); background: linear-gradient(90deg, #a1c74f 0%, #a1c74f 91.39%, #fdb942 161.89%, #ff5e5e 227.86%); -webkit-border-radius: 0px 2px 2px 0px; -moz-border-radius: 0px 2px 2px 0px; border-radius: 0px 2px 2px 0px; -webkit-transition: 1s; -o-transition: 1s; -moz-transition: 1s; transition: 1s; } .art__tab-gr-1 { width: 60%; background: -webkit-gradient(linear, left top, right top, from(#a1c74f), color-stop(66.94%, #a1c74f), color-stop(118.57%, #fdb942), color-stop(166.89%, #ff5e5e)); background: -webkit-linear-gradient(left, #a1c74f 0%, #a1c74f 66.94%, #fdb942 118.57%, #ff5e5e 166.89%); background: -moz-linear-gradient(left, #a1c74f 0%, #a1c74f 66.94%, #fdb942 118.57%, #ff5e5e 166.89%); background: -o-linear-gradient(left, #a1c74f 0%, #a1c74f 66.94%, #fdb942 118.57%, #ff5e5e 166.89%); background: linear-gradient(90deg, #a1c74f 0%, #a1c74f 66.94%, #fdb942 118.57%, #ff5e5e 166.89%); -webkit-transition: 1s; -o-transition: 1s; -moz-transition: 1s; transition: 1s; } .art__tab-gr-2 { width: 85%; background: -webkit-gradient(linear, left top, right top, from(#a1c74f), color-stop(62.81%, #a1c74f), color-stop(111.25%, #fdb942), color-stop(156.6%, #ff5e5e)); background: -webkit-linear-gradient(left, #a1c74f 0%, #a1c74f 62.81%, #fdb942 111.25%, #ff5e5e 156.6%); background: -moz-linear-gradient(left, #a1c74f 0%, #a1c74f 62.81%, #fdb942 111.25%, #ff5e5e 156.6%); background: -o-linear-gradient(left, #a1c74f 0%, #a1c74f 62.81%, #fdb942 111.25%, #ff5e5e 156.6%); background: linear-gradient(90deg, #a1c74f 0%, #a1c74f 62.81%, #fdb942 111.25%, #ff5e5e 156.6%); -webkit-transition: 1s; -o-transition: 1s; -moz-transition: 1s; transition: 1s; } .art__tab-gr-3 { background: -webkit-gradient(linear, left top, right top, from(#a1c74f), color-stop(56.88%, #a1c74f), color-stop(100.75%, #fdb942), color-stop(141.81%, #ff5e5e)); background: -webkit-linear-gradient(left, #a1c74f 0%, #a1c74f 56.88%, #fdb942 100.75%, #ff5e5e 141.81%); background: -moz-linear-gradient(left, #a1c74f 0%, #a1c74f 56.88%, #fdb942 100.75%, #ff5e5e 141.81%); background: -o-linear-gradient(left, #a1c74f 0%, #a1c74f 56.88%, #fdb942 100.75%, #ff5e5e 141.81%); background: linear-gradient(90deg, #a1c74f 0%, #a1c74f 56.88%, #fdb942 100.75%, #ff5e5e 141.81%); width: 70%; -webkit-transition: 1s; -o-transition: 1s; -moz-transition: 1s; transition: 1s; } .art__tab-gr-4 { background: -webkit-gradient(linear, left top, right top, from(#a1c74f), color-stop(40.11%, #a1c74f), color-stop(71.04%, #fdb942), to(#ff5e5e)); background: -webkit-linear-gradient(left, #a1c74f 0%, #a1c74f 40.11%, #fdb942 71.04%, #ff5e5e 100%); background: -moz-linear-gradient(left, #a1c74f 0%, #a1c74f 40.11%, #fdb942 71.04%, #ff5e5e 100%); background: -o-linear-gradient(left, #a1c74f 0%, #a1c74f 40.11%, #fdb942 71.04%, #ff5e5e 100%); background: linear-gradient(90deg, #a1c74f 0%, #a1c74f 40.11%, #fdb942 71.04%, #ff5e5e 100%); width: 100%; -webkit-transition: 1s; -o-transition: 1s; -moz-transition: 1s; transition: 1s; } .art__tab-number { width: 41px; height: 20px; background-color: #ffffff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-weight: 500; font-size: 12px; line-height: 12px; letter-spacing: -0.02em; color: #595450; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; top: -30px; left: 37%; } .art__tab-number-gr { left: 42%; } .art__tab-number-gr-1 { left: 56%; } .art__tab-number-gr-2 { left: 81%; } .art__tab-number-gr-3 { left: 67%; } .art__tab-number-gr-4 { left: 95%; } .art__tab-number::after { content: url(/local/templates/rehab/assets/css/../img.art-tab-icon.svg); display: inline-block; width: 12px; height: 4px; } .art__tab-srv-wrapper { position: relative; } .art__table-wrapper { background: rgba(255, 255, 255, 0.48); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 12px 16px 7px 16px; } .art__table { border-collapse: collapse; width: 100%; } .art__table-head { border-bottom: 2px solid #E2DAD1; text-align: right; font-weight: 600; font-size: 15px; line-height: 22px; letter-spacing: 0.02em; color: #211E1C; padding: 8px 0; } .art__table-left { text-align: left; width: 26%; } .art__table-width { width: 22%; } .art__table-data { text-align: right; font-weight: 400; font-size: 15px; line-height: 22px; letter-spacing: 0.02em; color: #211E1C; padding: 8px 0; } .art__table-text { text-align: left; } .art__table-bg { background-color: rgba(255, 255, 255, 0.48); } .art__tab-text-3 { font-weight: 400; font-size: 13px; line-height: 16px; letter-spacing: 0.02em; color: #211e1c; } .art__count--position { top: 248px; } .art__accordion-container { width: 100%; margin: 50px 0; } .art__main .art__accordion-title { font-weight: 500; margin: 40px 0 20px 0; font-size: 32px; } .art__accordion-item { background-color: #faf7f4; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin-bottom: 16px; } .art__accordion-header { min-height: 100px; background-color: #faf7f4; border: none; width: 100%; text-align: left; padding: 1.5rem 2.5rem; cursor: pointer; outline: none; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .art__main .art__accordion-header h3 { font-size: 18px; font-weight: 400; line-height: 140%; margin: 0; } .art__accordion-header.active .art__accordion-icon { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .art__accordion-content { background-color: #faf7f4; overflow: hidden; max-height: 0; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); -webkit-transition: max-height 0.4s linear, -webkit-transform 0.4s linear; transition: max-height 0.4s linear, -webkit-transform 0.4s linear; -o-transition: max-height 0.4s linear, -o-transform 0.4s linear; -moz-transition: max-height 0.4s linear, transform 0.4s linear, -moz-transform 0.4s linear; transition: max-height 0.4s linear, transform 0.4s linear; transition: max-height 0.4s linear, transform 0.4s linear, -webkit-transform 0.4s linear, -moz-transform 0.4s linear, -o-transform 0.4s linear; } .art__accordion-header.active + .art__accordion-content { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .art__accordion-content p { padding: 0 2.5rem; line-height: 1.5; } .art__accordion-icon { width: 25px; height: 25px; margin-left: 20px; position: relative; -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; -moz-transition: transform 0.4s ease, -moz-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease, -moz-transform 0.4s ease, -o-transform 0.4s ease; } .art__accordion-icon::before, .art__accordion-icon::after { content: ""; position: absolute; top: 50%; left: 50%; height: 25px; width: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #a1c74f; } .art__accordion-icon::before { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .art__accordion-icon::after { -webkit-transform: translateY(-50%) rotate(90deg); -moz-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); -o-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); } .m-576 { display: none; } .active-art { background-color: #ffffff; border: none; } .active-content { display: block; } .article-votes { position: absolute; top: -60px; right: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .article-votes-info { margin-left: 20px; } .article-votes-stars { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 1px; height: 21px; padding-top: 5px; } .article-votes-count { font-size: 14px; text-align: end; margin-top: 8px; line-height: 1; font-weight: 300; } .article-votes-stars i { color: #fdb942; } .tooltip { position: fixed; font-size: 14px; padding: 5px 15px; border: 1px solid #fff; background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; max-width: 300px; width: -webkit-max-content; width: -moz-max-content; width: max-content; line-height: 18px; color: #fff; z-index: 100; background: -webkit-gradient(linear, left top, right top, from(#c3d54e), to(#a1c74f)); background: -webkit-linear-gradient(left, #c3d54e 0%, #a1c74f 100%); background: -moz-linear-gradient(left, #c3d54e 0%, #a1c74f 100%); background: -o-linear-gradient(left, #c3d54e 0%, #a1c74f 100%); background: linear-gradient(90deg, #c3d54e 0%, #a1c74f 100%); } .tooltip::after { content: ""; position: absolute; bottom: -5px; left: 20px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #c3d54e; } .tooltip.pointer-right::after { left: unset; right: 20px; border-top: 5px solid #a1c74f; } .art__main iframe.vertical_video{ width: 40%; height: 590px; } @media (max-width: 1344px) { .art { margin-bottom: 54px; } .art__hid { display: none; } .art__wrapper { padding-top: 64px; gap: 32px; } .art__main { max-width: 544px; } .art__main iframe { height: 283px; } .art__preview-picture { width: 543px; float: unset; margin-left: 0; } .art__main h2 { margin-top: 30px; } .art__main h3 { margin-top: 28px; margin-bottom: 28px; } .art__banner-text { font-size: 15px; line-height: 20px; } .art__autor-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .art__autor-block { margin-bottom: 20px; } .art__autor-right { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 18px; border-top: 2px solid rgba(89, 84, 80, 0.16); } .art__raiting { -webkit-box-orient: unset; -webkit-box-direction: unset; -webkit-flex-direction: unset; -moz-box-orient: unset; -moz-box-direction: unset; -ms-flex-direction: unset; flex-direction: unset; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; margin-bottom: 30px; } .art__num { padding-bottom: 6px; } .art__call-right { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .art__call-desc { display: none; } .art__ban2-wrap { padding: 32px; background: -webkit-gradient(linear, left top, right top, color-stop(20%, #f6f2ee), color-stop(54%, #f6f2ee), color-stop(114%, rgba(255, 255, 255, 0.144))); background: -webkit-linear-gradient(left, #f6f2ee 20%, #f6f2ee 54%, rgba(255, 255, 255, 0.144) 114%); background: -moz-linear-gradient(left, #f6f2ee 20%, #f6f2ee 54%, rgba(255, 255, 255, 0.144) 114%); background: -o-linear-gradient(left, #f6f2ee 20%, #f6f2ee 54%, rgba(255, 255, 255, 0.144) 114%); background: linear-gradient(90deg, #f6f2ee 20%, #f6f2ee 54%, rgba(255, 255, 255, 0.144) 114%); } .art__ban2-heading { font-size: 24px; line-height: 22px; padding-top: 8px; } .art__ban2-link { margin-top: 8px; } .art__items-box { gap: 24px; } .art__table-head { font-size: 14px; } .art__table-left { width: 32%; } .art__table-width { width: 24%; } .art__main iframe.vertical_video { width: 61%; } } @media (max-width: 1024px) { .art__main { max-width: 100%; } .art__main iframe { height: 450px; padding: 0 32px; } .art__prog { display: none; } .art__prog1 { background: #f6f2ee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #eee5dc; } .art__prog1 .art__left-link { margin-top: 32px; margin-bottom: 32px; } .art__prog-butt { width: 382px; } .art__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 32px; gap: 32px; } .art__preview-picture { width: 100%; height: 288px; margin-top: 30px; } .art__main h2 { padding-left: 32px; padding-right: 32px; } .art__main h3 { padding-left: 32px; padding-right: 32px; } .art__main h4 { padding-left: 32px; padding-right: 32px; } .art__main ul { padding-left: 56px; padding-right: 32px; } .art__main ol { margin-bottom: 64px; padding-left: 52px; padding-right: 32px; } .art__main ol li { line-height: 32px; } .art__main p { padding-left: 32px; padding-right: 32px; } .art__banner { margin-left: 32px; margin-right: 32px; padding-top: 32px; padding-bottom: 32px; height: 160px; } .art__img-wrap { position: absolute; top: 32px; left: -20px; width: 40px; height: 40px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #ff8383; } .art__icon-wrap .art__icon path { fill: #fff; width: 20px; height: 20px; } .art__banner-text { font-weight: 400; font-size: 16px; line-height: 24px; padding-left: 4px; } .art__mark { display: none; } .art__autor { padding-left: 32px; padding-right: 32px; } .art__text-block .art__autor-heading { padding-left: 0; padding-right: 0; margin-top: 0; } .art__autor-descr { margin-bottom: 8px; } .art__left { width: 100%; padding-left: 32px; padding-right: 32px; } .art__video { width: 100%; } .art__curat--1024--active { display: block; } .art__galery { width: 100%; } .art__other { width: 100%; } .art__other--1024--hidden { display: none; } .art__call { position: relative; margin-left: 32px; margin-right: 32px; } .art__call-left { position: absolute; top: 32px; left: -20px; width: 40px; height: 40px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #fdb942; } .art__call-icon { width: 20px; height: 20px; } .art__call-heading { font-size: 24px; line-height: 22px; } .art__ban2-wrapper:not(:last-child) { margin-bottom: 20px; } .art__ban2 { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin-top: 0; margin-bottom: 0; height: 192px; } .art__ban2-wrap { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .art__ban2-descr { margin-top: 12px; line-height: 18px; } .art__ban2-link { margin-top: 20px; } .art__ban2-link1 { background: #F6F2EE; } .art__items-box { gap: 16px; } .art__left-link { width: 55%; } .art__left-link--hidden { display: none; } .art__widget { display: block; } .art__table-width { width: 28%; } .art__accordion-container { padding-left: 32px; padding-right: 32px; } .art__main .art__accordion-title { padding: 0; } .art__main .art__accordion-content p { padding: 0 2.5rem; } .art__main .art__accordion-header h3 { padding: 0; } .art__blockquote{ margin-left: 32px!important; } .art__main iframe.vertical_video { width: 50%; } } @media (min-width: 577px) and (max-width: 1024px) { .art__main .art__list-decimal, .psychiatry .art__list-decimal{ padding-left: 80px; } } @media (max-width: 725px) { .art__main iframe.vertical_video { width: 61%; height: 470px; } } @media (max-width: 576px) { .art__tab-buttons { gap: unset; } .art__tab-btn { margin: 0 6px 6px 0; } .art__tab-services { margin-bottom: 30px; } .art__prog1 .art__left-link { margin: 16px 62px; } .art__accordion-header { padding: 24px 16px; font-size: 16px; } .art__main .art__accordion-content p { padding: 0 16px 24px 16px; margin-bottom: 0; font-size: 16px; } .art__main .art__accordion-title { font-size: 24px; line-height: 120%; } .art__accordion-icon { margin: 0 20px; } .art__main .art__list-decimal, .psychiatry .art__list-decimal { padding-left: 80px; margin-top: 0; } .art__main .art__list-decimal li::before, .psychiatry .art__list-decimal li::before{ left: -45px; } .art__main .art__list--clover { padding-left: 72px; margin: 0 0 50px; } .art__main .art__typeset { margin: 20px 32px; padding: 16px; } .art__main .art__semiframe { margin: 20px 32px; padding: 24px; } .art__methods .art__main { margin-bottom: 20px; } .m-576 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding: 0; margin-bottom: 30px; } .art__curat-count { margin-top: 0; } .art__curat-descr { font-size: 12px; } .art__left-heading { font-size: 22px; } .art { margin-top: 20px; margin-bottom: 0; } .art__left-link { width: 100%; } .art__prog-butt { width: 255px; } .art__wrapper { padding-top: 0; gap: 0; } .art__main { font-size: 15px; line-height: 28px; margin-bottom: 64px; } .art__main iframe { height: 250px; width: 100%; } .art__main iframe.vertical_video{ height: 400px; } .art__preview-picture { height: 223px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin-top: 45px; } .art__main h2 { font-size: 32px; line-height: 36px; margin-top: 20px; } .art__main h3 { font-size: 24px; line-height: 32px; margin-top: 16px; margin-bottom: 16px; } .art__main ul { margin-top: 20px; margin-bottom: 20px; } .art__main ol { margin-bottom: 22px; } .art__main ol li { line-height: 28px; } .art__banner { margin-top: 42px; margin-left: 0; margin-right: 0; height: 192px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .art__banner-text { padding-top: 16px; } .art__img-wrap { top: -16px; left: 36px; } .art__autor { margin-bottom: 62px; } .art__autor-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 28px; } .art__text-block { margin-top: 0; } .art__text-block .art__autor-heading { margin-bottom: 16px; } .art__autor-descr { margin-bottom: 16px; } .art__autor-right { padding-top: 16px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .art__raiting { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 10px; } .art__soc { -webkit-box-pack: start; -webkit-justify-content: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: start; } .art__left { margin-top: 32px; padding-left: 0; padding-right: 0; gap: 0; } .art__video { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; height: 254px; } .art__video--md { background-color: white; } .art__video-wrap { height: 140px; } .art__curat { background-color: white; } .art__galery { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #ffffff; height: 288px; } .art__galery_sertificate { background: #f6f2ee; } .art__galery-wrap { height: 166px; } .art__galery-img_sertificate { width: 185px; height: 141px; } .art__count { top: 120px; } .art__other { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .art__other-ul { margin-top: 16px; padding-left: 24px; } .art__call { margin: 52px 0 32px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .art__call-left { top: -20px; left: 32px; } .art__ban2 { height: 224px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: inherit; } .art__ban2-heading { width: 62%; line-height: 24px; padding-right: 24px; } .art__ban2-link { margin-top: 24px; } .art__items-box { gap: 0; } .art__item { width: 100%; } .art__item-wrapper { min-height: unset; background: #ffffff; } .art__item-photo { height: 256px; } .art__item-photo > .art__item-img { -o-object-fit: cover; object-fit: cover; } .art__parag { display: none; } .art__tab-wrapper { padding: 16px; } .art__table-wrapper { overflow-x: auto; } .art__table { width: 512px; } .art__table-head { font-size: 10px; padding: 6px 0; } .art__table-left { width: auto; } .art__table-width { width: auto; } .art__table-data { font-size: 10px; padding: 2px 0; } .art__count--position { top: 196px; } .art__main iframe.vertical_video { width: 100%; height: 515px; } } .speclist { background: -webkit-gradient(linear, left top, left bottom, from(#F7F2EE), color-stop(30%, #FFFFFF), to(#FFFFFF)); background: -webkit-linear-gradient(top, #F7F2EE 0%, #FFFFFF 30%, #FFFFFF 100%); background: -moz-linear-gradient(top, #F7F2EE 0%, #FFFFFF 30%, #FFFFFF 100%); background: -o-linear-gradient(top, #F7F2EE 0%, #FFFFFF 30%, #FFFFFF 100%); background: linear-gradient(180deg, #F7F2EE 0%, #FFFFFF 30%, #FFFFFF 100%); padding-top: 96px; padding-bottom: 96px; } .speclist__header { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 32px; } .speclist__heading { font-family: "Palatino Linotype"; font-style: normal; font-weight: 400; font-size: 42px; line-height: 46px; letter-spacing: 0.02em; color: #211e1c; } .speclist__nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .speclist__nav_center { margin-top: 0; } .speclist__box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } @media (max-width: 560px) { .speclist { background: #f6f2ee; margin-top: 32px; padding-top: 32px; padding-bottom: 24px; } .speclist__header { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } .speclist__heading { font-size: 26px; line-height: 24px; } .speclist__next-el { position: absolute; top: 140px; right: 0; z-index: 10000; } .speclist__prev-el { position: absolute; top: 140px; left: 0; z-index: 10000; } .specialists__img_mob { width: 100%; height: 152px; } .specialists__name_mob { font-size: 15px; line-height: 17px; } .specialists__position_mob { display: none; } .specialists__link_mob { display: none; } } .main-wrapper { padding: 90px 0 96px 0; } .reviews-btn__btn { display: inline; cursor: pointer; text-decoration: underline; } .reviews__detail-text { display: none; font-weight: 400; font-size: 16px; line-height: 28px; color: #211E1C; max-width: 704px; } .reviews__inner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .reviews__buttons { height: 64px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 4px; } .reviews__btn { padding: 16px 62px; background-color: #EEE5DC; max-width: 275px; text-align: center; -webkit-border-radius: 8px 8px 0px 0px; -moz-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px; color: #211E1C; font-weight: 400; font-size: 16px; line-height: 18px; border: none; cursor: pointer; height: 56px; width: 100%; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; transition: 0.3s linear; } .reviews .active { height: 64px; background-color: #F6F2EE; padding-top: 20px; } .reviews__card { -webkit-border-radius: 0px 0px 8px 8px; -moz-border-radius: 0px 0px 8px 8px; border-radius: 0px 0px 8px 8px; background-color: #F6F2EE; padding: 33px 32px 40px 32px; max-width: 832px; display: none; } .reviews__card-doc a { text-decoration: underline; } .reviews__card-doc .reviews__card-item { padding: 5px 32px; } .reviews .shoy { display: block; } .reviews__image-wrapper { width: 768px; height: 416px; } .reviews__image-wrapper:not(:last-child) { margin-bottom: 32px; } .reviews__image { display: block; max-width: 100%; -o-object-fit: cover; object-fit: cover; height: 100%; } .reviews__items-flex { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px; } .reviews__item-el { height: 240px; width: 180px; overflow: hidden; } .reviews__card-zoom { display: block; height: 240px; width: 180px; } .reviews__item-img { height: 100%; width: 100%; } .reviews__card-item { background: -webkit-gradient(linear, left top, left bottom, color-stop(10.26%, #FFFFFF), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, #FFFFFF 10.26%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(top, #FFFFFF 10.26%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(top, #FFFFFF 10.26%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(180deg, #FFFFFF 10.26%, rgba(255, 255, 255, 0) 100%); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 32px 32px; } .reviews__text { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .reviews__name { position: relative; padding-left: 20px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 300; font-size: 24px; line-height: 32px; color: #211E1C; } .reviews__name::before { content: ""; display: inline-block; height: 4px; width: 32px; background-color: #DDCF49; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); position: absolute; left: -12px; } .reviews__date { font-weight: 400; font-size: 15px; line-height: 32px; color: #595450; } .reviews__paragraph { font-weight: 400; font-size: 16px; line-height: 28px; color: #211E1C; max-width: 704px; } .reviews__btn-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .reviews__btn-green { padding: 15px 45px; font-weight: 400; font-size: 16px; line-height: 22px; letter-spacing: 0.02em; color: #211E1C; max-width: 232px; cursor: pointer; border: 2px solid #A1C74F; -webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px; text-align: center; background-color: transparent; height: 56px; } .reviews__btn-green:hover { background-color: #DFECC2; } .reviews__btn-green:active { background-color: #A1C74F; } .reviews .other-v { padding-top: 31px; } .reviews__video { display: none; } .nav { border-bottom: 1px solid #eee5dc; } .nav__wrapper { height: 64px; } .nav__main { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .nav__item { height: 100%; } .nav__item:hover { background-color: #f7f2ee; } .nav__main-link { padding-left: 32px; padding-right: 32px; font-style: normal; font-weight: 400; font-size: 15px; line-height: 24px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; color: #211e1c; width: 100%; height: 100%; } .nav__icon-arrow { width: 10px; height: 5px; -o-object-fit: contain; object-fit: contain; margin-left: 12px; } .nav__second-wrap { position: relative; } .nav__second { display: none; position: absolute; top: 0; width: 100%; padding: 32px 64px; background-color: #f7f2ee; -webkit-border-radius: 0px 0px 8px 8px; -moz-border-radius: 0px 0px 8px 8px; border-radius: 0px 0px 8px 8px; z-index: 1; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 3%; -moz-column-gap: 3%; column-gap: 3%; } .nav__second-item { position: relative; margin-left: 16px; } .nav__second-item::before { content: url("/img/d.svg"); width: 6px; height: 6px; position: absolute; top: 7px; left: -16px; } .nav__second-link { font-style: normal; font-weight: 400; font-size: 15px; line-height: 36px; color: #211e1c; } .nav__second-link.green{ color: #a1c74f; } .nav__second-link:hover { border-bottom: 1px solid rgba(89, 84, 80, 0.16); } .nav__hover { background-color: #f7f2ee; } .nav__active { display: block; } @media (max-width: 1344px) { .nav__main-link { padding-left: 16px; padding-right: 16px; } } @media (max-width: 1344px) and (max-width: 1024px) { .nav { display: none; } } .hero { padding-top: 64px; padding-bottom: 64px; } .hero__wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 64px; } .hero__image { width: 768px; height: 448px; } .hero__img { width: 100%; height: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .hero__menu { width: 384px; list-style-type: none; margin: 0; margin-top: 38px; padding-left: 0; } .hero__item { position: relative; } .hero__item:not(:last-child) { border-bottom: 1px solid #EEE5DC; } .hero__item ::after { content: url(/local/templates/rehab/assets/css/../img/arrow-li.svg); position: absolute; top: 18px; right: -2px; width: 8px; height: 12px; -o-object-fit: contain; object-fit: contain; } .hero__item-link { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 16px; padding-right: 16px; padding-bottom: 16px; font-style: normal; font-weight: 300; font-size: 22px; line-height: 22px; color: #211e1c; } .hero__img-icon { width: 36px; height: 20px; -o-object-fit: cover; object-fit: cover; padding-left: 8px; } .hero__butt { margin-top: 40px; width: 320px; height: 64px; background: -webkit-gradient(linear, left top, right top, from(#b3d851), to(#fdb942)); background: -webkit-linear-gradient(left, #b3d851 0%, #fdb942 100%); background: -moz-linear-gradient(left, #b3d851 0%, #fdb942 100%); background: -o-linear-gradient(left, #b3d851 0%, #fdb942 100%); background: linear-gradient(90deg, #b3d851 0%, #fdb942 100%); -webkit-box-shadow: inset 0px 6px 6px rgba(255, 255, 255, 0.32); -moz-box-shadow: inset 0px 6px 6px rgba(255, 255, 255, 0.32); box-shadow: inset 0px 6px 6px rgba(255, 255, 255, 0.32); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .hero__butt-link { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 22px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 12px; } .hero__img-wrap { position: relative; width: 40px; height: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: rgba(255, 255, 255, 0.12); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .hero__img-wrap::before { content: ""; position: absolute; top: -12px; left: -12px; width: 64px; height: 64px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: rgba(255, 255, 255, 0.12); } .hero__img-wrap::after { content: ""; position: absolute; top: -24px; left: -24px; width: 88px; height: 88px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: rgba(255, 255, 255, 0.12); overflow: hidden; } .hero__link-text { font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; letter-spacing: 0.02em; color: #ffffff; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.12); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .hero__link-text::after { content: url(/local/templates/rehab/assets/css/../img/index-r.svg); width: 42px; height: 56px; margin-left: 14px; } @media (max-width: 1344px) { .hero { padding-top: 28px; padding-bottom: 64px; } .hero__wrapper { gap: 32px; } .hero__image { width: 544px; height: 384px; margin-top: 32px; } .hero__img { -o-object-fit: cover; object-fit: cover; } } @media (max-width: 1024px) { .hero { padding-top: 32px; } .hero__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .hero__image { width: 100%; height: 256px; margin-top: 0; } .hero__content { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .hero__menu { width: 100%; list-style-type: none; margin: 0; padding-left: 32px; padding-right: 32px; } .hero__item-link { line-height: 23px; } .hero__butt { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; margin-top: 24px; width: 384px; } .hero__butt-link { gap: 54px; } .hero__link-text::after { margin-left: 34px; } .hero__butt--burger { width: 100%; max-width: 100%; } } @media (max-width: 576px) { .hero { padding-top: 0; } .hero__image { width: 100%; height: 192px; -webkit-border-radius: unset; -moz-border-radius: unset; border-radius: unset; } .hero__img { -webkit-border-radius: unset; -moz-border-radius: unset; border-radius: unset; } .hero__item-link { font-size: 16px; line-height: 14px; } .hero__butt { margin-top: 24px; width: 256px; } .hero__butt-link { gap: 0; } .hero__link-text::after { display: none; } } .diagn { padding-top: 56px; padding-bottom: 128px; background: #f7f2ee; } .diagn__header { padding-top: 36px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .diagn__heading { max-width: 512px; font-family: "Palatino Linotype"; font-style: normal; font-weight: 400; font-size: 42px; line-height: 46px; text-align: center; letter-spacing: 0.02em; color: #211e1c; } .diagn__line { width: 80px; height: 4px; background-color: #a1c74f; margin-top: 36px; } .diagn__content { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 68px; margin-top: 86px; } .diagn__alph { width: 348px; } .diagn__alph-heading { font-style: normal; font-weight: 400; font-size: 18px; line-height: 18px; letter-spacing: 0.02em; color: #211e1c; } .diagn__alph-box { margin-top: 24px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; gap: 12px; } .diagn__letter { width: 48px; height: 48px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .diagn__letter-link { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; letter-spacing: 0.02em; color: #211e1c; border: 2px solid #a1c74f; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .diagn__letter-link:hover { background-color: #a1c74f; color: #ffffff; } .diagn__popul { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .diagn__popul-heading { font-style: normal; font-weight: 400; font-size: 18px; line-height: 18px; letter-spacing: 0.02em; color: #211e1c; } .diagn__ul { width: 100%; margin-top: 24px; padding-left: 12px; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 3%; -moz-column-gap: 3%; column-gap: 3%; } .diagn__title { list-style-type: none; } .diagn__title::before { content: url(/local/templates/rehab/assets/css/../img/arrow-li.svg); width: 6px; height: 10px; margin-right: 8px; } .diagn__title-link { font-style: normal; font-weight: 300; font-size: 18px; line-height: 36px; letter-spacing: 0.02em; color: #211e1c; } .diagn__popul-butt { width: 222px; height: 48px; margin-top: 24px; } .diagn__butt-link { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; border: 2px solid #a1c74f; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; font-style: normal; font-weight: 400; font-size: 15px; line-height: 22px; letter-spacing: 0.02em; color: #211e1c; } @media (max-width: 1344px) { .diagn { padding-bottom: 96px; } .diagn__header { padding-top: 8px; } .diagn__content { margin-top: 54px; } .diagn__ul { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media (max-width: 1024px) { .diagn { padding-bottom: 32px; margin-top: -98px; } .diagn__wrapper { padding-top: 32px; padding-left: 32px; padding-right: 32px; } .diagn__header { padding-top: 0; } .diagn__heading { max-width: unset; } .diagn__line { margin-top: 44px; } .diagn__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 54px; gap: 32px; } .diagn__ul { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } .diagn__popul-butt { width: 384px; height: 64px; margin-top: 32px; } .diagn__butt-link { -webkit-border-radius: 32px; -moz-border-radius: 32px; border-radius: 32px; } } @media (max-width: 576px) { .diagn__wrapper { padding-top: 22px; } .diagn__heading { font-size: 28px; line-height: 32px; } .diagn__line { margin-top: 20px; width: 64px; } .diagn__alph { width: 100%; margin-bottom: 32px; } .diagn__content { margin-top: 42px; gap: unset; } .diagn__alph-box { margin-top: 28px; gap: unset; } .diagn__letter { margin: 2px; } .diagn__ul { margin-top: 10px; padding-left: 14px; } .diagn__popul-butt { width: 256px; margin-top: 22px; } } .cons__background_index { background: #FFFFFF; } .cons__background_info { background: -webkit-gradient(linear, left top, left bottom, from(#F7F2EE), to(rgba(247, 242, 238, 0))); background: -webkit-linear-gradient(top, #F7F2EE 0%, rgba(247, 242, 238, 0) 100%); background: -moz-linear-gradient(top, #F7F2EE 0%, rgba(247, 242, 238, 0) 100%); background: -o-linear-gradient(top, #F7F2EE 0%, rgba(247, 242, 238, 0) 100%); background: linear-gradient(180deg, #F7F2EE 0%, rgba(247, 242, 238, 0) 100%); } .cons__background_com { background: #F6F2EE; } .cons__wrapper { padding-top: 96px; padding-bottom: 56px; height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .cons__content { padding-right: 64px; max-width: 512px; } .cons__headihg { font-family: "Palatino Linotype"; font-style: normal; font-weight: 400; font-size: 42px; line-height: 48px; color: #211e1c; padding-top: 20px; } .cons__description { padding-top: 28px; font-style: normal; font-weight: 300; font-size: 18px; line-height: 32px; letter-spacing: 0.02em; color: #211e1c; } .cons__butt { width: 276px; height: 56px; margin-top: 32px; } .cons__link { display: block; border: 2px solid #a1c74f; -webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px; font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; letter-spacing: 0.02em; color: #211e1c; text-align: center; padding: 10px 0; } .cons__link span { font-style: normal; font-weight: 300; font-size: 26px; line-height: 33px; } .cons__text { padding-left: 44px; padding-top: 5px; font-style: normal; font-weight: 400; font-size: 13px; line-height: 22px; letter-spacing: 0.02em; color: #211e1c; } .cons__image { max-width: 768px; height: 448px; } .cons__img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } @media (max-width: 1344px) { .cons__wrapper { padding-top: 64px; padding-bottom: 56px; } .cons__content { padding-right: 32px; max-width: 480px; } .cons__image { max-width: 480px; height: 448px; } } @media (max-width: 1024px) { .cons__background_info { background: white; } .cons__wrapper { padding-top: 32px; padding-bottom: 56px; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .cons__image { max-width: 100%; height: 418px; } .cons__content { padding-left: 32px; padding-right: 32px; max-width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cons__headihg { padding-top: 40px; font-size: 36px; line-height: 42px; } .cons__description { padding-top: 22px; } .cons__butt { width: 384px; height: 64px; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .cons__link { -webkit-border-radius: 32px; -moz-border-radius: 32px; border-radius: 32px; } .cons__text { padding-left: 0; text-align: center; } } @media (max-width: 576px) { .cons__wrapper { padding-top: 20px; padding-bottom: 32px; } .cons__image { height: 352px; } .cons__img { -webkit-border-radius: unset; -moz-border-radius: unset; border-radius: unset; } .cons__headihg { padding-top: 44px; font-size: 28px; line-height: 32px; } .cons__description { font-size: 15px; line-height: 28px; } .cons__butt { width: 256px; margin-top: 22px; } } .department { height: 524px; background: -webkit-linear-gradient(top, #f6f2ee 353px, #595450 160px); background: -moz-linear-gradient(top, #f6f2ee 353px, #595450 160px); background: -o-linear-gradient(top, #f6f2ee 353px, #595450 160px); background: linear-gradient(to bottom, #f6f2ee 353px, #595450 160px); } .department__wrapper { padding-top: 72px; } .department__header { padding-top: 36px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .department__heading { font-family: "Palatino Linotype"; font-style: normal; font-weight: 400; font-size: 42px; line-height: 46px; text-align: center; letter-spacing: 0.02em; color: #211e1c; } .department__line { width: 80px; height: 4px; background-color: #a1c74f; margin-top: 44px; } .department__content { margin-top: 64px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 32px; } .department__item { width: 405px; height: 256px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .department__image { width: 100%; height: 160px; } .department__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .department__item-text { height: 96px; background-color: #fff; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .department__item-heading { padding-top: 24px; padding-left: 32px; font-style: normal; font-weight: 300; font-size: 24px; line-height: 28px; color: #000000; } .department__item-desc { font-style: normal; font-weight: 300; font-size: 13px; line-height: 13px; letter-spacing: 0.02em; color: #000000; padding-left: 32px; padding-top: 4px; } @media (max-width: 1344px) { .department { height: 516px; } .department__item-heading { font-weight: 400; font-size: 17px; line-height: 28px; letter-spacing: -0.02em; } } @media (max-width: 1024px) { .department { height: auto; background: -webkit-linear-gradient(top, #f6f2ee 890px, #595450 160px); background: -moz-linear-gradient(top, #f6f2ee 890px, #595450 160px); background: -o-linear-gradient(top, #f6f2ee 890px, #595450 160px); background: linear-gradient(to bottom, #f6f2ee 890px, #595450 160px); } .department__header { padding-top: 12px; } .department__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; } .department__wrapper { padding-left: 32px; padding-right: 32px; } .department__item { width: 100%; height: 256px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } } @media (max-width: 576px) { .department__wrapper { padding-left: 0; padding-right: 0; } .department__header { padding-top: 8px; } .department__heading { font-size: 28px; line-height: 32px; } .department__line { margin-top: 20px; } .department__content { margin-top: 28px; gap: 4px; } .department__image img { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } } .exc { background: -webkit-linear-gradient(top, #ffffff 360px, #f6f2ee 160px); background: -moz-linear-gradient(top, #ffffff 360px, #f6f2ee 160px); background: -o-linear-gradient(top, #ffffff 360px, #f6f2ee 160px); background: linear-gradient(to bottom, #ffffff 360px, #f6f2ee 160px); padding-bottom: 32px; } .exc__header { padding-top: 36px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .exc__heading { max-width: 640px; font-family: "Palatino Linotype"; font-style: normal; font-weight: 400; font-size: 42px; line-height: 46px; text-align: center; letter-spacing: 0.02em; color: #211e1c; } .exc__line { width: 80px; height: 4px; background-color: #a1c74f; margin-top: 36px; } .exc__content-inner { position: relative; } .exc__content { margin-top: 64px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .exc__item { width: 405px; height: 334px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .exc__image { width: 100%; height: 128px; position: relative; } .exc__img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 40%; object-position: 50% 40%; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .exc__brand { position: absolute; top: 31px; right: 21px; width: 98px; height: 128px; -o-object-fit: contain; object-fit: contain; } .exc__item-text { height: 204px; background-color: #fff; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; padding: 24px 32px 24px 32px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .exc__item-inner { margin-bottom: 10px; } .exc__item-heading { font-style: normal; font-weight: 300; font-size: 28px; line-height: 28px; letter-spacing: 0.02em; color: #211e1c; margin-bottom: 12px; } .exc__item-desc { font-style: normal; font-weight: 300; font-size: 16px; line-height: 22px; letter-spacing: 0.02em; color: #211e1c; } .exc__item-link { display: inline-block; font-weight: 400; font-size: 13px; line-height: 8px; letter-spacing: 0.04em; color: #595450; } .exc__item-link::after { content: ""; display: inline-block; width: 100%; height: 1px; background-color: rgba(89, 84, 80, 0.16); } .exc__arrow { width: 56px; height: 56px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #FDB942; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; position: absolute; top: 164px; z-index: 10; } .exc__arrow--prev { left: -23px; } .exc__arrow--next { right: -23px; } .exc__arw { width: 18px; height: 18px; } .exc__pagin { padding: 39px 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .exc__pagin .swiper-pagination-bullet { width: 18px; height: 18px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #a1c74f; cursor: pointer; opacity: unset; } .exc__pagin .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 18px; height: 18px; background-color: #ffffff; border: 5px solid #a1c74f; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; cursor: pointer; } @media (max-width: 1344px) { .exc__header { padding-top: 4px; } } @media (max-width: 1024px) { .exc { background: -webkit-linear-gradient(top, #ffffff 336px, #f6f2ee 160px); background: -moz-linear-gradient(top, #ffffff 336px, #f6f2ee 160px); background: -o-linear-gradient(top, #ffffff 336px, #f6f2ee 160px); background: linear-gradient(to bottom, #ffffff 336px, #f6f2ee 160px); } .exc__wrapper { padding-left: 32px; padding-right: 32px; } .exc__line { margin-top: 28px; } .exc__content { margin-top: 32px; } .exc__item { width: 384px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .exc__img { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .exc__pagin { padding: 24px 0; } } @media (max-width: 576px) { .exc { background: -webkit-linear-gradient(top, #ffffff 283px, #f6f2ee 160px); background: -moz-linear-gradient(top, #ffffff 283px, #f6f2ee 160px); background: -o-linear-gradient(top, #ffffff 283px, #f6f2ee 160px); background: linear-gradient(to bottom, #ffffff 283px, #f6f2ee 160px); } .exc__wrapper { padding-left: 0; padding-right: 0; } .exc__heading { font-size: 28px; line-height: 32px; padding-left: 32px; padding-right: 32px; } .exc__line { margin-top: 20px; width: 64px; } .exc__img { -webkit-border-radius: unset; -moz-border-radius: unset; border-radius: unset; } .exc__item-heading { padding-top: 16px; } .exc__arrow--prev { left: 10px; } .exc__arrow--next { right: 10px; } } .faq__container { max-width: 1088px; margin: 0 auto; } .faq__wrapper { padding-top: 96px; padding-bottom: 96px; } .faq__header { padding-top: 36px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .faq__heading { max-width: 640px; font-family: "Palatino Linotype"; font-style: normal; font-weight: 400; font-size: 42px; line-height: 46px; text-align: center; letter-spacing: 0.02em; color: #211e1c; } .faq__line { width: 80px; height: 4px; background-color: #a1c74f; margin-top: 36px; } .faq__box { margin-top: 64px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; } .faq__item-header { padding: 32px 32px 32px 64px; background: #f6f2ee; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .faq__item-heading { max-width: 896px; font-style: normal; font-weight: 300; font-size: 24px; line-height: 30px; letter-spacing: 0.02em; color: #211e1c; } .faq__btn-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 32px; height: 32px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #ffffff; cursor: pointer; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; -o-transition: -o-transform 300ms; -moz-transition: transform 300ms, -moz-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms, -moz-transform 300ms, -o-transform 300ms; } .faq__btn { width: 12px; height: 8px; -o-object-fit: contain; object-fit: contain; } .faq__item-content { display: none; margin-top: -8px; padding: 4px 64px 64px 64px; background: -webkit-gradient(linear, left top, left bottom, color-stop(10.26%, #f6f2ee), to(rgba(246, 242, 238, 0))); background: -webkit-linear-gradient(top, #f6f2ee 10.26%, rgba(246, 242, 238, 0) 100%); background: -moz-linear-gradient(top, #f6f2ee 10.26%, rgba(246, 242, 238, 0) 100%); background: -o-linear-gradient(top, #f6f2ee 10.26%, rgba(246, 242, 238, 0) 100%); background: linear-gradient(180deg, #f6f2ee 10.26%, rgba(246, 242, 238, 0) 100%); } .faq__item-line { margin-top: 4px; width: 64px; height: 4px; background: #DDCF49; margin-bottom: 20px; } .faq__text { font-style: normal; font-weight: 400; font-size: 16px; line-height: 32px; color: #211e1c; } .faq__active { display: block; } .faq__btn-act { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; -o-transition: -o-transform 300ms; -moz-transition: transform 300ms, -moz-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms, -moz-transform 300ms, -o-transform 300ms; } @media (max-width: 1344px) { .faq__wrapper { padding-top: 0; padding-bottom: 74px; } } @media (max-width: 1024px) { .faq__line { margin-top: 30px; } .faq__box { margin-top: 32px; margin-left: 32px; margin-right: 32px; } .faq__item-header { padding: 32px; } .faq__item-heading { font-weight: 400; font-size: 15px; line-height: 19px; } .faq__btn-wrap { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .faq__item-content { padding: 4px 32px 32px 32px; } .faq__text { font-size: 13px; line-height: 22px; } } @media (max-width: 576px) { .faq__wrapper { padding-bottom: 16px; } .faq__header { padding-top: 18px; padding-left: 32px; padding-right: 32px; } .faq__heading { font-size: 28px; line-height: 32px; } .faq__line { margin-top: 20px; } .faq__box { gap: 0; margin-top: 28px; margin-left: 0; margin-right: 0; } .faq__item { border-top: 1px solid #EEE5DC; } .faq__item-header { padding: 32px 16px 32px 32px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .faq__item-heading { font-size: 13px; line-height: 18px; } } .footer__top { background: #595450; } .footer__wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 320px; } .footer__img { height: 80px; } .footer__img a { width: 100%; height: 100%; } .footer__logo-img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .footer__copyright { max-width: 440px; margin-top: 24px; font-style: normal; font-weight: 400; font-size: 15px; line-height: 22px; letter-spacing: 0.02em; color: rgba(255, 255, 255, 0.32); } .footer__contacts-top { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; } .footer__contacts-data { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 32px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .footer__mail { font-style: normal; font-weight: 300; font-size: 25px; line-height: 29px; letter-spacing: 0.02em; color: #ffffff; padding-bottom: 8px; border-bottom: 2px dashed rgba(255, 255, 255, 0.12); } .footer__phone { font-style: normal; font-weight: 300; font-size: 28px; line-height: 33px; letter-spacing: 0.02em; color: #ffffff; padding-bottom: 8px; border-bottom: 2px dashed rgba(255, 255, 255, 0.12); } .footer__point { width: 8px; height: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #ddcf49; } .footer__contacts-link { margin-top: 8px; } .footer__link { font-style: normal; font-weight: 400; font-size: 13px; line-height: 15px; text-align: right; letter-spacing: 0.06em; color: #ddcf49; } .footer__contacts-bottom { margin-top: 48px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; } .footer__bottom { background: #4e4a46; } .footer__wrap { height: 64px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .footer__bottom-left { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .footer__botom-icon { margin: 0 3px; } .footer__address { font-style: normal; font-weight: 400; font-size: 15px; line-height: 22px; letter-spacing: 0.02em; color: #ffffff; } .footer__bottom-link { font-style: normal; font-weight: 400; font-size: 13px; line-height: 15px; text-align: right; letter-spacing: 0.06em; color: rgba(255, 255, 255, 0.32); } .footer_disc { margin-top: 10px; } @media (max-width: 1344px) { .footer__wrapper { padding-top: 30px; padding-bottom: 30px; height: auto; } .footer__contacts-data { gap: 24px; } .footer__phone { font-size: 22px; line-height: 26px; } .footer__contacts-bottom { margin-top: 42px; } .footer__copyright { margin-top: 42px; } } @media (max-width: 1024px) { .footer__top { padding-bottom: 66px; } .footer__wrapper { padding-left: 32px; padding-right: 32px; padding-bottom: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: auto; } .footer__logo { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 32px; } .footer__copyright { margin-top: 32px; text-align: center; } .footer__contacts-top { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 44px; } .footer__contacts-data { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 22px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .footer__point { display: none; } .footer__contacts-bottom { margin-top: 22px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .footer__bottom { padding-top: 22px; padding-bottom: 22px; } .footer__wrap { height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .footer__bottom-right { margin-top: 6px; } } @media (max-width: 576px) { .footer__top { padding-bottom: 44px; } .footer__wrapper { padding-top: 16px; } .footer__img { height: 64px; } .footer__copyright { margin-top: 20px; } .footer__contacts-top { margin-top: 32px; } .footer__address { text-align: center; letter-spacing: 0.03em; } .footer__bottom { padding-top: 32px; padding-bottom: 32px; } .footer__wrap { padding-left: 32px; padding-right: 32px; } .footer__bottom-link { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; letter-spacing: 0.1em; } } @media (max-width: 1344px) { .art.review .art__main { max-width: unset; } .reviews__wrapper { max-width: 544px; } .reviews__buttons { margin-bottom: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: auto; } .reviews .active { height: 52px; padding-top: 20px; } .reviews__btn { max-width: 100%; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; height: 52px; } .reviews__card { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .reviews__image-wrapper { width: 408px; height: 260px; } .reviews__item-el { width: 232px; height: 308px; } .reviews__card-zoom { width: 232px; height: 308px; } } @media (max-width: 1024px) { .main-wrapper { padding: 90px 0 30px 0; } .reviews__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .reviews__wrapper { margin-bottom: 40px; max-width: 100%; } .reviews__image-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; max-height: 100%; } .reviews__items-flex { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .reviews__item-el { width: 320px; height: 424px; } .reviews__card-zoom { width: 320px; height: 424px; } .reviews__left { padding: 0; } .reviews__video { display: block; } } @media (max-width: 576px) { .main-wrapper { padding-top: 32px; } .reviews__wrapper { margin-bottom: 0; } .reviews__buttons { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .reviews__items-flex { gap: unset; } .reviews__item-el:not(:last-child) { margin-bottom: 16px; } .reviews__btn { font-size: 14px; max-width: 256px; } .reviews__item-el { width: 256px; height: 340px; } .reviews__card-zoom { width: 256px; height: 340px; } .reviews__card-item { padding: 24px 24px 32px 24px; } .reviews__text { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .reviews__name { margin-bottom: 14px; } .reviews__paragraph { font-size: 13px; } .reviews__btn-green { padding: 15px 56px; max-width: 100%; } .reviews__left-heading { margin-top: 0; } .reviews__left { gap: 0; } .reviews__other { background-color: #F6F2EE; } } @media (max-width: 396px) { .reviews__item-el { height: auto; width: 100%; } .reviews__card-zoom { width: 100%; height: auto; } } .department-slider__wrapper { padding-top: 96px; padding-bottom: 96px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .department-slider__item { max-width: 831px; } .department-slider__item:not(:last-child) { margin-bottom: 32px; } .department-slider__image img { max-height: 384px; -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; width: 100%; -o-object-fit: cover; object-fit: cover; display: block; } .department-slider__arrows { position: relative; } .department-slider__bg { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #FFFFFF; cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 72px; height: 72px; position: absolute; } .department-slider__bg--md-1 { left: 60px; display: none; } .department-slider__bg--md-2 { right: 60px; } .department-slider .department-slider__svg { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } .department-slider__wrapper-text { padding: 18px 0 18px 63px; background-color: #F6F2EE; -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; } .department-slider__text { font-weight: 300; font-size: 36px; line-height: 28px; color: #000000; margin-right: 16px; } .department-slider__text-2 { font-weight: 300; font-size: 18px; line-height: 18px; color: #000000; } .art__curat--md { max-width: 384px; margin-bottom: 32px; } .wrp-art--md { max-width: 384px; } .swiper-button-prev, .swiper-button-next { color: #595450; top: -12px; } .swiper-button-prev:after, .swiper-button-next:after { content: ""; } .art__other--md { padding-top: 1px; margin-top: 32px; } .art__other-ul-2 { display: none; margin-top: 32px; list-style-type: unset; padding-left: 32px; } .swiper-pagination-fraction { width: 32px; height: 32px; left: auto; z-index: 10; } .hidden-main { display: none; } @media (max-width: 1344px) { .department-slider__item { max-width: 544px; } .department-slider__image img { height: 258px; } .department-slider__bg { width: 64px; height: 64px; } .department-slider__wrapper-text { padding: 12px 0 12px 32px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .department-slider__text { font-size: 22px; } .department-slider__text-2 { font-size: 15px; } .department-right { max-width: 384px; } } @media (max-width: 1024px) { .department-heading { padding: 32px 32px 28px 32px; } .department-text { margin-bottom: 16px; } .department-slider__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 30px; } .department-slider__left { width: 100%; margin-bottom: 32px; } .department-slider__item { max-width: 100%; } .department-slider__arrows { display: none; } .department-right { max-width: 100%; } .department-slider__wrapper .art__curat--md { max-width: 100%; } .department-slider__wrapper .wrp-art--md { max-width: 100%; } .art__other-hidden { display: none; } .art__other-ul-2 { display: block; } } @media (max-width: 576px) { .department-slider__wrapper { padding-top: 20px; } .department-slider__left { margin-bottom: 60px; } .department-slider__item:not(:last-child) { margin-bottom: 28px; } .department-slider__image img { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; height: 194px; } .department-slider__wrapper-text { padding: 13px 0 13px 32px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; background-color: #fff; } .department-slider__text { font-size: 17px; } .department__art-bg { background-color: #F6F2EE; } .department-576 { display: none; } .hidden-main { display: block; } } @media (max-width: 340px) { .hidden-main { padding: 0 14px 14px 14px; } .department-nav-1 { left: 0; } .department-nav-2 { right: 0; } } .department-card__wrapper { padding: 96px 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .department-card__title { max-width: 768px; font-weight: 300; font-size: 32px; line-height: 42px; color: #211E1C; margin-bottom: 30px; } .department-card__list-wrapper { padding-left: 24px; margin-bottom: 32px; } .department-card__item { position: relative; } .department-card__item::before { content: ""; display: inline-block; background-color: #211E1C; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 3px; height: 3px; position: absolute; top: 13px; left: -14px; } .department-card__link { font-weight: 400; font-size: 16px; line-height: 30px; color: #211E1C; } .department-card__paragraph { max-width: 832px; font-weight: 400; font-size: 16px; line-height: 32px; color: #211E1C; margin-bottom: 32px; } .department-card__image { max-width: 832px; margin-bottom: 32px; } .department-card__image img { width: 100%; -o-object-fit: cover; object-fit: cover; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .department-card__elements { max-width: 832px; } .department-card__element { background-color: #F6F2EE; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 32px 32px 32px 32px; cursor: pointer; } .department-card__element:not(:last-child) { margin-bottom: 8px; } .department-card .shoy { background: -webkit-gradient(linear, left top, left bottom, color-stop(10.26%, #F6F2EE), to(rgba(246, 242, 238, 0))); background: -webkit-linear-gradient(top, #F6F2EE 10.26%, rgba(246, 242, 238, 0) 100%); background: -moz-linear-gradient(top, #F6F2EE 10.26%, rgba(246, 242, 238, 0) 100%); background: -o-linear-gradient(top, #F6F2EE 10.26%, rgba(246, 242, 238, 0) 100%); background: linear-gradient(180deg, #F6F2EE 10.26%, rgba(246, 242, 238, 0) 100%); margin-bottom: 0; } .department-card .shoy svg { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .department-card__flex { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .department-card__pointer { background-color: #FFFFFF; width: 32px; height: 32px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .department-card__pointer svg { width: 12px; height: 12px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; } .department-card__text { font-weight: 300; font-size: 24px; line-height: 30px; color: #211E1C; } .department-card__description { max-width: 768px; margin: 0; font-weight: 400; font-size: 15px; line-height: 24px; color: #211E1C; display: none; } .department-card__description::before { content: ""; display: block; width: 64px; height: 4px; background-color: #DDCF49; margin: 16px 0 20px 0; } .department-card .active { display: block; } .department-map { background: -webkit-linear-gradient(top, #ffffff 298px, #f6f2ee 160px); background: -moz-linear-gradient(top, #ffffff 298px, #f6f2ee 160px); background: -o-linear-gradient(top, #ffffff 298px, #f6f2ee 160px); background: linear-gradient(to bottom, #ffffff 298px, #f6f2ee 160px); } .department-map__block { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .department-map__map { width: 1152px; height: 512px; } @media (max-width: 1344px) { .department-card__wrapper { padding: 64px 0; } .department-card__inner { margin-right: 35px; } } @media (max-width: 1024px) { .department-card__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .department-card__inner { margin: 0 0 32px 0; } .department-card__inner iframe { height: 450px; } .department-card__text { font-weight: 500; } .art__curat--md { max-width: 100%; } } @media (max-width: 576px) { .department-card__inner iframe { height: 283px; } .department-card__wrapper { padding: 32px 0; } .department-card__title { font-size: 24px; line-height: 32px; } .department-card__list-wrapper { margin-bottom: 20px; } .department-card__item:not(:last-child) { margin-bottom: 10px; } .department-card__item::before { top: 7px; } .department-card__link { font-size: 15px; line-height: 18px; } .department-card__paragraph { font-size: 15px; line-height: 28px; margin-bottom: 25px; } .department-card__element:not(:last-child) { margin-bottom: 2px; } .shoy { background-color: #F6F2EE; } .department-card__text { font-size: 15px; line-height: 19px; } .department-card__description { font-size: 13px; line-height: 22px; } } @media (max-width: 460px) { .department-card__inner iframe { height: 210px; } } @media (max-width: 1344px) { .department-map__wrapper { padding-bottom: 64px; } .department-map__map { width: 960px; height: 416px; } } @media (max-width: 1024px) { .department-map { background: #fff; } .department-map__map { width: 100%; max-width: 100%; height: 400px; } } @media (max-width: 576px) { .department-map__wrapper { padding-bottom: 34px; } .department-map__map { height: 280px; } } .heading-card__inner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .heading-card__left { position: relative; max-width: 768px; margin-right: 66px; padding-top: 64px; } .heading-card__img { height: 448px; } .heading-card__img img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .heading-card__items { position: absolute; top: 383px; width: 100%; padding: 0 40px; } .heading-card__gallery { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .heading-card__item { cursor: pointer; width: 160px; height: 96px; } .heading-card__item img { width: 100%; max-width: 100%; max-height: 100%; -o-object-fit: cover; object-fit: cover; cursor: pointer; } .heading-card__arw { position: absolute; bottom: 196px; width: 56px; height: 56px; background-color: #FDB942; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; z-index: 100; } .heading-card__arw:hover { background-color: #F1AC34; } .heading-card__arw:active { background-color: #F1AC34; -webkit-box-shadow: inset 0px 5px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow: inset 0px 5px 0px rgba(0, 0, 0, 0.08); box-shadow: inset 0px 5px 0px rgba(0, 0, 0, 0.08); } .heading-card__arw img { width: 19px; height: 19px; } .heading-card .heading__breadcrumb--md { padding: 45px 0 19px 0; } .heading-card__title { font-weight: 400; font-size: 46px; line-height: 52px; color: #211E1C; max-width: 446px; margin-bottom: 25px; } .heading-card__right { padding-top: 87px; } .heading-card__paragraph { font-weight: 400; font-size: 16px; line-height: 32px; color: #211E1C; max-width: 446px; margin-bottom: 25px; } .heading-card__paragraph::after { content: ""; display: inline-block; width: 100%; height: 2px; background-color: #EEE5DC; display: none; } .heading-card__btn { font-weight: 400; font-size: 15px; line-height: 22px; text-align: center; letter-spacing: 0.02em; color: #211E1C; padding: 15px 56px; background-color: #FFFFFF; max-width: 192px; -webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px; border: none; cursor: pointer; height: 52px; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; transition: 0.3s linear; } .heading-card__btn.green{ padding: 4px 100px 4px 8px; background: linear-gradient(90deg, #a1c74f 0%, rgba(247, 242, 238, 0) 100%); width: fit-content; border-radius: unset; align-items: center; cursor: unset; } .heading-card .heading__bread-name { font-size: 15px; color: #595450; } .swiper-button-disabled { background-color: #F8DFB6; } .heading-btn--next { right: -30px; } .heading-btn--prev { left: -30px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } @media (max-width: 1344px) { .heading-card__left { max-width: 544px; } .heading-card__img { height: 320px; } .heading-card__arw { bottom: 140px; width: 48px; height: 48px; } .heading-card__arw img { width: 15px; height: 15px; } .heading-btn--prev { left: -24px; } .heading-btn--next { right: -24px; left: auto; } .heading-card__items { display: none; } .heading-card .heading__breadcrumb--md { padding-top: 30px; } .heading-card__title { font-size: 36px; line-height: 44px; } .heading-card__paragraph { font-size: 15px; line-height: 26px; } } @media (max-width: 1024px) { .heading-card__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .heading-card__left { padding-top: 0; max-width: 100%; margin-right: 0; } .heading-card__img { height: 460px; } .heading-card__arw { bottom: -24px; } .heading-btn--prev { right: 100px; left: auto; } .heading-btn--next { right: 40px; } .heading-card__right { padding: 17px 0 0 64px; } .heading-card .heading__breadcrumb--md { padding-left: 64px; } } @media (max-width: 576px) { .heading-card__img { height: 280px; } .heading-card__divider { content: ""; width: 100%; height: 2px; background-color: #EEE5DC; display: block; margin-top: 30px; } .heading-card__arw { width: 40px; height: 40px; bottom: -20px; } .heading-card__arw img { width: 10px; height: 10px; } .heading-btn--prev { right: 72px; } .heading-btn--next { right: 24px; } .heading-card__right { padding: 17px 0 0 0; } .heading-card__title { font-size: 26px; line-height: 30px; } .heading-card__paragraph { font-size: 15px; line-height: 24px; } .heading-card__paragraph::after { display: none; margin-top: 10px; } .heading-card .heading__breadcrumb--md { padding-left: 0; padding-top: 10px; } .heading-card .heading__bread-name { display: none; } .heading-card__btn { padding: 15px 20px; white-space: nowrap; } } @media (max-width: 400px) { .heading-card__img { height: 240px; } } .diagnosis-symptoms__wrapper { padding: 25px 0 80px 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .diagnosis-symptoms__list-wrapper { -webkit-box-flex: 0; -webkit-flex: 0 1 64%; -moz-box-flex: 0; -ms-flex: 0 1 64%; flex: 0 1 64%; } .diagnosis-symptoms__list { padding-left: 16px; } .diagnosis-symptoms__1024 { display: none; } .diagnosis-symptoms__title-wrapper { padding-left: 32px; background: -webkit-gradient(linear, left top, left bottom, from(#F6F2EE), to(rgba(246, 242, 238, 0))); background: -webkit-linear-gradient(top, #F6F2EE 0%, rgba(246, 242, 238, 0) 100%); background: -moz-linear-gradient(top, #F6F2EE 0%, rgba(246, 242, 238, 0) 100%); background: -o-linear-gradient(top, #F6F2EE 0%, rgba(246, 242, 238, 0) 100%); background: linear-gradient(180deg, #F6F2EE 0%, rgba(246, 242, 238, 0) 100%); -webkit-border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; background-position-y: 63px; margin-bottom: 60px; } .diagnosis-symptoms__title { font-family: "Palatino Linotype"; font-weight: 400; font-size: 161px; line-height: 112px; color: #211E1C; } .diagnosis-symptoms__list:not(:last-child) { margin-bottom: 25px; } .diagnosis-symptoms__item { font-style: normal; font-weight: 400; font-size: 16px; line-height: 27px; color: #211E1C; position: relative; } .diagnosis-symptoms__item::before { content: ""; position: absolute; width: 4px; height: 4px; background-color: #211E1C; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; left: -10px; top: 12px; } .diagnosis-symptoms__link { text-decoration: underline; } .diagnosis-symptoms__right { padding-top: 62px; } .diagnosis-symptoms__heading { padding: 32px 32px 32px 32px; } .diagnosis-symptoms__tit { margin-bottom: 26px; } .diagn__alph--md { max-width: 412px; width: 100%; background-color: #F6F2EE; padding: 32px 32px; margin-bottom: 32px; } .diagn__alph-heading--md { font-weight: 300; font-size: 26px; line-height: 24px; color: #211E1C; } .diagn__letter-link--md { background-color: #A1C74F; color: #FFFFFF; } .art__curat--md { max-width: 412px; } .wrp-art--md { max-width: 412px; } @media (max-width: 1344px) { .diagnosis-symptoms__list-wrapper { -webkit-box-flex: 0; -webkit-flex: 0 1 54%; -moz-box-flex: 0; -ms-flex: 0 1 54%; flex: 0 1 54%; } } @media (max-width: 1024px) { .diagnosis-symptoms__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .diagnosis-symptoms__1024 { display: block; margin-bottom: 0; } .diagn__alph--md { max-width: 100%; } .diagnosis-symptoms__hidden { display: none; } .art__curat--md { max-width: 100%; } .wrp-art--md { max-width: 100%; } } @media (max-width: 576px) { .diagnosis-symptoms__1024 { background-color: white; padding: 10px 32px; } .diagn__alph--md { background-color: #fff; margin-bottom: 24px; } .diagnosis-symptoms__heading { padding: 32px 32px 32px 32px; } .diagnosis-symptoms__list { padding: 0 32px; } } @media (max-width: 406px) { .diagnosis-symptoms__heading { padding: 32px 32px 14px 32px; } } .heading__wrapper--md { display: block; padding: 52px 0 23px 0; } .heading__header--md { font-size: 42px; padding-bottom: 56px; line-height: 38px; } @media (max-width: 1024px) { .heading__header--md { font-size: 28px; } .heading__views--md { display: block; } } @media (max-width: 576px) { .heading__header--md { font-size: 22px; } .heading__views--md { display: none; } } .psychosomatic-diseases .children__call-wrapper { max-width: 832px; } .psychosomatic-diseases__wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding-bottom: 96px; } .psychosomatic-diseases .psychosomatic-diseases--md { margin-bottom: 40px; } .psychosomatic-diseases__title-1 { font-weight: 300; font-size: 32px; line-height: 36px; color: #211E1C; margin-bottom: 40px; } .psychosomatic-diseases__subtitle { max-width: 832px; font-weight: 400; font-size: 16px; line-height: 32px; color: #211E1C; margin: 0 0 35px 0; } .psychosomatic-diseases__title-2 { max-width: 800px; font-weight: 300; font-size: 32px; line-height: 36px; color: #211E1C; margin-bottom: 32px; } .psychosomatic-diseases__list { padding-left: 25px; margin-bottom: 40px; } .psychosomatic-diseases__list-item { max-width: 832px; list-style-type: decimal; font-weight: 400; font-size: 16px; line-height: 28px; color: #211E1C; } .psychosomatic-diseases__title-3 { max-width: 832px; font-weight: 300; font-size: 32px; line-height: 36px; color: #211E1C; margin-bottom: 28px; } .psychosomatic-diseases .art__items-box { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .psychosomatic-diseases .art__items-box .art__item { width: 400px; } .psychosomatic-diseases .art__items-box .art__item video { width: 100%; } .psychosomatic-diseases .art__left { padding-top: 64px; } .psychosomatic-diseases .art__curat--md { margin-bottom: 0; } .art__widget--md { display: none; } @media (max-width: 1344px) { .psychosomatic-diseases__wrapper-text { max-width: 544px; } .psychosomatic-diseases .art__items-box .art__item { width: 100%; } } @media (max-width: 1024px) { .psychosomatic-diseases__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 50px; padding-top: 64px; } .heading-card__arrow { bottom: 16px; } .prev--md { left: auto; right: 74px; } .psychosomatic-diseases__wrapper-text { max-width: 100%; } .psychosomatic-diseases .art__widget { display: none; } .art__widget--md { display: block; margin-bottom: 30px; } .psychosomatic-diseases .art__items-box .art__item { width: 48%; } } @media (max-width: 576px) { .psychosomatic-diseases__wrapper { padding-bottom: 30px; padding-top: 20px; } .psychosomatic-diseases .psychosomatic-diseases--md { margin-bottom: 32px; } .psychosomatic-diseases__title-1 { font-size: 24px; line-height: 32px; margin-bottom: 16px; } .psychosomatic-diseases__subtitle { font-size: 15px; line-height: 28px; margin-bottom: 25px; } .psychosomatic-diseases__title-2 { font-size: 24px; line-height: 32px; margin-bottom: 16px; } .psychosomatic-diseases__list { margin-bottom: 24px; } .psychosomatic-diseases__list-item { font-size: 15px; line-height: 24px; } .psychosomatic-diseases__list-item:not(:last-child) { margin-bottom: 10px; } .psychosomatic-diseases__title-3 { font-size: 24px; line-height: 32px; } .psychosomatic-diseases .art__left { padding-top: 0; } .psychosomatic-diseases .art__items-box .art__item { width: 100%; } } .children__table-contents { max-width: 320px; } .children__wrapper { padding-top: 96px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .children__contents { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 32px; } .children__title { font-weight: 300; font-size: 40px; line-height: 46px; color: #211E1C; margin-bottom: 32px; padding-top: 9px; } .children__list { padding-left: 10px; } .children__list-item { font-weight: 400; font-size: 16px; line-height: 21px; color: #211E1C; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .children__list-item:not(:last-child) { margin-bottom: 10px; } .children__list-item::before { content: ""; display: inline-block; width: 3px; height: 3px; background-color: #211E1C; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-right: 9px; } .children__image { width: 512px; height: 320px; float: right; margin-left: 40px; } .children__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .children__hidden { display: none; } .children__paragraph { font-weight: 400; font-size: 16px; line-height: 32px; color: #211E1C; max-width: 832px; margin: 0 0 32px 0; } .children__call-wrapper { margin-bottom: 32px; background: -webkit-gradient(linear, left top, left bottom, from(#7f8070), color-stop(0.01%, #9e958d), to(#595450)); background: -webkit-linear-gradient(top, #7f8070 0%, #9e958d 0.01%, #595450 100%); background: -moz-linear-gradient(top, #7f8070 0%, #9e958d 0.01%, #595450 100%); background: -o-linear-gradient(top, #7f8070 0%, #9e958d 0.01%, #595450 100%); background: linear-gradient(180deg, #7f8070 0%, #9e958d 0.01%, #595450 100%); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .children__problems { background: -webkit-gradient(linear, left top, left bottom, from(#F6F2EE), to(rgba(246, 242, 238, 0))); background: -webkit-linear-gradient(top, #F6F2EE 0%, rgba(246, 242, 238, 0) 100%); background: -moz-linear-gradient(top, #F6F2EE 0%, rgba(246, 242, 238, 0) 100%); background: -o-linear-gradient(top, #F6F2EE 0%, rgba(246, 242, 238, 0) 100%); background: linear-gradient(180deg, #F6F2EE 0%, rgba(246, 242, 238, 0) 100%); -webkit-border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; padding: 40px 40px; max-width: 832px; } .children__problems-title { font-weight: 400; font-size: 18px; line-height: 24px; color: #211E1C; max-width: 717px; margin-bottom: 16px; } .children__problems-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-bottom: 24px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .children__problems-list { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; width: 100%; -webkit-column-gap: 5%; -moz-column-gap: 5%; column-gap: 5%; } .children__problems-item { font-weight: 300; font-size: 16px; line-height: 30px; color: #211E1C; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -webkit-align-items: baseline; -moz-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .children__problems-item a { width: 100%; border-bottom: 1px solid rgba(89, 84, 80, 0); } .children__problems-item::before { content: ""; background-image: url(/local/templates/rehab/assets/css/../img/children-arrow.svg); background-repeat: no-repeat; display: inline-block; width: 6px; height: 12px; margin-right: 12px; } .children__problems-link:hover { border-bottom: 1px solid rgba(89, 84, 80, 0.16); } .children__problems-link:active { border-bottom: 1px solid rgba(89, 84, 80, 0.32); } .children__problems-btn { padding: 11px 24px; font-weight: 400; font-size: 15px; line-height: 22px; letter-spacing: 0.02em; color: #211E1C; border: 2px solid #A1C74F; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; max-width: 227px; height: 48px; width: 100%; cursor: pointer; background-color: #FFFFFF; text-align: center; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; transition: 0.3s linear; } .children__problems-btn:hover { background-color: #DFECC2; } .children__problems-btn:active { background-color: #A1C74F; } .art__call--bg--r { background-image: url(/local/templates/rehab/assets/css/../img/children-bg.svg); background-repeat: no-repeat; background-position: 350px; } @media (max-width: 1344px) { .children__image { float: unset; margin-left: unset; } .children__wrapper { padding-top: 64px; } .children__contents { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .children__title { padding-top: 0; } .children__image { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; width: 543px; height: 320px; margin-bottom: 40px; } .children__call-wrapper { max-width: 544px; } .art__call--bg--r { background-position: 268px; } .children__problems-list--md-3 { display: none; } .children__problems-list { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media (max-width: 1024px) { .children__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 76px; } .children__wrapper .art__widget { margin-bottom: 32px; } .children__image { width: 100%; height: 288px; } .children__hidden { display: block; } .children__call-wrapper { max-width: 100%; } .children__problems { padding: 32px 32px; } .children__problems-list--md-2 { display: none; } .children__problems-btn { max-width: 100%; } .children__show { display: none; } } @media (max-width: 576px) { .children__problems { padding: 22px 18px; } .children__problems-btn { padding: 7px 7px; } .children__wrapper { padding-bottom: 0; padding-top: 20px; } .children__contents { margin-bottom: 20px; } .children__title { font-size: 32px; line-height: 36px; margin-bottom: 15px; } .children__list-item { font-size: 15px; line-height: 18px; } .children__problems-list { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } .children__image { margin-bottom: 19px; } .children__paragraph { font-size: 15px; line-height: 26px; } .children__problems-title { font-size: 15px; line-height: 20px; } .children__problems-item { font-size: 15px; line-height: 28px; } } .psychiatry__information-wrapper { background-color: #F7F2EE; border-top: 1px solid #eee5dc; } .psychiatry__information-tabs { padding: 12px 0; } .psychiatry__tab { border: none; font-weight: 400; font-size: 15px; line-height: 24px; color: #211E1C; background-color: transparent; cursor: pointer; max-width: 100%; padding: 0 12px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .psychiatry__tab.active { background-color: white; cursor: default; } .psychiatry__tab--md { text-align: center; margin-left: 43px; } .psychiatry__arrow { display: none; width: 24px; height: 24px; background-color: #FFFFFF; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .psychiatry__arw { width: 8px; height: 5px; } .psychiatry__wrapper { padding: 96px 0 70px 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .psychiatry__top { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; max-width: 832px; } .psychiatry__paragraph { font-size: 16px; line-height: 32px; font-weight: 400; color: #211E1C; margin: 0 0 40px 0; } .psychiatry__paragraph--md { max-width: 288px; padding-top: 20px; margin: 0 32px 0 0; } .psychiatry__image { width: 512px; height: 320px; } .psychiatry__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .psychiatry__paragraph-wrapper { max-width: 832px; } .psychiatry__paragraph-bold { font-weight: 700; } .psychiatry .diagn__alph { width: 765px; } .psychiatry h2 { font-style: normal; font-weight: 300; font-size: 40px; line-height: 46px; margin-top: 0px; overflow-wrap: break-word; margin-bottom: 30px; } @media (max-width: 1344px) { .psychiatry h2 { margin-top: 30px; } } @media (max-width: 1024px) { .psychiatry h2 { padding-left: 32px; padding-right: 32px; } } @media (max-width: 576px) { .psychiatry h2 { font-size: 32px; line-height: 36px; margin-top: 20px; } } .banners-wrapper { margin-bottom: 40px; } @media (max-width: 1344px) { .psychiatry__wrapper-inner { max-width: 544px; } .psychiatry__top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .psychiatry__paragraph--md { max-width: 100%; margin: 0; } .psychiatry__image { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; width: 100%; height: 352px; } .psychiatry__paragraph-wrapper { max-width: 544px; } .children__problems-list:not(:last-child) { margin-right: 47px; } .psychiatry .diagn__alph { width: 468px; } } @media (max-width: 1024px) { .psychiatry__information-wrapper { background-color: #FFFFFF; border-top: none; padding-top: 32px; margin-bottom: 32px; } .psychiatry__information-tabs { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; max-width: 100%; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .psychiatry__tab { padding: 12px 20px; background-color: #F6F2EE; height: 48px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 500px; -webkit-border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; } .psychiatry__tab.active { -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.08) inset; -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.08) inset; box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.08) inset; background: rgb(238, 229, 220); } .psychiatry__tab--md { margin-left: 0; border-top: 1px solid #eee5dc; background: -webkit-gradient(linear, left top, left bottom, from(#F7F2EE), to(rgba(247, 242, 238, 0.56))); background: -webkit-linear-gradient(top, #F7F2EE 0%, rgba(247, 242, 238, 0.56) 100%); background: -moz-linear-gradient(top, #F7F2EE 0%, rgba(247, 242, 238, 0.56) 100%); background: -o-linear-gradient(top, #F7F2EE 0%, rgba(247, 242, 238, 0.56) 100%); background: linear-gradient(180deg, #F7F2EE 0%, rgba(247, 242, 238, 0.56) 100%); -webkit-border-radius: 0px 0px 4px 4px; -moz-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; } .psychiatry__arrow { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .psychiatry__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 0 70px 0; } .psychiatry__wrapper-inner { max-width: 100%; } .psychiatry__paragraph-wrapper { max-width: 100%; } .children__problems { margin-bottom: 20px; } .psychiatry .diagn__alph { margin-bottom: 35px; max-width: 100%; width: 100%; } .diagn__letter-link--md { background-color: #a1c74f; } } @media (max-width: 576px) { .banners-wrapper { margin-bottom: 20px; } .psychiatry__tab { width: 100%; max-width: 380px; } .psychiatry__wrapper { padding: 0; } .psychiatry__top { margin-bottom: 17px; } .psychiatry__image { height: auto; } .psychiatry__paragraph { font-size: 15px; line-height: 26px; } .psychiatry__paragraph { margin: 0 0 20px 0; } .art__left { margin-top: 0; gap: 32px; } } .dependencies__btn-inner { display: inline-block; } .dependencies .psychiatry__tab { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .dependencies .psychiatry__tab:not(:last-child) { margin-right: 50px; } .dependencies .psychiatry__tab.active { background-color: white; padding: 0 12px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .dependencies .active .dependencies__arw-2 { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } .dependencies .active .psychiatry__arw { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .dependencies .dependencies__list-576 { display: none; padding-left: 14px; background: -webkit-gradient(linear, left top, left bottom, from(#F7F2EE), to(rgba(247, 242, 238, 0.56))); background: -webkit-linear-gradient(top, #F7F2EE 0%, rgba(247, 242, 238, 0.56) 100%); background: -moz-linear-gradient(top, #F7F2EE 0%, rgba(247, 242, 238, 0.56) 100%); background: -o-linear-gradient(top, #F7F2EE 0%, rgba(247, 242, 238, 0.56) 100%); background: linear-gradient(180deg, #F7F2EE 0%, rgba(247, 242, 238, 0.56) 100%); -webkit-border-radius: 0px 0px 4px 4px; -moz-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; padding-bottom: 16px; } .dependencies__arw-2 { margin-left: 10px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; transition: 0.3s linear; } .dependencies__wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 76px; } .dependencies__main { max-width: 832px; } .dependencies__main p { font-weight: 400; font-size: 16px; line-height: 32px; color: #211E1C; max-width: 832px; margin: 0 0 35px 0; } .dependencies__main p a { text-decoration: underline; } .dependencies__main h3 { margin-bottom: 35px; } .dependencies__main .art__banner { height: unset; padding-top: 20px; padding-bottom: 20px; } .dependencies__main .art__banner p:last-child { margin: 0; } .dependencies__main .art__banner:not(:last-child) { margin-bottom: 14px; } .dependencies__links { margin-bottom: 76px; padding: 12px; display: none; } .dependencies__links-wrapper { background: rgba(246, 242, 238, 0.32); } .dependencies .show { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .dependencies .open { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .dependencies__item:not(:last-child) { margin-right: 48px; } .dependencies__link { font-weight: 400; font-size: 15px; line-height: 24px; color: #211E1C; } .dependencies__link:hover { border-bottom: 1px solid rgba(89, 84, 80, 0.16); } .dependencies__top { margin-bottom: 32px; } .dependencies__paragraph { font-weight: 400; font-size: 16px; line-height: 32px; color: #211E1C; max-width: 832px; margin: 0 0 35px 0; } .dependencies__image-wrapper { width: 512px; height: 320px; float: right; margin-left: 25px; } .dependencies__image-wrapper img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .dependencies__paragraph-item-1 { font-weight: 700; } .dependencies__list { padding-left: 18px; margin-bottom: 36px; } .dependencies__list-item { font-weight: 400; font-size: 16px; line-height: 20px; color: #211E1C; position: relative; } .dependencies__list-item::before { content: ""; display: inline-block; width: 3px; height: 3px; background-color: #211E1C; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; left: -11px; top: 8px; } .dependencies__list-item:not(:last-child) { margin-bottom: 10px; } @media (max-width: 1344px) { .dependencies__top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .dependencies__paragraph--md { max-width: 100%; } .dependencies__image-wrapper { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; margin-bottom: 32px; width: 544px; height: 352px; } .dependencies__main { max-width: 544px; } } @media (max-width: 1024px) { .dependencies__wrapper { margin-top: unset; } .dependencies .psychiatry__tab:not(:last-child) { margin: 0; } .dependencies__btn-inner:not(:last-child) { border-bottom: 1px solid #EEE5DC; } .dependencies .psychiatry__tab.active { background-color: #F6F2EE; padding: 12px 20px; } .dependencies__arw-2 { display: none; } .dependencies__item-576 { position: relative; padding-left: 24px; max-width: 120px; } .dependencies__item-576.active { background: #EEE5DC; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .dependencies__item-576:hover { background: #EEE5DC; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .dependencies__item-576::before { content: ""; display: inline-block; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #211E1C; width: 4px; height: 4px; left: 12px; top: 12px; } .dependencies__link-576 { font-weight: 400; font-size: 13px; line-height: 28px; color: #211E1C; } .dependencies .show-2 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .dependencies__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .dependencies__main { max-width: 100%; } .dependencies .show { display: none; } .dependencies__links { display: none; } .dependencies__image-wrapper { width: 100%; height: 100%; } .dependencies__paragraph { margin-bottom: 20px; } .art__call--bg--r { background-position: 204px; } .dependencies .art__left { padding-top: 45px; } } @media (max-width: 576px) { .psychiatry__information-tabs { -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .dependencies .psychiatry__tab { max-width: 100%; } .art__call { background-position: 108px; } .dependencies .art__left { gap: 20px; } } .news__wrapper { padding: 32px 0 81px 0; } .news__select-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .news__select { width: 192px; height: 44px; background-color: #FFFFFF; border: 1px solid #EEE5DC; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 11px 18px; font-weight: 400; font-size: 13px; line-height: 22px; letter-spacing: 0.02em; color: #211E1C; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background-image: url(/img/arrow-input.svg); background-repeat: no-repeat; background-position: 168px center; } .news__columns { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 32px; padding-top: 32px; margin-bottom: 25px; } .news__column { -webkit-box-flex: 0; -webkit-flex: 0 1 31%; -moz-box-flex: 0; -ms-flex: 0 1 31%; flex: 0 1 31%; height: auto; cursor: pointer; } .news__column--md { padding-top: 13px; } .news__column-img-wrapper { width: 405px; height: auto; } .news__column-img { width: 100%; max-height: 100%; -o-object-fit: cover; object-fit: cover; display: block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .news__column-title { font-weight: 300; font-size: 25px; line-height: 36px; color: #211E1C; margin: 15px 0 16px 0; } .news__column-paragraph { font-weight: 400; font-size: 16px; line-height: 26px; color: #211E1C; margin: 0 0 16px 0; } .news__column-footer { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .news__column-date { font-weight: 400; font-size: 15px; line-height: 15px; color: #9EC650; } .news__column-link { font-weight: 400; font-size: 15px; line-height: 15px; color: rgba(89, 84, 80, 0.48); } .news__column-link-4 { display: none; } .news__column-link-7 { display: none; } .news__column-link-10 { display: none; } .news__column-link-13 { display: none; } .news__column-link svg { width: 16px; height: 8px; } .news__pagination-items { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; max-width: 540px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .news__pagination-item { width: 64px; height: 48px; background-color: #F6F2EE; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; border: 1px solid transparent; } .news__pagination-item:hover { background-color: #FFFFFF; border: 1px solid #F6F2EE; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .news__pagination-item:not(:last-child) { margin-right: 4px; } .news__pagination-link { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; font-weight: 400; font-size: 16px; line-height: 19px; letter-spacing: 0.02em; color: #000000; text-decoration: none; } .news .pagination-active-bg { background-color: #FFFFFF; border: 1px solid #F6F2EE; } .news__pagination-arrow--next { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } @media (max-width: 1344px) { .news__columns { margin-bottom: 45px; } .news__column-img-wrapper { width: 464px; } .news__column-10 { display: none; } } @media (max-width: 1024px) { .news__wrapper { padding-bottom: 40px; } .news__select-wrapper { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .news__select { width: 384px; background-position: 354px center; } .news__columns { gap: 25px; } .news__column { -webkit-box-flex: 0; -webkit-flex: 0 1 100%; -moz-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; } .news__column-3 { display: none; } .news__column-4 { display: none; } .news__column-5 { display: none; } .news__column-6 { display: none; } .news__column-7 { display: none; } .news__column-8 { display: none; } .news__column--md { padding-top: 0; } .news__column-img-wrapper { width: 100%; } .news__pagination-items { max-width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 576px) { .news__wrapper { padding-bottom: 40px; } .news__select { width: 256px; background-position: 228px center; } .news__column-img { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .news__column-9 { display: none; } .news__column-15 { display: none; } .news__column-title { font-size: 24px; line-height: 28px; margin-top: 0; } .news__column-paragraph { font-size: 15px; line-height: 23px; } .news__pagination-item { width: 48px; height: 48px; } .news__pagination-4 { display: none; } .news__pagination-5 { display: none; } .news__pagination-6 { display: none; } } .news-card__left-main img { max-width: 100%; height: auto; } .news-card__wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 96px 0 100px 0; } .news-card__image-1 { max-width: 832px; margin-bottom: 32px; } .news-card__img-1 { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .news-card__paragraph { font-weight: 400; font-size: 16px; line-height: 32px; color: #211E1C; max-width: 832px; margin-top: 0; } .news-card__image-2 { max-width: 832px; } .news-card__img-2 { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .news-card__column-right { padding: 32px 34px; max-width: 384px; background-color: #F6F2EE; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom: 32px; } .news-card__column-title-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } .news-card__column-title { font-weight: 300; font-size: 26px; line-height: 24px; color: #211E1C; } .news-card__column-news { font-weight: 400; font-size: 13px; line-height: 13px; letter-spacing: 0.04em; color: #595450; } .news-card__column-items { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .news-card__column-item:not(:last-child) { margin-bottom: 20px; } .news-card__column-item-wrapper { max-width: 317px; margin-bottom: 12px; } .news-card__column-item-img { max-width: 317px; width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; } .news-card__column-item-title { font-weight: 400; font-size: 16px; line-height: 22px; color: #211E1C; margin-bottom: 8px; } .news-card__column-item-date { font-weight: 400; font-size: 15px; line-height: 15px; color: #9EC650; } .news-card__column-item-link-1 { display: none; } .news-card__column-item-link-2 { display: none; } .news-card__column-item-link-3 { display: none; } .news-card__slaider-mini-wrapper { max-width: 384px; padding: 32px 35px; background-color: #F6F2EE; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position: relative; } .news-card__slaider-mini-title-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 16px; } .news-card__slaider-mini-title { font-weight: 300; font-size: 26px; line-height: 24px; color: #211E1C; } .news-card__slaider-mini-nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .news-card__slaider-mini-nav-wrapper { width: 32px; height: 32px; background-color: #FDB942; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .news-card__slaider-mini-nav-wrapper:not(:last-child) { margin-right: 5px; } .news-card__slaider-mini-nav-arrow { width: 11px; height: 11px; } .news-card__slaider-mini-items { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .news-card__slaider-mini-item-wrapper { max-width: 317px; margin-bottom: 12px; } .news-card__slaider-mini-item-img { max-width: 317px; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; } .news-card__slaider-mini-item-title { font-weight: 400; font-size: 16px; line-height: 22px; color: #211E1C; margin-bottom: 8px; } .news-card__slaider-mini-item-date { font-weight: 400; font-size: 15px; line-height: 15px; color: #9EC650; } .news-card__slaider-mini-item-link-1 { display: none; } .news-card__slaider-mini-text { position: absolute; bottom: 69px; right: -190px; } .news-card__slaider-bg { background: -webkit-gradient(linear, left top, left bottom, from(#F7F2EE), to(rgba(247, 242, 238, 0))); background: -webkit-linear-gradient(top, #F7F2EE 0%, rgba(247, 242, 238, 0) 100%); background: -moz-linear-gradient(top, #F7F2EE 0%, rgba(247, 242, 238, 0) 100%); background: -o-linear-gradient(top, #F7F2EE 0%, rgba(247, 242, 238, 0) 100%); background: linear-gradient(180deg, #F7F2EE 0%, rgba(247, 242, 238, 0) 100%); } .news-card__slaider-wrapper { padding: 96px 0 60px 0; } .news-card__slaider-wrapper-title { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 32px; } .news-card__slaider-title { font-weight: 400; font-size: 42px; line-height: 46px; letter-spacing: 0.02em; color: #211E1C; } .news-card__slaider-nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .news-card__slaider-nav-wrapper { width: 48px; height: 48px; background-color: #FDB942; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .news-card__prev { background-color: rgba(253, 185, 66, 0.32); } .news-card__slaider-nav-wrapper:not(:last-child) { margin-right: 5px; } .news-card__slaider-nav-wrapper:hover { background-color: #F1AC34; } .news-card__slaider-nav-wrapper:active { -webkit-box-shadow: inset 0px 4px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow: inset 0px 4px 0px rgba(0, 0, 0, 0.08); box-shadow: inset 0px 4px 0px rgba(0, 0, 0, 0.08); } .news-card__slaider-nav-arrow { width: 15px; height: 15px; } .news-card__slaider-items { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .news-card__slaider-item-wrapper { margin-bottom: 24px; } .news-card__slaider-item-img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .news-card__slaider-item-title { font-weight: 300; font-size: 24px; line-height: 32px; color: #211E1C; margin-bottom: 16px; } .news-card__slaider-item-footer { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .news-card__slaider-item-date { font-weight: 400; font-size: 15px; line-height: 15px; color: #9EC650; } .news-card__slaider-item-link { font-weight: 400; font-size: 15px; line-height: 15px; color: rgba(89, 84, 80, 0.48); } .heading__link { font-weight: 400; font-size: 15px; line-height: 18px; color: #595450; } @media (max-width: 1024px) { .heading__header { font-size: 28px; margin-bottom: 20px; margin-top: 20px; } .diagnosis-symptoms__text { margin-bottom: 22px; } .heading__info { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 16px; } .heading__date { display: none; } } @media (max-width: 576px) { .heading__header { font-size: 20px; } .diagnosis-symptoms__tit { margin-bottom: 0; } } @media (max-width: 1344px) { .news-card__wrapper { padding-top: 64px; } .news-card__left-main { max-width: 544px; } .news-card__slaider-mini-text { display: none; } .news-card__slaider-wrapper { padding-bottom: 64px; } } @media (max-width: 1024px) { .news-card__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 96px 0 30px 0; } .news-card__left-main { max-width: 100%; } .news-card__image-2 { margin-bottom: 32px; } .news-card__right-main { margin: 0 auto; } .news-card__slaider-mini-wrapper { margin-bottom: 64px; } } @media (max-width: 576px) { .news-card__wrapper { padding-top: 20px; } .news-card__paragraph { font-weight: 400; font-size: 15px; line-height: 28px; color: #211E1C; } .news-card__column-right { margin-bottom: 10px; } .news-card__column-news { display: none; } .news-card__slaider-mini-wrapper { background-color: #fff; margin: 0; } .news-card__slaider-mini-title { font-size: 22px; } .news-card__left-main img { height: auto; } } .payment__wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding-bottom: 28px; } .payment__flex { max-width: 800px; padding-top: 16px; } .payment__list-nav { padding: 52px 0 0 37px; max-width: 264px; margin-right: 120px; } .payment__list-chapter { list-style-type: decimal; padding: 10px 0; } .payment__list-chapter:hover { background: -webkit-gradient(linear, left top, right top, from(#F6F2EE), to(rgba(246, 242, 238, 0))); background: -webkit-linear-gradient(left, #F6F2EE 0%, rgba(246, 242, 238, 0) 100%); background: -moz-linear-gradient(left, #F6F2EE 0%, rgba(246, 242, 238, 0) 100%); background: -o-linear-gradient(left, #F6F2EE 0%, rgba(246, 242, 238, 0) 100%); background: linear-gradient(90deg, #F6F2EE 0%, rgba(246, 242, 238, 0) 100%); -webkit-border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; } .payment__list-link { font-weight: 400; font-size: 15px; line-height: 20px; color: #211E1C; } .payment__title { font-weight: 300; font-size: 40px; line-height: 46px; color: #211E1C; max-width: 614px; margin-bottom: 32px; } .payment__section { font-weight: 600; font-size: 16px; line-height: 32px; color: #211E1C; margin-bottom: 24px; display: block; } .payment__cards { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-bottom: 32px; } .payment__cards-wrapper { max-width: 128px; } .payment__cards-wrapper:not(:last-child) { margin-right: 16px; } .payment__card { border: 1px solid #EEE5DC; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 128px; height: 80px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 8px; } .payment__image { max-width: 100%; } .payment__cards-text { font-weight: 400; font-size: 15px; line-height: 18px; color: #211E1C; padding-left: 15px; display: block; } .payment__list-paragraph { margin: 0 0 25px 0; font-weight: 400; font-size: 16px; line-height: 32px; color: #211E1C; } .payment__list-nested { padding-left: 12px; margin-bottom: 32px; } .payment__nested { font-weight: 400; font-size: 16px; line-height: 30px; color: #211E1C; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .payment__nested::before { content: ""; display: inline-block; width: 3px; height: 3px; background-color: #211E1C; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-right: 9px; } .payment__form-wrapper::before { content: ""; display: inline-block; background-color: #EEE5DC; height: 2px; width: 100%; margin-bottom: 23px; } .payment__form-inner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .payment__form-inputs { -webkit-box-flex: 0; -webkit-flex: 0 1 82%; -moz-box-flex: 0; -ms-flex: 0 1 82%; flex: 0 1 82%; margin-right: 32px; } .payment__form-label { font-weight: 400; font-size: 13px; line-height: 26px; letter-spacing: 0.02em; color: #211E1C; } .payment__form-label::after { content: "*"; display: inline-block; color: #FAA61A; } .payment__form-input { display: block; padding: 16px 0 16px 16px; height: 44px; border: 1px solid #EEE5DC; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #FFFEFE; width: 100%; } .payment__form-input:not(:last-child) { margin-bottom: 18px; } .payment__form-input::-webkit-input-placeholder { font-weight: 300; font-size: 13px; line-height: 44px; letter-spacing: 0.02em; color: rgba(33, 30, 28, 0.72); } .payment__form-input:-moz-placeholder { font-weight: 300; font-size: 13px; line-height: 44px; letter-spacing: 0.02em; color: rgba(33, 30, 28, 0.72); } .payment__form-input::-moz-placeholder { font-weight: 300; font-size: 13px; line-height: 44px; letter-spacing: 0.02em; color: rgba(33, 30, 28, 0.72); } .payment__form-input:-ms-input-placeholder { font-weight: 300; font-size: 13px; line-height: 44px; letter-spacing: 0.02em; color: rgba(33, 30, 28, 0.72); } .payment__form-input::-ms-input-placeholder { font-weight: 300; font-size: 13px; line-height: 44px; letter-spacing: 0.02em; color: rgba(33, 30, 28, 0.72); } .payment__form-input::placeholder { font-weight: 300; font-size: 13px; line-height: 44px; letter-spacing: 0.02em; color: rgba(33, 30, 28, 0.72); } .payment__form-input:focus { outline-color: #FDB942; } .payment__textarea-wrapper { -webkit-box-flex: 0; -webkit-flex: 0 1 88%; -moz-box-flex: 0; -ms-flex: 0 1 88%; flex: 0 1 88%; } .payment__form-textarea { display: block; padding: 13px 16px 0 16px; border: 1px solid #EEE5DC; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #FFFEFE; width: 100%; height: 220px; } .payment__form-textarea::-webkit-input-placeholder { font-weight: 300; font-size: 13px; line-height: 20px; letter-spacing: 0.02em; color: rgba(33, 30, 28, 0.72); } .payment__form-textarea:-moz-placeholder { font-weight: 300; font-size: 13px; line-height: 20px; letter-spacing: 0.02em; color: rgba(33, 30, 28, 0.72); } .payment__form-textarea::-moz-placeholder { font-weight: 300; font-size: 13px; line-height: 20px; letter-spacing: 0.02em; color: rgba(33, 30, 28, 0.72); } .payment__form-textarea:-ms-input-placeholder { font-weight: 300; font-size: 13px; line-height: 20px; letter-spacing: 0.02em; color: rgba(33, 30, 28, 0.72); } .payment__form-textarea::-ms-input-placeholder { font-weight: 300; font-size: 13px; line-height: 20px; letter-spacing: 0.02em; color: rgba(33, 30, 28, 0.72); } .payment__form-textarea::placeholder { font-weight: 300; font-size: 13px; line-height: 20px; letter-spacing: 0.02em; color: rgba(33, 30, 28, 0.72); } .payment__form-textarea:focus { outline-color: #FDB942; } .payment__checkboxes { margin: 15px 0; } .payment__checkbox-wrapper { margin-bottom: 10px; display: flex; align-items: center; } .payment__checkbox { margin-right: 10px; } .payment__checkbox-label { font-size: 13px; line-height: 1.4; } .payment__policy-link { color: #a1c74f; font-weight: 600; } .payment__form-footer { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding-top: 16px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .payment__form-button { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 44px; background: -webkit-gradient(linear, left top, right top, from(#C3D54E), to(#A1C74F)); background: -webkit-linear-gradient(left, #C3D54E 0%, #A1C74F 100%); background: -moz-linear-gradient(left, #C3D54E 0%, #A1C74F 100%); background: -o-linear-gradient(left, #C3D54E 0%, #A1C74F 100%); background: linear-gradient(90deg, #C3D54E 0%, #A1C74F 100%); -webkit-box-shadow: inset 0px 6px 6px rgba(255, 255, 255, 0.32); -moz-box-shadow: inset 0px 6px 6px rgba(255, 255, 255, 0.32); box-shadow: inset 0px 6px 6px rgba(255, 255, 255, 0.32); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-weight: 500; font-size: 13px; line-height: 44px; letter-spacing: 0.02em; color: #FFFFFF; border: 0; cursor: pointer; width: 170px; margin-right: 16px; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; transition: 0.3s linear; } .payment__form-button:hover { background: -webkit-gradient(linear, left top, right top, from(#C3D54E), to(#A1C74F)); background: -webkit-linear-gradient(left, #C3D54E 0%, #A1C74F 100%); background: -moz-linear-gradient(left, #C3D54E 0%, #A1C74F 100%); background: -o-linear-gradient(left, #C3D54E 0%, #A1C74F 100%); background: linear-gradient(90deg, #C3D54E 0%, #A1C74F 100%); } .payment__form-button:active { background: -webkit-gradient(linear, left top, right top, from(#C3D54E), to(#A1C74F)); background: -webkit-linear-gradient(left, #C3D54E 0%, #A1C74F 100%); background: -moz-linear-gradient(left, #C3D54E 0%, #A1C74F 100%); background: -o-linear-gradient(left, #C3D54E 0%, #A1C74F 100%); background: linear-gradient(90deg, #C3D54E 0%, #A1C74F 100%); -webkit-box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.12); -moz-box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.12); box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.12); } .payment__form-text { max-width: 415px; font-weight: 400; font-size: 13px; line-height: 16px; color: #211E1C; } .active-bg { background: -webkit-gradient(linear, left top, right top, from(#F6F2EE), to(rgba(246, 242, 238, 0))); background: -webkit-linear-gradient(left, #F6F2EE 0%, rgba(246, 242, 238, 0) 100%); background: -moz-linear-gradient(left, #F6F2EE 0%, rgba(246, 242, 238, 0) 100%); background: -o-linear-gradient(left, #F6F2EE 0%, rgba(246, 242, 238, 0) 100%); background: linear-gradient(90deg, #F6F2EE 0%, rgba(246, 242, 238, 0) 100%); -webkit-border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; } @media (max-width: 1344px) { .payment__list-nav { margin-right: 48px; max-width: 240px; } .payment__flex { max-width: 672px; } .payment__title { max-width: 576px; } .payment__form-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .payment__form-input { margin-bottom: 8px; } .payment__form-inputs { margin-right: 0; } } @media (max-width: 1024px) { .payment__list-nav { display: none; } .payment__flex { padding-top: 45px; } .payment__title { max-width: 100%; } .payment__cards { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .payment__form-footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media (max-width: 576px) { .payment__title { font-size: 24px; line-height: 28px; margin-bottom: 15px; } .payment__section { font-size: 15px; line-height: 23px; margin-bottom: 14px; } .payment__list-paragraph { font-size: 15px; line-height: 23px; margin: 0 0 17px 0; } .payment__list-nested { margin-bottom: 18px; } .payment__form-button { width: 100%; } .payment__form-text { text-align: center; } } .personal-data__wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding-top: 34px; } .personal-data__information { max-width: 800px; } .personal-data__title { font-weight: 300; font-size: 32px; line-height: 36px; color: #211E1C; margin-bottom: 32px; } .personal-data__paragraph { font-weight: 400; font-size: 16px; line-height: 32px; color: #211E1C; margin: 0 0 32px 0; } @media (max-width: 1344px) { .payment__list-nav--margin--right { margin-right: 120px; } .personal-data__information { max-width: 580px; } } @media (max-width: 1024px) { .personal-data__information { max-width: 100%; } } @media (max-width: 576px) { .personal-data__title { font-size: 22px; line-height: 28px; margin-bottom: 14px; } .personal-data__paragraph { font-size: 15px; line-height: 23px; margin: 0 0 23px 0; } } .site-search__top { background-color: #F6F2EE; border-top: 1px solid #EEE5DC; } .site-search__top-wrapper { padding: 26px 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .site-search__form { width: 84%; } .site-search__input { padding: 14px 0 14px 16px; width: 100%; background-color: #FFFEFE; border: 1px solid #EEE5DC; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height: 44px; font-weight: 400; font-size: 13px; line-height: 17px; letter-spacing: 0.02em; color: #211E1C; } .site-search__input:focus { outline-color: #FDB942; } .site-search__button { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 44px; background: -webkit-gradient(linear, left top, right top, from(#C3D54E), to(#A1C74F)); background: -webkit-linear-gradient(left, #C3D54E 0%, #A1C74F 100%); background: -moz-linear-gradient(left, #C3D54E 0%, #A1C74F 100%); background: -o-linear-gradient(left, #C3D54E 0%, #A1C74F 100%); background: linear-gradient(90deg, #C3D54E 0%, #A1C74F 100%); -webkit-box-shadow: inset 0px 6px 6px rgba(255, 255, 255, 0.32); -moz-box-shadow: inset 0px 6px 6px rgba(255, 255, 255, 0.32); box-shadow: inset 0px 6px 6px rgba(255, 255, 255, 0.32); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-weight: 500; font-size: 13px; line-height: 44px; letter-spacing: 0.02em; color: #FFFFFF; border: 0; cursor: pointer; width: 170px; margin-right: 16px; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; transition: 0.3s linear; } .site-search__button:hover { background: -webkit-gradient(linear, left top, right top, from(#C3D54E), to(#A1C74F)); background: -webkit-linear-gradient(left, #C3D54E 0%, #A1C74F 100%); background: -moz-linear-gradient(left, #C3D54E 0%, #A1C74F 100%); background: -o-linear-gradient(left, #C3D54E 0%, #A1C74F 100%); background: linear-gradient(90deg, #C3D54E 0%, #A1C74F 100%); } .site-search__button:active { background: -webkit-gradient(linear, left top, right top, from(#C3D54E), to(#A1C74F)); background: -webkit-linear-gradient(left, #C3D54E 0%, #A1C74F 100%); background: -moz-linear-gradient(left, #C3D54E 0%, #A1C74F 100%); background: -o-linear-gradient(left, #C3D54E 0%, #A1C74F 100%); background: linear-gradient(90deg, #C3D54E 0%, #A1C74F 100%); -webkit-box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.12); -moz-box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.12); box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.12); } .site-search__wrapper { padding: 64px 0 90px 0; } .site-search__results:not(:last-child) { margin-bottom: 24px; border-bottom: 1px solid #EEE5DC; } .site-search__title { font-weight: 300; font-size: 24px; line-height: 32px; color: #211E1C; margin-bottom: 12px; } .site-search__description { font-weight: 400; font-size: 16px; line-height: 26px; color: #211E1C; margin: 0 0 24px 0; } .site-search__selected { font-weight: 600; } @media (max-width: 1344px) { .site-search__form { width: 79%; } } @media (max-width: 1024px) { .site-search__form { width: 70%; margin-right: 10px; } .site-search__button { margin-right: 0; } } @media (max-width: 576px) { .site-search__top-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .site-search__form { width: 100%; margin-bottom: 10px; } .site-search__button { width: 100%; } .site-search__wrapper { padding: 32px 0 22px 0; } .site-search__title { font-size: 18px; line-height: 20px; } .site-search__description { font-size: 15px; line-height: 28px; margin: 0 0 10px 0; } } .error { background-color: #F6F2EE; } .error__wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding: 64px 0 144px 0; } .error__wrapper-first-column{ -webkit-box-flex: 0; -webkit-flex: 0 1 30%; -moz-box-flex: 0; -ms-flex: 0 1 30%; flex: 0 1 30%; margin-right: 64px; padding-top: 25px; } .error__wrapper-first-column .cons__content .cons__text{ padding: 0; font-size: 16px; line-height: 26px; margin-top: 20px; } .error__wrapper-first-column .cons__content .cons__butt{ margin: 15px 0 30px; } .error__number-text::after { content: url(/img/arrow-error.svg); display: inline-block; margin-left: 286px; } .error__number { font-weight: 400; font-size: 192px; line-height: 192px; color: #211E1C; } .error__text { font-weight: 300; font-size: 24px; line-height: 32px; color: #211E1C; margin: 20px 0; } .error__text-2 { font-weight: 400; font-size: 16px; line-height: 26px; color: #211E1C; margin: 0; } .error__right { max-width: 767px; background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(top, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(top, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); -webkit-border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; padding: 40px 40px; } .error__btn { background-color: transparent; } .error .children__problems { padding: 0; background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(top, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(top, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); margin-bottom: 40px; } .error .diagn__alph { width: 100%; } @media (max-width: 1344px) { .error__wrapper-first-column { margin-right: 15px; } .error__right { max-width: 546px; } .diagn__alph-box { width: 101%; } } @media (max-width: 1024px) { .error__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 40px 0 51px 0; } .error__wrapper-first-column { text-align: center; margin-bottom: 32px; } .error__number-text::after { display: none; } .error__number { background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(top, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(top, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .error__right { margin: 0 auto; } } @media (max-width: 576px) { .error__number { font-size: 96px; line-height: 96px; } .error__text { font-size: 20px; line-height: 24px; } .error__text-2 { font-size: 15px; line-height: 20px; } } .clinic-tests__wrapper { padding: 96px 0; } .clinic-tests__items { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 32px; } .clinic-tests__item { background-color: #F6F2EE; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; max-width: 624px; padding: 40px 45px 48px 40px; } .clinic-tests__title { font-weight: 300; font-size: 24px; line-height: 28px; color: #211E1C; margin-bottom: 42px; } .clinic-tests__item p { font-weight: 400; font-size: 15px; line-height: 22px; color: #211E1C; margin: 0 0 24px 0; } .clinic-tests__inner { margin-bottom: 16px; } .clinic-tests__inner::after { content: ""; display: block; width: 64px; height: 4px; background-color: #DDCF49; margin-top: 16px; } .clinic-tests__text { font-weight: 400; font-size: 15px; line-height: 18px; color: #595450; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: baseline; -webkit-align-items: baseline; -moz-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .clinic-tests__text--img-1 { margin-right: 16px; } .clinic-tests__text--img-1::before { content: url(/img/clinic-tests-1.svg); display: inline-block; width: 12px; height: 12px; margin-right: 5px; } .clinic-tests__text--img-2::before { content: url(/img/clinic-tests-2.svg); display: inline-block; width: 12px; height: 12px; margin-right: 5px; } .clinic-tests__link { font-weight: 400; font-size: 13px; line-height: 14px; color: #595450; background-color: #FFFFFF; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 32px; width: -webkit-max-content; width: -moz-max-content; width: max-content; padding-left: 16px; padding-right: 16px; } .clinic-tests__link img { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); margin-left: 7px; } @media (max-width: 1344px) { .clinic-tests__item { max-width: 464px; } } @media (max-width: 1024px) { .clinic-tests__item { max-width: 100%; } } @media (max-width: 576px) { .clinic-tests__wrapper { padding: 0; padding-top: 20px; } .clinic-tests__items { gap: 0; } .clinic-tests__item { background: -webkit-gradient(linear, left top, left bottom, from(rgba(246, 242, 238, 0)), to(#F6F2EE)); background: -webkit-linear-gradient(top, rgba(246, 242, 238, 0) 0%, #F6F2EE 100%); background: -moz-linear-gradient(top, rgba(246, 242, 238, 0) 0%, #F6F2EE 100%); background: -o-linear-gradient(top, rgba(246, 242, 238, 0) 0%, #F6F2EE 100%); background: linear-gradient(180deg, rgba(246, 242, 238, 0) 0%, #F6F2EE 100%); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .clinic-tests__item:not(:last-child) { margin-bottom: 20px; } } .test-rafft__invalid-feedback { margin-bottom: 10px; color: #eb0f0f; display: none; } .test-rafft__invalid-feedback.is-active { display: block; } .test-rafft__wrapper { padding: 64px 0 124px 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .test-rafft__questions { max-width: 864px; gap: 12px; } .test-rafft__question { background-color: #F6F2EE; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 48px 48px; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } .test-rafft__question.is-invalid { background: #ffe8d2; } .test-rafft__question p { font-weight: 300; font-size: 24px; line-height: 32px; color: #211E1C; margin: 0 0 16px 0; } .test-rafft__question:not(:last-child) { margin-bottom: 12px; } .test-rafft__question-btn { margin-bottom: 12px; } .test-rafft__label { position: relative; display: block; padding-left: 25px; font-size: 18px; } .test-rafft__label:not(:last-child) { margin-bottom: 6px; } .test-rafft__radio { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: absolute; } .test-rafft__radio:checked + .test-rafft__box { background-image: url(/img/test-rafft-checked.svg); background-repeat: no-repeat; background-position: center; } .test-rafft__box { position: absolute; width: 13px; height: 13px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: transparent; border: 2px solid #211E1C; margin-left: -25px; cursor: pointer; margin-top: 2px; } .test-rafft__question-information { height: 100%; max-width: 384px; width: 100%; padding: 40px 64px; background-color: #F6F2EE; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .test-rafft__question-description { font-weight: 400; font-size: 16px; line-height: 24px; color: #211E1C; text-align: right; margin: 0; display: none; } .test-rafft__question-namber { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 16px; } .test-rafft__question-amount { font-weight: 400; font-size: 24px; line-height: 16px; color: #211E1C; } .test-rafft__question-progress { background-color: white; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; padding: 2px 2px; margin-bottom: 52px; } .test-rafft__question-scale { background-color: #FDB942; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; width: 5%; height: 12px; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .test-rafft__question-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 20px; } .test-rafft__question-points { font-weight: 400; font-size: 16px; line-height: 16px; color: #211E1C; margin-bottom: 8px; } .test-rafft__question-total { font-weight: 300; font-size: 80px; line-height: 80px; color: #211E1C; margin-bottom: 12px; } .test-rafft__question-information p { font-weight: 400; font-size: 16px; line-height: 24px; color: #211E1C; text-align: right; margin: 0; } .test-rafft__question-italics { font-weight: 600; } .test-rafft__question-btn { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 64px; background: -webkit-gradient(linear, left top, right top, from(#C3D54E), to(#A1C74F)); background: -webkit-linear-gradient(left, #C3D54E 0%, #A1C74F 100%); background: -moz-linear-gradient(left, #C3D54E 0%, #A1C74F 100%); background: -o-linear-gradient(left, #C3D54E 0%, #A1C74F 100%); background: linear-gradient(90deg, #C3D54E 0%, #A1C74F 100%); -webkit-box-shadow: inset 0px 6px 6px rgba(255, 255, 255, 0.32); -moz-box-shadow: inset 0px 6px 6px rgba(255, 255, 255, 0.32); box-shadow: inset 0px 6px 6px rgba(255, 255, 255, 0.32); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-weight: 500; font-size: 17px; letter-spacing: 0.02em; color: #FFFFFF; border: 0; cursor: pointer; width: 100%; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; transition: 0.3s linear; text-align: center; } .test-rafft__question-btn.is-invalid { background: -webkit-gradient(linear, left top, right top, from(#ffa055), to(#fa730b)); background: -webkit-linear-gradient(left, #ffa055 0%, #fa730b 100%); background: -moz-linear-gradient(left, #ffa055 0%, #fa730b 100%); background: -o-linear-gradient(left, #ffa055 0%, #fa730b 100%); background: linear-gradient(90deg, #ffa055 0%, #fa730b 100%); } .test-rafft__question-btn:hover { background: -webkit-gradient(linear, left top, right top, from(#C3D54E), to(#A1C74F)); background: -webkit-linear-gradient(left, #C3D54E 0%, #A1C74F 100%); background: -moz-linear-gradient(left, #C3D54E 0%, #A1C74F 100%); background: -o-linear-gradient(left, #C3D54E 0%, #A1C74F 100%); background: linear-gradient(90deg, #C3D54E 0%, #A1C74F 100%); } .test-rafft__question-btn:active { background: -webkit-gradient(linear, left top, right top, from(#C3D54E), to(#A1C74F)); background: -webkit-linear-gradient(left, #C3D54E 0%, #A1C74F 100%); background: -moz-linear-gradient(left, #C3D54E 0%, #A1C74F 100%); background: -o-linear-gradient(left, #C3D54E 0%, #A1C74F 100%); background: linear-gradient(90deg, #C3D54E 0%, #A1C74F 100%); -webkit-box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.12); -moz-box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.12); box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.12); } @media (min-width: 1025px) { .heading__header.tests { margin-bottom: 38px; } } @media (max-width: 1344px) { .test-rafft__questions { max-width: 543px; } } @media (max-width: 1024px) { .test-rafft__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 64px 0 75px 0; } .test-rafft__questions { margin-bottom: 12px; max-width: 100%; } .test-rafft__question-btn { margin-bottom: 12px; } .test-rafft__question-information { max-width: 100%; } .test-rafft__question-namber { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .test-rafft__question-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .test-rafft__question-information p { text-align: left; } } @media (max-width: 576px) { .test-rafft__wrapper { padding: 0; padding-top: 20px; } .test-rafft__question { background: -webkit-gradient(linear, left top, left bottom, from(rgba(246, 242, 238, 0)), to(#F6F2EE)); background: -webkit-linear-gradient(top, rgba(246, 242, 238, 0) 0%, #F6F2EE 100%); background: -moz-linear-gradient(top, rgba(246, 242, 238, 0) 0%, #F6F2EE 100%); background: -o-linear-gradient(top, rgba(246, 242, 238, 0) 0%, #F6F2EE 100%); background: linear-gradient(180deg, rgba(246, 242, 238, 0) 0%, #F6F2EE 100%); padding: 35px 48px; } .test-rafft__question:not(:last-child) { margin-bottom: 10px; } .test-rafft__question-btn { margin-bottom: 10px; } .test-rafft__question p { font-size: 18px; line-height: 24px; } .test-rafft__question-information { background-color: white; padding: 48px 45px 0 45px; } .test-rafft__question-progress { margin-bottom: 34px; } } .gallery__wrapper { padding: 96px 0; } .gallery__sections { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 30px; margin-bottom: 20px; } .gallery__section { max-width: 405px; } .gallery__image-wrapper { width: 405px; height: 288px; margin-bottom: 24px; } .gallery__img { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -o-object-fit: cover; object-fit: cover; display: block; width: 100%; height: 100%; } .gallery__text { font-weight: 300; font-size: 24px; line-height: 32px; color: #211E1C; } .gallery__btn-bg { background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(62.5%, #FFFFFF)); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FFFFFF 62.5%); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FFFFFF 62.5%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FFFFFF 62.5%); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 62.5%); position: relative; z-index: 5; margin-top: -246px; height: 256px; } .gallery__btn-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; } .gallery__btn { font-weight: 400; font-size: 16px; line-height: 22px; letter-spacing: 0.02em; color: #211E1C; border: 2px solid #A1C74F; -webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px; max-width: 227px; height: 56px; width: 100%; cursor: pointer; background-color: transparent; text-align: center; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; transition: 0.3s linear; } .gallery__btn:hover { background-color: #DFECC2; } .gallery__btn:active { background-color: #A1C74F; } @media (max-width: 1344px) { .gallery__section { max-width: 464px; } .gallery__image-wrapper { width: 464px; height: 330px; } } @media (max-width: 1024px) { .gallery__wrapper { padding: 66px 0; } .gallery__section { max-width: 100%; width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .gallery__image-wrapper { width: 448px; height: 324px; } } @media (max-width: 576px) { .gallery__wrapper { padding: 32px 0; } .gallery__sections { gap: 13px; } .gallery__section { margin-bottom: 16px; } .gallery__section:last-child { margin-bottom: 0px; } .gallery__image-wrapper { width: 100%; margin-bottom: 15px; height: 278px; } .gallery__text { font-size: 18px; line-height: 24px; } .gallery__btn-bg { height: 231px; } } .gallery-album__wrapper { padding-top: 64px; } .gallery-album .gallery__sections { margin-bottom: 70px; } .gallery-album .gallery__image-wrapper { margin: 0; } .gallery-album .news-card__slaider-wrapper { padding: 96px 0 78px 0; } .gallery-album .art__galery { display: none; } @media (max-width: 1344px) { .gallery-album .news-card__slaider-wrapper { padding: 96px 0 57px 0; } } @media (max-width: 1024px) { .gallery-album__wrapper { padding-bottom: 64px; } .gallery-album .gallery__sections { margin-bottom: 56px; } .gallery-album .art__galery { display: block; } .gallery-album .art__galery-photo { height: 208px; } } @media (max-width: 576px) { .gallery-album__wrapper { padding-top: 20px; padding-bottom: 37px; } .gallery-album .gallery__sections { gap: 0; margin-bottom: 15px; } .gallery-album .art__count { top: 239px; } } .therapy__wrapper { padding: 85px 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .therapy__inner { max-width: 832px; } .therapy__inner p { font-weight: 400; font-size: 16px; line-height: 32px; color: #211E1C; margin: 0 0 32px 0; } .therapy__top { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-bottom: 32px; } .therapy__top p { font-weight: 400; font-size: 16px; line-height: 32px; color: #211E1C; margin: 0 32px 0 0; } .therapy__italics { font-weight: 600; } .therapy__image { width: 512px; height: 320px; } .therapy__img { -o-object-fit: cover; object-fit: cover; display: block; } .therapy__list { padding-left: 29px; margin-bottom: 32px; } .therapy__item { font-weight: 400; font-size: 16px; line-height: 24px; color: #211E1C; position: relative; } .therapy__item:not(:last-child) { margin-bottom: 10px; } .therapy__item::before { content: ""; display: inline-block; width: 3px; height: 3px; background-color: #211E1C; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; left: -14px; top: 10px; } .therapy .art__galery--therapy { display: none; } .therapy .art__count { top: 260px; } .therapy .art__autor { padding-top: 33px; } @media (max-width: 1344px) { .therapy__inner { max-width: 543px; } .therapy__top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .therapy__image { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; width: 543px; margin-bottom: 32px; } .therapy__img { width: 100%; max-height: 100%; } } @media (max-width: 1024px) { .therapy__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 65px 0; } .therapy__inner { max-width: 100%; } .therapy__image { width: 100%; } .therapy .art__galery--therapy { display: block; height: 100%; } .therapy .art__galery-photo { max-height: 509px; } .art__galery-photo--height { height: 226px; } } @media (max-width: 576px) { .therapy__wrapper { padding: 0; } .therapy__inner { margin-bottom: 32px; } .therapy__top { margin-bottom: 15px; } .therapy__image { height: 100%; } .therapy__top p { margin: 0; font-size: 15px; line-height: 26px; } .therapy__inner p { font-size: 15px; line-height: 26px; margin: 0 0 15px 0; } .therapy__list { margin-bottom: 24px; } .therapy .art__galery { background-color: #F6F2EE; height: 327px; } .therapy .art__galery--therapy { background-color: #F6F2EE; height: 100%; } .therapy .art__galery--therapy { padding-bottom: 0; } .therapy .art__video { background-color: white; } .therapy .art__other { background-color: #FFF; } } .contacts__wrapper { padding: 64px 0 72px 0; } .contacts__connection { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .contacts__messengers { background: -webkit-gradient(linear, left top, left bottom, from(#F6F2EE), to(rgba(246, 242, 238, 0))); background: -webkit-linear-gradient(top, #F6F2EE 0%, rgba(246, 242, 238, 0) 100%); background: -moz-linear-gradient(top, #F6F2EE 0%, rgba(246, 242, 238, 0) 100%); background: -o-linear-gradient(top, #F6F2EE 0%, rgba(246, 242, 238, 0) 100%); background: linear-gradient(180deg, #F6F2EE 0%, rgba(246, 242, 238, 0) 100%); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 41px 32px; display: none; } .contacts__text-resize-1024 { font-weight: 300; font-size: 22px; line-height: 24px; color: #211E1C; margin-bottom: 24px; display: block; } .contacts__items { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 8px; } .contacts__item { display: block; width: 101px; height: 52px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .contacts__item--bg--1 { background: -webkit-gradient(linear, left top, right top, from(#C3D54E), to(#A1C74F)); background: -webkit-linear-gradient(left, #C3D54E 0%, #A1C74F 100%); background: -moz-linear-gradient(left, #C3D54E 0%, #A1C74F 100%); background: -o-linear-gradient(left, #C3D54E 0%, #A1C74F 100%); background: linear-gradient(90deg, #C3D54E 0%, #A1C74F 100%); -webkit-box-shadow: inset 0px 6px 6px rgba(255, 255, 255, 0.32); -moz-box-shadow: inset 0px 6px 6px rgba(255, 255, 255, 0.32); box-shadow: inset 0px 6px 6px rgba(255, 255, 255, 0.32); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .contacts__item--bg--2 { background: -webkit-gradient(linear, left top, right top, from(#25D366), to(#0F9F45)); background: -webkit-linear-gradient(left, #25D366 0%, #0F9F45 100%); background: -moz-linear-gradient(left, #25D366 0%, #0F9F45 100%); background: -o-linear-gradient(left, #25D366 0%, #0F9F45 100%); background: linear-gradient(90deg, #25D366 0%, #0F9F45 100%); -webkit-box-shadow: inset 0px 6px 6px rgba(255, 255, 255, 0.32); -moz-box-shadow: inset 0px 6px 6px rgba(255, 255, 255, 0.32); box-shadow: inset 0px 6px 6px rgba(255, 255, 255, 0.32); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .contacts__item--bg--3 { background: -webkit-gradient(linear, left top, right top, from(#36AEE2), to(#1E96C8)); background: -webkit-linear-gradient(left, #36AEE2 0%, #1E96C8 100%); background: -moz-linear-gradient(left, #36AEE2 0%, #1E96C8 100%); background: -o-linear-gradient(left, #36AEE2 0%, #1E96C8 100%); background: linear-gradient(90deg, #36AEE2 0%, #1E96C8 100%); -webkit-box-shadow: inset 0px 6px 6px rgba(255, 255, 255, 0.32); -moz-box-shadow: inset 0px 6px 6px rgba(255, 255, 255, 0.32); box-shadow: inset 0px 6px 6px rgba(255, 255, 255, 0.32); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .contacts__phone { max-width: 624px; padding: 56px 64px 60px 64px; background: -webkit-gradient(linear, left top, left bottom, from(#F6F2EE), to(rgba(246, 242, 238, 0))); background: -webkit-linear-gradient(top, #F6F2EE 0%, rgba(246, 242, 238, 0) 100%); background: -moz-linear-gradient(top, #F6F2EE 0%, rgba(246, 242, 238, 0) 100%); background: -o-linear-gradient(top, #F6F2EE 0%, rgba(246, 242, 238, 0) 100%); background: linear-gradient(180deg, #F6F2EE 0%, rgba(246, 242, 238, 0) 100%); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .contacts__mail { max-width: 624px; padding: 56px 64px 60px 64px; background: -webkit-gradient(linear, left top, left bottom, from(#F6F2EE), to(rgba(246, 242, 238, 0))); background: -webkit-linear-gradient(top, #F6F2EE 0%, rgba(246, 242, 238, 0) 100%); background: -moz-linear-gradient(top, #F6F2EE 0%, rgba(246, 242, 238, 0) 100%); background: -o-linear-gradient(top, #F6F2EE 0%, rgba(246, 242, 238, 0) 100%); background: linear-gradient(180deg, #F6F2EE 0%, rgba(246, 242, 238, 0) 100%); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .contacts__text { font-weight: 300; font-size: 26px; line-height: 24px; color: #211E1C; display: block; margin-bottom: 12px; } .contacts__numlink { font-weight: 300; font-size: 48px; line-height: 80px; color: #211E1C; } .contacts__numlink-big { font-size: 64px; } .contacts__text-link { font-weight: 400; font-size: 18px; line-height: 18px; color: #211E1C; } .contacts__mail-link { font-weight: 300; font-size: 48px; line-height: 65px; color: #211E1C; display: block; border-bottom: 1px solid rgba(89, 84, 80, 0.16); margin-bottom: 10px; } .contacts__section-1 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 32px; } .contacts__left { max-width: 592px; padding-top: 20px; } .contacts__title { font-weight: 400; font-size: 42px; line-height: 46px; letter-spacing: 0.02em; color: #211E1C; margin-bottom: 24px; } .contacts__wrapper p { font-weight: 400; font-size: 16px; line-height: 24px; color: #211E1C; margin: 0 0 32px 0; } .contacts__btn { border: none; background-color: transparent; -webkit-text-decoration-line: underline; -moz-text-decoration-line: underline; text-decoration-line: underline; cursor: pointer; } .contacts__main { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .contacts__main:not(:last-child) { border-bottom: 1px solid #F6F2EE; margin-bottom: 16px; padding-bottom: 16px; } .contacts__information-text { font-weight: 600; font-size: 15px; line-height: 17px; color: #211E1C; } .contacts__information-text-2 { font-weight: 400; font-size: 15px; line-height: 17px; color: #211E1C; } .contacts__righ { width: 624px; height: 384px; } .contacts__section-2 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .contacts__left-2 { width: 624px; height: 384px; } .contacts__right-2 { max-width: 592px; padding-top: 20px; } .contacts__modal-window { position: fixed; top: 0; left: 0; background-color: rgba(33, 30, 28, 0.88); width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 6; padding-top: 6%; display: none; } .contacts .active { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .contacts__modal-body { position: relative; } .contacts__modal-content { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: white; width: 1024px; height: 512px; padding: 64px 80px 64px 64px; } .contacts__modal-map { width: 512px; height: 384px; } .contacts__modal-text { max-width: 320px; padding-top: 50px; } .contacts__modal-title { font-weight: 400; font-size: 36px; line-height: 42px; letter-spacing: 0.02em; color: #211E1C; } .contacts__modal-window p { font-weight: 400; font-size: 15px; line-height: 22px; color: #211E1C; } .contacts__modal-description:not(:last-child) { margin-bottom: 10px; } .contacts__modal-close { position: absolute; top: 24px; right: 26px; cursor: pointer; } @media (max-width: 1344px) { .contacts__phone { padding: 48px 48px 50px 48px; max-width: 464px; } .contacts__numlink { font-size: 32px; } .contacts__numlink-big { font-size: 48px; } .contacts__mail-link { font-size: 36px; } .contacts__mail { padding: 48px 48px 50px 48px; max-width: 464px; } .contacts__left { max-width: 463px; } .contacts__title { font-size: 36px; } .contacts__information-text-2 { text-align: right; } .contacts__righ { width: 464px; } .contacts__left-2 { width: 464px; } .contacts__right-2 { max-width: 463px; } .contacts__modal-content { width: 960px; padding: 32px 32px; height: 450px; } .contacts__modal-text { max-width: 352px; } } @media (max-width: 1024px) { .contacts__connection { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .contacts__messengers { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .contacts__phone { max-width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .contacts__mail { max-width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .contacts__section-1 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .contacts__left { max-width: 100%; } .contacts__main { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .contacts__information-text { margin-bottom: 10px; } .contacts__information-text-2 { text-align: left; } .contacts__righ-wrapper { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .contacts__righ { width: 100%; } .contacts__section-2 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .contacts__left-2 { width: 100%; } .contacts__right-2 { max-width: 100%; } .contacts__modal-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-height: 704px; height: 100%; max-width: 570px; overflow-y: auto; } .contacts__modal-map { width: 100%; } .contacts__modal-text { padding-top: 25px; max-width: 100%; } .contacts__modal-close { top: 13px; right: 10px; } } @media (max-width: 576px) { .contacts__wrapper { padding: 0 0 34px 0; } .contacts__messengers { background: -webkit-gradient(linear, left top, left bottom, from(rgba(246, 242, 238, 0)), to(#F6F2EE)); background: -webkit-linear-gradient(top, rgba(246, 242, 238, 0) 0%, #F6F2EE 100%); background: -moz-linear-gradient(top, rgba(246, 242, 238, 0) 0%, #F6F2EE 100%); background: -o-linear-gradient(top, rgba(246, 242, 238, 0) 0%, #F6F2EE 100%); background: linear-gradient(180deg, rgba(246, 242, 238, 0) 0%, #F6F2EE 100%); -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .contacts__items { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; gap: unset; } .contacts__item { width: 30%; } .contacts__phone { background: -webkit-gradient(linear, left top, left bottom, from(rgba(246, 242, 238, 0)), to(#F6F2EE)); background: -webkit-linear-gradient(top, rgba(246, 242, 238, 0) 0%, #F6F2EE 100%); background: -moz-linear-gradient(top, rgba(246, 242, 238, 0) 0%, #F6F2EE 100%); background: -o-linear-gradient(top, rgba(246, 242, 238, 0) 0%, #F6F2EE 100%); background: linear-gradient(180deg, rgba(246, 242, 238, 0) 0%, #F6F2EE 100%); -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .contacts__text { font-size: 22px; line-height: 26px; } .contacts__numlink { font-size: 16px; line-height: 30px; } .contacts__numlink-big { font-size: 30px; line-height: 30px; } .contacts__mail { background: -webkit-gradient(linear, left top, left bottom, from(rgba(246, 242, 238, 0)), to(#F6F2EE)); background: -webkit-linear-gradient(top, rgba(246, 242, 238, 0) 0%, #F6F2EE 100%); background: -moz-linear-gradient(top, rgba(246, 242, 238, 0) 0%, #F6F2EE 100%); background: -o-linear-gradient(top, rgba(246, 242, 238, 0) 0%, #F6F2EE 100%); background: linear-gradient(180deg, rgba(246, 242, 238, 0) 0%, #F6F2EE 100%); -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .contacts__mail-link { font-size: 24px; line-height: 24px; } .contacts__title { font-size: 24px; line-height: 24px; margin-bottom: 12px; } .contacts__wrapper p { font-size: 15px; line-height: 22px; margin: 0 0 18px 0; } .contacts__main:not(:last-child) { margin-bottom: 6px; } .contacts__modal-content { padding: 0; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; max-height: 616px; max-width: 320px; } .contacts__modal-map { height: 256px; } .contacts__modal-text { padding: 32px 32px; } .contacts__modal-title { font-size: 28px; line-height: 32px; } .contacts__modal-window p { margin: 0 0 12px 0; } .contacts__modal-bg { position: absolute; top: 30px; right: 22px; width: 32px; height: 32px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #FFFFFF; } .contacts__modal-close { width: 8px; height: 8px; position: static; } } .licenses { background: -webkit-linear-gradient(top, #ffffff 266px, #f6f2ee 160px); background: -moz-linear-gradient(top, #ffffff 266px, #f6f2ee 160px); background: -o-linear-gradient(top, #ffffff 266px, #f6f2ee 160px); background: linear-gradient(to bottom, #ffffff 266px, #f6f2ee 160px); } .licenses__wrapper { padding: 0 0 90px 0; } .licenses__slaider { padding: 0; margin-bottom: 40px; } .licenses__wrapper-title { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 41px; } .licenses__title { font-weight: 400; font-size: 42px; line-height: 46px; letter-spacing: 0.02em; color: #211E1C; font-style: normal; font-weight: 300; font-size: 32px; line-height: 36px; margin-top: 46px; margin-bottom: 46px; } .licenses__slaider-nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .licenses__slaider-nav-wrapper { width: 48px; height: 48px; background-color: #FDB942; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .licenses__slaider-nav-wrapper:not(:last-child) { margin-right: 5px; } .licenses__slaider-nav-wrapper:hover { background-color: #F1AC34; } .licenses__slaider-nav-wrapper:active { -webkit-box-shadow: inset 0px 4px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow: inset 0px 4px 0px rgba(0, 0, 0, 0.08); box-shadow: inset 0px 4px 0px rgba(0, 0, 0, 0.08); } .licenses__slaider-nav-arrow { width: 15px; height: 15px; } .licenses__slaider-items { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .licenses__link-zoom { display: block; } .licenses__img { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -o-object-fit: cover; object-fit: cover; display: block; width: 100%; height: 100%; } .licenses__count { position: absolute; width: 32px; height: 32px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: rgba(89, 84, 80, 0.52); font-style: normal; font-weight: 600; font-size: 10px; line-height: 32px; color: #ffffff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; right: 7px; bottom: 8px; z-index: 10; display: none; } .licenses__title-2 { font-weight: 400; font-size: 42px; line-height: 46px; letter-spacing: 0.02em; color: #211E1C; margin-bottom: 24px; } .licenses__information { font-weight: 400; font-size: 18px; line-height: 32px; color: #211E1C; } .licenses__italics { font-weight: 600; } @media (max-width: 1024px) { .licenses { background: white; } .licenses__wrapper { text-align: center; } .licenses__bg { background-color: #F6F2EE; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 32px 32px; margin: 0 auto 32px auto; max-width: 384px; } .licenses__slaider { margin-bottom: 0; } .licenses__title { font-size: 26px; line-height: 24px; } .licenses__slaider-nav-wrapper { width: 32px; height: 32px; } .licenses__slaider-nav-arrow { width: 10px; height: 10px; } .licenses__count { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; right: 9px; bottom: 12px; } } @media (max-width: 576px) { .licenses__wrapper { padding: 0 0 48px 0; } .licenses__title-2 { font-size: 18px; line-height: 18px; margin-bottom: 14px; } } .heading-rooms { background-color: #F7F2EE; } .heading-rooms__wrapper { padding: 64px 0 19px 0; } .heading-rooms__inner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .heading-rooms__image { width: 768px; height: 448px; margin: 0 64px 55px 0; } .heading-rooms__img { width: 100%; display: block; -o-object-fit: cover; object-fit: cover; height: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .heading-rooms__title { font-weight: 400; font-size: 46px; line-height: 52px; color: #211E1C; } .heading-rooms__title-wrapper { max-width: 448px; padding-top: 50px; } .heading-rooms__title-wrapper p { font-weight: 400; font-size: 16px; line-height: 32px; color: #211E1C; } .heading-rooms__btn { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px; background-color: #FFFFFF; cursor: pointer; height: 52px; width: 192px; font-weight: 400; font-size: 15px; line-height: 22px; letter-spacing: 0.02em; color: #211E1C; border: none; } @media (max-width: 1344px) { .heading-rooms__image { width: 544px; height: 346px; margin: 0 64px 28px 0; } .heading-rooms__title-wrapper { max-width: 352px; padding-top: 14px; } .heading-rooms__title { font-size: 36px; } } @media (max-width: 1024px) { .heading-rooms__wrapper { padding: 0 0 19px 0; } .heading-rooms__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .heading-rooms__image { width: 100%; margin: 0 0 36px 0; } .heading-rooms__img { width: auto; max-width: 100%; margin: 0 auto; } .heading-rooms__title-wrapper { max-width: 100%; } .heading-rooms__btn { margin-bottom: 16px; } } @media (max-width: 576px) { .heading-rooms__inner { border-bottom: 2px solid #EEE5DC; } .heading-rooms__image { margin: 0px 0 20px 0; } .heading-rooms__title { font-size: 26px; line-height: 30px; } .heading-rooms__title-wrapper p { font-size: 15px; line-height: 24px; } .heading-rooms { margin-bottom: 20px; } } .rooms__wrapper { padding: 96px 0 0 0; } .rooms__department-1 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 32px; } .rooms__text-wrapper { max-width: 592px; } .rooms__text-wrapper p { font-weight: 400; font-size: 16px; line-height: 24px; color: #211E1C; } .rooms__title-1 { font-weight: 400; font-size: 42px; line-height: 46px; color: #211E1C; } .rooms__list { padding-left: 12px; display: block; } .rooms__item { font-weight: 400; font-size: 16px; line-height: 28px; color: #211E1C; list-style-type: none; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .rooms__item::before { content: ""; display: inline-block; width: 4px; height: 4px; background-color: #211E1C; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-right: 10px; } .rooms__image-wrapper { width: 624px; height: 416px; } .rooms__img { width: 100%; height: 100%; display: block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .rooms__department-2 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 64px; } .rooms__title-2 { font-weight: 400; font-size: 42px; line-height: 46px; color: #211E1C; text-align: center; margin-bottom: 64px; } .rooms__title-2::after { content: ""; display: block; width: 80px; height: 4px; background-color: #A1C74F; margin: 0 auto; margin-top: 28px; } .rooms__categories { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 32px; } .rooms__room { max-width: 624px; padding-bottom: 68px; } .rooms__categories-foto { width: 624px; height: 320px; margin-bottom: 40px; } .rooms__categories-img { width: 100%; height: 100%; display: block; -webkit-border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; } .rooms__text-center { max-width: 512px; margin: 0 auto; } .rooms__categories-text { font-weight: 400; font-size: 36px; line-height: 36px; color: #211E1C; margin-bottom: 20px; } .rooms__room p { font-weight: 400; font-size: 16px; line-height: 24px; color: #211E1C; margin: 0 0 20px 0; } .rooms__options { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 4px; } .rooms__flex-el { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 4px; } .rooms__nomination { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #F6F2EE; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 12px 12px; } .rooms__option { display: block; } @media (max-width: 1344px) { .rooms__text-wrapper { max-width: 448px; } .rooms__image-wrapper { width: 472px; height: 384px; } .rooms__room { max-width: 464px; } .rooms__categories-foto { width: 464px; height: 286px; } .rooms__text-center { max-width: 368px; } .rooms__options { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 1024px) { .rooms__wrapper { padding: 64px 0 28px 0; } .rooms__department-1 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .rooms__text-wrapper { max-width: 100%; } .rooms__image-wrapper { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; width: 86%; height: 416px; margin-bottom: 24px; } .rooms__department-2 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .rooms__title-2 { margin-bottom: 48px; } .rooms__categories { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .rooms__room { max-width: 100%; padding-bottom: 12px; } .rooms__categories-foto { width: 100%; height: 320px; } .rooms__text-center { max-width: 506px; } } @media (max-width: 576px) { .rooms__wrapper { padding: 0 0 28px 0; } .rooms__department-1 { margin-bottom: 20px; } .rooms__text-wrapper { max-width: 86%; } .rooms__title-1 { font-size: 24px; line-height: 28px; } .rooms__text-wrapper p { font-size: 15px; line-height: 22px; } .rooms__image-wrapper { height: 296px; width: 100%; } .rooms__img { -o-object-fit: cover; object-fit: cover; } .rooms__department-2 { margin-bottom: 40px; } .rooms__title-2 { font-size: 28px; line-height: 32px; margin-bottom: 34px; } .rooms__categories-foto { margin-bottom: 22px; height: 192px; } .rooms__categories-img { -o-object-fit: cover; object-fit: cover; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .rooms__text-center { max-width: 414px; } .rooms__categories-text { font-size: 24px; line-height: 28px; } .rooms__room p { font-size: 15px; line-height: 22px; } } .articles__nav-wrapper { background-color: #F6F2EE; border-top: 1px solid #eee5dc; } .articles__nav { padding: 32px 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .articles__alphabet { max-width: 787px; } .articles__list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .articles__letter { height: 32px; margin: 0 2px; } .articles__letter:hover { border-bottom: 2px solid #211E1C; } .articles__letter-link { font-weight: 400; font-size: 28px; line-height: 32px; color: #211E1C; } .articles__btn { cursor: pointer; border: none; } .articles__wrapper { padding: 64px 0 108px 0; } .articles__name { margin-bottom: 64px; } .articles__item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .articles__item::before { content: ""; display: inline-block; width: 4px; height: 4px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #211E1C; margin-right: 10px; } .articles__item-link { font-weight: 400; font-size: 16px; line-height: 36px; -webkit-text-decoration-line: underline; -moz-text-decoration-line: underline; text-decoration-line: underline; color: #211E1C; } .articles__footer { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1024px) { .articles__nav { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .articles__alphabet { margin-bottom: 20px; } .articles__list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .articles__wrapper { padding: 64px 0 70px 0; } .articles__name { margin-bottom: 50px; } .articles__footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 542px; } .articles__pagination { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .articles__select { background-position: 502px center; width: 100%; -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; margin-bottom: 16px; } .article-votes { top: -25px; } } @media (max-width: 576px) { .articles__letter-link { font-size: 24px; line-height: 32px; letter-spacing: -0.04em; } .articles__wrapper { padding: 26px 0 36px 0; } .articles__name { padding-left: 20px; } .articles__item { position: relative; display: block; } .articles__item::before { content: ""; position: absolute; margin-left: 0; top: 16px; left: -16px; } .articles__footer { max-width: 256px; } .articles__select { background-position: 224px center; } .article-votes { top: -10px; left: 0; width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding: 0 32px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .heading-about__bg { background: -webkit-gradient(linear, left top, right top, from(#C3D54E), to(#A1C74F)); background: -webkit-linear-gradient(left, #C3D54E 0%, #A1C74F 100%); background: -moz-linear-gradient(left, #C3D54E 0%, #A1C74F 100%); background: -o-linear-gradient(left, #C3D54E 0%, #A1C74F 100%); background: linear-gradient(90deg, #C3D54E 0%, #A1C74F 100%); height: 224px; } .heading-about__wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-top: -154px; padding-bottom: 74px; } .heading-about__image { width: 192px; height: 192px; margin-bottom: 48px; } .heading-about__img { max-width: 100%; max-height: 100%; display: block; -o-object-fit: cover; object-fit: cover; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .heading-about__title { font-weight: 400; font-size: 42px; font-family: "Palatino Linotype"; line-height: 46px; color: #211E1C; margin-bottom: 12px; text-align: center; } .heading-about__elements { margin: 0 0 24px 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -webkit-align-items: baseline; -moz-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .heading-about__quotes { width: 22px; height: 20px; margin-right: 8px; } .heading-about__quotes--margin--left { margin-left: 8px; } .heading-about__wrapper p { font-weight: 300; font-size: 18px; line-height: 32px; color: #211E1C; max-width: 810px; text-align: center; margin: 0; } .heading-about__name { font-weight: 400; font-size: 20px; line-height: 32px; color: #211E1C; margin-bottom: 4px; text-align: center; } .heading-about__text { font-weight: 300; font-size: 15px; line-height: 16px; display: block; color: #211E1C; } .heading-about__points-wrapper { position: fixed; right: 25px; top: 248px; z-index: 100; } .heading-about__points-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .heading-about__point { margin: 11px 0; } .heading-about__point-link { display: block; width: 6px; height: 6px; background-color: #FEE8C2; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; position: relative; } .heading-about__point-link.active { background-color: #FDB942; } .heading-about .show { display: block; } .heading-about__point-link::before { content: ""; position: absolute; top: -12px; left: -12px; width: 30px; height: 30px; display: inline-block; } .heading-about__point-link:hover { background-color: #FDB942; } .heading-about__pointer-wrapper { position: absolute; background-color: white; top: -14px; -webkit-border-radius: 1px 0 0 1px; -moz-border-radius: 1px 0 0 1px; border-radius: 1px 0 0 1px; right: 0px; margin-right: 50px; width: -webkit-max-content; width: -moz-max-content; width: max-content; display: none; } .heading-about__pointer-b { position: relative; } .heading-about__pointer-b::before { content: ""; display: inline-block; background-color: white; height: 26px; width: 26px; position: absolute; right: -14px; top: 4px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); z-index: -10; -webkit-border-radius: 14%; -moz-border-radius: 14%; border-radius: 14%; } .heading-about__pointer { padding: 8px 12px; } .heading-about__pointer-text { font-weight: 300; font-size: 13px; line-height: 13px; color: #211E1C; } @media (max-width: 1024px) { .heading-about__points-wrapper { top: 146px; } .heading-about .show { display: none; } } @media (max-width: 576px) { .heading-about__title { font-size: 34px; line-height: 46px; width: 100%; } .heading-about__wrapper p { font-size: 18px; line-height: 28px; } .heading-about__text { text-align: center; } .heading-about__name { width: 100%; } } .about { background: -webkit-linear-gradient(top, #ffffff 106px, #f6f2ee 70px); background: -moz-linear-gradient(top, #ffffff 106px, #f6f2ee 70px); background: -o-linear-gradient(top, #ffffff 106px, #f6f2ee 70px); background: linear-gradient(to bottom, #ffffff 106px, #f6f2ee 70px); } .about__arrow { position: relative; } .about__arrow::after { content: url(/img/about-dec.svg); display: block; width: 320px; height: 32px; position: absolute; left: 0; right: 0; margin: 0 auto; } .about__wrapper { padding-bottom: 96px; } .about__introduction-video { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 64px; } .about__wrapper-video { position: relative; width: 1024px; height: 100%; } .about__wrapper-video iframe { height: 100%; width: 100%; } .about__video { width: 100%; height: 100%; } .about__preview-wrapper { cursor: pointer; border: none; display: block; padding: 0; margin: 0; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; } .about__preview { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .about__text { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 64px 0; } .about__title { font-weight: 400; font-size: 42px; font-family: "Palatino Linotype"; line-height: 46px; letter-spacing: 0.02em; color: #211E1C; max-width: 640px; margin-bottom: 16px; text-align: center; } .about__text p { font-weight: 300; font-size: 18px; line-height: 32px; letter-spacing: 0.02em; color: #211E1C; max-width: 640px; margin: 0; text-align: center; } .about__description-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 68px; } .about__description { max-width: 608px; } .about__description-wrapper p { font-weight: 300; font-size: 15px; line-height: 24px; letter-spacing: 0.02em; color: #211E1C; margin: 0 0 18px 0; } .about__italic { font-weight: 400; } .about__comment-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 74px; } .about__comment { background-color: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; max-width: 784px; padding: 0 32px 32px 32px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 12px; } .about__image-hero { width: 80px; height: 80px; margin: -48px 0 12px 0; } .about__img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: block; max-width: 100%; -o-object-fit: cover; object-fit: cover; } .about__inner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .about__inner p { font-weight: 300; font-size: 18px; line-height: 26px; letter-spacing: 0.02em; color: #211E1C; text-align: center; margin: 0; max-width: 678px; } .about__name { font-weight: 400; font-size: 15px; line-height: 21px; letter-spacing: 0.02em; color: #211E1C; text-align: center; } .about__text-description { font-weight: 300; font-size: 15px; line-height: 21px; letter-spacing: 0.02em; color: #211E1C; } .about__title-2 { font-weight: 400; font-size: 42px; font-family: "Palatino Linotype"; line-height: 46px; letter-spacing: 0.02em; color: #211E1C; max-width: 640px; margin: 0 auto; text-align: center; } .about__title-2::after { content: ""; display: block; width: 80px; height: 4px; background-color: #A1C74F; margin: 40px auto 0 auto; } @media (max-width: 1344px) { .about__video { max-width: 100%; } .about__description { max-width: 464px; } } @media (max-width: 1024px) { .about { background: #F7F2EE; } .about__wrapper { padding-bottom: 34px; } .about__introduction-video { margin-bottom: 48px; } .about__text { margin: 0 0 40px 0; } .about__description-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 40px; } .about__description { max-width: 100%; } .about__comment-wrapper { margin-bottom: 44px; } } @media (max-width: 576px) { .about__introduction-video { margin-bottom: 20px; } .about__name { width: 100%; } .about__title { font-size: 28px; line-height: 32px; } .about__text { margin: 0 0 20px 0; } .about__text p { font-size: 16px; line-height: 24px; } .about__comment-wrapper { margin-bottom: 25px; } .about__description-wrapper p { font-size: 15px; line-height: 24px; } .about__text-description { text-align: center; } .about__inner p { font-size: 15px; line-height: 21px; } .about__title-2 { font-size: 28px; line-height: 32px; } .about__title-2::after { margin: 20px auto 0 auto; } } @media (max-width: 400px) { .about__arrow::after { display: none; } } .peculiarities__wrapper { padding: 152px 0 98px 0; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .peculiarities__title-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 64px; } .peculiarities__title { font-weight: 400; font-size: 40px; line-height: 46px; font-family: "Palatino Linotype"; letter-spacing: 0.02em; color: #211E1C; margin-bottom: 8px; z-index: 100; text-align: center; } .peculiarities__title-wrapper p { font-weight: 300; font-size: 18px; line-height: 28px; color: #211E1C; margin: 0; max-width: 640px; text-align: center; } .peculiarities__counter { position: absolute; top: 90px; left: 0; right: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 400; font-size: 96px; line-height: 96px; letter-spacing: -0.06em; background: -webkit-gradient(linear, left top, left bottom, from(#E2DAD1), color-stop(99%, rgba(226, 218, 209, 0))); background: -webkit-linear-gradient(top, #E2DAD1 0%, rgba(226, 218, 209, 0) 99%); background: -moz-linear-gradient(top, #E2DAD1 0%, rgba(226, 218, 209, 0) 99%); background: -o-linear-gradient(top, #E2DAD1 0%, rgba(226, 218, 209, 0) 99%); background: linear-gradient(180deg, #E2DAD1 0%, rgba(226, 218, 209, 0) 99%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .peculiarities__content { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .peculiarities__content a { text-decoration: underline; } .peculiarities__content:first-child { margin-bottom: 32px; } .peculiarities__image-wrapper { width: 560px; height: 400px; margin-right: 80px; } .peculiarities__img { width: 100%; display: block; -o-object-fit: cover; object-fit: cover; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height: 100%; } .peculiarities__text-wrapper p { font-weight: 300; font-size: 16px; line-height: 28px; letter-spacing: 0.02em; color: #211E1C; max-width: 480px; margin: 0; } .peculiarities__text-wrapper--md { margin-right: 112px; } .peculiarities__image-wrapper--md { margin: 0; } @media (max-width: 1344px) { .peculiarities__image-wrapper { width: 464px; height: 310px; margin-right: 30px; } .peculiarities__text-wrapper p { max-width: 464px; } .peculiarities__image-wrapper--md { margin: 0; } .peculiarities__text-wrapper--md { margin-right: 26px; } } @media (max-width: 1024px) { .peculiarities__wrapper { padding: 152px 0 50px 0; } .peculiarities__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .peculiarities__content-wrapper { width: 100%; } .peculiarities__image-wrapper--md { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .peculiarities__image-wrapper { width: 100%; height: 321px; margin: 0 0 24px 0; } .peculiarities__text-wrapper p { max-width: 100%; } .peculiarities__text-wrapper--md { margin: 0; } } @media (max-width: 576px) { .peculiarities__title-wrapper { margin-bottom: 34px; } .peculiarities__title { font-size: 24px; line-height: 32px; width: 100%; } .peculiarities__counter { font-size: 96px; line-height: 96px; } .peculiarities__title-wrapper p { font-size: 15px; line-height: 21px; } .peculiarities__text-wrapper p { font-size: 16px; line-height: 28px; } } .patient-status { background-color: #F6F2EE; } .patient-status iframe { height: 100%; width: 100%; } .patient-status__wrapper { position: relative; padding: 152px 0 78px 0; } .patient-status__title-wrapper { margin-bottom: 48px; } .patient-status__image-status { width: 960px; height: 576px; margin: 0 auto; margin-bottom: 48px; } .patient-status__paragraph { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .patient-status__paragraph p { font-weight: 300; font-size: 16px; line-height: 28px; letter-spacing: 0.02em; color: #211E1C; margin: 0; max-width: 768px; text-align: center; } @media (max-width: 1344px) { .patient-status__image { max-width: 100%; max-height: 100%; display: block; } } @media (max-width: 1024px) { .patient-status__wrapper { padding: 90px 0 50px 0; } .counter-main { top: 32px; } .patient-status__image-status { width: 100%; margin: 0; height: 440px; margin-bottom: 40px; } } @media (max-width: 576px) { .peculiarities__title-wrapper p { font-size: 18px; line-height: 28px; } .patient-status__image-status { height: 246px; margin-bottom: 24px; } .patient-status__paragraph p { font-size: 15px; line-height: 21px; } } .family__wrapper { position: relative; padding: 152px 0 98px 0; } @media (max-width: 1024px) { .family__wrapper { padding: 90px 0 56px 0; } } .environment { background: -webkit-linear-gradient(bottom, #ffffff 174px, #f6f2ee 160px); background: -moz-linear-gradient(bottom, #ffffff 174px, #f6f2ee 160px); background: -o-linear-gradient(bottom, #ffffff 174px, #f6f2ee 160px); background: linear-gradient(to top, #ffffff 174px, #f6f2ee 160px); } .environment__wrapper { position: relative; padding: 152px 0 78px 0; } .environment__content:first-child { margin-bottom: 32px; } .environment__content p:not(:last-child) { margin-bottom: 10px; } .environment__bg { background-color: #F6F2EE; } @media (max-width: 1024px) { .environment { background: #F6F2EE; } .environment__wrapper { padding: 90px 0 40px 0; } .environment__bg { background-color: white; } } .experts__wrapper { position: relative; padding: 76px 0 0 0; } .experts__counter { top: 14px; } .experts__bg { background: -webkit-linear-gradient(top, #ffffff 346px, #f6f2ee 344px); background: -moz-linear-gradient(top, #ffffff 346px, #f6f2ee 344px); background: -o-linear-gradient(top, #ffffff 346px, #f6f2ee 344px); background: linear-gradient(to bottom, #ffffff 346px, #f6f2ee 344px); } .experts__btn { width: 48px; height: 48px; } .experts__arrow { width: 15px; height: 15px; } .experts__item { background-color: #FFFFFF; border: 1px solid #EEE5DC; } @media (max-width: 1024px) { .experts__p { padding-bottom: 48px; } .experts__bg { background: white; } .experts__inner { padding: 32px 32px; background-color: #F6F2EE; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position: relative; } .experts__item { background-color: #F6F2EE; border: none; } .experts__h { display: none; } .experts__descr { padding: 30px 16px 16px 0; } } @media (max-width: 576px) { .experts__p { padding: 0; } .experts__title { font-size: 22px; } .experts__inner { background: -webkit-gradient(linear, left top, left bottom, from(#F6F2EE), to(rgba(246, 242, 238, 0))); background: -webkit-linear-gradient(top, #F6F2EE 0%, rgba(246, 242, 238, 0) 100%); background: -moz-linear-gradient(top, #F6F2EE 0%, rgba(246, 242, 238, 0) 100%); background: -o-linear-gradient(top, #F6F2EE 0%, rgba(246, 242, 238, 0) 100%); background: linear-gradient(180deg, #F6F2EE 0%, rgba(246, 242, 238, 0) 100%); } .experts__item { background: inherit; } } .treatments { background-color: #F6F2EE; } .treatments__wrapper { position: relative; padding: 152px 0 78px 0; } .treatments__image { width: 1024px; height: 576px; margin: 0 auto; margin-bottom: 32px; } .treatments__img { max-width: 100%; display: block; -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; } .treatments__text { font-weight: 300; font-size: 16px; line-height: 28px; letter-spacing: 0.02em; color: #211E1C; text-align: center; } .treatments__link { -webkit-text-decoration-line: underline; -moz-text-decoration-line: underline; text-decoration-line: underline; } @media (max-width: 1344px) { .treatments__image { width: 960px; height: 540px; } } @media (max-width: 1024px) { .treatments__wrapper { padding: 90px 0 44px 0; } .treatments__image { width: 512px; height: 288px; } } @media (max-width: 576px) { .treatments__wrapper { padding: 90px 0 28px 0; } .treatments__image { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 180px; } } .availability iframe { height: 100%; width: 100%; } .availability__remark { max-width: 1020px; margin: 30px auto 0; font-size: 14px; } .availability__wrapper { position: relative; padding: 152px 0 24px 0; } .availability__bg { background: -webkit-linear-gradient(top, #ffffff 80px, #f6f2ee 78px); background: -moz-linear-gradient(top, #ffffff 80px, #f6f2ee 78px); background: -o-linear-gradient(top, #ffffff 80px, #f6f2ee 78px); background: linear-gradient(to bottom, #ffffff 80px, #f6f2ee 78px); } .availability__items { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; max-width: 1020px; margin: 0 auto; } .availability__item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -webkit-flex: 0 1 25%; -moz-box-flex: 0; -ms-flex: 0 1 25%; flex: 0 1 25%; } .availability__element { background-color: #FFFFFF; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 160px; height: 160px; margin-bottom: 24px; } .availability__element img { max-height: 100%; } .availability__text { font-weight: 300; font-size: 18px; line-height: 24px; color: #000000; max-width: 216px; text-align: center; } @media (max-width: 1344px) { .availability__wrapper { padding: 152px 0 0 0; } } @media (max-width: 1024px) { .availability__p { padding-bottom: 48px; } .availability__wrapper { padding: 90px 0 0 0; } .availability__bg { background: white; } .availability__items { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .availability__item:not(:last-child) { margin-bottom: 24px; } } .benefits { background-color: #F6F2EE; } .benefits__wrapper { position: relative; padding: 152px 0 78px 0; } .benefits__bg { background: -webkit-gradient(linear, left top, left bottom, from(rgba(246, 242, 238, 0)), color-stop(62.5%, #F6F2EE)); background: -webkit-linear-gradient(top, rgba(246, 242, 238, 0) 0%, #F6F2EE 62.5%); background: -moz-linear-gradient(top, rgba(246, 242, 238, 0) 0%, #F6F2EE 62.5%); background: -o-linear-gradient(top, rgba(246, 242, 238, 0) 0%, #F6F2EE 62.5%); background: linear-gradient(180deg, rgba(246, 242, 238, 0) 0%, #F6F2EE 62.5%); } @media (max-width: 1024px) { .benefits__wrapper { padding: 90px 0 60px 0; } } @media (max-width: 576px) { .benefits__wrapper { padding: 90px 0 30px 0; } } .food__wrapper { position: relative; padding: 152px 0 78px 0; } @media (max-width: 1024px) { .food__wrapper { padding: 90px 0 56px 0; } } .team { background: -webkit-linear-gradient(bottom, #ffffff 150px, #f6f2ee 148px); background: -moz-linear-gradient(bottom, #ffffff 150px, #f6f2ee 148px); background: -o-linear-gradient(bottom, #ffffff 150px, #f6f2ee 148px); background: linear-gradient(to top, #ffffff 150px, #f6f2ee 148px); } .team__wrapper { position: relative; padding: 152px 0 78px 0; } .team__image-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 32px; } .team__team-image { width: 1024px; height: 576px; } .team__img { display: block; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .team__text { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 44px; } .team__text p { font-weight: 300; font-size: 16px; line-height: 28px; letter-spacing: 0.02em; color: #211E1C; text-align: center; max-width: 768px; margin: 0; } .team__brands { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .team__brand { background-color: #FFFFFF; border: 1px solid #EEE5DC; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-flex: 0; -webkit-flex: 0 1 20%; -moz-box-flex: 0; -ms-flex: 0 1 20%; flex: 0 1 20%; height: 128px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px; } .team__logo { max-width: 100%; display: block; max-height: 100%; } @media (max-width: 1344px) { .team__team-image { width: 960px; height: 540px; } } @media (max-width: 1024px) { .team { background: #F6F2EE; } .team__wrapper { padding: 90px 0 44px 0; } .team__team-image { width: 512px; height: 288px; } .team__brands { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .team__brand { -webkit-box-flex: 1; -webkit-flex: auto; -moz-box-flex: 1; -ms-flex: auto; flex: auto; } } @media (max-width: 576px) { .team__team-image { width: 320px; height: auto; } } @media (max-width: 384px) { .team__team-image { width: 100%; height: auto; } } .involvement__wrapper { position: relative; padding: 64px 0 78px 0; } .involvement__counter { top: 4px; } .involvement__text-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .involvement__text { max-width: 768px; } @media (max-width: 1024px) { .involvement__wrapper { padding: 90px 0 44px 0; } .involvement__counter { top: 34px; } } @media (max-width: 576px) { .involvement__wrapper { padding: 90px 0 44px 0; } .involvement__counter { top: 34px; } } .continuity { background-color: #F6F2EE; } .continuity__wrapper { position: relative; padding: 152px 0 78px 0; } @media (max-width: 1024px) { .continuity__wrapper { padding: 90px 0 44px 0; } } jdiv[class^=wrap] { bottom: 95px; } .footer__circle { width: 4px; height: 4px; display: inline-block; background: gray; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0 7px 2px 7px; } @media screen and (max-width: 576px) { .footer__bottom-link { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer__circle { display: none; } } .heading__bottom.hidden { display: none; } .sitemap-list { padding: 64px 0 108px 0; } .sitemap-item::before { content: ""; display: inline-block; width: 4px; height: 4px; margin-bottom: 3px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #211E1C; margin-right: 10px; } .sitemap-sublist .sitemap-item::before { border: 1px solid #211E1C; background: transparent; width: 5px; height: 5px; } .sitemap-sublist { padding-left: 40px; } .sitemap-link { font-weight: 400; font-size: 16px; line-height: 30px; -webkit-text-decoration-line: underline; -moz-text-decoration-line: underline; text-decoration-line: underline; color: #211E1C; } lite-youtube > .lty-playbtn { -webkit-filter: unset; filter: unset; } [data-tooltip] { cursor: default; } [data-tooltip]::after { content: ""; background-image: url(/local/templates/rehab/assets/css/../img/tooltip-icon.svg); background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; display: inline-block; height: 12px; width: 12px; margin-left: 3px; } [data-tooltip]:hover::after { background-image: url(/local/templates/rehab/assets/css/../img/tooltip-icon-active.svg); } .partners.reviews .exc__heading { font-style: normal; font-weight: 300; font-size: 40px; line-height: 46px; margin-top: 0px; overflow-wrap: break-word; } .news__column { cursor: unset; } .news-card__slaider-item-wrapper { height: 280px; } @media (max-width: 1344px) { .news-card__slaider-item-wrapper { height: 208px; } } @media (min-width: 877px) and (max-width: 1024px) { .news-card__slaider-item-wrapper { height: 263px; } } @media (max-width: 876px) { .news-card__slaider-item-wrapper { height: 29vw; } } @media (max-width: 576px) { .news-card__slaider-item-wrapper { height: 58vw; } } .heading-about__points-wrapper { right: 16px; } .heading-about__flex-element { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 576px) { .heading-about__flex-element { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .news-card__preview-photo { display: block; margin-bottom: 32px; max-width: 832px; } @media (min-width: 1025px) and (max-width: 1344px) { .news-card__preview-photo { max-width: 544px; } } @media (max-width: 1024px) { .news-card__preview-photo { max-width: 100%; } } .news-card__left-main { margin-bottom: 20px; max-width: 832px; } @media (min-width: 1025px) and (max-width: 1344px) { .news-card__left-main { max-width: 544px; } } .news-card__left-main a { text-decoration: underline; } .news-card__left-main ul { list-style-type: unset; -webkit-padding-start: 40px; -moz-padding-start: 40px; padding-inline-start: 40px; } h2.art__table-header { margin-top: 0; } .art { margin-bottom: 30px; } .art__other-all { display: inline-block; margin-top: 32px; } @media (max-width: 576px) { .art__other-all { margin-top: 16px; } } .art__tab-link { text-decoration: underline; font-weight: 400; font-size: 15px; line-height: 22px; letter-spacing: 0.02em; color: #211e1c; display: block; margin-bottom: 8px; } .art ul.art__tab-list { margin: 0; padding-left: 10px; } .cons__butt div { display: inline; } .gallery__img { cursor: pointer; } .specialists__item { position: relative; padding-bottom: 36px; } .specialists__link { position: absolute; bottom: 25px; } .heading__bottom > div[id*=bx_incl_area_] { display: contents; } @media (max-width: 576px) { .art__table { width: 100%; } } .heading__breadcrumb { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .art__galery-img_sertificate { -o-object-fit: contain; object-fit: contain; } .psychiatry__wrapper-inner ul, .psychiatry__wrapper-inner ol { list-style-type: unset; margin-top: 36px; margin-bottom: 38px; padding-left: 26px; font-style: normal; font-weight: 400; font-size: 16px; line-height: 32px; color: #211e1c; } @media (max-width: 576px) { .psychiatry__wrapper-inner ul, .psychiatry__wrapper-inner ol { padding-left: 56px; padding-right: 32px; margin-bottom: 20px; } } .psychiatry__wrapper-inner ul li, .psychiatry__wrapper-inner ol li { margin-bottom: 2px; } .psychiatry__wrapper-inner ul p + ul, .psychiatry__wrapper-inner ul p + ol, .psychiatry__wrapper-inner ol p + ul, .psychiatry__wrapper-inner ol p + ol { margin-top: 0; } .psychiatry__wrapper-inner p + ul, .psychiatry__wrapper-inner p + ol { margin-top: -30px; } @media (max-width: 576px) { .psychiatry__wrapper-inner p + ul, .psychiatry__wrapper-inner p + ol { margin-top: -20px; } } .psychiatry__wrapper-inner li p, .psychiatry__wrapper-inner ol p { padding: 0; margin: 0; } .art__main { max-width: 832px; font-style: normal; font-weight: 400; font-size: 16px; line-height: 32px; color: #211e1c; } .art__main ul { margin-top: 30px; margin-bottom: 30px; } @media (max-width: 576px) { .art__main ul { margin-top: 20px; margin-bottom: 20px; } } .art__main h2 { margin-bottom: 30px; margin-top: 0px; overflow-wrap: break-word; } @media (max-width: 576px) { .art__main h2 { margin-bottom: 20px; } } .art__main ol, .art__main ul { overflow-wrap: break-word; } .art__main ul p + ul, .art__main ul p + ol, .art__main ol p + ul, .art__main ol p + ol { margin-top: 0; } .art__main p + ul, .art__main p + ol { margin-top: -30px; } @media (max-width: 576px) { .art__main p + ul, .art__main p + ol { margin-top: -20px; } } @media (max-width: 576px) { .art__main p { margin-bottom: 20px; } } .art__main ol { margin-bottom: 32px; } @media (max-width: 576px) { .art__main ol { margin-bottom: 20px; } } .art__main p + p { margin-top: 30px; } @media (max-width: 576px) { .art__main p + p { margin-top: 20px; } } .art__main p + h2 { margin-top: 30px; } @media (max-width: 576px) { .art__main p + h2 { margin-top: 20px; } } .art__main li p, .art__main ol p { padding: 0; margin: 0; } .art__main .art__bottom-text { margin-bottom: 0; } .art__main .psychiatry__top, .psychiatry__top.paragraph { display: inline-block; } .art__main .psychiatry__top img, .psychiatry__top.paragraph img { float: right; margin: 0 0 10px 10px; -o-object-fit: cover; object-fit: cover; } @media (max-width: 1344px) { .art__main .psychiatry__top img, .psychiatry__top.paragraph img { width: 100%; } } .burger-content__tabs { padding: 23px 0 130px 0; } .burger-content__tab:active, .burger-content__tab:focus, .header__mob:active, .header__mob:focus { outline: none; } .department-card__inner { max-width: 832px; font-weight: 400; font-size: 16px; line-height: 32px; color: #211E1C; } .department-card__inner ul { padding-left: 24px; margin-bottom: 32px; list-style-type: unset; } .department-card__inner li::before { content: ""; display: inline-block; background-color: #211E1C; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 3px; height: 3px; position: absolute; top: 13px; left: -14px; } .department-card__inner a { font-weight: 400; font-size: 16px; line-height: 30px; color: #211E1C; text-decoration: underline; } .department-card__inner h2 { color: #211e1c; font-size: 32px; font-weight: 300; line-height: 42px; margin-bottom: 30px; max-width: 768px; } .department-card__inner p { max-width: 832px; font-weight: 400; font-size: 16px; line-height: 32px; color: #211E1C; margin-bottom: 32px; } .department-card__inner img { width: 100%; -o-object-fit: cover; object-fit: cover; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } @media screen and (min-width: 1025px) { .psychiatry .psychiatry__information-tabs.space-between { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .psychiatry .psychiatry__tab--md { margin-left: 0; } @media (max-width: 576px) { .psychiatry .psychiatry__information-tabs { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .department-card__inner h2 { font-size: 24px; line-height: 32px; } .department-card__inner ul { margin-bottom: 20px; } .department-card__inner li { font-size: 15px; } .department-card__inner li:not(:last-child) { margin-bottom: 10px; } .department-card__inner li::before { top: 7px; } .department-card__inner a { font-size: 15px; line-height: 18px; } .department-card__inner p { font-size: 15px; line-height: 28px; margin-bottom: 25px; } } .dependencies__wrapper { margin-bottom: 96px; } @media (max-width: 1344px) { .dependencies__wrapper { margin-bottom: 64px; } } @media (max-width: 1024px) { .dependencies__wrapper { margin-bottom: 64px; } .dependencies__wrapper .art__main .art__widget--md { margin-top: 30px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } } @media (max-width: 576px) { .dependencies__wrapper { margin-bottom: 44px; } .dependencies__wrapper .art__main { margin-bottom: 0; } .dependencies__wrapper .art__left { padding-top: 0; } .dependencies__wrapper .art__ban2-wrapper:last-child { margin-bottom: 20px; } } .rooms__title-1 { font-family: "Palatino Linotype"; font-size: 42px; font-weight: 400; line-height: 46px; } .rooms__option { font-family: Roboto; font-size: 15px; font-weight: 400; line-height: 32px; } .rooms__title-2 { font-family: "Palatino Linotype"; font-size: 42px; font-weight: 400; line-height: 46px; } .rooms__categories-text { font-family: "Palatino Linotype"; font-size: 36px; font-weight: 400; line-height: 36px; } .rooms__room { background: -webkit-gradient(linear, left top, left bottom, from(#F7F2EE), to(rgba(247, 242, 238, 0))); background: -webkit-linear-gradient(top, #F7F2EE 0%, rgba(247, 242, 238, 0) 100%); background: -moz-linear-gradient(top, #F7F2EE 0%, rgba(247, 242, 238, 0) 100%); background: -o-linear-gradient(top, #F7F2EE 0%, rgba(247, 242, 238, 0) 100%); background: linear-gradient(180deg, #F7F2EE 0%, rgba(247, 242, 238, 0) 100%); } .heading-rooms__title { font-family: "Palatino Linotype"; font-size: 46px; font-weight: 400; line-height: 52px; } .js-table-content { cursor: pointer; } .art__prog.m-576 { margin-bottom: 30px; } @media (max-width: 576px) { .children__call-wrapper { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } } @media (max-width: 1024px) { .art__prog.m-576 { margin: 0 -32px 30px -32px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } } @media (max-width: 576px) { .art__prog.m-576 { margin: 0 0 30px 0; } .art__prog.m-576 a { width: 100%; margin: 0 32px; } } .art__main .art__banner { margin-bottom: 30px; min-height: 128px; height: auto; padding-top: 10px; padding-bottom: 10px; margin-top: 30px; } .art__main .art__ban2-wrapper ~ h2 { margin-top: 30px; } @media (max-width: 576px) { .art__main .art__ban2-wrapper ~ h2 { margin-top: 20px; } } .art__main .banners-wrapper.text-banner .art__banner { padding-top: 32px; padding-bottom: 32px; } @media (max-width: 576px) { .art__main .banners-wrapper.text-banner .art__banner { margin-top: 20px; margin-bottom: 20px; } } @media (max-width: 576px) { .art__main .banners-wrapper.text-banner .art__banner-text { padding: 0; } } .art__main .banners-wrapper.text-banner .art__banner p { margin-bottom: 0; } @media (max-width: 1024px) { .art__main .banners-wrapper.text-banner .art__banner p { padding: 0; } } .art__main .banners-wrapper.text-banner .art__banner p + p { margin-top: 24px; } @media (max-width: 576px) { .art__main .banners-wrapper.text-banner .art__banner p + p { margin-top: 20px; } } .art__main p a { text-decoration: underline; } @media (min-width: 577px) and (max-width: 1024px) { .art__main .children__call-wrapper { margin-left: 32px; margin-right: 32px; } } .art__preview-picture { margin-bottom: 20px; } .art__main .children__call-wrapper { margin-top: 32px; } .art__main .art__block1 { margin-top: 20px; } @media (min-width: 577px) { .art__widget--md { display: none; } } .floating-btn__modal { display: none; } @media (max-width: 576px) { .floating-btn__modal { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; position: fixed; bottom: 72px; right: 20px; z-index: 99; height: 238px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; } .floating-btn__modal-wrapper { -webkit-transition: 0.6s; -o-transition: 0.6s; -moz-transition: 0.6s; transition: 0.6s; position: relative; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; -webkit-transform: translate(0px, 250px); -moz-transform: translate(0px, 250px); -ms-transform: translate(0px, 250px); -o-transform: translate(0px, 250px); transform: translate(0px, 250px); } .floating-btn__modal-wrapper.is-active { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } } .floating-btn__wrapper { display: none; } @media (max-width: 576px) { .floating-btn__wrapper { position: fixed; bottom: 40px; right: 20px; z-index: 100; } .floating-btn__wrapper.is-active { display: block; } } .floating-btn__item { display: block; width: 60px; height: 60px; text-align: center; font-size: 30px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; -webkit-transition: background-color ease 0.6s; -o-transition: background-color ease 0.6s; -moz-transition: background-color ease 0.6s; transition: background-color ease 0.6s; cursor: pointer; } .floating-btn__item:not(:last-child) { margin-bottom: 10px; } .floating-btn__item.btn--whatsapp { background: -webkit-gradient(linear, left top, right top, from(#25D366), to(#0F9F45)); background: -webkit-linear-gradient(left, #25D366 0%, #0F9F45 100%); background: -moz-linear-gradient(left, #25D366 0%, #0F9F45 100%); background: -o-linear-gradient(left, #25D366 0%, #0F9F45 100%); background: linear-gradient(90deg, #25D366 0%, #0F9F45 100%); } .floating-btn__item.btn--whatsapp .my-float { width: 27px; margin-top: 17px; } .floating-btn__item.btn--telegram { background: -webkit-gradient(linear, left top, right top, from(#36AEE2), to(#1E96C8)); background: -webkit-linear-gradient(left, #36AEE2 0%, #1E96C8 100%); background: -moz-linear-gradient(left, #36AEE2 0%, #1E96C8 100%); background: -o-linear-gradient(left, #36AEE2 0%, #1E96C8 100%); background: linear-gradient(90deg, #36AEE2 0%, #1E96C8 100%); } .floating-btn__item.btn--telegram .my-float { margin-top: 21px; margin-right: 3px; } .floating-btn__item.btn--jivochat { background: -webkit-linear-gradient(355deg, rgb(6, 129, 29) 20%, rgb(79, 203, 12) 80%); background: -moz-linear-gradient(355deg, rgb(6, 129, 29) 20%, rgb(79, 203, 12) 80%); background: -o-linear-gradient(355deg, rgb(6, 129, 29) 20%, rgb(79, 203, 12) 80%); background: linear-gradient(95deg, rgb(6, 129, 29) 20%, rgb(79, 203, 12) 80%); } .floating-btn__item.btn--jivochat .my-float { width: 26px; margin-top: 17px; } .floating-btn__item.btn--default { background: #FDB942; } .floating-btn__item.btn--default svg { fill: #fff; width: 24px; } .floating-btn__item.pulse-btn { -webkit-animation: pulse 1.5s infinite cubic-bezier(0.66, 0, 0, 1); -moz-animation: pulse 1.5s infinite cubic-bezier(0.66, 0, 0, 1); -o-animation: pulse 1.5s infinite cubic-bezier(0.66, 0, 0, 1); animation: pulse 1.5s infinite cubic-bezier(0.66, 0, 0, 1); -webkit-box-shadow: 0 0 0 0 #f59000; -moz-box-shadow: 0 0 0 0 #f59000; box-shadow: 0 0 0 0 #f59000; } @-webkit-keyframes pulse { to { -webkit-box-shadow: 0 0 0 10px rgba(232, 76, 61, 0); box-shadow: 0 0 0 10px rgba(232, 76, 61, 0); } } @-moz-keyframes pulse { to { -moz-box-shadow: 0 0 0 10px rgba(232, 76, 61, 0); box-shadow: 0 0 0 10px rgba(232, 76, 61, 0); } } @-o-keyframes pulse { to { box-shadow: 0 0 0 10px rgba(232, 76, 61, 0); } } @keyframes pulse { to { -webkit-box-shadow: 0 0 0 10px rgba(232, 76, 61, 0); -moz-box-shadow: 0 0 0 10px rgba(232, 76, 61, 0); box-shadow: 0 0 0 10px rgba(232, 76, 61, 0); } } .floating-btn__item.is-active { background-color: #8a8a8a; } .floating-btn__item .my-float { margin-top: 18px; } @media (min-width: 577px) { .hero { padding-top: 24px; } } .hero h1 { font-family: "Palatino Linotype"; font-size: 42px; font-weight: 400; text-align: center; margin-bottom: 24px; } @media (max-width: 1344px) { .hero h1 { margin-bottom: 0; } } @media (max-width: 1024px) { .hero h1 { margin-bottom: 24px; font-size: 32px; } } @media (max-width: 576px) { .hero h1 { font-size: 24px; } } .hero__img { -o-object-fit: cover; object-fit: cover; } .hero__link-text { width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .hero__link-text::after { content: unset; } .hero__link-img { margin: 6px 15px 0 0; } .hero__image { position: relative; } @media (max-width: 576px) { .hero__image { max-height: 210px; } } .hero__video-btn { position: absolute; left: 50%; top: 72%; width: 140px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (max-width: 1344px) { .hero__video-btn { width: 120px; } } @media (max-width: 1024px) { .hero__video-btn { width: 110px; } } @media (max-width: 576px) { .hero__video-btn { width: 80px; } } .personal-data__wrapper { overflow-wrap: break-word; } .personal-data__information p { font-weight: 400; font-size: 16px; line-height: 32px; color: #211E1C; margin: 0 0 32px 0; } @media (max-width: 576px) { .personal-data__information p { font-size: 15px; line-height: 23px; margin: 0 0 23px 0; } } .personal-data__information p + ul { margin-top: -30px; } @media (max-width: 576px) { .personal-data__information p + ul { margin-top: -20px; } } .personal-data__information h3 { font-weight: 300; font-size: 32px; line-height: 36px; color: #211E1C; margin-bottom: 32px; } @media (max-width: 576px) { .personal-data__information h3 { font-size: 22px; line-height: 28px; margin-bottom: 14px; } } .personal-data__information ul, .personal-data__information ol { font-weight: 400; font-size: 16px; line-height: 32px; color: #211E1C; margin: 0 0 32px 0; list-style-type: unset; padding-left: 20px; } .personal-data__information ul li, .personal-data__information ol li { margin-bottom: 8px; } @media (max-width: 576px) { .personal-data__information ul li, .personal-data__information ol li { font-size: 15px; line-height: 23px; } } [data-js-video=video-target] { display: none; } @media (max-width: 1024px) { [data-js-video=video-target] { display: block; } } @media (max-width: 576px) { [data-js-video=video-target] { -o-object-fit: cover; object-fit: cover; } } @media (max-width: 1024px) { [data-js-video=video-preview] { display: none; } } .department { padding-top: 32px; padding-bottom: 32px; background: #f7f2ee; } @media (max-width: 1344px) { .department { padding-top: 56px; } } @media (max-width: 1024px) { .department { padding-top: 24px; } } @media (max-width: 708px) { .department { padding-top: 64px; } } @media (max-width: 576px) { .department { padding-top: 56px; } } @media (max-width: 459px) { .department { padding-top: 24px; } } .partners { padding-top: 32px; padding-bottom: 32px; background: #fff; } .partners.reviews { background: #f7f2ee; padding-top: 32px !important; } @media (max-width: 1344px) { .partners { padding-top: 56px; } } @media (max-width: 1024px) { .partners { padding-top: 24px; } } @media (max-width: 708px) { .partners { padding-top: 64px; } } @media (max-width: 576px) { .partners { padding-top: 56px; } } @media (max-width: 459px) { .partners { padding-top: 24px; } } .partners__content-inner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 64px; gap: 20px; } @media (max-width: 1024px) { .partners__content-inner { margin-top: 32px; } } @media (max-width: 576px) { .partners__content-inner { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .partners__item { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .partners__item iframe { height: 234px; width: 100%; } @media (max-width: 1344px) { .partners__item iframe { height: 176px; } } @media (max-width: 1024px) { .partners__item iframe { height: 204px; } } .partners__item lite-youtube { height: 234px; width: 100%; } @media (max-width: 1344px) { .partners__item lite-youtube { height: 176px; } } @media (max-width: 1024px) { .partners__item lite-youtube { height: 204px; } } @media (max-width: 1024px) { .partners__item.item-num-3 { display: none; } } @media (max-width: 576px) { .partners__item.item-num-2 { display: none; } } .partners__header { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .partners__name { margin-top: 10px; padding: 0px 13px; } .partners__btn { width: 222px; height: 48px; } .partners__btn-wrapper { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 25px; } .partners__btn-link { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; border: 2px solid #a1c74f; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; font-style: normal; font-weight: 400; font-size: 15px; line-height: 22px; letter-spacing: 0.02em; color: #211e1c; } @media (min-width: 1025px) { .diagn { padding-bottom: 48px; } } @media (max-width: 1024px) { .diagn { margin-top: -40px; } } @media (max-width: 576px) { .diagn { margin-top: -24px; } } @media (max-width: 459px) { .diagn { padding-top: 24px; } } .department__wrapper { padding-top: 0; } .exc { padding-bottom: 0; } @media (max-width: 1024px) { .exc__image { height: 160px; } } @media (max-width: 1024px) { .exc__item { height: 355px; } } .peculiarities__image-wrapper { height: auto; } .peculiarities__image-wrapper img { height: auto; width: 100%; -o-object-fit: cover; object-fit: cover; } .peculiarities__img { -o-object-fit: contain; object-fit: contain; } .js-table-content li { text-decoration: underline; } .children__problems-list { -webkit-column-gap: 3%; -moz-column-gap: 3%; column-gap: 3%; } .children__problems-item { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 100%; } .scroll-top { display: none; background-color: #a1c74f; border: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; cursor: pointer; height: 56px; position: fixed; -webkit-transition: right 0.2s ease-in-out; -o-transition: right 0.2s ease-in-out; -moz-transition: right 0.2s ease-in-out; transition: right 0.2s ease-in-out; width: 56px; z-index: 99; left: 20px; bottom: 40px; text-align: center; } .scroll-top .arrow { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); width: 18px; height: 18px; margin-top: 18px; } .heading-card__btn { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: unset; } .heading-card__btn-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 295px; } @media (max-width: 459px) { .heading-card__btn-wrapper { width: 100%; } } .faq__list-chapter { padding: 10px 0; } .faq .payment__list-nav { padding-left: 0; } @media screen and (min-width: 1025px) { .faq .payment__list-nav { margin-right: 0; max-width: unset; width: 30%; } } .faq .payment__list-link { font-size: 16px; } @media screen and (max-width: 1024px) and (min-width: 576px) { .faq .personal-data__wrapper { padding-left: 32px; padding-right: 32px; } } @media screen and (max-width: 1024px) { .faq .personal-data__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .faq .payment__list-nav { display: block; margin-bottom: 24px; padding: 0; } } .faq .personal-data__title { font-size: 24px; line-height: 24px; margin-bottom: 24px; } @media screen and (max-width: 576px) { .faq .personal-data__title { font-size: 22px; margin-bottom: 14px; } } .faq .personal-data__information { max-width: unset; } @media screen and (min-width: 1025px) { .faq .personal-data__information { width: 70%; height: 280px; overflow-y: scroll; } } .personal-data__wrapper { padding-bottom: 34px; } .payment__list-nav { padding-top: 0; } .promotions .art__ban2 { position: relative; margin-top: 0; margin-bottom: 16px; height: unset; } @media screen and (min-width: 1024px) { .promotions .art__ban2 { -webkit-background-size: auto auto; -moz-background-size: auto; background-size: auto; } } @media screen and (max-width: 576px) { .promotions .art__ban2 { -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; background-position-x: right; } } @media screen and (max-width: 412px) { .promotions .art__ban2 { -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position-x: 48px; } } .promotions .art__ban2-heading { width: unset !important; padding-right: 0 !important; } .promotions .art__main { width: 100%; } .promotions .art__links { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .promotions .art__ban2-right-icon { position: absolute; right: 5px; bottom: 5px; width: 40px; } .promotions .art__ban2-additional { font-weight: 600; } .nav__item.active { background: #a1c74f; } .nav__item.active .nav__main-link { padding-right: 16px; } @media screen and (max-width: 1344px) { .nav__item.active .nav__main-link { padding-right: 8px; } } .nav__rehab-icon { height: 48px; margin-left: 5px; } .burger-content__text.active { background: #a1c74f; } .burger-content__rehab-icon { width: 36px; -o-object-fit: cover; object-fit: cover; padding-left: 8px; } .news-card.promotion .news-card__left-main { font-size: 20px; width: 100%; } @media screen and (max-width: 576px) { .news-card.promotion .news-card__left-main { font-size: 17px; } } .news-card.promotion .news-card__left-main p { font-size: 20px; } @media screen and (max-width: 576px) { .news-card.promotion .news-card__left-main p { font-size: 17px; } } .news-card.promotion .news-card__wrapper { padding-bottom: 24px; } @media screen and (max-width: 1024px) { .news-card.promotion .news-card__wrapper { padding-top: 24px; } } @media screen and (max-width: 1024px) and (min-width: 576px) { .news-card.promotion .news-card__wrapper { padding-left: 32px; padding-right: 32px; } } .news-card.promotion .news-card__preview-photo { width: 100%; } .news-card__wrapper.has-slider { padding-bottom: 0; } .timer { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 30px; } .timer__items { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 717px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .timer__items-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .timer__item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; min-width: 123px; } @media screen and (max-width: 576px) { .timer__item { min-width: 68px; } } .timer__count { padding: 32px 32px; background: rgb(254, 231, 190); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-size: 32px; font-weight: 600; } @media screen and (max-width: 576px) { .timer__count { font-size: 17px; padding: 10px 16px; } } .timer__name { text-align: center; } .timer__subtitle { margin-bottom: 10px; text-align: center; } .count-places { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .count-places__text { background: rgb(254, 231, 190); padding: 32px 32px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } @media screen and (max-width: 576px) { .count-places__text { padding: 10px 16px; } } @media screen and (max-width: 1024px) { .gallery__sections.news { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (max-width: 1024px) { .gallery__sections.news .gallery__section { max-width: unset; width: unset; } } .gallery__sections.news .gallery__image-wrapper { width: 257px; margin-bottom: unset; height: unset; } .main-form { margin-top: 24px !important; margin-bottom: 24px !important; } .main-form .captcha { margin-bottom: 8px; } .main-form .inputtext { background-color: #fffefe; border: 1px solid #eee5dc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: block; height: 44px; padding: 16px 0 16px 16px; width: 100%; } .main-form .inputtext:focus, .main-form .inputtextarea:focus { outline-color: #fdb942; } .main-form .inputtextarea { background-color: #fffefe; border: 1px solid #eee5dc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: block; height: 220px; padding: 13px 16px 0; width: 100%; } .main-form .form-group { margin-bottom: 24px; } .main-form .form-group__label { display: inline-block; margin-bottom: 8px; } @media (min-width: 1345px) { .footer__wrapper { height: unset; padding: 90px 0 40px 0; } } .footer__icons { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 16px; gap: 8px; -webkit-box-pack: end; -webkit-justify-content: end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: end; } @media (max-width: 1024px) { .footer__icons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .footer__icons-text { color: #fff; font-weight: 300; } .footer__icons-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 8px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: end; } @media (max-width: 1024px) { .footer__icons-list { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: unset; } } .footer__icons--social { margin-top: 20px; } .footer__icon { display: block; height: 32px; width: 32px; } .footer__icon.tg { height: 25px; width: 25px; cursor: pointer; } .footer__icon img { height: 100%; width: auto; } .footer__wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (max-width: 1024px) { .footer__wrapper { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } } .faq { background: -webkit-gradient(linear, left bottom, left top, from(#F7F2EE), color-stop(60%, rgba(247, 242, 238, 0))); background: -webkit-linear-gradient(bottom, #F7F2EE 0%, rgba(247, 242, 238, 0) 60%); background: -moz-linear-gradient(bottom, #F7F2EE 0%, rgba(247, 242, 238, 0) 60%); background: -o-linear-gradient(bottom, #F7F2EE 0%, rgba(247, 242, 238, 0) 60%); background: linear-gradient(360deg, #F7F2EE 0%, rgba(247, 242, 238, 0) 60%); } .faq__wrapper { padding-top: 64px; padding-bottom: 64px; } .faq-search__wrapper { margin-bottom: 16px; } .faq-search__input { margin-right: 10px; } .faq-search__form { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } @media (max-width: 576px) { .faq-search__button { width: 170px; } } .faq-section__wrapper { margin-bottom: 16px; } .faq-section__title { padding: 4px 100px 4px 8px; background: -webkit-gradient(linear, left top, right top, from(#F7F2EE), to(rgba(247, 242, 238, 0))); background: -webkit-linear-gradient(left, #F7F2EE 0%, rgba(247, 242, 238, 0) 100%); background: -moz-linear-gradient(left, #F7F2EE 0%, rgba(247, 242, 238, 0) 100%); background: -o-linear-gradient(left, #F7F2EE 0%, rgba(247, 242, 238, 0) 100%); background: linear-gradient(90deg, #F7F2EE 0%, rgba(247, 242, 238, 0) 100%); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-bottom: 16px; } .faq-section__title h3 { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-size: 28px; font-weight: 400; line-height: 42px; } @media (max-width: 576px) { .faq-section__title h3 { font-size: 24px; } } .faq-items__wrapper { margin-left: 16px; } .faq-items__list { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .faq-items__list.hidden { display: none; } @media (max-width: 576px) { .faq-items__list { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } .faq-items__show-btn { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-top: 8px; } @media (max-width: 576px) { .faq-items__show-btn { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .faq-items__show-btn > span { cursor: pointer; } .faq-items__show-btn img { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .faq-item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid-column; padding-bottom: 16px; } @media (min-width: 577px) and (max-width: 1024px) { .faq-item { min-height: 42px; -webkit-box-align: self-start; -webkit-align-items: self-start; -moz-box-align: self-start; -ms-flex-align: self-start; align-items: self-start; } } @media (max-width: 576px) { .faq-item { padding-bottom: 8px; } } .faq-item.hidden { display: none; } .faq-item__name { font-size: 18px; font-weight: 400; line-height: 21px; } @media (max-width: 576px) { .faq-item__name { font-size: 15px; } } .faq-item__icon { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; max-height: 50px; min-height: 50px; max-width: 50px; min-width: 50px; margin-right: 16px; } @media (max-width: 576px) { .faq-item__icon { max-height: 40px; min-height: 40px; max-width: 40px; min-width: 40px; } } .faq-item__icon img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .popup { position: fixed; top: 0; z-index: 10000; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.568627451); } @media (max-width: 768px) { .popup { padding: 0 30px; } } .popup__wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; position: relative; top: 50%; left: 50%; width: 720px; height: 330px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: rgb(246, 242, 238); -webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 18px; font-weight: 400; text-align: left; } @media (max-width: 768px) { .popup__wrapper { width: 100%; padding: 0 16px; } } @media (max-width: 576px) { .popup__wrapper { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } } .popup__header { padding-top: 24px; text-align: center; } @media (max-width: 768px) { .popup__header { padding-top: 16px; } } .popup__footer { padding-bottom: 24px; } @media (max-width: 768px) { .popup__footer { padding-bottom: 16px; } } .popup__footer span { text-decoration: underline; color: rgb(89, 84, 80); cursor: pointer; } .popup-social__wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 80%; gap: 7%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: space-evenly; -webkit-justify-content: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; height: 175px; } .popup-social__item img { width: 50px; height: 50px; } @media (max-width: 576px) { .popup-social__wrapper { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 8px 0 8px 24px; height: auto; width: unset; gap: 0 40px; } } @media (max-width: 465px) { .popup-social__wrapper { gap: 7%; padding: 8px 0 8px; } } .popup-social__item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; } @media (max-width: 768px) { .popup-social__item { min-width: 155px; } .popup-social__item:not(:last-child) { padding-bottom: 8px; } } @media (max-width: 465px) { .popup-social__item { min-width: 125px; } } .popup-social__icon { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } @media (max-width: 576px) { .popup-social__icon { height: 30px; width: 30px; } .popup-social__icon img{ height: 100%; width: 100%; } #popup_social .popup-social__wrapper{ gap: 0px; } } .popup-social__name { font-size: 20px; font-weight: 400; line-height: 42px; text-align: left; margin-left: 8px; } @media (max-width: 576px) { .popup-social__name { font-size: unset; } } .payment__form.label-wrapper .payment__form-label { display: inline-block; width: 100%; line-height: unset; } .payment__form.label-wrapper .payment__form-label.sublabel { margin-bottom: 5px; } .payment__form.label-wrapper .payment__form-label.sublabel:after { content: none; } .commercial-page .cons.specialist .cons__wrapper { padding-top: 36px; padding-bottom: 36px; } @media (min-width: 768px) and (max-width: 1344px) { .commercial-page .cons__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .commercial-page .cons__image { height: unset; } .commercial-page .cons__job p { margin-bottom: unset; } @media (min-width: 1345px) { .commercial-page .cons__content { max-width: 420px; } } .commercial-page .cons__button-wrapper { width: 276px; text-align: center; margin-top: 32px; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .commercial-page .cons__button-wrapper .cons__butt { width: unset; height: unset; margin-top: unset; } .commercial-page .cons__button-wrapper .cons__text { padding-left: unset; } .commercial-page .cons__content { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .commercial-page__preview-text, .commercial-page__detail-text { margin-bottom: 16px; } .commercial-page__detail-text { margin-top: 16px; } .commercial-page .exc { background: unset; } .commercial-page .exc .exc__image img { height: 100%; max-width: unset; } .commercial-page .exc__item-text { background: #f7f2ee; } .commercial-page .exc__brand { top: 42px; width: 66px; } .commercial-page .exc h2 { margin-bottom: unset; } .commercial-page .reviews h2 { margin-bottom: unset; } .commercial-page .speclist { background: unset; padding: 0; } .commercial-page .speclist .specialists__photo { height: 100%; } .commercial-page .speclist h2 { margin-bottom: unset; } .commercial-page .speclist__header { margin-top: 32px; } .commercial-page .partners.reviews { background: unset; } .commercial-page .licenses__slaider-nav { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .commercial-page .licenses__wrapper-title { margin-bottom: unset; } @media (max-width: 1344px) { .commercial-page .partners__content-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .commercial-page .partners__item iframe { height: 269px; } } @media (min-width: 1025px) and (max-width: 1344px) { .commercial-page .exc, .commercial-page .speclist, .commercial-page .licenses__slaider { max-width: 544px; } } .commercial-page__preview-video { margin-bottom: 16px; } @media (min-width: 577px) { .commercial-page__preview-video { position: relative; padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */ height: 0; overflow: hidden; } .commercial-page__preview-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-width: 0; outline-width: 0; } } .cons-social { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 24px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 4%; } .cons-social__item { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cons__personal { text-align: center; font-size: 18px; font-weight: bold; } @media (min-width: 1345px) { .cons__personal { margin-top: 24px; } } .cons__job, .cons__directions { text-align: center; } .art__other.commercial .art__other-ul { max-height: 155px; } .art__other.commercial .art__other-ul.long { max-height: 700px; } .art__other.long { max-height: 700px; } .exc__item.about_us { height: auto; } .exc__image.about_us { height: 234px; } .exc__item iframe { height: 234px; width: 100%; } .art__table-header { font-style: normal; font-weight: 300; font-size: 40px; line-height: 46px; margin-bottom: 30px; margin-top: 0px; overflow-wrap: break-word; } .popup-social__wrapper { width: 90%; padding: 0px 50px; flex-wrap: wrap; align-content: center; gap: 20px; } .popup-social__item { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } #popup_social .popup-social__item:first-child{ flex-basis: 40%; } #popup_social .popup-social__item:nth-child(2){ flex-basis: 40%; } #popup_social .popup-social__item:nth-child(3){ justify-content: start; } #popup_social .popup-social__item:last-child{ justify-content: end; } @media (max-width: 770px){ #popup_social .popup-social__item, #popup_social .popup-social__item:first-child, #popup_social .popup-social__item:nth-child(2), #popup_social .popup-social__item:nth-child(3), #popup_social .popup-social__item:last-child { flex-basis: unset; justify-content: center; } #popup_social .popup__social.popup-social__wrapper{ height: 100%; margin: 10px 0 20px; } #popup_social .popup__wrapper{ height: unset; } } @media (max-width: 1344px) { .art__table-header { margin-top: 30px; } } @media (max-width: 1024px) { .art__table-header { padding-left: 32px; padding-right: 32px; } } @media (max-width: 576px) { .art__table-header { margin-bottom: 20px; font-size: 32px; line-height: 36px; } .gallery__image-wrapper { height: 380px; } .licenses__slaider{ margin: 0 8px } } .exc.about_us { background: -webkit-linear-gradient(top, #ffffff 280px, #f6f2ee 160px); background: -moz-linear-gradient(top, #ffffff 280px, #f6f2ee 160px); background: -o-linear-gradient(top, #ffffff 280px, #f6f2ee 160px); background: linear-gradient(to bottom, #ffffff 280px, #f6f2ee 160px); } @media (max-width: 700px) { .exc.about_us { background: -webkit-linear-gradient(top, #ffffff 230px, #f6f2ee 160px); background: -moz-linear-gradient(top, #ffffff 230px, #f6f2ee 160px); background: -o-linear-gradient(top, #ffffff 230px, #f6f2ee 160px); background: linear-gradient(to bottom, #ffffff 230px, #f6f2ee 160px); } } .exc__content.rot { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .reg-mobile-main { display: none; } .container-reg { max-width: 1340px; margin: 0 auto; } @media (max-width: 1344px) { .container-reg { max-width: 1020px; } } @media (max-width: 1024px) { .reg-mobile { display: none; } .container-reg { max-width: 860px; } } @media (max-width: 560px) { .container-reg { max-width: 524px; } } @media (max-width: 576px) { .regions_wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .reg_phone { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .reg_social { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .reg_rew { -webkit-box-ordinal-group: 5; -webkit-order: 4; -moz-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .slider_reg { -webkit-box-ordinal-group: 6; -webkit-order: 5; -moz-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .reg_faq { display: none; } .reg-mobile-main { display: block; -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .psychiatry__paragraph--md { padding-top: 0px; } .contacs__metro { color: #0000EE; -webkit-text-decoration-line: underline; -moz-text-decoration-line: underline; text-decoration-line: underline; } @media (max-width: 576px) { .header > .container { padding: 0; } .heading > .container { padding: 0; } .cons > .container { padding: 0; } .cons__wrapper { padding-top: 0; } .exc > .container { padding: 0; } .exc__content-inner { overflow-x: hidden; } .department > .container { padding: 0; } .footer > .container { padding: 0; } .diagnosis-symptoms > .container { padding: 0; } .diagnosis-symptoms__list { padding: 0 32px 0 45px; } .diagnosis-symptoms__wrapper { padding: 25px 0 0 0; } .diagnosis-symptoms__right { padding-top: 32px; } .diagnosis-symptoms .art__curat { margin-bottom: 0; background: #f7f2ee; } .diagnosis-symptoms .articles__footer { margin: 0 32px; } .art { margin-bottom: 0; } .art__main { margin-bottom: 32px; } .art__main img { height: auto; } .art__left { gap: 0; } .art > .container { padding: 0; } .art .art__galery { background: #f7f2ee; } .art .art__other { background: #fff; } .articles__name { margin-bottom: 32px; } .hero > .container { padding: 0; } .diagn > .container { padding: 0; } .department-slider > .container { padding: 0; } .department-slider__wrapper { padding-bottom: 0; } .department-slider .art__galery { background: #f7f2ee; } .department-slider .art__other { background: #fff; } .department-slider .art__other--md { padding-top: 0; } .heading-card > .container { padding: 0 30px; } .department-card > .container { padding: 0; } .department-card__wrapper { padding-bottom: 0; } .department-card__inner { padding: 0 32px; } .department-card__elements { margin: 0 -32px; } .department-card .art__other { margin-top: 0; } .department-map { margin-top: 32px; } .department-map > .container { padding: 0; } .department-map__wrapper { padding-bottom: 0; } .news > .container { padding: 0; } .news__column-wrapper { padding: 0 32px; } .news__column-title { margin-top: 15px; } .news .articles__footer { margin-left: 32px; } .news-card > .container { padding: 0; } .news-card__left-main { padding: 0 32px; } .news-card__column-right { margin-bottom: 0; } .reviews > .container { padding: 0; } .reviews__buttons { padding: 0 32px; margin-bottom: 32px; } .reviews .art__left { gap: 0; } .main-wrapper { padding-bottom: 0; } .clinic-tests > .container { padding: 0; } .test-rafft > .container { padding: 0; } .test-rafft__question { padding: 32px; } .test-rafft__question-information { padding: 48px 32px 32px 32px; } .test-rafft__test-description { padding: 0 32px; } .speclist { margin-top: 0; } .error > .container { padding: 0; } .error__number-text { padding: 32px; margin-right: 0; } .art.programs__prog { height: unset; padding: 16px 32px; } .art.programs .children__call-wrapper { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .art.programs .art__video { background: #f7f2ee; } .art.programs .art__galery { background: #fff; } .art.programs .art__main { margin-bottom: 0; } .contacts > .container { padding: 0; } .contacts__messengers { padding: 32px; } .contacts__wrapper { padding-bottom: 0; } .contacts__phone { padding: 32px; } .contacts__mail { padding: 32px; } .contacts__section-1 { margin-bottom: 0; } .contacts__left { padding: 32px; } .contacts__right-2 { padding: 32px; } .licenses > .container { padding: 0; } .licenses__title-2 { padding: 0 32px; } .licenses__information { padding: 0 32px; } .dependencies > .container { padding: 0; } .dependencies__main p { padding: 0 32px; } .dependencies__main h3 { padding: 0 32px; } .dependencies__main ul { padding: 0 55px; } .dependencies__main .art__widget { margin-left: 16px; margin-right: 16px; width: unset; } .dependencies__main .children__call-wrapper { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .dependencies .banners-wrapper p { padding: 0; } .dependencies__wrapper { margin-bottom: 0; } .dependencies .art__left { gap: 0; } .dependencies .art__curat { background: #f7f2ee; } .dependencies .art__video { background: #fff; } .dependencies .art__galery { background: #f7f2ee; } .dependencies .art__other { background: #fff; } .psychiatry > .container { padding: 0; } .psychiatry__wrapper-inner p { padding: 0 32px; } .psychiatry__wrapper-inner .children__problems { padding: 32px; margin-bottom: 0; } .psychiatry__wrapper-inner .diagn__alph { padding: 32px; } .psychiatry .art__curat { background: #f7f2ee; } .psychiatry .art__video { background: #fff; } .psychiatry .art__galery { background: #f7f2ee; } .psychiatry .art__widget { margin-left: 16px; margin-right: 16px; width: unset; } .psychiatry .children__call-wrapper { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .psychosomatic-diseases > .container { padding: 0; } .psychosomatic-diseases__wrapper { padding-bottom: 0; } .psychosomatic-diseases__inner p, .psychosomatic-diseases__inner h2, .psychosomatic-diseases__inner h3 { padding: 0 32px; } .psychosomatic-diseases__inner ul { padding: 0 32px 0 50px; } .psychosomatic-diseases .art__curat { background: #f7f2ee; } .psychosomatic-diseases .children__call-wrapper { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .children > .container { padding: 0; } .children__main p { padding: 0 32px; } .children__main .children__problems { padding: 32px; margin-bottom: 0; } .children__main .diagn__alph { padding: 32px; } .children .children__call-wrapper { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .children .art__curat { background: #f7f2ee; } .art__prog1 .art__left-link { margin: 16px 16px; } .art.commercial .art__curat { background: #f7f2ee; } .art.commercial .art__galery { background: #fff; } } /*Header menu mobile*/ .header-mob__container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding: 10px 32px 16px 0px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .header-mob-menu__title { font-weight: 400; font-size: 15px; line-height: 24px; color: #211E1C; margin-right: 30px; margin-left: 30px; display: none; } .burger-content { height: 90vh; } .burger-content__list-menu { margin-bottom: 4px; } .burger-content__text { background-color: RGB(255, 252, 250); } .burger-content__text-menu { display: flex; flex-direction: column; justify-content: center; padding: 0px 14px 0px 16px; background-color: RGB(255, 252, 250); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; min-height: 47px; } .burger-content__text-menu:not(:last-child) { margin-bottom: 4px; } .burger-content__tab-menu { font-weight: 400; font-size: 16px; line-height: 39px; color: #211E1C; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .burger-content__sublist-menu { border-top: 1px solid #EEE5DC; padding: 9.5px 0 9.5px 0; display: none; } .burger-content__sublist-menu.open { display: block; } .burger-content__tab-menu.desc { background-color: inherit; border: none; padding: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; line-height: 1.46; text-align: start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; min-height: 47px; } .burger-content__tab-menu.desc::after { content: url(/local/templates/rehab/assets/css/../img/arrow-li.svg); display: block; width: 8px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; } .service__menu.long { background: #f6f2ee; padding: 15px; } .service__menu { background: #f6f2ee; padding: 15px; } @media (max-width: 1024px) { .art__menu { display: none; } } /*Pc menu*/ .accordion__item { border: 1px solid #e5e5e5; } .wedo__img { display: block; max-width: 100%; height: auto; } .accordion__item.active .accordion__content { display: block; } .accordion__header { border-bottom: 1px solid #e5e5e5; position: relative; padding: 15px 20px 15px 65px; } .accordion__arrow { width: 16px; height: 16px; border-top: 2px solid #ccc; border-right: 2px solid #ccc; position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%) rotate(135deg); -moz-transform: translateY(-50%) rotate(135deg); -ms-transform: translateY(-50%) rotate(135deg); -o-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); cursor: pointer; } .accordion__arrow.active { -webkit-transform: translateY(-50%) rotate(-45deg); -moz-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); -o-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); } .accordion__icon { position: absolute; top: 50%; left: 20px; z-index: 1; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .accordion__content { padding: 15px 20px; font-size: 15px; color: #999; font-weight: 300; display: none; } .accordion__title { font-size: 14px; color: #333; text-transform: uppercase; } .art__other-ul { padding: 0; } @media (max-width: 1024px) { .header-mob-menu__title { display: block; } .heading__wrapper { padding: 0px 32px 16px 32px; gap: 24px; } } @media (max-width: 450px) { .burger-content__tab-menu { line-height: 25px; } } .dropdown-menu { position: relative; margin-bottom: 10px; } @media (max-width: 1024px) { .dropdown-menu { margin-top: 10px; } } .dropdown-menu .dropdown-menu__num a { color: #211E1C; font-family: "Roboto"; font-size: 13px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: 0.26px; } .dropdown-menu__num { font-size: 18px; } .dropdown-menu__active-txt { margin: 0; padding: 0; border: 2px solid #EEE5DC; background-color: #f6f2ee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; padding: 12px 16px; min-height: 44px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .dropdown-menu__active-txt svg { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 10px; height: 5px; -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; -o-transition: -o-transform 0.2s ease-in-out; -moz-transition: transform 0.2s ease-in-out, -moz-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out, -moz-transform 0.2s ease-in-out, -o-transform 0.2s ease-in-out; } .dropdown-menu__items { position: absolute; z-index: 50; left: 0; right: 0; top: 120%; display: none; background-color: #f6f2ee; -webkit-border-radius: 0px 0px 4px 4px; -moz-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; -webkit-box-shadow: 2px 4px 16px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow: 2px 4px 16px 0px rgba(0, 0, 0, 0.08); box-shadow: 2px 4px 16px 0px rgba(0, 0, 0, 0.08); -webkit-transition: top 0.2s ease-in-out, opacity 0.2s ease-in-out; -o-transition: top 0.2s ease-in-out, opacity 0.2s ease-in-out; -moz-transition: top 0.2s ease-in-out, opacity 0.2s ease-in-out; transition: top 0.2s ease-in-out, opacity 0.2s ease-in-out; } .dropdown-menu__items-inner { margin: 0; list-style-type: none; padding: 0 3px 0 3px; max-height: 216px; overflow-y: auto; } li.dropdown-menu__item-list { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .dropdown-menu__item-list a { min-height: 40px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 3px 13px 3px 13px; text-decoration: none; font-size: 18px; margin: 4px 0; } li.dropdown-menu__item-list:hover a { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #A1C74F; } .active-dropdown-item { border: 2px solid #FDB942; } .active-dropdown-item svg { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .active-dropdown-menu { top: 100%; display: block; } .reg_questions { font-size: 18px; } .art-letter.sec { position: relative; } .art-letter.sec::after { position: absolute; top: 0; right: 0; background: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; height: 100%; width: 30px; content: ""; background-color: #A1C74F; display: block; } .art-letter.sec::before { position: absolute; top: 41%; right: 0; left: 0px; background: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; height: 25%; width: 30px; content: ""; background-color: #5E615E; display: block; } .art__wrapper-letter { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 96px; position: relative; } .art__wrapper-letter::before { position: absolute; top: 0; right: -60px; background: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; height: 100%; width: 640px; content: ""; background-image: url(/local/templates/rehab/assets/css/../img/Group1.svg); z-index: -1; } .art__main-letter { font-style: normal; font-weight: 400; font-size: 16px; line-height: 32px; color: #211e1c; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .art__imgs { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .art__img-logo-container { height: 250px; } .art__img-logo { width: 100%; height: 100%; display: block; } .art__text { margin-top: 50px; } .art__text-content { margin-bottom: 32px; color: #211E1C; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 32px; } .art__img-container { width: 360px; height: 420px; -webkit-box-shadow: 16px 16px #5E615E; -moz-box-shadow: 16px 16px #5E615E; box-shadow: 16px 16px #5E615E; } .art__preview-picture-letter { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: block; } .art__autor.letter { margin-bottom: 70px; } .department-contacts{ display: flex; gap: 20px; } .department-contacts .cons__link { padding: 10px 20px; } @media (max-width: 1344px) { .art__wrapper-letter::before { right: -100px; width: 540px; } } @media (max-width: 1024px) { .art-letter.sec { position: relative; } .art-letter.sec::after { display: none; } .art-letter.sec::before { display: none; } .art__wrapper-letter::before { display: none; } .art__wrapper-letter { padding-top: 40px; } .art__img-logo-container { height: 165px; } .art__img-container { height: 360px; } } @media (max-width: 768px) { .art__img-logo-container { height: 165px; } .art__img-container { width: 240px; height: 300px; } } @media (max-width: 660px) { .art__img-logo-container { height: 130px; } } @media (max-width: 576px) { .department-contacts { padding: 0 32px; flex-direction: column; justify-content: center; align-items: center; } .art__main .department-card__inner p{ padding: 0; } } @media (max-width: 500px) { .art__imgs { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .art__img-logo-container { display: none; } } a.art__green-link { color: #a1c74f; } /* End */ /* Start:/local/templates/rehab/assets/css/custom.css?175033137322054*/ .heading__bread-main.last-item { border-bottom: 0px; } .heading__views::before { content: url(/local/templates/rehab/assets/img/eye.svg); } .header__lang { background-image: url(/local/templates/rehab/assets/img/arrow-input.svg), url(/local/templates/rehab/assets/img/icon-planet.svg); } .header__search-butt { background-image: url(/local/templates/rehab/assets/img/search.svg); } .error__number-text::after { content: url(/local/templates/rehab/assets/img/arrow-error.svg); } .nav__second-item::before { content: url(/local/templates/rehab/assets/img/d.svg); } .clinic-tests__text--img-1::before { content: url(/local/templates/rehab/assets/img/clinic-tests-1.svg); } .clinic-tests__text--img-2::before { content: url(/local/templates/rehab/assets/img/clinic-tests-2.svg); } .art__tab-number::after { content: url(/local/templates/rehab/assets/img/art-tab-icon.svg); } .about__arrow::after { content: url(/local/templates/rehab/assets/img/about-dec.svg); } .news__select { background-image: url(/local/templates/rehab/assets/img/arrow-input.svg); } .heading__content { width: 100%; flex: 1; align-self: end; } .art__curat-img { height: 150px; } @media (max-width: 1024px){ .art__curat-img { height: 210px; object-position: 0 -10px; } } .header__search-form { height: 100%; } .news-card__left-main { /*max-width: 832px;*/ font-weight: 400; font-size: 16px; line-height: 32px; color: #211E1C; margin-top: 0; } .news-card__left-main p { font-weight: 400; font-size: 16px; line-height: 32px; color: #211E1C; max-width: 832px; margin-top: 0; } .pagination-active-bg { background-color: #FFFFFF; border: 1px solid #F6F2EE; } .nav__second-wrap { z-index: 1000; } .clinic-tests__item { width: 624px; } @media (max-width: 1024px) { .clinic-tests__item { width: 100%; } } .test-rafft__radio:checked + .test-rafft__box { background-image: url(/local/templates/rehab/assets/img/test-rafft-checked.svg); } .test-rafft__questions { width: 864px; } /*.department-card__inner {*/ /* max-width: 832px;*/ /* font-weight: 400;*/ /* font-size: 16px;*/ /* line-height: 32px;*/ /* color: #211E1C;*/ /* margin-bottom: 32px;*/ /*}*/ /*.department-card__inner img {*/ /* max-width: 832px;*/ /*}*/ /*.department-card__inner ul {*/ /* padding-left: 24px;*/ /* margin-bottom: 32px;*/ /* list-style-type: unset;*/ /*}*/ .reviews__btn { max-width: unset; } .reviews__card { width: 100%; } .reviews__wrapper { width: 832px; } .articles__letter.active { border-bottom: 2px solid #211E1C; } @media (min-width: 1025px) and (max-width: 1344px) { .wrp-art--md { width: 384px; } .diagn__popul { max-width: 532px; } } .heading-card__item { padding: 0 5px; } @media (min-width: 1345px) { .diagn__popul { max-width: 852px; } } .specialists__item { height: auto; } .contacts__wrapper .description { margin-bottom: 32px; } .contacts__wrapper .description div { display: inline; } .excellence { height: 582px; background: linear-gradient(to bottom, #ffffff 360px, #f6f2ee 160px); } .excellence__header { padding-top: 36px; display: flex; flex-direction: column; align-items: center; } .excellence__heading { max-width: 640px; font-family: "Palatino Linotype"; font-style: normal; font-weight: 400; font-size: 42px; line-height: 46px; text-align: center; letter-spacing: 0.02em; color: #211e1c; } .excellence__line { width: 80px; height: 4px; background-color: #a1c74f; margin-top: 36px; } .excellence__content { margin-top: 64px; display: flex; justify-content: space-between; } .excellence__item { width: 405px; height: 256px; border-radius: 4px; } .excellence__image { width: 100%; height: 128px; position: relative; } .excellence__img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 40%; border-radius: 4px 4px 0 0; } .excellence__brand { position: absolute; top: 31px; right: 21px; width: 98px; height: 128px; object-fit: contain; } .excellence__item-text { height: 128px; background-color: #fff; border-radius: 0 0 4px 4px; } .excellence__item-heading { padding-top: 24px; padding-left: 32px; padding-right: 32px; font-style: normal; font-weight: 300; font-size: 28px; line-height: 28px; letter-spacing: 0.02em; color: #211e1c; } .excellence__item-desc { font-style: normal; font-weight: 300; font-size: 18px; line-height: 22px; letter-spacing: 0.02em; color: #211e1c; padding-top: 8px; padding-left: 32px; padding-right: 32px; } .excellence__pagin { margin-top: 39px; display: flex; justify-content: center; gap: 10px; } .excellence__pagin .swiper-pagination-bullet { width: 18px; height: 18px; border-radius: 50%; background-color: #a1c74f; cursor: pointer; opacity: unset; margin: unset !important; } .excellence__pagin .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 18px; height: 18px; background-color: #ffffff; border: 5px solid #a1c74f; border-radius: 50%; cursor: pointer; } .excellence { height: 582px; background: linear-gradient(to bottom, #ffffff 360px, #f6f2ee 160px); } .excellence__header { padding-top: 36px; display: flex; flex-direction: column; align-items: center; } .excellence__heading { max-width: 640px; font-family: "Palatino Linotype"; font-style: normal; font-weight: 400; font-size: 42px; line-height: 46px; text-align: center; letter-spacing: 0.02em; color: #211e1c; } .excellence__line { width: 80px; height: 4px; background-color: #a1c74f; margin-top: 36px; } .excellence__content { margin-top: 64px; display: flex; justify-content: space-between; } .excellence__item { width: 405px; height: 256px; border-radius: 4px; } .excellence__image { width: 100%; height: 128px; position: relative; } .excellence__img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 40%; border-radius: 4px 4px 0 0; } .excellence__brand { position: absolute; top: 31px; right: 21px; width: 98px; height: 128px; object-fit: contain; } .excellence__item-text { height: 128px; background-color: #fff; border-radius: 0 0 4px 4px; } .excellence__item-heading { padding-top: 24px; padding-left: 32px; padding-right: 32px; font-style: normal; font-weight: 300; font-size: 28px; line-height: 28px; letter-spacing: 0.02em; color: #211e1c; } .excellence__item-desc { font-style: normal; font-weight: 300; font-size: 18px; line-height: 22px; letter-spacing: 0.02em; color: #211e1c; padding-top: 8px; padding-left: 32px; padding-right: 32px; } .excellence__pagin { margin-top: 39px; display: flex; justify-content: center; gap: 10px; } .excellence__pagin .swiper-pagination-bullet { width: 18px; height: 18px; border-radius: 50%; background-color: #a1c74f; cursor: pointer; opacity: unset; margin: unset !important; } .excellence__pagin .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 18px; height: 18px; background-color: #ffffff; border: 5px solid #a1c74f; border-radius: 50%; cursor: pointer; } @media (max-width: 1344px) { .excellence { height: 550px; } .excellence__header { padding-top: 4px; } } @media (max-width: 1024px) { .excellence { background: linear-gradient(to bottom, #ffffff 336px, #f6f2ee 160px); } .excellence__wrapper { padding-left: 32px; padding-right: 32px; } .excellence__line { margin-top: 28px; } .excellence__content { margin-top: 32px; } .excellence__item { width: 384px; border-radius: 4px; } .excellence__img { border-radius: 4px; } .excellence__pagin { margin-top: 24px; } } @media (max-width: 576px) { .excellence { height: 480px; background: linear-gradient(to bottom, #ffffff 283px, #f6f2ee 160px); } .excellence__wrapper { padding-left: 0; padding-right: 0; } .excellence__heading { font-size: 28px; line-height: 32px; padding-left: 32px; padding-right: 32px; } .excellence__line { margin-top: 20px; width: 64px; } .excellence__img { border-radius: unset; } .excellence__item-heading { padding-top: 16px; } } .swiper-slide:hover { cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; } .swiper-slide:active { cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing; } .search-language-guess { margin-top: 10px; } .footer__logo-img { width: unset; } .number_list { display: flex; justify-content: center; text-align: left; } /* Стиль для нумеронного списка для /o-klinike/ /*.about__video {*/ /* height: 576px;*/ /* width: 1024px;*/ /*}*/ /*@media (max-width: 1344px) {*/ /* .about__introduction-video {*/ /* position: relative;*/ /* padding-top: 56.25%;*/ /* }*/ /* .about__video {*/ /* position: absolute;*/ /* top: 0;*/ /* bottom: 0;*/ /* height: 100%;*/ /* width: 100%;*/ /* }*/ /*}*/ .flex { flex-wrap: wrap; } .contacts__num-big { font-size: 50px; } .contacts__num { font-weight: 300; font-size: 34px; line-height: 80px; color: #211E1C; display: inline-block; } .contacts__icon { display: block; height: 38px; width: 38px; display: inline-block; } .contacts__icon img { height: 100%; width: auto; } .info { flex-grow: 1; } @media (min-width: 1025px) { .info { padding: 56px 10px 60px 64px; } .contacts__icon { margin-left: 40px; } } @media (min-width: 1025px) and (max-width: 1344px) { .contacts__num-big { font-size: 39px; } .contacts__num { font-size: 23px; } .contacts__icon { height: 30px; width: 30px; } } @media (max-width: 419px){ .contacts__num-big { font-size: 44px; } .contacts__num { font-size: 28px; } } @media (max-width: 369px){ .contacts__num-big { font-size: 36px; } .contacts__num { font-size: 24px; } } .contacts__phone .tg { margin-left: 1px; } .contacts_messengers__wa__tg { display: inline-block; } .art__main .js-table-content,.dependencies__top .js-table-content { list-style: none; } .art__main .js-table-content li, .dependencies__top .js-table-content li { position: relative; font-size: 18px; text-decoration: none; font-weight: 100; padding-left: 5px; } .art__main .js-table-content li:hover, .dependencies__top .js-table-content li:hover { color: #A1C74F; } .art__main .js-table-content li::before, .dependencies__top .js-table-content li:before{ content: ''; position: absolute; top: 10px; left: -20px; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 10px; border-color: transparent transparent transparent #595450; } .art__main .js-table-content li:hover::before, .dependencies__top .js-table-content li:hover::before { border-color: transparent transparent transparent #A1C74F; } @media (min-width: 1025px){ .container .header-mob__container { display: none; } } @media (min-width: 768px){ .header__mobile__phone-number { display: none; } } @media (max-width: 768px){ .header { position: fixed; background: white; width: 100%; z-index: 1000; } .hero { padding-top: 95px; } .header__mobile__phone-number { display: block; text-align: end; } } @media (max-width: 320px){ .header__mobile__phone-number span{ font-size: 24px; } .header__phone-link { font-size: 13px; } } @media (min-width: 340px) and (max-width: 576px) { .header__mobile__phone-number span { font-size: 26px; } .header__phone-link { font-size: 13px; } } @media (min-width: 577px) and (max-width: 690px) { .header__mobile__phone-number span { font-size: 23px; } .header__phone-link { font-size: 14px; } .header__desc { max-width: 168px; } } @media (min-width: 320px) and (max-width: 340px) { .header__mobile__phone-number span { font-size: 14px; } .header__phone-link { font-size: 10px; } } @media (min-width: 340px) and (max-width: 410px) { .header__mobile__phone-number span { font-size: 16px; } .header__phone-link { font-size: 12px; } } lite-youtube { max-width: 100%; } lite-youtube::before { width: 100%; } /* ---- HEADER STICKY ----- */ .header-sticky-container, .header-sticky-nav, .sticky_nav_wrap { height: 100%; } .header-sticky-nav { gap: 10px; } .header-sticky-nav-link--with-dp:after { content: unset; } .header-sticky-nav-link a { padding: 0 15px; } .header__search-form { position: relative; } .header-sticky-container .header__search-form { height: unset; } .header-sticky-search { background-size: unset; background-repeat: unset; background-position: unset; background-image: unset; } .header-sticky-container .header__search-butt { width: 18px; height: 18px; top: 7px; right: 13px; background-color: transparent; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4351 10.0629H10.7124L10.4563 9.81589C11.3528 8.77301 11.8925 7.4191 11.8925 5.94625C11.8925 2.66209 9.23042 0 5.94625 0C2.66209 0 0 2.66209 0 5.94625C0 9.23042 2.66209 11.8925 5.94625 11.8925C7.4191 11.8925 8.77301 11.3528 9.81589 10.4563L10.0629 10.7124V11.4351L14.6369 16L16 14.6369L11.4351 10.0629ZM5.94625 10.0629C3.66838 10.0629 1.82962 8.22413 1.82962 5.94625C1.82962 3.66838 3.66838 1.82962 5.94625 1.82962C8.22413 1.82962 10.0629 3.66838 10.0629 5.94625C10.0629 8.22413 8.22413 10.0629 5.94625 10.0629Z' fill='%23BBAEA4'/%3E%3C/svg%3E") } .sticky_nav__second-wrap { z-index: 1000; position:relative; } @media only screen and (min-width: 1024px) { .header-sticky-nav-link { display: flex; align-items: center; } } /* ------ КОММЕРЧЕСКИЕ СТРАНИЦЫ --------*/ .head-bn-doc { padding: 0; } .panic_describe_text h2 { font-style: normal; font-weight: 300; font-size: 40px; line-height: 46px; margin-bottom: 30px; margin-top: 0px; overflow-wrap: break-word; } .panic_describe_text h3 { font-style: normal; font-weight: 300; font-size: 32px; line-height: 36px; margin-top: 46px; margin-bottom: 46px; } .panic_describe_text p { margin: 0 0 30px 0; line-height: 32px; text-align: justify; } .panic_describe_text p + p { margin-top: 30px; } .panic_describe_text p + ul, .panic_describe_text p + ol { margin-top: -30px; } .panic_describe_text ul, .panic-faq-item__hide ul, .panic-faq-item__hide ol { margin-top: 36px; margin-bottom: 30px; padding-left: 26px; list-style-type: unset; } .panic_describe_text ol, .panic_describe_text ul { overflow-wrap: break-word; line-height: 32px; } .panic_describe_text p + ul, .panic_describe_text p + ol { margin-top: -30px; } .panic_describe_text iframe { margin-bottom: 30px; } .panic-faq-item__hide p { margin-bottom: 20px; text-align: justify; } .burger-content__tab-menu.desc::after { content: none; } .burger-content__tab-menu { line-height: 1.46; } .burger-content__text-menu .panic-right-menu__link { padding: 0; } .panic-right-qq, .panic-right-experts { margin-top: 0; } .panic-program-download-button a { display: flex; gap: 4px; } .art-commercial-page .art__list-decimal { list-style: none; padding-left: 40px; margin-top: -10px; } .art-commercial-page ol { font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; color: #211e1c; margin-bottom: 64px; padding-left: 24px; } .art-commercial-page ol li { font-style: normal; font-weight: 400; font-size: 16px; line-height: 32px; color: #211e1c; } .art-commercial-page .art__list-decimal li { position: relative; counter-increment: count 1; } .art-commercial-page .art__list-decimal li:not(:first-child) { margin-top: 20px; } .art-commercial-page .art__list-decimal li::before { content: counter(count, decimal) " "; position: absolute; left: -45px; top: 8px; font-size: 38px; color: white; text-shadow: 3px 3px 0 #A1C74F, -1px -1px 0 #A1C74F, 1px -1px 0 #A1C74F, -1px 1px 0 #A1C74F, 1px 1px 0 #A1C74F; } .art-commercial-page .art__list-cirle li, .art-commercial-page .art__list--clover li { position: relative; list-style-type: none; } .art-commercial-page .art__list--clover li::before { content: ""; position: absolute; left: -37px; top: 5px; display: inline-block; height: 25px; width: 25px; color: #000000; -webkit-mask: url(/local/templates/rehab/assets/css/../img/clover.svg); mask: url(/local/templates/rehab/assets/css/../img/clover.svg); -webkit-mask-size: cover; mask-size: cover; background: #94CFA3; } .art-commercial-page .art__list-cirle li::before { content: ""; position: absolute; top: 13px; left: -20px; width: 8px; height: 8px; background: #A1C74F; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .panic-program-hide-main__right-side { flex: 1; gap: 16px; display: flex; flex-direction: column; } .panic-program-container .panic-program-title { margin: 0; } .panic-program-container .panic-program-desc { margin: 6px 0 0 0; line-height: 1.3; } .panic-program-container .panic-program-hide-main__list__ul { margin: 0; padding: 0; } .panic-program-container .panic-program-hide-main__list__label { line-height: 1; } .panic-program-hide-main__table table th, .panic-program-hide-main__table table td { line-height: 1.2; } .personal-data__paragraph.red{ padding-left: 30px; color: rgb(255, 0, 0); } .personal-data__wrapper.center{ justify-content: center; } @media only screen and (min-width: 576px) { .panic-right-menu-container { display: flex; flex-direction: column; gap: 32px; position: relative; } .art-commercial-page .art__list-decimal { padding-left: 45px; margin-top: 0; } } @media (min-width: 577px) and (max-width: 1024px) { .art-commercial-page .art__list-decimal { padding-left: 80px; } } @media only screen and (max-width: 576px) { .art-commercial-page .art__list-decimal { padding-left: 80px; margin-top: 0; } .art-commercial-page .art__list-decimal li::before{ left: -45px; } } @media only screen and (max-width: 500px) { .panic-doc-mobile__button { font-size: 1.05rem; } } @media (max-width:375px){ .art__tab-flex{ flex-direction: column; } } @media (max-width: 320px){ .header-mob__container{ padding: 10px; } .header-mob-menu__title{ font-size: 12px; margin-right: 10px; margin-left: 10px; } .header__logo{ width: 74px; height: 45px; } .header__wrapper{ padding: 0; } .header__mobile__phone-number span { font-size: 18px; } .art__table-header { padding-left: 20px; padding-right: 20px; font-size: 30px; } .art__main { font-size: 15px; line-height: 26px; } .art__widget-wrapper{ padding: 15px; } .dependencies__main p { font-size: 15px; line-height: 26px; padding: 0 15px; } .art__banner{ padding-left: 28px; padding-right: 28px; } .art__main .art__semiframe { margin: 20px 19px; padding: 24px; } .art__main h2 { padding-left: 15px; padding-right: 15px; } .art__call-numlink span{ font-size: 19px; line-height: 33px; } .art__main .art__list-decimal, .psychiatry .art__list-decimal { padding-left: 50px; margin-top: 0; } .art__main .js-table-content li, .dependencies__top .js-table-content li{ font-size: 16px; } .art__main .art__list-decimal li::before, .psychiatry .art__list-decimal li::before{ left: -37px; } .art__main .art__list-cirle, .psychiatry .art__list-cirle { list-style: none; margin-top: -10px; } .art__ban2{ height: unset; } .art__ban2-wrap{ padding: 15px; } .art__ban2-heading{ width: 90%; } .art__links{ align-items: flex-start; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; } .art__ban2-link{ margin-top: 16px; } .art__ban2-link-2{ margin-top: 5px; } .cons__butt{ width: 100%; height: unset; } .footer__contacts-data .footer__mail{ font-size: 15px; } .footer__phone{ font-size: 15px; } .art__call-heading{ font-size: 18px; } .art__main h2{ font-size: 26px; } } /* End */ /* Start:/local/components/bash/cookie.notification/templates/.default/style.css?17103076491227*/ .cookie-notification { position: fixed; bottom: 0; left: 0; width: 100%; margin: 0; border-radius: 0; color: #fff; background: #595450; font-size: 14px; z-index: 10000; display: flex; font-weight: 300; align-items: center; padding: 0.75rem 1.25rem; border: 1px solid transparent; } .cookie-notification.hidden { display: none; } .cookie-notification a { text-decoration: underline; font-weight: 400; color: #BDD883; } .cookie-notification button { cursor: pointer; display: flex; align-items: center; justify-content: center; width: fit-content; box-sizing: border-box; border-radius: 1.5rem; padding: 0.625rem 2rem; will-change: transform; background: #A1C74F; color: #fff; text-decoration: none; text-align: center; border: 1px solid #A1C74F; margin-left: 0.5rem; height: 100%; font-weight: 500; } .cookie-notification button:hover { background: #DFECC2; color: #211E1C; } @media screen and (max-width: 575px) { .cookie-notification { flex-direction: column; } .cookie-notification button { margin: 1rem 0 0 0; width: 100%; } } /* End */ /* /local/templates/rehab/node_modules/lite-youtube-embed/src/lite-yt-embed.css?17071389032501 */ /* /local/templates/rehab/assets/css/fancybox.css?169746008915598 */ /* /local/templates/rehab/assets/css/app.min.css?1751637238440417 */ /* /local/templates/rehab/assets/css/custom.css?175033137322054 */ /* /local/components/bash/cookie.notification/templates/.default/style.css?17103076491227 */