/* Start:/js/fancybox.css?177263504624645*/ :root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:.175s ease-out both f-throwOutUp}.f-throwOutDown{animation:.175s ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, -150px, 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, 150px, 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease-out .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease-out both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-fadeIn{animation:var(--f-transition-duration, 0.2s) ease both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) ease both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:1050;outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content,.is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content{visibility:hidden}.is-animating .fancybox__content,.is-dragging .fancybox__content{filter:blur(0px);will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:.25s ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:.35s ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:.15s ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:.35s ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:100%;height:100%}.fancybox__container:not(.is-compact) .has-iframe .fancybox__content,.fancybox__container:not(.is-compact) .has-map .fancybox__content,.fancybox__container:not(.is-compact) .has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.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{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 20px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden}.f-thumbs__track{display:flex;will-change:transform}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);min-width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--left, 0)*1px);width:calc(100% - var(--width, 0)*1px);cursor:pointer}.is-modern .f-thumbs__slide{--clip-path: inset( 0 calc( (var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 * (1 - var(--progress, 0)) ) round var(--f-thumb-border-radius, 0) );transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern .f-thumbs__slide:focus-within:not(.is-selected){filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.is-modern .f-thumbs__slide>*{clip-path:var(--clip-path)}.is-modern.in-touch .f-thumbs__slide{filter:none}.is-modern.is-resting .f-thumbs__slide{transition:all .33s ease}.is-modern.is-resting .f-thumbs__slide>*{transition:all .33s ease}.f-thumbs__slide__button{appearance:none;width:100%;height:100%;margin:0;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{position:absolute;overflow:hidden;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover}.f-thumbs.is-horizontal .f-thumbs__track{margin:0 auto;padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;margin:auto 0;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 20px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-masked{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none} /* End */ /* Start:/bitrix/templates/.default/components/bitrix/breadcrumb/bre/style.css?1772635018947*/ .bx_breadcrumbs{ margin-bottom:15px; padding-top:0px } .bx_breadcrumbs ul{ margin:0; padding:0 } .bx_breadcrumbs ul li{ display:inline-block; line-height:20px } .bx_breadcrumbs ul li a{ display:block; padding:0 15px; background:url(/bitrix/templates/.default/components/bitrix/breadcrumb/bre/images/breadcrumbs_arrow.png) no-repeat center right; color:#555; text-decoration:none; font-size:11px; opacity:.5 } .bx_breadcrumbs ul li:first-child a{padding-left:0} .bx_breadcrumbs ul li:last-child a{background:none} .bx_breadcrumbs ul li a:hover{ text-decoration:underline; line-height:20px; opacity:1 } .bx_breadcrumbs ul li span{ display:block; padding:0 15px; color:#aaa; text-decoration:none; font-size:11px } .bx_breadcrumbs, .bx_breadcrumbs ul li{ -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; } /* End */ /* Start:/bitrix/templates/inner_2021/styles.css?177263502642*/ .grecaptcha-badge { opacity: .3; } /* End */ /* Start:/bitrix/templates/inner_2021/template_styles.css?1772635026171366*/ .container {position: relative; max-width: 100%; overflow: hidden;} body { padding: 0; font-size: 80%; font-family: 'Nunito'; margin: 0; min-width: 1240px; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } html { cursor: default!important } a img { border: 0 } .all { margin: 0 auto; min-width: 995px; max-width: 1200px; } h3 { font-size: 24px; color: #4F73A5; font-weight: 400; line-height: 120% } body .bx_breadcrumbs ul li a:hover {line-height: 100%;} .oc-button.fix {display: none;} @media (min-width: 1230px) { .oc-button.fix {transition: all 0.3s ease; text-decoration: none; border-radius: 6px 0 0 6px; background: #3AB3F1; height: 265px; width: 60px; display: block; position: fixed; top: 50%; right: 0; z-index: 99999; transform: translateY(-50%);} .oc-button.fix:hover {filter: brightness(110%);;} .oc-button.fix .icon {position: relative; display: block; width: 60px; height: 60px; border-radius: 6px 0 0 0; background: linear-gradient(180deg, #538BD5 0%, #4170AF 100%), #3AB3F1;} .oc-button.fix .icon:after {content: ''; display: block; position: absolute; top: 0; left: 0; width:100%; bottom: 0; background: url(/images/OC-icon.png) center center no-repeat;} .oc-button.fix .text {width: 162px; text-align: center; white-space: nowrap; right: -53px; top: 151px; font-size: 18px; color: #fff; font-weight: 600; text-shadow: none; position: absolute; transform: rotate(90deg);} } .stop-service-block {border-radius: 5px; padding: 40px 40px 40px 80px; text-align: center; font-size: 20px; background: #ffcfcf; margin: 0 0 40px; position: relative;} .stop-service-block span.att {display: block; position: absolute; left: 41px; top: 50%; margin-top: -10px; font-size: 92px; font-weight: bold; color: #bb3f3f;} .stop-service-block a {font-weight: 600;} #content {font-weight: 500;} .hidden-form .consultation-frame {margin-top: 30px;} .consultation-frame a.oc-button {align-items: center; transition: all 0.3s ease; text-decoration: none; border-radius: 6px; background: linear-gradient(180deg, #3AB3F1 0%, #2F94C9 100%), linear-gradient(180deg, #FD564F 0%, #C73630 100%); height: 60px; max-width: 360px; margin: 0 auto 0px; width: 100%; display: flex; } .consultation-frame a.oc-button:hover {filter: brightness(110%);;} .consultation-frame a.oc-button .icon {position: relative; display: block; width: 60px; height: 60px; border-radius: 6px; background: linear-gradient(180deg, #538BD5 0%, #4170AF 100%), #3AB3F1;} .consultation-frame a.oc-button .icon:after {content: ''; display: block; position: absolute; top: 0; left: 0; width:100%; bottom: 0; background: url(/images/OC-icon.png) center center no-repeat;} .consultation-frame a.oc-button .text {width: calc(100% - 60px); text-align: center; white-space: nowrap; font-size: 18px; color: #fff; font-weight: 600; text-shadow: none; } #instablock {max-height: 453px; overflow: hidden; margin: 0 0 30px;} #content .phones-p a {font-size: 24px; font-weight: 300; text-decoration: none; color: #325486;display:block;} #content .phones-p a nobr span {color: #6495bf;} #content .PayForm {margin: 30px 0 30px 0; width: 100%;max-width: 500px;} #content h2 + .PayForm {margin-top: 0;} #content .PayForm input.text { font-weight: 300; border: 0; padding: 0px 15px; line-height: 45px; font-size: 19px; color: #36393b; border: none; height: 45px; width: 100%; margin: 0 0 15px; background: none; display: block; box-sizing: border-box; } #content .PayForm textarea.text { font-weight: 300; border: 0; padding: 12px 15px; resize: none; font-size: 19px; color: #36393b; border: none; height:100px; width: 100%; margin: 0 0 15px; background: #f1f1f1; display: block; box-sizing: border-box; } #content .PayForm input.submit { text-align: center; box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.506), 0 1px 4px rgba(0, 0, 0, 0.298); margin: 20px auto 10px; display: block; height: 50px; line-height: 50px; width: 100%; max-width: 340px; box-sizing: border-box; padding: 0 20px; border-radius: 5px; background: #729cd1; font-size: 21px; color: #fff; text-decoration: none; font-family: inherit; font-weight: 600; transition: all .3s ease; border: 0; cursor: pointer; font-weight: 300 } #content .PayForm input.submit:hover { background: #3d6db2; color: #fff } #content .PayForm p.thanks {text-align:center; font-size: 20px; padding: 70px 0; margin: 0;} #content .PayForm input::-moz-placeholder, #content .PayForm textarea::-moz-placeholder { color: #36393b; opacity: 1 } #content .PayForm input::-webkit-input-placeholder, #content .PayForm textarea::-webkit-input-placeholder { color: #36393b; opacity: 1 } #content .PayForm input:focus::-moz-placeholder, #content .PayForm textarea:focus::-moz-placeholder { opacity: 0 } #content .PayForm input:focus::-webkit-input-placeholder, #content .PayForm textarea:focus::-webkit-input-placeholder { opacity: 0 } #content .PayForm .error { border: 1px solid red!important } #content .PayForm .checkbox { font-size: 11px; margin-bottom: 7px; position: relative } #content .PayForm .checkbox input[type=checkbox] { position: relative; float: left; margin: 0 7px 0 0; z-index: 2; padding: 0; margin: 2px 7px 0 0; width: 12px; height: 12px; opacity: 0 } #content .PayForm .checkbox label { float: none; max-width: calc(100% - 30px) } #content .PayForm .checkbox label span { border: 1px solid #ccc; position: absolute; display: block; width: 12px; height: 12px; background: #fff; left: 0; top: 2px } #content .PayForm .checkbox input[type='checkbox']:checked + label span { background: #fff url(/images/checked.png) center center no-repeat; background-size: 10px 10px } #content .PayForm .checkbox input[type='checkbox'].error + label span { border-color: red } #content .PayForm .checkbox a { color: inherit; text-decoration: underline; } #content .PayForm .checkbox a:hover {text-decoration: none;} #content .PayForm .thanks { font-size: 20px; text-transform: uppercase; text-align: center; padding: 80px 0; color: #363636; margin: 0 } #content .btn.tele {transition: all 0.3s ease; width: 336px; height: 56px; display: flex; font-weight: 500; align-items: center; justify-content: center; font-size: 15px; color: #fff; text-decoration: none; background: linear-gradient(180deg, #3AB3F1 0%, #2F94C9 100%); border-radius: 6px; margin: 0 auto 40px;} #content .btn.tele:hover {filter: brightness(110%);} #content h2 { padding: 0 0 20px; margin: 0 } #content h3 { padding: 0 0 20px; margin: 0; font-size: 23px } #content .mob-book-banner { display: none; margin: 0 0 15px; width: 100%; height: 93px; background: #f5f5f5; text-align: center; overflow: hidden } #content .mob-book-banner img { max-width: 100% } .insta {margin: 0 0 30px; width: 100%; border: 2px solid #538BD4; border-radius: 6px; box-sizing: border-box;} .insta .top {display: flex; flex-wrap: wrap; padding: 10px 20px; background: linear-gradient(180deg, #538BD5 0%, #4170AF 100%); box-sizing: border-box;} .insta .top .title {color: #fff!important; width:100%; display: flex; align-items: center;} .insta .top .title img {height: 36px; margin: 0 15px 0 0;} .insta .top .publ {width: 50%; color: #fff; font-size: 12px;} .insta .top .subs {width: 50%; color: #fff; font-size: 12px;} .insta .list {display: flex; flex-wrap: wrap;} .insta .list .block {margin: 1px; width: calc(100% / 3 - 2px);} .insta .list .block img {width:100%;} #content .videoblock {margin: 0 -20px 0 0; width: calc(100% + 20px); display: flex; flex-wrap: wrap;} #content .videoblock .block {margin: 0 20px 40px 0; width: calc(100% / 3 - 20px);} #content .videoblock .block:hover .pic img {filter: brightness(110%);} #content .videoblock .block .pic {margin: 0 0 15px; height: 176px;} #content .videoblock .block .pic img {width:100%; height: auto; min-height: 176px;} #content .videoblock .block .pic .youtube-block {height: 155px;} #content .videoblock .block.yt .pic {height: 155px;} #content .videoblock .block.yt {font-size: 13px; line-height: 150%; color: #313131; position: relative;} #content .videoblock .block.yt a {display: block; position: absolute; top: 0; left: 0; bottom: 0; width:100%;} #content .videoblock .block.yt .title {font-size: 14px; font-weight: bold; color: #415C81; } #content .videoblock .block.yt .title a {position: relative;} #content .videoblock .block.yt p {padding: 0 0 7px;} #content .videoblock .block.yt:hover .youtube-block {filter: brightness(110%);} #content .videoblock .block.yt .youtube-block {transition: all 0.3s ease;} #content .videoblock .block .news-date-time {margin: 0 03px; display: block; font-weight: 500; font-size: 11px; line-height: 150%; color: #A7B8D3;} #content .videoblock .block a {text-decoration: none; font-weight: 500; font-size: 14px; line-height: 150%; color: #415C81;} #content .modern-page-navigation {padding: 0; display: flex; justify-content: center; align-items: center; width:100%; margin: 20px 0;} #content .modern-page-navigation .modern-page-title {display: none;} #content .modern-page-navigation a {display: table; width: 40px; height: 40px; box-sizing: border-box; padding: 0; margin: 0; text-align:center; line-height: 40px; color: #415C81; font-size: 14px; font-weight: 500; text-decoration: none; border:0;} #content .modern-page-current {border: 2px solid #415C81; font-weight: 500; border-radius: 6px; display: table; color: #415C81; width: 40px; height: 40px; box-sizing: border-box; padding: 0; margin: 0; text-align:center; line-height: 36px;} #content .collegue-table td {padding: 5px; font-size: 14px;} ul li ol { margin: 0 0 14px; padding: 0 0 0 14px } p { margin: 0 0 12px } a { color: #3560a0 } .cleaner { clear: both } a:hover { color: #56718f; -webkit-transition-property: all; -webkit-transition-duration: .5s } a.tel { text-decoration: none } .que { color: #363636; position: relative; padding-left: 26px!important; margin-top: 10px!important; font-weight: 600; font-size: 20px; } .que:before {content: ''; display: block; position: absolute; top: 12px; left: 0; width: 20px; background: #363636; height: 1px;} address { display: inline } .before-list { margin: 0 0 .2em } .mobile_call_button { display: none } .clear { float: none; clear: both; height: 0; line-height: 0; font-size: 0; -webkit-user-select: none; -moz-user-select: none } .flag_nav, .pk_no { display: none } .bx_breadcrumbs { margin-bottom: 30px!important } .copy_window { position: relative; z-index: 999 } .copy_window>a { font-weight: 600; font-size: 18px } .copy_window>a#open_copywindow1 { font-size: inherit } .copy_window .window { padding: 35px 20px; box-sizing: border-box; box-shadow: 0 0 5px 1px rgba(31, 69, 125, 0.5); display: none; position: absolute; width: 310px; position: absolute; top: -40px; left: 50%; margin-left: -100px; background: #fff; z-index: 999 } .copy_window .window.visible { display: block } .copy_window .window .exit { cursor: pointer; position: absolute; top: 5px; right: 5px; width: 15px } .copy_window .window a, .copy_window .window button { display: inline-block; vertical-align: middle } .copy_window .window a { font-weight: 400; font-style: normal; font-size: 15px } .copy_window .window button { border: 0; margin-left: 10px; cursor: pointer; font-family: inherit; background: #4F73A5; color: #fff; height: 38px; line-height: 38px; padding: 0 15px; text-decoration: none; text-transform: uppercase; font-size: 13px } #layout { margin: 0 auto; min-width: 995px; max-width: 1200px } .fixed_block { background: #fff; padding: 15px 0 0; position: fixed; width: 100%; top: 0; z-index: 10 } .fixed_block:before { position: absolute; left: -8px; top: 0; height: 140px; width: 8px; content: ''; background: #fff } .toppanel {position: relative; background: #F8FAFD; z-index: 30;} .toppanel .all {position: relative; height: 72px; display: flex; width: 100%; max-width: 1200px; margin: 0 auto; align-items:center; justify-content: space-between;} .toppanel .all .left {align-items:center; display: flex;} .toppanel .all .left .lang {color: #4878B9; font-size: 15px; margin: 0 25px 0 0; cursor: pointer; position: relative; } .toppanel .all .left .lang span.active span {margin: 0 5px 0 10px;} .toppanel .all .left .lang img {margin-bottom: -3px;} .toppanel .all .left .lang img:last-child {transition: all 0.3s ease; margin: 0 0 1px;} .toppanel .all .left .lang.open img:last-child {transform: rotate(180deg);} .toppanel .all .left .lang .hidden {padding: 20px 15px; box-sizing: border-box; background: #fff; border-radius: 4px; box-shadow: 0 0 5px 1px rgba(0,0,0,0.05); position: absolute; left: -99999px; opacity: 0; transition: opacity 0.3s ease;} .toppanel .all .left .lang .hidden .pk_no {display: block;} .toppanel .all .left .lang .hidden a {display: flex; margin: 0 0 10px; font-size: 12px;} .toppanel .all .left .lang .hidden a:hover {text-decoration: none;} .toppanel .all .left .lang .hidden a img {width: 23px; margin: 0 7px 0 0;} .toppanel .all .left .lang.open .hidden {left: -15px; opacity: 1; top: 30px;} .toppanel .all .left .search {width: 336px; height: 40px; position: absolute; left: 330px;} .toppanel .all .left .search input[type=text] {box-sizing: border-box; outline:none; width: 100%; padding: 0 45px 0 22px; height: 40px; background: #FFFFFF; border: 1px solid #F0F3F8; box-sizing: border-box; border-radius: 6px; line-height: 38px; font-family: inherit; font-size: 12px; border: 1px solid #e8e8e8; color: #666; } .toppanel .all .left .search input[type=image] {position: absolute; top: 10px; right: 22px; cursor: pointer; border: 0;} .toppanel .all .left .search input[type=text]:focus::-moz-placeholder {opacity: 0;} .toppanel .all .left .search input[type=text]:focus::-webkit-input-placeholder {opacity: 0;} .toppanel .all .left .search input[type=text]::-moz-placeholder {opacity: 1; color: #A7B8D3;} .toppanel .all .left .search input[type=text]::-webkit-input-placeholder {opacity: 1; color: #A7B8D3;} .toppanel .all .worktime {font-size: 15px; align-items: center; display: flex; color: #4878B9;} .toppanel .all .worktime:before {content: url(/bitrix/templates/main_2021/img/clock.svg); margin: 0 6px 0 0;} .toppanel .menu-icon {display: none;} header {position: relative; z-index: 20;} @media (min-width: 1001px) { header.fix {background: #fff; box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.02); position: fixed; top: 0; left: 0; width: 100%;} header.fix + div {padding-top: 130px;} header.fix + main {padding-top: 130px;} } header .all {position:relative; height:106px; display: flex; width: 100%; max-width: 1200px; margin: 0 auto; align-items:center; justify-content: space-between;} header .all .center {display: flex; align-items:center; position: absolute; left: 330px;} header .all .center .soc {display: flex;} header .all .center .soc a {margin: 0 3px 0 0;} header .all .center img {height: 34px; transition: all 0.3s ease; width: auto; margin: 0 0px;} header .all .center img:hover {filter: brightness(110%);} header .all .center .btn {transition: all 0.3s ease; width: 336px; height: 56px; display: flex; font-weight: 500; align-items: center; justify-content: center; font-size: 15px; color: #fff; text-decoration: none; background: linear-gradient(180deg, #3AB3F1 0%, #2F94C9 100%);border-radius: 6px; margin: 0 57px 0 0;} header .all .center .btn:hover {opacity: 0.9;} header .all .phones-block {display: flex; align-items: center; font-size: 26px; font-weight: bold; text-decoration: none; color: #4878B9;} header .all .phones-block .soc a img {height: 34px; width: auto; margin: 0 5px 0 0;} header .all .phones-block a {font-size: 26px; font-weight: bold; text-decoration: none; color: #4878B9; display:block;} header .all .phones-block a nobr span {color: #6495bf;} header .all .logo img {height: 70px;} header .logo .mob {display: none;} .toppanel .logo .mob {display: none;} #header {display:none; margin: 0; width: 100%; position: relative; height: 125px; min-width: 995px; max-width: 1200px } #header .worktime {position: absolute; top: -28px; right: 0px; font-size: 17px; color:#1f457d;} #header .contacts-mob {display: none;} #header .flags { position: absolute; top: 25px; right: 380px } #header .flags img { border: 1px solid #ccc; height: 15px } #header .flags img:hover { border-color: #363636 } .whatsapp img { width: 23px; margin-bottom: -4px; margin-right: -5px } #header .search { position: absolute; top: 67px; right: 360px } #header .search input.text { box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.506), 0 1px 4px rgba(0, 0, 0, 0.298); font-family: inherit; outline: none; font-size: 11px; color: #666; text-transform: uppercase; border: 1px solid #e1e1e1; border-radius: 5px; background: #fff; padding: 0 15px; height: 38px; line-height: 38px; margin: 0; width: 322px } #header .search input.submit { outline: none; position: absolute; top: 10px; right: 10px } #header .search input.text::-moz-placeholder { color: #b7b7b7 } #header .search input.text::-webkit-input-placeholder { color: #b7b7b7 } #header .search input.text:focus::-moz-placeholder { opacity: 0 } #header .search input.text:focus::-webkit-input-placeholder { opacity: 0 } #logo { padding: 0 0 0 10px; color: #1f457d; font-size: 2em; position: absolute; top: 32px } #logo a { text-decoration: none; color: #1f457d } #slogan { font-size: .5em; } #system-icons { position: absolute; top: -7px; left: 10px; margin-left: 0 } #system-icons ul { list-style-type: none; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; margin: 0; padding: 0 } #system-icons li { float: left; margin-right: 10px; width: 15px; height: 15px } #system-icons a { display: block; width: 15px; height: 15px } .new-mob-toppanel, .new-mob-header { display: none } .new-mob-header .phones { position: absolute; top: 3px; left: 50%; color: #fff; text-decoration: none; transform: translateX(-50%); padding-right: 41px; font-size: 19px; white-space: nowrap;} .new-mob-header .worktime {display:block; font-size: 13px; text-align:center; color: #fff; position: absolute; bottom:3px; left: 0; text-align: center; width: 100%; padding: 0 40px 0 0; box-sizing: border-box;} iframe.vk-frame {margin: 0 0 40px; border-radius: 8px;} #home-icon { background: url(/images/system-icons.gif) no-repeat scroll -15px 0 } #contacts-icon { background: url(/images/system-icons.gif) no-repeat scroll 0 0 } #sitemap-icon { background: url(/images/system-icons.gif) no-repeat scroll -30px 0 } #greatbritain-icon { background: url(/images/greatbritain2.gif) no-repeat; width: 24px!important } #greatbritain-icon a { width: 24px!important } #germany-icon { background: url(/images/germany2.gif) no-repeat; width: 24px!important } #germany-icon a { width: 24px!important } #china-icon { background: url(/images/china2.gif) no-repeat; width: 24px!important } #china-icon a { width: 24px!important } #contacts { position: absolute; top: 19px; right: -5px; font-size: 19px; text-align: right } #contacts a { text-decoration: none; margin-left: 4px } #contacts a.whatsapp { position: absolute; margin: 2px 0 0 -24px } #contacts .country-code, #contacts .region-code { color: #6193c0 } #contacts .phone-number { color: #1f457d } #consult-link { position: absolute; right: 0; top: 60px } #consult-link a { box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.506), 0 1px 4px rgba(0, 0, 0, 0.298); display: table; height: 52px; line-height: 50px; padding: 0 22px; border-radius: 5px; background: #4378c2; background: linear-gradient(to top, #3a69ad, #4b7dc7); font-size: 20px; color: #fff; text-decoration: none } #consult-link a:hover { background: #396cb4; background: linear-gradient(to top, #4b7cc6, #1d4786) } #consult-link a:before { content: 'Консультации у профессора Пучкова' } #consult-link img { display: none } #page-body { margin-bottom: 5em; margin-top: 175px; display: flex; } header + #layout #page-body {margin-top: 0;} header + main #layout #page-body {margin-top: 0;} #left { width: 300px; max-width: 300px; margin-right: -300px; float: left; position: relative; z-index: 2; box-sizing: border-box } .reviews_button { text-align: center; box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.506), 0 1px 4px rgba(0, 0, 0, 0.298); margin: 0 0 10px; display: block; height: 50px; line-height: 50px; width: 100%; box-sizing: border-box; padding: 0 20px; border-radius: 5px; background: #729cd1; font-size: 21px; color: #fff; text-decoration: none; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease } .reviews_button:hover, .reviews_button.active { background: #3d6db2; color: #fff } .smi_button { text-align: center; display: block; text-decoration: none; color: #fff; font-size: 15px; font-weight: 700; text-align: center; padding: 11px 0; background: url(/images/reviews_button.jpg) top left no-repeat; margin: 0 0 15px } .smi_button:hover { color: #ccc } .smi_button.active { opacity: .9; color: #ccc } .book-banner { margin: 0 0 30px; display: block } .book-banner img { max-width: 100% } #navigation { position: relative; margin-bottom: 1.5em; background-color: #3560a0; color: #fff; padding: 0 0 20px } #navigation ul { list-style-type: none; padding: 2em 0 .5em 2em; margin: 0 } #navigation li { margin: 0 0 .3em } #navigation .parent a { color: #64a0f7 } #navigation li a { color: #fff; text-shadow: #3560a0 0 0 1px } #navigation li b { color: #fff; text-shadow: #b0e2ff 0 0 8px } #navigation li a:hover { -webkit-transition-property: all; -webkit-transition-duration: .5s; text-shadow: #000 0 0 3px; color: #c5c5c5 } #navigation li b { font-weight: 400 } #awards { position: relative; height: 82px; margin: 0 0 1.5em; padding: 1em 0 0; font-size: .85em; color: #363636; background-color: #fff; box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.506), 0 1px 4px rgba(0, 0, 0, 0.298), 0 0 40px rgba(0, 0, 0, 0.102) inset; display: block; text-decoration: none; line-height: 160%; border-radius: 16px } a#awards:hover { text-decoration: underline; color: #3e527c } #awards img.oden { position: absolute; width: 100px; margin: -7px 0 0 -10px } #awards img.oden_1 { position: absolute; margin: 0 0 0 9px } #awards p { margin: 0 5px 0 95px; font-size: 11px } .trust-doctors {margin: 0 0 40px; padding: 0 20px; box-sizing: border-box; font-weight: 600; text-decoration: none; font-size: 15px;line-height: 130%;color: #FFFFFF!important; display: flex; align-items: center; height: 84px; width: 100%; background: linear-gradient(180deg, #538BD5 0%, #4170AF 100%), #FFFFFF; border-radius: 6px;} .trust-doctors:hover {filter: brightness(110%);} .trust-doctors:before {content: ''; background: url(/images/finger.png) center center/contain no-repeat; width: 34px; height: 61px; margin: 0 25px 0 0; display: block;} .trust-doctors p {padding: 0; margin: 0; width: calc(100% - 59px);} .popup-newstyle {box-shadow: 0 0 10px 0 rgba(0,0,0,0.05); display: flex; align-items: center; justify-content: center; position: fixed; top: auto; bottom: 0; left: -99999px; bottom: 0; opacity: 0; transition: opacity 0.3s ease; width: 100%; z-index: 999;} .popup-newstyle .ovlay {width: 100%; position: fixed; top: 0; left: -99999px; bottom: 0; opacity: 0; background: #000; transition: opacity 0.3s ease; } .popup-newstyle.visible {left: 0; opacity: 1;} .popup-newstyle.visible .ovlay {left: 0; opacity: 0.3;} .popup-newstyle .into {justify-content: space-between; display: flex; align-items: flex-start; font-size: 16px; line-height: 150%; color: #363636; position: relative; width: 100%; max-width: 100%; padding: 30px 30px; background: #fff;} .popup-newstyle .into .txt {width: calc(100% - 200px);} .popup-newstyle .into .close {position: absolute; display: block; cursor: pointer; width: 25px; height: 25px; top: 20px; right: 20px; background: url(/images/close.png) center center no-repeat; filter: grayscale(100%) brightness(50%);} .popup-newstyle .into .btn {max-width: 100%; margin: 0px auto 0; transition: all 0.3s ease; width: 336px; height: 56px; display: flex; font-weight: 500; align-items: center; justify-content: center; font-size: 15px; color: #fff; text-decoration: none; background: linear-gradient(180deg, #3AB3F1 0%, #2F94C9 100%);border-radius: 6px; } .popup-newstyle .into .btn:hover {opacity: 0.9;} #gold-laparoscope { position: absolute; left: 13px; bottom: 0; width: 57px; height: 102px; background: url(/images/gold-laparoscope.png) no-repeat; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/images/gold-laparoscope.png', sizingMethod='image') } #g-star { position: absolute; left: 13px; bottom: 0; width: 70px; height: 90px; background: url(/images/g-star.png) no-repeat; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/images/g-star.png', sizingMethod='image') } #chekhov { position: absolute; left: 10px; bottom: 0; width: 70px; height: 90px; background: url(/images/chekhov.png) no-repeat; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/images/chekhov.png', sizingMethod='image') } #wprmenu_menu ul li.active>a { color: #b1e0ff!important } #wprmenu_menu ul li.active>ul { display: block!important } #news { font-size: .9em; margin: 0 0 1em } #news ul { list-style-type: none } #news li { padding: 0 1em 2em 0 } #news .date { font-size: .9em; float: left; width: 23%; position: relative; color: #fff; margin-right: 10px; padding: 4px 0; text-align: center; background-color: #3560a0 } #news .title { width: 60%; float: left; font-size: .9em } #subnavigation { margin: 0 0 1.5em } #subnavigation ul { list-style-type: none } #subnavigation li { position: relative; padding: .4em 0; margin-left: 2em } #subnavigation a { color: #3560a0 } #subnavigation .current { background-color: #3560a0; margin-left: 0; width: 100% } #subnavigation .current b { font-weight: 400; color: #fff; padding-left: 2em } #right { margin-left: 330px } .header_pic { display: none } #big-picture { position: relative; height: 167px; margin-bottom: 5px; background: url(/images/inner-header-background.jpg) no-repeat left top; overflow: hidden } #right .blue-btn {transition: all 0.3s ease; padding: 0 50px; line-height: 56px; height: 56px; display: table; font-weight: 500; font-size: 15px; color: #fff!important; text-decoration: none; background: linear-gradient(180deg, #3AB3F1 0%, #2F94C9 100%);border-radius: 6px; margin: 30px auto;} #right .blue-btn:hover {opacity: 0.9;} #right h1 { font-weight: 800; font-size: 30px; line-height: 115%; letter-spacing: -0.01em; color: #363636; padding: 0 0 30px; margin: 0;} #right h2 {padding: 0 0 20px; margin: 0; font-weight: 800; font-size: 26px; line-height: 110%; letter-spacing: -0.01em; color: #363636;} #right .table-in + h2 {margin-top: 40px;} #right .raized + h2 {margin-top:40px;} #right .pic_with_title:not(.right) + h2 {margin-top:20px;} #right .raized p:last-child {padding: 0;} #right h3 {padding: 0 0 20px; margin: 0; font-weight: 800; font-size: 18px; line-height: 110%; letter-spacing: -0.01em; color: #363636;} #right p + h2, #right ul + h2, #right ol + h2 {padding-top: 10px;} #right p + h3, #right ul + h3, #right ol + h3 {padding-top: 10px;} #right .more-block {display: block; background: #F8FAFD; box-sizing: border-box; margin: 0 0 20px; color: #415C81; font-size: 20px; font-weight: bold; text-align:center; border-radius: 6px; padding: 30px; text-decoration: none; } #right .more-block:hover {color: #4878B9;} #right .patent-block + .more-block {margin-top: 25px;} #big-picture a { text-decoration: none } .index #big-picture { height: 329px; background: url(/images/header-background.jpg) no-repeat left top; overflow: hidden } #page-title-container { color: #3560a0; font-size: 30px; left: 24%; position: absolute; right: 15px; top: 58px; font-size: 17px; line-height: 110% } #page-title-container p { color: #fff; font-size: 17px; line-height: 110%; margin: 0; padding: 0; z-index: 3 } #page-title { position: relative; line-height: .8em } #arrows { display: block; position: absolute; width: 22px; height: 19px; left: -1.2em; top: .16em; margin: .15em 0 0 .2em; background: url(/images/arrows.gif) no-repeat left top } .index #arrows { position: absolute; left: 8.5em; top: 2em } .index #page-title-container { line-height: .9em; font-size: 2em } #can-i-phrase { padding-left: .5em } #help-phrase { font-size: 1.2em } #phrase { padding-left: 1em } #to-you-phrase { line-height: .4em; font-size: 1.5em } #page-subtitle { font-size: .5em } #doctor { width: 242px; height: 326px; position: absolute; bottom: 0; background: url(/images/doctor.png) repeat top left; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/images/doctor.png', sizingMethod='image'); z-index: 2 } #about-info-cantainer { position: absolute; top: 200px; color: #fff; background: url(/images/picture-inscription-background.png) repeat top left; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/images/picture-inscription-background.png', sizingMethod='scale'); width: 100% } #about-info { padding: 1em 1em 1em 256px } #content { color: #313131; width: 100%; line-height: 180%; font-size: 15px } #content .search-page hr { display: block; width: 100%; height: 20px; border: none; border-top: 1px solid #ccc; margin: 20px 0 0 } #content .search-page input[type=text] { background: none repeat scroll 0 0 #fff; border: 1px solid #ccc; border-radius: 6px; margin: 0; padding: 3px 25px 3px 10px; width: 200px } #content .search-page select { background: none repeat scroll 0 0 #fff; border: 1px solid #ccc; border-radius: 6px; margin: 0; padding: 3px 25px 3px 10px; width: 200px } #content .search-page input[type=submit] { background: url(/images/topmenu_bg.gif) repeat-x scroll left top rgba(0, 0, 0, 0); border-radius: 6px; color: #fff; font-size: 14px; font-weight: 700; letter-spacing: 0; text-align: center; text-decoration: none; width: 120px; border: none; text-shadow: none; cursor: pointer; padding: 3px 0 } #content .search-page p { padding-top: 7px } #content a { color: #415C81; text-decoration: none; } #content .rev_text a, #content .rev_text a span { color: #6193c0!important } #content a:visited { color: #385672 } #content .left-column, #content .right-column { width: 45%; float: left; padding: 0 5% 0 0 } #content .bx_breadcrumbs ul {color: #415C81; font-size: 13px; padding: 0; margin: 0; list-style-type: none;} #content .bx_breadcrumbs ul a {font-size: 13px; opacity: 1; padding: 0; margin: 0; display:inline; background: none; color: #415C81; text-decoration: none;} #content .bx_breadcrumbs ul li:after {content: ' - '; margin: 0 3px;} #content .bx_breadcrumbs ul li:before {display: none;} #content .bx_breadcrumbs ul li:last-child:after {display: none;} #content .bx_breadcrumbs ul li {z-index: 1; display: inline; line-height:110%; padding: 0;} #content .bx_breadcrumbs ul li span {font-size: 13px; display: inline; margin:0; padding: 0; color: #9C9C9C;} .award_center_text { margin: 0 0 45px } .award_center_text img { display: inline-block; vertical-align: middle; width: 250px; margin: 0 50px 0 0 } .award_center_text .text { display: inline-block; vertical-align: middle; width: calc(100% - 305px); text-align: center; font-size: 18px } .award_center_text .text small { display: block; margin-top: 15px; font-size: 15px } .award_center_text .text span { display: block; color: #2c67a1; margin: 10px 0; font-size: 23px } .buttons_adaptive { display: none } .bottom-doctor-block {font-size: 14px; line-height: 180%; color: #313131; background: #F8FAFD; border-radius: 6px; position: relative; padding: 60px 40px; margin-top: 30px; box-sizing: border-box;} .bottom-doctor-block .phones {display: none;} .bottom-doctor-block:before {content: url(/images/bottom-quotes.svg); position: absolute; top: 38px; left: 365px;} .bottom-doctor-block:after {content: url(/images/bottom-quotes.svg); position: absolute; bottom: 38px; left: 365px; transform: scale(-1,1);} .bottom-doctor-block>* {position: relative;} #content .bottom-doctor-block p {position: relative; z-index: 2; padding: 0 0 20px;} #content .bottom-doctor-block p.bold {padding: 0; font-weight: 800; font-size: 16px; color: #313131;} .bottom-doctor-block .photo {float: left; margin:0 30px 19px 0;} .bottom-doctor-block .photo img {display: block; border-radius: 6px; max-width:100%;} #content .bottom-doctor-block p.title {font-weight: 800; padding: 0 0 9px; margin: 0; font-size: 20px; line-height: 130%; color: #363636;} .bottom-doctor-block a.email {margin: 0 0 16px; display: flex; align-items: center; font-weight: bold; text-decoration: none; font-size: 16px; line-height: 130%; color: #4878B9!important;} .bottom-doctor-block a.email:hover {color: #4878B9!important;} .bottom-doctor-block a.email:before {content: url(/images/bottom-mail.svg); margin: 0 10px 0 0;} footer {padding: 32px 0; background: #F8FAFD;} footer .all {display: flex; align-items: center; justify-content: space-between;} footer .left {font-weight: 500; font-size: 11px; color: #313131; max-width: 266px;} footer .left a {color: #415C81; font-size: 10px; text-decoration: none;} footer .left span {display: block; margin: 0 0 7px;} footer .center {display: flex;} footer .center img {margin: 0 5px;} footer .center .vk img {height: 43px;} footer .right {text-align: right;} footer .right>a{font-weight: bold; text-decoration: none; font-size: 22px; color: #415C81;} footer .right>a.policy {display: table; margin: 5px 0 5px auto; font-size: 14px; font-weight: normal;} footer .right .dev {margin: 5px 0 0 0; font-weight: 500; font-size: 11px; color: #313131;} footer .right .dev a {color: #415C81; text-decoration: none;} #counter { position: absolute; right: 15px; bottom: 35px } #small-contact-info .country-code, #small-contact-info .region-code { color: #487bc5; font-size: 19px } #small-contact-info .phone-number { color: #40447d; font-size: 19px } footer .soc img { margin: 0 3px } #small-contact-info .block { display: inline-block; margin-left: 10px } .corners-top { width: 100%; height: 9px; position: absolute; left: 0; top: 0; z-index: 0; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none } .corners-bottom { width: 100%; height: 9px; position: absolute; left: 0; bottom: 0; z-index: 0; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none } .corners-top .corner { display: block; width: 9px; height: 9px; overflow: hidden; position: relative } .corners-top .corner div { background: url(/images/corners.png) no-repeat } .corners-top .left { float: left } .corners-top .right { float: right } .corners-top .left div { width: 200%; height: 200%; position: relative } .corners-top .right div { width: 200%; height: 200%; position: relative; left: -100% } .corners-bottom .corner { display: block; width: 9px; height: 9px; overflow: hidden; position: relative } .corners-bottom .corner div { background: url(/images/corners.png) no-repeat } .corners-bottom .left { float: left } .corners-bottom .right { float: right } .corners-bottom .left div { width: 200%; height: 200%; position: relative; top: -100% } .corners-bottom .right div { width: 200%; height: 200%; position: relative; left: -100%; top: -100% } .corners-top .corner div, .corners-bottom .corner div { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/images/corners.png', sizingMethod='crop') } .button-link { font-size: 1em; font-weight: 400; position: relative; width: 180px; position: relative; color: #fff; padding: 4px 0; text-align: center; background-color: #3560a0 } .button-link a { color: #fff!important } form { color: #000 } .row { margin: 1em 0 } .row label { display: block; float: left; width: 13%; margin-top: .5em } .row input, .row textarea { border: 1px solid #3560a0 } .row input { font-size: 1.5em } .row textarea { width: 33.2em; height: 8em; margin-left: .2em } .checkbox label { margin: 0; float: left } .checkbox input { margin-left: 18%; float: left } .captcha { padding-left: .2em } #captcha-image { float: left; width: 132px; height: 32px; border: 1px solid #369 } #captcha { margin-left: .5em; float: left; height: 30px; border: 1px solid #000 } #submitter { float: left; margin: 0 0 0 1.8em; font-size: 1em; color: #fff; position: relative; -webkit-appearance: none; padding: .4em 1em .8em; border: none; background: #3560a0 } #submitter span { text-decoration: underline } #clinics { font-size: .9em } #clinics ul { margin: 0; padding: 0; list-style-type: none } #clinics ul li { margin: 0 0 2em } #clinics .name { color: #3560a0 } #clinics address { font-style: normal } #clinics p { margin-bottom: .2em } #clinics .map { color: #000 } #clinics a:hover { color: #869eb1 } .response .author { margin: 0 } .response .body { position: relative; background-color: #ecf1f8 } .pagination { margin-bottom: 2em } .pagination .pages { list-style-type: none!important; list-style-image: none!important; margin: 0; padding: 0 } #responses-block .author { color: #369 } #responses-block .body { margin: 0 } .pagination .pages .current { position: relative; color: #fff; background-color: #3560a0 } .pagination .pages li { float: left } .pagination .pages li a, .pagination .pages li b { display: block; padding: .35em .9em .5em } .pagination .show-all { float: left; margin: .35em 0 0 2em } .pagination .show-all-by-theme { float: left; margin: .35em 0 0 2em } #breadcrumbs { margin-bottom: 1em } #breadcrumbs ul { list-style-type: none!important; list-style-image: none!important; margin: 0; padding: 0 } #breadcrumbs li { float: left; margin-right: .75em; background: none; padding-left: 0 } #breadcrumbs li.delimiter { -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; color: #69c } #publications-block { margin-bottom: 2em } #publications-block ul { margin: 0 0 1.5em 2em; list-style-image: url(/images/list-bullet.gif) } #sequence-navigation { font-size: 2em } #right .clinics-list .block {font-size: 14px; margin: 0 0 40px; padding-left: 52px; box-sizing: border-box; } #right .clinics-list .block a {color: #4878B9; white-space: nowrap; text-decoration: none;} #right .clinics-list .block p {padding: 0 0 5px; margin: 0;} #right .clinics-list .block h2 {padding-bottom: 10px; display: flex; align-items: center; font-weight: 500; font-size: 22px; line-height: 110%; color: #4878B9; margin-left: -52px; } #right .clinics-list .block h2 .num {width: 42px; height: 42px; display: block; border-radius: 50%; margin: 0 10px 0 0; display: table; line-height: 42px; text-align:center; background: #415C81;font-weight: 600; font-size: 14px; color: #FFFFFF;} #right .clinics-list .block h2 span {max-width: calc(100% - 52px);} #right .clinics-list .block.big {display: flex; align-items: flex-start; flex-wrap: wrap;} #right .clinics-list .block.big .left {width: calc(100% - 400px); padding: 0 40px 0 0; box-sizing: border-box;} #right .clinics-list .block.big .right {width: 400px; box-sizing: border-box; border-radius: 5px; background: #F1F5FB; padding: 20px;} #right .clinics-list .block.big .right img {width:100%; display: block;} #right .clinics-list .block.big .mapinner {margin: 30px 0 0 0; border-radius: 5px; overflow: hidden; width: 100%;} #right .clinics-list .owl-clinic-photos .item {border-radius: 5px; background-position: center center; background-size: cover;} #right .clinics-list .owl-clinic-photos .item:before {content: ''; display: block; padding-top: 70%;} #right .clinics-list .owl-carousel.owl-clinic-photos .owl-nav button.owl-prev, #right .clinics-list .owl-carousel.owl-clinic-photos .owl-nav button.owl-next {position: absolute; top: 50%; margin-top: -20px; outline: none; transition: all 0.3s ease; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; border: 0; text-indent: 9999px; overflow: hidden; background: rgba(255, 255, 255, 0.3);} #right .clinics-list .owl-carousel.owl-clinic-photos .owl-nav button.owl-next {right: 30px;} #right .clinics-list .owl-carousel.owl-clinic-photos .owl-nav button.owl-prev {left: 30px;} #right .clinics-list .owl-carousel.owl-clinic-photos .owl-nav button.owl-prev:hover, #right .clinics-list .owl-carousel.owl-clinic-photos .owl-nav button.owl-next:hover {background: #fff;} #right .clinics-list .owl-carousel.owl-clinic-photos .owl-nav button.owl-prev:before {content: ''; display: block; position: absolute; width: 20px; height: 20px; top: 50%; left: 50%; margin: -10px 0 0 -10px; background: url(/bitrix/templates/main_2021/img/arr.svg) center center no-repeat; transform: rotate(90deg); filter: brightness(600%);} #right .clinics-list .owl-carousel.owl-clinic-photos .owl-nav button.owl-prev:hover:before {filter: none;} #right .clinics-list .owl-carousel.owl-clinic-photos .owl-nav button.owl-next:before {content: ''; display: block; position: absolute; width: 20px; height: 20px; top: 50%; left: 50%; margin: -10px 0 0 -10px; background: url(/bitrix/templates/main_2021/img/arr.svg) center center no-repeat; transform: rotate(-90deg); filter: brightness(600%);} #right .clinics-list .owl-carousel.owl-clinic-photos .owl-nav button.owl-next:hover:before {filter: none;} #right .clinics-list .owl-carousel.owl-clinic-photos .owl-dots {display: none;} #right .clinics-list .block.big h2 {width:100%;} #content table.st-table {margin: 10px 0 25px; width:100%; border: 0; border-collapse: collapse; border-radius: 5px; overflow: hidden;} #content table.st-table td {border-right: 2px solid #fff; border-bottom: 2px solid #fff; padding: 10px; background: #F8FAFD; line-height: 135%;} #content table.st-table td:last-child {border-right: 0;} #content table.st-table th:last-child {border-right: 0;} #content table.st-table tr:last-child td {border-bottom: 0;} #content table.st-table th {line-height: 120%; border-right: 2px solid #fff; border-bottom: 2px solid #fff; font-weight: bold; background: #F1F5FB; padding: 10px;} #content table.st-table ul:last-child {padding-bottom: 0; margin-bottom: 0;} #content table.st-table ul li:before {top: 7px;} #content table.st_table p {padding: 0;} #content .table-in + ul {padding-top: 30px;} #content .table-in + .pic_with_title {margin-top: 30px;} #content .raized .video-full + p {padding-top: 20px;} #content ul + .form-block {margin-top: 0;} #content ul li ul {padding-bottom: 5px;} #content .patent-block + ul {padding-top: 25px;} #content p + .form-block {margin-top: 10px;} #content .form-block {font-weight: 600; font-size: 15px; color: #313131; background: #F1F5FB; border-radius: 6px; padding: 40px 80px; box-sizing: border-box; margin: 30px 0 30px; text-align:center;} #content .form-block p.title {padding: 0 0 20px; margin: 0; font-weight: 800; font-size: 24px; line-height: 33px; text-align: center; letter-spacing: -0.01em;color: #415C81;} #content .form-block p.title a {color: #4878B9; text-decoration: none;} #content .form-block small {font-size: 15px; display: block; margin: 0 0 20px;} #content .form-block .into {display: flex; justify-content:center; flex-wrap: wrap;} #content .form-block .into .country-block {cursor: pointer; position: relative; width: 110px; height: 50px; border-radius: 6px 0 0 6px; background: #F8FAFD;} #content .form-block .into .country-block img {width: 27px; position: absolute; top: 50%; left: 18px; transform: translateY(-50%);} #content .form-block .into .country-block input {cursor:pointer; outline: none; padding: 0; width: calc(100% - 50px); left: 50px; position: absolute; font-family: inherit; border: 0; background: url(/bitrix/templates/main_2021/img/arr.svg) center right 10px no-repeat; height: 48px; line-height: 48px; top: 0; font-weight: 600; font-size: 16px; letter-spacing: -0.5px; color: #4878B9;} #content .form-block .into>input[type=number] {-moz-appearance: textfield; margin: 0 10px 0 0; padding: 0 20px; box-sizing: border-box; height: 50px; line-height:50px; width: 220px; border: 0; border-radius: 0 6px 6px 0; background: #fff; outline:none; font-weight: 600; font-size: 18px; letter-spacing: -0.01em; color: #4878B9; font-family: inherit;} #content .form-block .into>input[type=number].error {box-shadow: inset 0 0 10px red;} #content .form-block .into>input::-webkit-outer-spin-button, #content .form-block .into>input::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } #content .form-block .into>input[type=button] {transition: all 0.3s ease; width: 210px; height: 50px; display: flex; align-items: center; text-align:center; outline: none; justify-content: center; border: 0; cursor: pointer; font-family: inherit; background: linear-gradient(180deg, #FD564F 0%, #C73630 100%); border-radius: 6px; font-weight: bold; font-size: 15px; color: #FFFFFF;} #content .form-block .into>input[type=button]:hover {filter: brightness(110%);} #content .form-block .into .country-block .drop {position: absolute; left: -99999px; opacity: 0; transition: opacity 0.3s ease; top: calc(100% + 2px); width: 330px; border-radius: 6px; background: #fff; padding: 20px; box-sizing: border-box; color: #313131; font-size: 16px;} #content .form-block .into .country-block .drop .bl {width:100%; display: flex; align-items: center; margin: 0 0 6px;} #content .form-block .into .country-block .drop .bl img {margin: 2px 0 0 0; transform: none; box-shadow: 0 0 2px 1px rgba(0,0,0,0.05); margin: 0 10px 0 0; position: relative; top: auto; left: auto; width: 27px; display: block;} #content .form-block .into .country-block .drop .bl .code {margin: 0 0 0 10px; opacity: 0.5;} #content .form-block .into .country-block.open .drop {left: 0; opacity: 1;} #content .form-block .thanks {text-align:center; } #content .form-block .thanks img {margin: 0 0 5px;} #content .form-block .thanks p {font-weight: 600; max-width: 430px; margin: 0 auto 25px; padding: 0; display: table; font-size: 20px; line-height: 27px; text-align: center; letter-spacing: -0.01em; color: #415C81;} #content .form-block .thanks a.one-more {margin: 0 auto; width: 190px; display: flex; align-items: center; text-decoration: none; font-weight: bold; font-size: 13px; line-height: 120%; color: #4878B9; } #content .form-block .thanks a.one-more:after {content: url(/images/all-arrow.svg); margin: 0 0 0 8px;} #content .form-block .checkbox { font-size: 11px; margin-bottom: 7px; max-width: 540px; position: relative; line-height: 150%; margin: 20px auto 0; text-align: left; width: 100%;} #content .form-block .checkbox input[type=checkbox] { position: relative; float: left; margin: 0 7px 0 0; z-index: 2; padding: 0; margin: 2px 7px 0 0; width: 12px; height: 12px; opacity: 0} #content .form-block .checkbox label {display: table; float: none; max-width: calc(100% - 30px)} #content .form-block .checkbox label span { border: 1px solid #ccc; position: absolute; display: block; width: 12px; height: 12px; background: #fff; left: 0; top: 2px} #content .form-block .checkbox input[type='checkbox']:checked + label span { background: #fff url(/images/checked.png) center center no-repeat; background-size: 10px 10px} #content .form-block .checkbox input[type='checkbox'].error + label span { border-color: red} #content .form-block .checkbox a { color: inherit; text-decoration: underline;} #content .form-block .checkbox a:hover {text-decoration: none;} #general-contacts { font-size: 1.5em; margin: 0 0 1em } #general-contacts p { margin: 0 } #general-contacts address { font-size: 1.6em; font-style: normal; color: #1f457d; margin: 0 0 .7em } #general-contacts a { color: #1f457d } #news { font-weight: 400 } .h2 { font-size: 1em; font-weight: 400; float: left; width: 45%; position: relative; color: #fff; padding: 4px 0; text-align: center; background-color: #3560a0 } .h2:hover { color: #fff } .h2 a { color: #fff; display: block; z-index: 100 } .consultation-frame {border-radius: 5px; background: #F8FAFD; padding: 45px; box-sizing: border-box; margin: 0px 0 50px; font-size: 13px;} .consultation-frame.short {margin-left: auto; margin-right: auto; max-width: 550px;} #content .consultation-frame.short .PayForm input.submit {margin-left: auto; margin-right: auto;} .consultation-frame p.big {font-size: 20px; padding: 0 0 20px; margin: 0;} .consultation-frame .phones-block {align-items:center; margin: 0 0 30px; display: flex;} .consultation-frame .phones-block >* {margin-right: 15px;} .consultation-frame .phones-block img {width: 45px; margin: 0;} .consultation-frame .phones-block a.tel {line-height: 24px; font-size: 24px; color: #305388!important; margin: 0 15px 0 0; text-decoration: none; font-weight: 500;} #content .rev-block-form .btn {transition: all 0.3s ease; width: 250px; height: 52px; border-radius: 4px; display: flex; align-items: center; justify-content: center; font-size: 15px; color: #fff; text-decoration: none; background: #4171b4; background: linear-gradient(180deg, #538BD5 0%, #4170AF 100%), #FFFFFF; margin: 40px 25px 0 0;} #content .rev-block-form .btn img {margin: 0 10px 0 0; height: 20px; max-width: 25px!important;} #content .rev-block-form .btn:hover {opacity: 0.9;} #content .rev-block-form .hidden-form {display:none;} #content .consultation-frame .PayForm {justify-content: space-between; max-width:100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap;} #content .consultation-frame .PayForm .input {margin: 0 0 20px; position: relative; width: calc(50% - 7px); background: #fff;} #content .consultation-frame .PayForm .input.long {width: 100%;} #content .consultation-frame .PayForm .input label { font-size: 19px; color: #36393b; position: absolute; top: 0; left: 15px; line-height: 58px;} #content .consultation-frame .PayForm .input label span {opacity: 0.5;} #content .consultation-frame .PayForm .input label sup {position: absolute; margin-top: -3px; color: red;} #content .consultation-frame .PayForm .input input:valid + label {display: none;} #content .consultation-frame .PayForm .input input:focus + label {display: none;} #content .consultation-frame .PayForm .input input[type=text] {font-family: inherit; position: relative; z-index: 2; margin: 0; width: 100%; } #content .consultation-frame .PayForm input[type=text] {margin: 0 0 20px; width: 100%; outline: none; border-radius: 4px; height: 58px; line-height: 56px; border: 0; } #content .consultation-frame .PayForm input[type=text]::-moz-placeholder {opacity: 0.5;} #content .consultation-frame .PayForm input[type=text]::-webkit-input-placeholder {opacity:0.5;} #content .consultation-frame .PayForm input[type=text]:focus::-moz-placeholder {opacity: 0;} #content .consultation-frame .PayForm input[type=text]:focus::-webkit-input-placeholder {opacity:0;} #content .consultation-frame .PayForm .input textarea {font-weight: 300; border: 0; padding: 10px 15px; font-size: 19px; color: #36393b; border: none; height: 120px; resize:none; width: 100%; margin: 0 0 15px; background: #f1f1f1; display: block; box-sizing: border-box;} #content .consultation-frame .PayForm .input textarea {margin: 0 0 20px; width: 100%; outline: none; border-radius: 5px; line-height: 150%; background: #fff; border: 0; } #content .consultation-frame .PayForm .input textarea::-moz-placeholder {opacity: 0.5;} #content .consultation-frame .PayForm .input textarea::-webkit-input-placeholder {opacity:0.5;} #content .consultation-frame .PayForm .input textarea:focus::-moz-placeholder {opacity: 0;} #content .consultation-frame .PayForm .input textarea:focus::-webkit-input-placeholder {opacity:0;} #content .consultation-frame .PayForm .input textarea:valid + label {display: none;} #content .consultation-frame .PayForm .input textarea:focus + label {display: none;} #content .owl-carousel.owl-serts {border: 2px solid #538BD5; border-radius: 6px; padding: 30px 30px 20px; box-sizing: border-box; margin: 10px 0px 0;} #content .owl-carousel.owl-serts div {max-width: 9999999px!important;} #content .owl-carousel.owl-serts .owl-item {padding-bottom: 1px;} #content .owl-carousel.owl-serts .owl-nav {margin: 20px 0 0 0; display: flex; width:100%; align-items: center; justify-content: center;} #content .owl-carousel.owl-serts .owl-nav button {position: relative; text-indent: 999px; overflow: hidden; width: 40px; height: 40px; border-radius: 50%; margin: 0 2px; background: linear-gradient(180deg, #538BD5 0%, #4170AF 100%);} #content .owl-carousel.owl-serts .owl-nav button.owl-prev:before {content: ''; display: block; position: absolute; width: 20px; height: 20px; top: 50%; left: 50%; margin: -10px 0 0 -10px; background: url(/bitrix/templates/main_2021/img/arr.svg) center center no-repeat; transform: rotate(90deg); filter: brightness(600%);} #content .owl-carousel.owl-serts .owl-nav button.owl-next:before {content: ''; display: block; position: absolute; width: 20px; height: 20px; top: 50%; left: 50%; margin: -10px 0 0 -10px; background: url(/bitrix/templates/main_2021/img/arr.svg) center center no-repeat; transform: rotate(-90deg); filter: brightness(600%);} #content .owl-carousel.owl-serts .fancybox {display: block; height: 200px; max-width: 170px; border-radius: 6px; box-sizing: border-box; border: 2px solid #F1F5FB; width: calc(100% - 10px); margin: 0 auto; background-position: center center; background-size: cover; border: 1px solid #ebebeb; box-sizing: border-box; background-repeat: no-repeat;} #content .consultation-frame .PayForm .checkbox {margin-bottom: 20px; font-size: 13px; width: 100%; margin-top: 10px;} #content .consultation-frame .PayForm p:not(.big) {padding: 0; line-height: 170%; margin: 0; width: 100%;} #content .consultation-frame .PayForm .checkbox label span {top: -1px; width:22px; height: 22px; border-radius: 3px;} #content .consultation-frame .PayForm .checkbox input[type=checkbox] {font-size: 20px; margin-right: 15px; margin-top: -1px; cursor: pointer; width: 22px; height: 22px;} #content .consultation-frame .PayForm .checkbox input[type='checkbox']:checked + label span {background-image: url(/images/checked-blue.png);} #content .consultation-frame small {font-size: 12.5px;} #content .consultation-frame .checkbox a:hover {text-decoration: none;} #content .consultation-frame .PayForm input.submit {margin: 35px 0 0 0; background: #3b6cb1; background: linear-gradient(180deg, #538BD5 0%, #4170AF 100%), #FFFFFF; box-shadow: none;} #content .consultation-frame .PayForm input.submit:hover {filter: brightness(110%)} #content .paid-cons {margin: 0 0 55px; height: 64px; padding: 0 15px; box-sizing: border-box; border-radius: 4px; background: #3b6cb1; background: linear-gradient(180deg, #538BD5 0%, #4170AF 100%), #FFFFFF; color: #fff!important; text-decoration: none; font-size: 20px; display: flex; align-items:center; justify-content:center; width:100%;} #content .paid-cons:hover {opacity: 0.9;} #content .paid-cons img {margin: 0 15px 0 0;} #content .paid-cons span {line-height: 100%; max-width: calc(100% - 50px);} #content .big-email-p {padding-bottom: 40px; font-size: 20px; line-height: 110%; color: #363636;} #content .big-email-p a {color: #4b7ec3!important;} #content .article { margin-bottom: 2em } #content .article .date { margin-bottom: 0 } #previous { float: left } #next, #previous { text-decoration: none } #next { float: right } .button-link * { text-shadow: none!important } #content .recaptchatable #recaptcha_image { border: 1px solid #3560a0!important } #content .recaptchatable #recaptcha_response_field { border: 1px solid #3560a0!important } button span { text-shadow: none!important } #counter { float: right } form .row { position: relative } form label.error { margin: 0; width: 22%; position: absolute; right: 0; top: 0; font-size: .9em } .recaptcha_input_area label.error { right: -216px; top: -3em } .captcha { padding-left: .2em } .captcha .plain img { float: left; width: 132px; height: 32px; border: 1px solid #369 } #consult_submit #submitter { margin-left: 20% } .row input.error, .row textarea.error { border: 1px solid red } .curvy { position: relative; width: 250px; background: #3560a0; color: #FFF; margin: 5em auto } #ctl, #cbl, #ctr, #cbr { position: absolute; width: 9px; height: 9px; color: #3560a0; background: #fff; overflow: hidden; font-style: normal; z-index: 1 } #ctl { top: 0; left: 0 } #cbl { bottom: 0; left: 0 } #ctr { top: 0; right: 0 } #cbr { bottom: 0; right: 0 } .curvy em b { position: absolute; font-size: 60px; color: #3560a0; line-height: 18px; font-weight: 400 } #ctl b { left: -3px } #ctr b { left: -9px } #cbl b { left: -3px; top: -6px } #cbr b { left: -9px; top: -6px } .curvy p { position: relative; z-index: 100; padding: 4px 7px; font-size: 11px } .response_new { width: 100%; margin-bottom: 10px } #content .reviews_container.owl-carousel .response_new {border-radius: 0; border-bottom: 0; margin: 0; border: 0; } #content .reviews_container.owl-carousel img {width: auto;} #content .reviews_container.owl-carousel {border: 2px solid #538BD4; border-radius: 6px;} .owl-carousel.reviews_container .owl-dots {display: none;} .owl-carousel.reviews_container .owl-nav {display: flex; align-items: center; justify-content: center; height: 67px; background: linear-gradient(180deg, #538BD5 0%, #4170AF 100%);} .owl-carousel.reviews_container .owl-nav button.owl-prev, .owl-carousel.reviews_container .owl-nav button.owl-next {outline: none; transition: all 0.3s ease; position: relative; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; border: 0; text-indent: 9999px; overflow: hidden; margin: 0 5px; background: rgba(255, 255, 255, 0.3);} .owl-carousel.reviews_container .owl-nav button.owl-prev:before {content: ''; display: block; position: absolute; width: 20px; height: 20px; top: 50%; left: 50%; margin: -10px 0 0 -10px; background: url(/bitrix/templates/main_2021/img/arr.svg) center center no-repeat; transform: rotate(90deg); filter: brightness(600%);} .owl-carousel.reviews_container .owl-nav button.owl-next:before {content: ''; display: block; position: absolute; width: 20px; height: 20px; top: 50%; left: 50%; margin: -10px 0 0 -10px; background: url(/bitrix/templates/main_2021/img/arr.svg) center center no-repeat; transform: rotate(-90deg); filter: brightness(600%);} @media (min-width: 1050px) { .owl-carousel.reviews_container .owl-nav button.owl-prev:hover, .owl-carousel.reviews_container .owl-nav button.owl-next:hover {background: #fff;} .owl-carousel.reviews_container .owl-nav button.owl-next:hover:before {filter: none;} .owl-carousel.reviews_container .owl-nav button.owl-prev:hover:before {filter: none;} } #content .reviews_container.mk .response_new {padding: 12px 24px; margin: 0 0 10px;} #content .reviews_container + h2 {padding-top: 20px;} #content .reviews_container.mk .pic_with_title + .response_new {margin-top: 25px;} #content .reviews_container .response_new {background: #FFFFFF; margin: 0 0 20px; padding: 24px; border: 2px solid #F1F5FB; box-sizing: border-box; border-radius: 6px;} #content .reviews_container .response_new + br {display: none;} #content .reviews_container .response_new .author_new {padding: 0 0 8px; margin: 0; font-weight: 500; font-size: 11px; color: #A7B8D3;} #content .reviews_container .response_new .author_new span.name {display: block; margin: 5px 0 0 0; font-weight: 600; font-size: 16px; color: #415C81;} .response_new p.mk { font-size: 13px; color: #6193c0; line-height: 145% } #content .rev_text p.mk a { display: table; font-size: 15px; font-weight: 600; color: #37619e!important } .author_new { color: #A7B8D3; font-size: 14px } .author_new span.name { display: block; font-size: 17px; color: #415C81; margin-top: 15px; font-weight: 600 } .address_new a { color: #6193c0 } .rc { } .rcdc { } .response_answ { } .butt_send { width: 125px; height: 26px; position: relative; border: 1px solid #FFF!important } .gallery { padding-top: 10px } .gallery ul li { position: relative; list-style-image: none; padding-left: -10px; margin-left: -10px } #roll { height: 84px } #roll ul { margin: 0; padding: 0; height: 84px; width: 891px } #roll ul li { margin: 0 15px 0 0; padding: 9px 0 0; list-style-image: none; display: block; float: left; width: 84px; height: 84px } #roll ul li a img { border: 2px solid #FFF } #liscont { width: 579px; height: 102px; background-color: #c7daee; overflow: hidden } div.error { border: 1px solid red } #awards .phrases p { margin: 0; padding: 10px } #awards .phrases { padding-bottom: 10px } .phrases_box #awards { height: auto; margin-top: 10px } .t_form { font-size: 100%; } .t_form input.text { font-size: 120%; width: 300px; border: 1px solid #3560A0; padding: 2px 7px } .t_form select { font-size: 120%; border: 1px solid #3560A0; padding: 2px 7px } .t_form textarea { font-size: 120%; width: 300px; height: 100px; border: 1px solid #3560A0; padding: 2px 7px } .protectcode { width: 100px; font-size: 24px; border: 1px solid #3560A0; padding: 2px 7px } #slider { width: 791px; height: 329px; overflow: hidden } #slider img { position: absolute; z-index: 1 } #slider2 { width: 791px; height: 167px; overflow: hidden } #slider2 img { position: absolute; z-index: 1 } .select_outer { width: 100%; overflow: hidden; border: 1px solid #538BD4; border-radius: 5px; margin: 0 0 15px; background: url(/images/select_outer_str.jpg) center right no-repeat } .select_outer select { margin: 0!important; padding: 0 15px; width: 120%!important; background: none; font-size: 14px; color: #252525; font-family: inherit; height: 43px; line-height: 43px; cursor: pointer; border: 0 } .select_outer.short { width: calc(100% - 405px); position: relative; z-index: 5 } .guestbook_images { float: right; width: 200px; padding: 0 0 20px 20px } .guestbook_images img { margin-bottom: 5px } .raized { background: #FFFFFF; margin: 0 0 20px; padding: 24px; border: 2px solid #F1F5FB; box-sizing: border-box; border-radius: 6px; } #content .raized.bottom-text a.phones {color: #1f457d; font-weight:bold;} #content .raized.bottom-text a.oc-button {align-items: center; display: flex!important; transition: all 0.3s ease; text-decoration: none; border-radius: 3px 0 0 3px; background: #1f457d; width: 280px; height: 60px; margin: 15px 0; } #content .raized.bottom-text td + a.oc-button {margin-bottom: 20px!important;} #content .raized.bottom-text a.oc-button:hover {filter: brightness(110%);} #content .raized.bottom-text a.oc-button .icon {position: relative; display: block; width: 60px; height: 60px; border-radius: 3px 0 0 0; background: #4F73A5;} #content .raized.bottom-text a.oc-button .icon:after {content: ''; display: block; position: absolute; top: 0; left: 0; width:100%; bottom: 0; background: url(/images/OC-icon.png) center center no-repeat;} #content .raized.bottom-text a.oc-button .text {width: calc(100% - 60px); text-align: center; white-space: nowrap; font-size: 17px; color: #fff!important; font-weight: 400; text-shadow: none;} #content p + .raized.newstyle {margin-top: 0;} #content ul + .raized.newstyle {margin-top: 0;} #content ol + .raized.newstyle {margin-top: 0;} #content ol {padding: 0 0 20px 20px; margin: 0;} #content ul {padding: 0 0 20px; margin: 0;} #content ul li {padding: 0 0 0 12px; position: relative; margin: 0 0 3px;z-index: 0;} #content ul li:before {content: ''; display: block; position: absolute; top:11px; left: 2px; width: 4px; height: 4px; border-radius: 50%; background: #4878B9;} #content .about-d-links {margin: 0 0 40px;} #content .about-d-links b {font-weight: normal;} #content .about-d-links p {padding: 0 0 10px;} #content .about-d-links a {color: #415C81; text-decoration: none;} #content .about-d-links a:hover {color: #4878B9;} #content .raized ul li {z-index: 1;} .raized font b { white-space: nowrap } #content .raized.newstyle {margin: 0 0 30px; width:100%;} #content .raized.newstyle { background: #F1F5FB; border-radius: 6px; box-shadow: none; padding: 24px 28px; box-sizing: border-box;} #content .raized.newstyle .border {line-height: 180%; position: relative; padding-left: 30px; box-sizing: border-box;} #content .raized.newstyle .border:before {content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; border-radius: 4px; background: #4878B9; display: block;} #content .raized.newstyle .border a {font-weight: bold; text-decoration: none; color: #4878B9;} #content .raized.newstyle p:last-child {margin: 0; padding: 0;} .raized.newstyle .border p.blue:last-child { padding-bottom: 0; margin-bottom: 0 } .newstyle.right { float: right; margin-left: 15px } .newstyle.left { float: left; margin-right: 15px } #content .full-pic {margin: 0 0 25px; font-size: 15px; width: 100%; padding: 20px; background: #F1F5FB; text-align: center; border-radius: 5px; color: #363636; box-sizing: border-box; font-weight: 600;} #content .full-pic img {max-width:100%;} #content .pic_with_title + p:not(.que) {padding-top: 20px;} #content .pic_with_title {font-size: 15px; width: 350px; padding: 20px; background: #F1F5FB; text-align: center; border-radius: 5px; color: #363636; box-sizing: border-box; font-weight: 600;} #content .pic_with_title img + p {padding-top: 15px;} #content .pic_with_title div + p {padding-top: 15px;} #content .pic_with_title p {padding: 0; margin: 0;} #content .pic_with_title tr + tr td img {padding-top: 15px;} #content section .pic_with_title:last-child {margin-bottom: 25px;} #content section .patent-block:last-child {margin-bottom: 25px;} #content .patent-block + section {margin-top: 25px;} #content .patent-block + h2 {margin-top: 25px;} #content section .patent-block:last-child {margin-bottom: 25px;} #content .patent-block + p {margin-top: 25px;} #content .patent-block + h3 {margin-top: 25px;} #content .patent-block {flex-wrap: wrap; display: flex; align-items: center; font-size: 15px; width: 100%; padding: 20px; background: #F1F5FB; text-align: center; border-radius: 5px; color: #363636; box-sizing: border-box; font-weight: 600;} #content .patent-block img {box-sizing: border-box; width: 334px; border-radius: 6px; display: block; border: 16px solid #fff; margin: 0 55px 0 0;} #content .patent-block .text {text-align: left; width: calc(100% - 354px - 55px);} #content .patent-block .text + img {margin-top:20px;} #content .patent-block .text + img + .text {margin-top:20px;} #content .patent-block p.title {padding: 0 0 35px; margin: 0; font-weight: 600; font-size: 25px; line-height: 34px; color: #363636;} #content .patent-block p:last-child {padding: 0;} #content .patent-block.cols {justify-content: space-between; flex-wrap: wrap; display: flex; align-items: flex-start; font-size: 15px; width: 100%; padding: 20px; background: #F1F5FB; text-align: center; border-radius: 5px; color: #363636; box-sizing: border-box; font-weight: 600;} #content .patent-block.cols .title {text-align: center;} #content .patent-block.cols .col {width: calc(50% - 20px);} #content .patent-block.cols .text {width: 100%;} .pic_with_title h3 { color: #fff } .pic_with_title img { margin-bottom: 10px; width: 350px; max-width: 100%!important } .pic_with_title.right { float: right; margin-left: 15px; margin-bottom: 20px } .pic_with_title.left { float: left; margin-right: 15px } .pic_with_title.center { margin-left: auto; margin-right: auto } .pic_with_title p:last-child { padding-bottom:0px } .pic_with_title img + p:last-child { padding-top: 0 } .pic_with_title a:hover { text-decoration: none } #content .pic_with_title img:last-child { margin-bottom: 0 } #content .pic_with_title table img:last-child { margin-bottom: 5px } .raized.nobgcolsult { margin: 20px 0; padding: 0; box-shadow: none; background: none } #content .raized.nobgcolsult h3 { color: inherit; font-weight: 400; font-size: 15px; } #content .raized.nobgcolsult table { font-size: 16px } .raized.shadow { padding-top: 30px; text-align: center; background: #fff; box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.506), 0 1px 4px rgba(0, 0, 0, 0.298), 0 0 40px rgba(0, 0, 0, 0.102) inset } .raized.shadow h3 { text-align: center } .raized.shadow.attantion { padding: 10px; margin: -20px 0 10px } .raized.shadow.attantion h3 { font-size: 23px; line-height: 100%; padding: 0; margin: 0 } #content ul { list-style-type: none; margin: 0; padding: 0 0 20px; } #content ol.mar li {margin-bottom: 10px;} .top_arrow { width: 88%; position: fixed; text-align: right; bottom: 20px; min-width: 1100px; max-width: 1400px } #toTop { cursor: pointer; color: #666; text-decoration: none; visibility: hidden } #toTop a { visibility: visible } .new_leftmenu ul {padding: 0; margin: 0 0 40px; list-style-type: none;} .new_leftmenu ul li {margin: 0 0 3px;} .new_leftmenu ul li a {position: relative; display: block; font-size: 16px; font-weight: bold; color: #415C81; text-decoration: none; background: #F8FAFD; border-radius: 6px; padding: 13px 26px;} .new_leftmenu ul li a:before {position: absolute; display: block; content: ''; width: 4px;height: 4px; border-radius: 50%; left: 15px; top: 50%; margin-top: -2px; background: #4878B9;} .new_leftmenu ul li.menu_parent>a:after {transition:all 0.3s ease; position: absolute; content: ''; display: block; border: 4px solid transparent; border-top: 5px solid #A7B8D3; right: 15px; top: 50%; margin-top: -1px;} .new_leftmenu ul li a:hover {color: #4878B9; background: #F1F5FB;} .new_leftmenu ul li.menu_parent>a:hover:after {border-top-color: #4878B9;} .new_leftmenu ul li.menu_parent.active>a:after {border-top-color: #4878B9; transform: scale(1,-1); margin-top: -6px;} .new_leftmenu ul li ul {display: none; margin:3px 0 0 0;} .new_leftmenu ul li ul li a {padding-top: 10px; padding-bottom: 10px; font-size: 13.5px; font-weight: 600; padding-left: 36px;} .new_leftmenu ul li ul li ul li a {padding-top: 8px; padding-bottom: 8px; font-size: 12.5px; font-weight: 600; padding-left: 45px;} .new_leftmenu ul li ul li ul li a:before{left: 36px;} .new_leftmenu ul li ul li a:before {width: 3px;height: 3px; left: 26px;} .new_leftmenu ul li ul li.menu-parent>a:after {border: 3px solid transparent; border-top: 4px solid #A7B8D3; right: 17px;} .new_leftmenu ul li.active>ul {display: block;} .new_leftmenu ul li.active>div>ul {display: block;} .new_leftmenu ul li.active>a {background: #F1F5FB; color: #4878B9;} .new_leftmenu ul li.menu_parent>.active>a:after {transform: scale(1,-1); margin-top: -5px; border-top-color: #4878B9;} .new_leftmenu>ul>li:nth-last-child(1)>ul {display: none;} .new_leftmenu>ul>li:nth-last-child(1).menu_parent>a:after {display: none;} .new_leftmenu>ul>li:nth-last-child(2)>ul {display: none;} .new_leftmenu>ul>li:nth-last-child(2).menu_parent>a:after {display: none;} .new_leftmenu>ul>li:nth-last-child(3)>ul {display: none;} .new_leftmenu>ul>li:nth-last-child(3).menu_parent>a:after {display: none;} .new_leftmenu>ul>li:nth-last-child(4)>ul {display: none;} .new_leftmenu>ul>li:nth-last-child(4).menu_parent>a:after {display: none;} .owl-carousel.owl-adwards {margin: 0 0 40px; border-radius: 6px; box-sizing: border-box; border: 2px solid #538BD4;} .owl-carousel.owl-adwards .owl-nav {display: flex; align-items: center; justify-content: center; height: 67px; background: linear-gradient(180deg, #538BD5 0%, #4170AF 100%);} .owl-carousel.owl-adwards .owl-nav button.owl-prev, .owl-carousel.owl-adwards .owl-nav button.owl-next {outline: none; transition: all 0.3s ease; position: relative; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; border: 0; text-indent: 9999px; overflow: hidden; margin: 0 5px; background: rgba(255, 255, 255, 0.3);} .owl-carousel.owl-adwards .owl-nav button.owl-prev:hover, .owl-carousel.owl-adwards .owl-nav button.owl-next:hover {background: #fff;} .owl-carousel.owl-adwards .owl-nav button.owl-prev:before {content: ''; display: block; position: absolute; width: 20px; height: 20px; top: 50%; left: 50%; margin: -10px 0 0 -10px; background: url(/bitrix/templates/main_2021/img/arr.svg) center center no-repeat; transform: rotate(90deg); filter: brightness(600%);} .owl-carousel.owl-adwards .owl-nav button.owl-prev:hover:before {filter: none;} .owl-carousel.owl-adwards .owl-nav button.owl-next:before {content: ''; display: block; position: absolute; width: 20px; height: 20px; top: 50%; left: 50%; margin: -10px 0 0 -10px; background: url(/bitrix/templates/main_2021/img/arr.svg) center center no-repeat; transform: rotate(-90deg); filter: brightness(600%);} .owl-carousel.owl-adwards .owl-nav button.owl-next:hover:before {filter: none;} .owl-carousel.owl-adwards a {padding: 10px; box-sizing: border-box; font-size: 11.5px; text-decoration: none; line-height: 140%; color: #313131; display: flex; align-items: center; height: 150px;} .owl-carousel.owl-adwards .pic {width: 60px; margin: 0 5px 0 0; display: flex; align-items: center; justify-content: center;} .owl-carousel.owl-adwards .pic img {max-width: 100%; max-height: 100%; display: inline;} .owl-carousel.owl-adwards p {max-width: calc(100% - 65px); padding: 0!important; margin: 0;} .owl-carousel.owl-adwards a>div {display: flex; align-items: center;} .geo-button {max-width: 100%; margin: 0 0 40px;} .top-slider {margin: 0 0 14px;} .top-slider .item {background: #F1F5FB; height: 314px; overflow:hidden; border-radius: 6px;} .top-slider .item.main-banner {font-weight: normal; font-size: 12px; line-height: 180%; color: #415C81; padding: 43px 35px; box-sizing: border-box; background: #F1F5FB url(/images/banner-pic-01.png) bottom right 55px no-repeat;} .top-slider .item.main-banner .txt {max-width: 443px;} .top-slider .item.main-banner .txt p.title {max-width: 370px; font-weight: bold; font-size: 40px; line-height: 110%; letter-spacing: -0.01em; padding: 0; margin: 0 0 15px; color: #4878B9;} .top-slider .item.book-banner {text-decoration: none; display: block; margin: 0; font-weight: normal; font-weight: 500; font-size: 16px; line-height: 150%; color: #415C81; padding: 43px 35px; box-sizing: border-box; background: #F1F5FB url(/images/banner-pic-02.png) bottom right no-repeat;} .top-slider .item.book-banner .txt {max-width: 443px;} .top-slider .item.book-banner .txt p.title {max-width: 474px; font-weight: bold; font-weight: bold; font-size: 35px; line-height: 110%; letter-spacing: -0.01em; padding: 0; margin: 15px 0 0 0; color: #4878B9;} .top-slider .item.book-banner .txt p {padding: 0; margin: 0; max-width: 206px;} .top-slider .item.insta-banner {text-decoration: none; display: block; margin: 0; font-weight: normal; font-weight: 600; font-size: 16px; line-height: 130%; letter-spacing: -0.01em; color: #FFFFFF; padding: 43px 35px; box-sizing: border-box; background: url(/images/banner-pic-03.png) bottom right no-repeat, url(/images/banner-pic-03bg.png) center center/cover no-repeat;} .top-slider .item.insta-banner .txt {max-width: 443px;} .top-slider .item.insta-banner .txt p.title {max-width: 407px; font-weight: bold; font-size: 28px; line-height: 120%; letter-spacing: -0.01em; color: #FFFFFF; padding: 0; margin: 0 0 22px; } .top-slider .item.insta-banner .txt p {padding: 0; margin: 0; max-width: 181px;} .top-slider .owl-carousel.owl-slider .owl-dots {display: none;} .top-slider .owl-carousel.owl-slider .owl-nav {display: flex; position: absolute; bottom: 20px; right: 35px;} .top-slider .owl-carousel.owl-slider .owl-nav button {transition: all 03.s ease;width: 39px; height: 39px; text-indent: 999px; overflow: hidden; display: block; border: 0; cursor: pointer; border-radius: 50%; background: #fff url(/bitrix/templates/main_2021/img/arr.svg) center center no-repeat; margin: 0 0 0 2px; transform: rotate(90deg);} .top-slider .owl-carousel.owl-slider .owl-nav button:hover {filter: brightness(110%);} .top-slider .owl-carousel.owl-slider .owl-nav button.owl-next {transform: rotate(-90deg); margin-left: 10px;} .new_topmenu { position: relative; margin: 0 0 25px } .new_topmenu ul { white-space: nowrap; border-radius: 10px; display: block; width: 100%; height: 39px; padding: 0; margin: 0; list-style-type: none; background: url(/images/topmenu_bg.gif) top left repeat-x } .new_topmenu ul li { float: left; padding: 0; margin: 0; background: url(/images/topmenu_li.gif) top right no-repeat; position: relative; display: block; width: 25% } .new_topmenu ul li:first-child a { border-radius: 10px 0 0 10px } .new_topmenu ul li:last-child { background: none } .new_topmenu ul li:last-child ul { right: 0; left: auto } .new_topmenu ul li:last-child a { border-radius: 0 10px 10px 0 } .new_topmenu ul li a { display: block; padding: 9px 10px; font-size: 14px; color: #fff; text-decoration: none; text-align: center } .new_topmenu ul li a:hover { background: url(/images/topmenu_li_h.gif) top left repeat-x } .new_topmenu ul ul { white-space: normal; min-width: 220px; width: auto; height: auto; border-top: 1px solid #fff; padding: 15px 30px; margin: 0; display: none; position: absolute; top: 38px; left: 0; list-style-type: disc; background: #304a73; border-radius: 10px; color: #304a73; z-index: 10 } .new_topmenu ul li:last-child ul { right: 0; white-space: normal } .new_topmenu ul ul li { padding: 0; margin: 0 0 8px; float: none; background: none; width: 100% } .new_topmenu ul ul li:hover { color: #fff } .new_topmenu ul ul li:last-child { position: relative; right: auto } .new_topmenu ul ul li a { padding: 0; font-size: 12px; color: #aacedc; text-decoration: underline; text-align: left } .new_topmenu ul ul li a:hover { background: none } .new_topmenu ul ul li:hover a { color: #fff } .new_topmenu ul li:hover ul { display: block } .videoblock .block {font-weight: 500; text-decoration: none; font-size: 15.5px; line-height: 180%; color: #415C81; display: block; margin: 0 0 20px;} .videoblock .block .pic {overflow: hidden; position: relative; height: 184px; border-radius: 6px; background-position: center center; background-size: cover; margin: 0 0 5px;} .videoblock .block .pic:before {transition: all 0.3s ease; content: ''; display: block; position: absolute; top: 0; left: 0; width:100%; bottom: 0; background: rgba(0, 0, 0, 0.1);} .videoblock .block .pic:hover:before {opacity: 0;} .videoblock .block .pic .play {box-sizing: border-box; display: block; position: absolute; width: 57px; height: 57px; top: 50%; left: 50%; margin: -28px 0 0 -28px; background: linear-gradient(180deg, #538BD5 0%, #4170AF 100%); border: 3px solid #74A5E7; box-shadow: 0px 4px 20px rgba(255, 255, 255, 0.5); border-radius: 50%;} .videoblock .block .pic .play:after {content: ''; display: block; position: absolute; top: 50%; left: 50%; margin: -5px 0 0 -1px; border: 4px solid transparent; border-left: 7px solid #fff;} #left a.all {min-width: 1px; max-width:100%; margin: -14px 0 40px; display: flex; align-items: center; text-decoration: none; font-weight: bold; font-size: 13px; line-height: 120%; color: #4878B9; } #left a.all:hover {color: #4878B9;} #left a.all:hover:after {transform: translateX(5px);} #left a.all:after {transition: all 0.3s ease; content: url(/images/all-arrow.svg); margin: 0 0 0 8px;} #left .newsblock + a.all {margin-top: 0;} .newsblock .block {transition: all 0.3s ease; padding: 24px 22px; margin: 0 0 10px; background: #FFFFFF;border: 2px solid #F1F5FB;box-sizing: border-box;border-radius: 6px;} .newsblock .block:hover {border: 2px solid #e4e7ea;} .newsblock .block .date {font-weight: 500; margin: 0 0 5px; display: block; font-size: 11px; line-height: 150%; color: #A7B8D3;} .newsblock .block a {font-weight: 600; text-decoration: none; font-size: 13.5px; line-height: 150%; color: #415C81; } .newsblock .block:hover a {color: #4878B9;} .newsblock .txt {display: none;} .newsblock.adaptive { display: none } #left h2, #left p.title { font-weight: 800; padding: 0; margin: 0 0 15px; font-size: 20px; line-height: 27px; letter-spacing: -0.01em; color: #363636;} .contentblock { position: relative; z-index: 1; width: 100% } #content a.phones { text-decoration: none } #double_newsblock { display: none } .nav.first {display: none;} .nav {position: relative; z-index: 20; display: block; margin: 0 0 40px;} .nav>ul {padding: 0; margin: 0; list-style-type: none; background: linear-gradient(180deg, #538BD5 0%, #4170AF 100%); border-radius: 6px; display: flex;} .nav>ul>li {width: 100%; position: relative;} .nav>ul>li:hover {z-index: 2;} .nav>ul>li:after {z-index: 1; content: ''; display: block; position: absolute; top: 50%; right: -1px; width: 1px; height: 10px; margin-top: -5px; background: rgba(255,255,255,0.3);} .nav>ul>li:last-child:after {display: none;} .nav>ul>li>a {width:100%; box-sizing: border-box; white-space: nowrap; font-weight: bold; text-decoration: none; color: #fff; font-size: 16px; padding: 0 32px; transition: all 0.3s ease; position: relative; display: flex; height: 66px; align-items: center; justify-content: center;} .nav>ul>li:first-child>a:before {border-radius: 6px 0 0 6px;} .nav>ul>li:last-child>a:before {border-radius: 0 6px 6px 0px;} .nav>ul>li>a:before {z-index: 2; background: linear-gradient(to top, #4b80c5, #477abd); content: ''; display: block; top: 0; left: -2px; position: absolute; bottom: 0; width: calc(100% + 4px); opacity: 0; transition: all 0.3s ease; } .nav>ul>li:first-child>a:before {left: 0; width: calc(100% + 2px);} .nav>ul>li:last-child>a:before {width: calc(100% + 1px);} .nav>ul>li>a span {position: relative; z-index: 3;} .nav>ul>li>a:hover:before {opacity: 1;} .nav ul li ul {list-style-type: none; margin: 0; top: calc(100% + 10px); width: 320px; box-sizing: border-box; background: #4878B9; padding: 20px 35px; border-radius: 6px; position: absolute; left: -9999px; opacity: 0; transition: opacity 0.3s ease;} .nav ul li ul:before {content: ''; display: block; position: absolute; top: -10px; left: 0; width: 100%; height: 10px;} .nav ul li ul:after {position:absolute; display: block; content: ''; top: -10px; left: 80px; border: 5px solid transparent; border-bottom: 6px solid #4878B9;} .nav ul li ul li a {position: relative; margin: 0 -35px; width: calc(100% + 70px); display: block; padding: 8px 12px 8px 47px; box-sizing: border-box;font-weight: 600; text-decoration: none; color: #fff; font-size: 13px; } .nav ul li ul li a:before {content: ''; display: block; width: 4px; height: 4px; background: #fff; position: absolute; border-radius: 50%; top: 15px; left: 35px; } .nav ul li ul li a:hover {background: #415C81;} .nav ul li:hover ul {left:0; opacity: 1;} .reviews_bottom_doctext { padding: 30px 0 0 } #content .reviews_bottom_doctext img { max-width: 50%!important } .mo-relinks .link { margin: 0 20px 0 0; white-space: nowrap } .callback-btn { z-index: 999; position: fixed; bottom: 40px; right: 50px; background: url(/images/callback-btn.png) no-repeat; width: 60px; height: 60px; border-radius: 50%; box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.1); animation: comagic-label-icon-sitephone 6.6s ease-in-out infinite } .popup { padding: 30px; background: #fff; width: 315px } .popup .exit { position: absolute; top: 10px; right: 10px; cursor: pointer } .popup .title { line-height: 100%; text-align: center; font-size: 23px; color: #36393b; text-transform: uppercase; padding: 0 0 30px; margin: 0 } .popup input.text { font-weight: 300; border: 0; padding: 16px 15px; font-size: 19px; color: #36393b; border: none; height: 17px; width: 285px; margin: 0 0 10px; background: #f1f1f1; display: block } .popup_img { display: inline-block; width: 49.5% } .popup input::-moz-placeholder { color: #36393b; opacity: 1 } .popup input::-webkit-input-placeholder { color: #36393b; opacity: 1 } .popup input:focus::-moz-placeholder { opacity: 0 } .popup input:focus::-webkit-input-placeholder { opacity: 0 } .popup .sub-phone { color: #36393b; padding: 0 0 15px; font-size: 12px; text-align: center; margin: -5px 0 0 } .popup .error { border: 1px solid red!important } .popup textarea { font-weight: 300; border: 0; padding: 16px 15px; font-size: 19px; color: #36393b; border: none; height: 80px; resize: none; overflow: hidden; width: 285px; margin: 0 0 10px; background: #f1f1f1; display: block } .popup textarea::-moz-placeholder { color: #36393b; opacity: 1 } .popup textarea::-webkit-input-placeholder { color: #36393b; opacity: 1 } .popup textarea:focus::-moz-placeholder { opacity: 0 } .popup textarea:focus::-webkit-input-placeholder { opacity: 0 } .popup .checkbox { font-size: 11px; margin-bottom: 7px; position: relative } .popup .checkbox input[type=checkbox] { position: relative; float: left; margin: 0 7px 0 0; z-index: 2; padding: 0; margin: 2px 7px 0 0; width: 12px; height: 12px; opacity: 0 } .popup .checkbox label { float: none; max-width: calc(100% - 30px) } .popup .checkbox label span { border: 1px solid #ccc; position: absolute; display: block; width: 12px; height: 12px; background: #fff; left: 0; top: 2px } .popup .checkbox input[type='checkbox']:checked + label span { background: #fff url(/images/checked.png) center center no-repeat; background-size: 10px 10px } .popup .checkbox input[type='checkbox'].error + label span { border-color: red } .popup .checkbox a { color: inherit } .popup .thanks { font-size: 20px; text-transform: uppercase; text-align: center; padding: 80px 0; color: #363636; margin: 0 } .popup_app_oferta { z-index: 99000!important; font-size: 13px; padding: 25px 0; position: fixed; top: 0!important; left: 0!important; box-sizing: border-box; display: table; padding-right: 30px; overflow: hidden; width: calc(100% + 30px); height: 100%; margin: 0!important; overflow: scroll; color: #363636 } .popup_app_oferta .block { max-width: 800px; background: #fff; padding: 30px; margin: 0 auto; position: relative } .popup_app_oferta .exit { position: absolute; top: 10px; right: 10px; cursor: pointer } .popup #small-contact-info { margin: 0 0 40px; display: none!important; text-align: center; float: none } .popup #small-contact-info a { font-size: 19px; color: #3560a0; text-decoration: none; } .popup #small-contact-info a .country-code { color: #6193c0 } .popup input.submit { text-align: center; box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.506), 0 1px 4px rgba(0, 0, 0, 0.298); margin: 0 0 10px; display: block; height: 50px; line-height: 50px; width: 100%; box-sizing: border-box; padding: 0 20px; border-radius: 5px; background: #729cd1; font-size: 21px; color: #fff; text-decoration: none; transition: all .3s ease; border: 0; cursor: pointer; font-weight: 300 } .popup input.submit:hover { background: #3d6db2; color: #fff } #lean_overlay { position: fixed; z-index: 900; top: 0; left: 0; height: 100%; width: 100%; background: #000; display: none } #content .book-cover { position: relative; max-width: 100%; width: 800px; margin: 0 auto 30px; padding: 0; display: block } #content .book-cover>img { max-width: 100%!important } #content .book-cover a { position: absolute; display: block } #content .book-cover a.ozon { bottom: 306px; left: 90px; width: 188px; height: 58px } #content .book-cover a.bookru { bottom: 306px; left: 522px; width: 188px; height: 58px } #content .book-cover a.labirint { bottom: 220px; left: 90px; width: 188px; height: 58px } #content .book-cover a.biblio { bottom: 220px; left: 290px; width: 188px; height: 58px } @keyframes comagic-label-icon-sitephone { 1%, 2% { transform: rotate3d(0, 0, 1, 9deg); opacity: 1 } 3%, 5%, 7% { transform: rotate3d(0, 0, 1, -9deg) } 4%, 6%, 8% { transform: rotate3d(0, 0, 1, 9deg) } 9% { transform: rotate3d(0, 0, 1, 0) } } .pic_with_title p + .youtube-block-bg, .pic_with_title p + .youtube-block {margin-top: 15px;} .youtube-block-bg { height: 172px; background-position: center center; background-size: cover; position: relative; display: flex; align-items: stretch; } .youtube-block { height: 172px; background-position: center center; background-size: cover; position: relative; display: flex; align-items: stretch; } .players-tabs {margin: 40px 0 20px; display: flex; justify-content: center;} .players-tabs a {transition:none; background: #f0f4fa; color: #363636!important; text-align: center; font-size: 20px; font-weight: bold; border-radius: 6px 0 0 6px; width: 120px; height: 40px; line-height: 40px;} .players-tabs a:first-child:last-child {display: none;} .players-tabs a.active {background: linear-gradient(to top, #4b80c5, #477abd); color: #fff!important;} #content .players-tabs a.active:visited {color: #fff!important;} .players-tabs a + a {border-radius: 0 6px 6px 0;} .rutube-video {margin: 0 0 30px; border-radius: 6px; overflow: hidden;} p + .video-full {margin-top: 10px;} .video-full {position: relative;} .video-full .youtube-block:before {background: linear-gradient(0deg, rgba(64, 64, 64, 0.77) 0%, rgba(0, 0, 0, 0) 40.36%), rgba(0, 0, 0, 0.1); border-radius: 6px; content: ''; position: absolute; display: block; top: 0; left: 0; bottom: 0; width:100%;} .video-full p.title {padding: 0!important; font-size: 20px; position: absolute; bottom: 35px; left: 35px; width: calc(100% - 70px); line-height: 27px; color: #FFFFFF;} .video-full .youtube-block {border-radius: 6px; height: 400px; margin: 0 0 30px;} .video-full .youtube-block-bg {border-radius: 6px; height: 400px; margin: 0 0 30px;} .reviews_container .youtube-block:before {background: linear-gradient(0deg, rgba(64, 64, 64, 0.77) 0%, rgba(0, 0, 0, 0) 40.36%), rgba(0, 0, 0, 0.1); border-radius: 6px; content: ''; position: absolute; display: block; top: 0; left: 0; bottom: 0; width:100%;} .reviews_container p.title {padding: 0!important; font-size: 20px; position: absolute; bottom: 35px; left: 35px; width: calc(100% - 70px); line-height: 27px; color: #FFFFFF;} .reviews_container .response_new .youtube-block {border-radius: 6px; height: 400px; margin: 0 0 30px; max-width:100%;} .reviews_container .response_new .youtube-block:last-child, .reviews_container .response_new .youtube-block-bg:last-child {margin-bottom: 0;} .reviews_container .response_new .youtube-block-bg {border-radius: 6px; height: 400px; margin: 0 0 30px; max-width:100%;} .news-list .news-item .youtube-block {border-radius: 6px; height: 400px; margin: 0 0 30px; max-width:100%;} .news-list .news-item .youtube-block:last-child, .news-list .news-item .youtube-block-bg:last-child {margin-bottom: 0;} .news-list .news-item .youtube-block-bg {border-radius: 6px; height: 400px; margin: 0 0 30px; max-width:100%;} .raized .video-full .youtube-block:last-child {margin-bottom: 0;} .raized .video-full .youtube-block-bg:last-child {margin-bottom: 0;} .response_new .youtube-block-bg, .news-item .youtube-block-bg { max-width: 550px; margin: 0 auto; height: 305px; } .response_new .youtube-block, .news-item .youtube-block { max-width: 550px; margin: 0 auto; height: 305px; background-position: center center; background-size: cover; position: relative; display: flex; align-items: stretch; } .youtube-block a:before, .youtube-block-bg a:before {box-sizing: border-box; display: block; position: absolute; width: 57px; height: 57px; top: 50%; left: 50%; margin: -28px 0 0 -28px; background: linear-gradient(180deg, #538BD5 0%, #4170AF 100%); border: 3px solid #74A5E7; box-shadow: 0px 4px 20px rgb(255 255 255 / 50%); border-radius: 50%; content:'';} .youtube-block a:after, .youtube-block-bg a:after {content: ''; display: block; position: absolute; top: 50%; left: 50%; margin: -5px 0 0 -1px; border: 4px solid transparent; border-left: 7px solid #fff;} #content p {padding: 0 0 16px; margin: 0;} .page404 .top-slider {display: none;} .page404 .bottom-doctor-block {display: none;} .page404 #left {display: none;} .page404 #right {margin-left: 0;} .page404 .header_pic, .page404 #header {display: none!important;} .page404 #big-picture, .page404 .nav, .page404 .bx_breadcrumbs, .page404 #right h1 {display: none;} .page404 .raized, .page404 footer, .page404 #content .mob-book-banner, .page404 .buttons_adaptive, .page404 .adaptive, .page404 .newsblock {display: none!important;} .page404 .insta-banner {display: none!important;} .page404 #content {min-height: 500px; font-size: 22px; color: #a4a4a4; height: calc(100vh - 190px); display: flex; align-items: center; text-align: center; justify-content:center;} .page404 #content p {padding: 0; margin: 0;} .page404 #content p a {color: #4b7dbf;} .page404 #content p a:hover {text-decoration:none;} .page404 #content span.big {font-size: 116px; color: #a4a4a4; display: block; margin: 0 0 0px; line-height: 110%;} .page404 #content .search {color: #363636; margin: 40px 0 0 0;} .page404 header + #layout #page-body {margin-bottom: 0;} .page404 header + main #layout #page-body {margin-bottom: 0;} .page404 #content .search { position: relative;} .page404 #content .search form {position: relative; width: 260px; height: 36px; display: block; margin: 20px auto 30px;} .page404 #content .search input[type=text] {box-sizing: border-box; outline:none; width: 100%; padding: 0 15px; height: 36px; background: #f1f1f1; border-radius: 4px; line-height: 34px; font-family: inherit; font-size: 11px; border: 1px solid #e8e8e8; color: #666; text-transform: uppercase;} .page404 #content .search input[type=image] {position: absolute; top: 8px; right: 10px; cursor: pointer; border: 0;} .page404 #content .search input[type=text]:focus::-moz-placeholder {opacity: 0;} .page404 #content .search input[type=text]:focus::-webkit-input-placeholder {opacity: 0;} .owl-carousel .owl-wrapper:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .owl-carousel{display: none; position: relative; width: 100%; -ms-touch-action: pan-y;} .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px);} .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%;} .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out;} .owl-carousel .owl-item{float: left;} .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer;} .owl-controls {-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);} .grabbing {cursor:url(/bitrix/templates/inner_2021/grabbing.png) 8 8, move;} .owl-carousel .owl-wrapper, .owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);} #content .author-block {line-height: 140%; display: flex; align-items:flex-start; border-top: 2px solid #4878B9; margin: 40px 0 0 0; padding: 20px 0 40px;} #content .author-block .left {width: 140px; margin: 0 25px 0 0;} #content .author-block .left nav a {display: table; color: inherit; text-decoration: underline;} #content .author-block .left nav {margin: 20px 0 0 0; display: flex; flex-direction: column; gap: 12px;} #content .author-block p {padding: 0; margin: 0;} #content .author-block p.name {font-weight: 600;} #content .author-block p.title {font-weight: 800; font-size: 16px; padding: 0 0 5px; margin: 0;} #content .author-block .photo {width: 95px; height: 95px; border-radius: 50%; overflow: hidden;} #content .author-block .photo img {max-width:100%!important;} #content .author-block .text {width: calc(100% - 165px); line-height: 145%;} #content .author-block .text ul {margin-top: 20px;} .mob-insta {display: none;} #content .insta-banner {color: #fff!important; text-shadow: none!important; font-size: 17px; line-height: 110%; text-decoration: none; color: #fff; display: block; border-radius: 4px; height: 77px; position: relative; background: url(/upload/insta-banner-bg.jpg) center center/cover no-repeat; box-sizing: border-box; padding: 0 16px 0 300px; display: flex; align-items: center;} #content .insta-banner .insta-pic {left: 37px; bottom: 0; position: absolute; display: block; width: 249px; height: 104px; background: url(/upload/insta-banner-pic.png) no-repeat;} #content .insta-banner .insta-btn {box-shadow: 0 4px 4px 1px rgba(0,0,0,0.1); text-shadow: none!important; font-size: 18px; border-radius: 3px; display: flex; justify-content: center; align-items: center; height: 50px; width: 170px; background: linear-gradient(to top, #3582ff, #6ea6ff);} #content .insta-banner .insta-btn:before {content: ''; display: block; width: 24px; height: 24px; background: url(/upload/insta-banner-icon.png) center center no-repeat; margin: 0 10px 0 0;} #content .insta-banner .insta-text {margin: -2px 0 0 0; text-shadow: none!important; width: calc(100% - 170px); padding: 0 60px 0 0; box-sizing: border-box;} #content .insta-banner * {text-shadow: none!important; } .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/bitrix/templates/inner_2021/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} #content .pic_with_title.right + .oglavlenie {max-width: calc(100% - 370px);} #content .raized.right + .oglavlenie {max-width: calc(100% - 370px);} #content .oglavlenie {background: #F8FAFD; padding: 40px; box-sizing: border-box; border-radius: 6px; margin: 0 0 30px;} #content .oglavlenie ul {padding: 0; margin: 0; columns: 2;} #content .oglavlenie ul li {break-inside: avoid; margin: 0 0 5px; z-index:1;} #content .oglavlenie ul li a {font-weight: 600; text-decoration: none; color: #415C81;} #content .oglavlenie ul li a:hover {color: #4878B9;} #content .oglavlenie ul li:before {background: #415C81; top: 11px;} #content .oglavlenie p.title {font-weight: 800; line-height: 110%; padding: 0 0 15px; margin: 0; font-size: 20px; color: #363636;} #content .oglavlenie .ogl-toggle {transition: margin 0.3s ease; font-size: 13px; color: #4878B9; font-weight: bold; text-decoration: none; display: table; margin: 15px 0 0 0; position: relative;} #content .oglavlenie .ogl-toggle:after {content: ''; display: block; position: absolute; border: 4px solid transparent; border-bottom: 5px solid #A7B8D3; left: calc(100% + 7px); top: 7px;} #content .oglavlenie .ogl-toggle span:before {content: 'Скрыть оглавление';} #content .oglavlenie.hidden .ogl-toggle span:before {content: 'Показать оглавление';} #content .oglavlenie.hidden .ogl-toggle {margin-top:-5px;} #content .oglavlenie.hidden .ogl-toggle:after {transform: scale(1,-1); top: 11px;} #content .news-list .news-item {background: #FFFFFF; margin: 0 0 10px; padding: 12px 24px; border: 2px solid #F1F5FB; box-sizing: border-box; border-radius: 6px;} #content .news-list .news-item .news-date-time {display: block; padding: 0 0 8px; margin: 0; font-weight: 500; font-size: 11px; color: #A7B8D3;} #content .news-list .news-item a { display: block; margin: 0 0 8px 0; font-weight: 600; font-size: 16px; color: #415C81;} @media (max-width: 1215px) { #content .form-block {padding: 40px 40px;} #content .form-block p.title {font-size: 21px;} .nav>ul>li>a {padding: 0 19px;} .nav>ul>li {width: 100%;} a.all {padding-left: 0;padding-right: 0;} .all, #layout {padding-left: 20px;padding-right: 20px; box-sizing: border-box;} .top-slider .item.book-banner {background-position: bottom right -150px;} .top-slider .item.main-banner {background-position: bottom right -100px;} .top-slider .item.insta-banner {background-position: bottom right -150px;} #contacts { right: 5px; top: 10px; } #header .worktime {top: 22px; font-size: 15px;} #consult-link { right: 10px } #header .flags { right: 10px; top: -10px; left: auto } .bottom-doctor-block .photo {max-width: 40%;} } @media (max-width: 1190px) { #content .insta-banner .insta-pic {width: 180px; left: 15px; background-position: bottom left; background-size: contain;} #content .insta-banner {padding-left: 200px;} #content .insta-banner .insta-text {padding-right: 20px;} footer .address { left: 350px } footer .address a { font-size: 12px } #about-info-cantainer { font-size: 15px } .nav a { padding-left: 7px; padding-right: 7px; font-size: 20px; line-height: 22px } .contentblock .nav { height: 52px } .fixed_block { left: 0 } #content .book-cover { position: relative; max-width: 100%; width: 620px; margin: 0 auto 30px; padding: 0; display: block } #content .book-cover a.ozon { bottom: 238px; left: 70px; width: 145px; height: 44px } #content .book-cover a.bookru { bottom: 238px; left: 405px; width: 145px; height: 44px } #content .book-cover a.labirint { bottom: 172px; left: 70px; width: 145px; height: 44px } #content .book-cover a.biblio { bottom: 172px; left: 227px; width: 145px; height: 44px } } @media (max-width: 1050px) { #content .videoblock .block .pic img {width: auto; max-width: 1000px;} .all {min-width: 320px;} #smi.operations-video .pagemenu li a {font-size: 18px;} .video-full .youtube-block {height: 330px;} .video-full .youtube-block-bg {height: 330px;} .reviews_container .response_new .youtube-block {height: 330px;} .reviews_container .response_new .youtube-block-bg {height: 330px;} .news-list .news-item .youtube-block {height: 330px;} .news-list .news-item .youtube-block-bg {height: 330px;} #layout {min-width: 200px;} .response_new .youtube-block, .news-item .youtube-block { height: 300px; } .youtube-block { height: 160px; } .youtube-block-bg { height: 160px; } #header { padding-top: 15px } #header .search { width: 200px } #header .search input.text { width: 200px; box-sizing: border-box } .raized { position: relative; box-sizing: border-box; padding: 10px } .nowrap { white-space: nowrap } .geo-button {max-width: 100%; margin: 0 0 40px;} #awards { height: 92px!important } #awards p { margin-left: 75px; font-size: 9px; line-height: 125% } #g-star { width: 60px; background-size: 100% auto } #awards img.oden_1 { width: 60px } #finger { left: 10px } #vrachi p { margin-left: 80px; font-size: 18px } } @media screen and (max-width: 1024px) { #content .reviews_container.owl-carousel {margin-bottom: 30px;} .pic_with_title { max-width: 99%!important } .pic_with_title img { width: auto!important; max-width: 995px!important; height: auto!important } #content>div>.pic_with_title { max-width: 100%!important } .max-width-adapt { max-width: 50% } } .newsblock.adaptive { display: none } #sliderflex { margin: 0 auto 10px!important } #carousel { margin: 0; width:100%;} #carousel .flex-viewport {width: calc(100% - 80px); margin: 5px auto 0; } #sliderflex .flex-viewport li {overflow: visible;} #carousel li {padding: 0 10px; box-sizing: border-box; } #content #carousel ul li.flex-active-slide:after {content: ''; position: absolute; top: 0;bottom: 0; left: 0; width:100%; box-sizing: border-box; border: 2px solid #4878B9;} #content .flex-direction-nav li {z-index:1;} #carousel .flex-direction-nav a { margin-top: -55px } .flexslider { margin: 0; padding: 0 } .flexslider .slides { padding: 0; margin: 0; list-style-type: none } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden } .flexslider .slides img { width: 100%; display: block } .flex-pauseplay span { text-transform: capitalize } .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } html[xmlns] .slides { display: block } * html .slides { height: 1% } .no-js .slides > li:first-child { display: block } .flexslider { width: 478px; margin: 0 0 60px; background: #fff; position: relative; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; width: 100%; } .flex-viewport:first-child {height: 389px; overflow: hidden;} #carousel .flex-viewport:first-child {height: auto;} .flex-viewport:first-child li {max-height: 359px; overflow: hidden;} .flex-viewport:first-child li img {cursor: pointer;} .flexslider#sliderflex .slides {display: flex;} .flexslider#sliderflex .slides > li {align-items: center; justify-content: center;} .flexslider#sliderflex .slides > li img {width: auto; height: auto; max-width: 100%; max-height: 100%;} .flexslider#sliderflex .slides > li.flex-active-slide {display: flex!important;} #content .sliderflex #carousel li {align-items: center; justify-content: center;} #content .sliderflex #carousel li.flex-active-slide {display: flex!important;} .loading .flex-viewport { max-height: 300px } .flexslider .slides { zoom: 1 } .carousel li { margin-right: 5px } .flex-direction-nav { *height: 0; padding: 0; margin: 0; list-style-type: none } .flex-direction-nav a {top: -235px; width: 53px; height: 53px; margin: -20px 0 0; display: block; background: #F1F5FB; position: absolute; z-index: 10; cursor: pointer; text-indent: -9999px; border-radius: 50%; -webkit-transition: all .3s ease} .flex-direction-nav a:hover {background: #4878B9;} .flex-direction-nav a:hover:before {filter: brightness(600%);} .flex-direction-nav a.flex-prev:before {transition: all 0.3s ease; content: ''; display: block; position: absolute; width: 100%; left: 0; top: 0; bottom: 0; height: 100%; border-radius: 50%; background: url(/images/gallery-arrow-left.svg) center center no-repeat;} .flex-direction-nav a.flex-next:before {transition: all 0.3s ease; content: ''; display: block; position: absolute; width: 100%; left: 0; top: 0; bottom: 0; height: 100%; border-radius: 50%; background: url(/images/gallery-arrow-left.svg) center center no-repeat; transform: scale(-1,1);} .flex-direction-nav .flex-next { right: -116px} .flex-direction-nav .flex-prev { left: -116px} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1 } .flex-direction-nav .flex-disabled { opacity: .3!important; filter: alpha(opacity=30); cursor: default } .flexslider span { position: absolute; top: calc(100% + 10px); width: 100%; display: block; text-align: center; font-size: 14px;line-height: 19px;letter-spacing: -0.01em; } .flexslider span b { line-height: 18px } .flexslider span b i { font-style: normal } .flexslider ul.slides img { width: 478px; max-height: 319px; } #carousel ul.slides img { width: 100% } .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3) } .flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7) } .flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden } .flex-control-thumbs li { width: 25%; float: left; margin: 0 } .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer } .flex-control-thumbs img:hover { opacity: 1 } .flex-control-thumbs .flex-active { opacity: 1; cursor: default } @media screen and (max-width: 860px) { .video-full p.title {font-size: 12px; line-height: 110%; bottom: 15px; left: 15px; width: calc(100% - 30px);} .video-full .youtube-block a {display: block; position: absolute; top: 0; left: 0; width:100%; bottom: 0; z-index: 5;} #content table.st-table th {padding: 5px; font-size:13px; line-height: 125%;} #content table.st-table td {padding: 5px; font-size:13px; line-height: 125%;} #content .oglavlenie ul {columns: 1;} #right .more-block {padding: 20px; font-size: 18px;} #right h2 {font-size: 20px;} .que {font-size: 18px;} .que:before {top: 10px;} #content .patent-block {display: block; margin: 0 0 20px;} #content .patent-block img {border-width: 10px; max-width: 60%; margin: 0 auto 30px;} #content .patent-block .text {width:100%; text-align: center;} #content .patent-block .text p.title {font-weight: 600; padding: 0 0 12px; margin: 0; font-size: 18px; font-weight: bold; line-height: 110%; text-align: center; color: #363636;} #content .patent-block .text p {padding: 0 0 0px;} #content .oglavlenie {padding: 20px 10px;} #right .clinics-list .block.big {display: block;} #right .clinics-list .block.big .left {width: 100%; padding: 0 0 30px;} #right .clinics-list .block.big .right {width: 100%;} #right .clinics-list .block {Padding-left: 0;} #right .clinics-list .block h2 {margin-left: 0;} #right .clinics-list .block h2 {font-size: 20px;} #content .clinics-list .block.big .right img {max-width:100%!important;} #content .raized.bottom-text a.oc-button {margin-left: auto; margin-right: auto;} #content .author-block {display:block; font-size: 12px;} #content .author-block ul li:before {top: 6px;} #content .author-block .left {width: 100%;} #content .author-block .photo {text-align:center; margin: 0 auto 15px;} #content .author-block .text {margin-top: 30px; width: 100%;} #content .author-block .text p {text-align: center;} #content .author-block .left nav {gap: 10px; font-size: 14px; justify-content: center; flex-direction: row; flex-wrap: wrap;} .clinic h2.short {max-width: 100%;} .clinic .clinic-right-pic {float: none; display: table; max-width: 100%; margin: 0 auto 20px;} .video-full .youtube-block {height: 280px;} .video-full .youtube-block-bg {height: 280px;} .reviews_container .response_new .youtube-block {height: 280px;} .reviews_container .response_new .youtube-block-bg {height: 280px;} .news-list .news-item .youtube-block {height: 280px;} .news-list .news-item .youtube-block-bg {height: 280px;} .pic-right {float: none!important; margin: 0 auto 30px!important; display: table; max-width: 100%;} .response_new .youtube-block, .news-item .youtube-block { height: 160px; } .mo-relinks .link { white-space: normal } #content .book-cover { position: relative; max-width: 100%; width: 300px; margin: 0 auto 30px; padding: 0; display: block } #content .book-cover a.ozon { bottom: 113px; left: 33px; width: 69px; height: 21px } #content .book-cover a.bookru { bottom: 113px; left: 193px; width: 69px; height: 21px } #content .book-cover a.labirint { bottom: 81px; left: 33px; width: 69px; height: 21px } #content .book-cover a.biblio { bottom: 81px; left: 108px; width: 69px; height: 21px } #content .search-page input[type=text] { width: 100%; margin-bottom: 0; height: 40px; padding: 0 15px; line-height: 40px; box-sizing: border-box } #content .search-page input[type=submit] { display: table; margin: 0 auto; height: 40px; line-height: 40px; padding: 0 20px } .award_center_text img, .award_center_text .text { display: block; margin: 0 auto 20px; max-width: 100% } .award_center_text .text { width: 100% } .flex-direction-nav .flex-prev { opacity: 1; left: 0 } .flex-direction-nav .flex-next { opacity: 1; right: 0 } .raized table td { display: block; width: 100%!important; padding-bottom: 10px } } #content .photogallery_previews {display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin: 40px -20px 0 0;} #content .photogallery_previews .block {text-decoration: none; cursor: pointer; font-size: 14px; color: #415C81; width: calc(20% - 20px); margin: 0 20px 40px 0;} #content .photogallery_previews .block:hover .pic {background: #4878B9;} #content .photogallery_previews #active.block .pic {background: #4878B9;} #content .photogallery_previews .block:hover .pic img {filter: brightness(600%);} #content .photogallery_previews #active.block .pic img {filter: brightness(600%);} #content .photogallery_previews .block .pic {transition: all 0.3s ease; margin: 0 0 15px; display: flex; height: 120px; align-items: center; justify-content: center; background: #F8FAFD; border-radius: 6px;} #content .photogallery_previews .block .pic img {transition: all 0.3s ease; max-width: 90%; max-height: 90%; width: auto; height: auto;} #content .sliderflex #carousel {margin-top: 10px;} #content .sliderflex #carousel li {height: 140px; position: relative; padding: 0 0px; margin: 0 10px; border-radius: 6px; box-sizing: border-box; background: none; position: relative} #content .sliderflex #carousel .flex-direction-nav li {z-index: 1; height: auto; margin: 0 5px; padding: 0; border: 0; } #content .sliderflex #carousel li img {cursor: pointer; position: absolute; width: auto; height: 100%!important; top: 50%; left: 50%; transform: translate(-50%,-50%);} #content .sliderflex li {padding: 0;} #content #carousel ul.flex-direction-nav {display: flex; align-items: center; justify-content: center; height: 67px; background: linear-gradient(180deg, #538BD5 0%, #4170AF 100%); padding: 0; margin: 0;} #content #carousel ul.flex-direction-nav li {margin:0 10px;} #content #carousel ul.flex-direction-nav li a {position: relative; top: auto; left: auto; margin: 0; right: auto; background: rgba(255, 255, 255, 0.3); width: 40px; height: 40px; display: block; border-radius: 50%; } #content #carousel .flex-direction-nav a.flex-prev:before {filter: brightness(600%);} #content #carousel .flex-direction-nav a.flex-prev:hover:before, #content #carousel .flex-direction-nav a.flex-next:hover:before {filter: none;} #content #carousel .flex-direction-nav a.flex-next:before {filter: brightness(600%);} #content #carousel ul.flex-direction-nav li a:hover {background: #fff; } #content ul.flex-direction-nav {padding: 0; margin: 0;} #content .sliderflex li:before {display: none;} #content .sliderflex #carousel li:before {display: none;} #content .sliderflex #slides li {max-height: 76px; overflow:hidden;} #content .sliderflex #carousel .slides {padding: 0px 0 25px;} #content .sliderflex {border: 2px solid #538BD4; border-radius: 6px; box-sizing: border-box; padding: 25px 0 0 0;} #smi.operations-video .pagemenu {display: flex; justify-content: space-between; margin-top: 25px;} #smi.operations-video .pagemenu li {float:none; width: calc(20% - 4px); padding: 0; box-sizing: border-box; } #smi.operations-video .pagemenu li a {width:100%;} #smi.operations-video .select_outer {max-width: 400px; margin: 0 0 15px;} #smi.operations-video .select_outer:last-child {margin-bottom: 45px;} #smi.operations-video .select_outer:first-child {margin-top: 35px;} #content .operations-video .videoblock .block a.video-title {display: table; margin: 0 0 20px;} #smi .pagemenu { position: relative; margin: 0 0 25px; white-space: nowrap; display: block; width: 100%; height: 39px; padding: 0; list-style-type: none; } #smi .pagemenu li { float: right; padding: 0 0 0 10px; margin: 0; position: relative; display: block; width: 22% } #smi .pagemenu li a { width: 193px; height: 46px; line-height: 46px; display: block; color: #fff; font-size: 15px; text-shadow: none; text-decoration: none; text-align: center; border-radius: 5px; background: linear-gradient(180deg, #538BD5 0%, #4170AF 100%), #FFFFFF; } #smi .pagemenu li a:hover { background: #3d6db2 } #smi #menuactive { background: #3d6db2 } #smi.reviews_buttons_list { position: absolute; top: 59px; right: 0 } #smi.reviews_buttons_list .pagemenu li { float: none; display: inline-block; width: auto; padding-left: 5px; padding-right: 0 } .reviews_container { position: relative } .search-tags-cloud a { margin-right: 15px } #content .mapin { margin: 10px auto 50px; border: 2px solid #538BD4; border-radius: 8px; overflow: hidden; text-shadow: 0 0 0 #fff!important } .ItemMap { float: left; width: 220px; line-height: 150% } .ItemMapCountry { float: left; width: 220px; line-height: 180% } .ItemMapCountry a { color: #124777!important; line-height: 180% } #my-listbox { width: 450px } .Separator { display: block; width: 440px; height: 15px; float: left } .BtnChoos { width: 170px } .mapin_title { color: #4878b9; font-size: 22px; font-style: normal; text-transform: uppercase; text-align: center; font-weight: 700 } #loadMap { height: 516px; display: block; text-align: center; margin: 10px 0 50px; font-size: 25px; background: url(/images/ajax_loader_blue_512.gif) 400px 80px no-repeat; line-height: 300px; color: #aaa; background-size: 5% } .reviews_selects select { margin: 0 0 20px; width: 300px } .video_otz_but { width: 236px; border: 8px solid #668abc; border-radius: 8px; margin: 30px 0 } .video_otz_but:hover { border-color: #21569f } #wprmenu_bar, #wprmenu_bar *, #wprmenu_menu, #wprmenu_menu * { margin: 0; padding: 0; -moz-box-sizing: border-box!important; -webkit-box-sizing: border-box!important; box-sizing: border-box!important; list-style: none; text-align: left; font-size: 100%; font-weight: 400; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -o-user-select: none } #wprmenu_menu img, #wprmenu_bar img { border: 0; border: none } .wprmenu_clear { clear: both!important; display: block!important; height: 1px!important; margin: -1px 0 0!important; width: 1px!important } #wprmenu_bar { top: 0; left: 0; background: #3761a3; background: linear-gradient(to top, #3761a3, #4a7ac3); padding: 15px 16px; width: calc(100% + 50px); margin-left: -10px; display: none; cursor: pointer; z-index: 98; overflow: hidden; height: 50px; display: none; border-radius: 0!important } #wprmenu_bar .menu_title { color: #f2f2f2; font-weight: 400; font-size: 15px; line-height: 17px } #wprmenu_bar .bar_logo { border: 0; border: none; margin: 0xp; padding: 0; margin-top: -2px; padding-right: 8px; width: auto; height: 25px } .wpr_search { padding: 10px!important } .wpr_search .wpr-search-field { padding: 5px!important; border: 1px solid #ccc; max-width: 100%; width: 100% } #wprmenu_bar .wprmenu_icon_menu { color: #f2f2f2; margin-right: 5px } #wprmenu_bar .wprmenu_icon { width: 20px; height: 22px; overflow: hidden; float: left; margin-right: 16px; padding-top: 2px; position: relative } #wprmenu_bar .wprmenu_icon span { -webkit-transition: all .01s ease-in-out; -moz-transition: all .01s ease-in-out; -o-transition: all .01s ease-in-out; -ms-transition: all .01s ease-in-out; transition: all .01s ease-in-out; display: block; position: absolute; width: 20px; height: 4px; left: 0; background: #f2f2f2 } #wprmenu_bar .wprmenu_ic_1 { top: 0 } #wprmenu_bar .wprmenu_ic_2 { top: 7px } #wprmenu_bar .wprmenu_ic_3 { top: 14px } #wprmenu_bar.menu_is_opened .wprmenu_ic_1 { top: -10px } #wprmenu_bar.menu_is_opened .wprmenu_ic_2 { top: 9px!important; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); zoom: 1 } #wprmenu_bar.menu_is_opened .wprmenu_ic_3 { top: 9px!important; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); zoom: 1 } body { position: relative!important } #wprmenu_menu.top { top: 0; left: 0; width: calc(100% - 5px); display: none; position: relative; z-index: 9999 } #wprmenu_menu.left, #wprmenu_menu.right { display: none; position: absolute; position: fixed; top: 0; height: 100%; z-index: 97; overflow-x: hidden; overflow-y: auto; background: #3661a1; top: 42px; padding-bottom: 43px } body.admin-bar #wprmenu_bar { top: 32px; padding-bottom: 33px } body.admin-bar #wprmenu_menu.left, body.admin-bar #wprmenu_menu.right { top: 74px; padding-bottom: 75px } @media only screen and (max-width: 782px) { .popup-newstyle .into {display: block; padding: 15px 15px 95px;} .popup-newstyle .into .txt {width: 100%;} .popup-newstyle .into .btn {margin: 15px auto 0;} .stop-service-block {font-size: 16px; line-height: 130%; padding: 20px 20px 20px;} .stop-service-block span.att {top: auto; position: relative; font-size: 40px; display: table; margin: 0 auto 20px; left: auto;} #content .raized.bottom-text h3 {font-size: 26px;} .raized.shadow.attantion { margin-top: 10px } #content .raized.shadow h3 { font-size: 19px } .raized { margin-top: 0 } .raized.newstyle { float: none!important; width: 100%!important; margin-top: 0!important; margin-bottom: 20px } h1 + .raized.newstyle { margin-top: 20px!important } #content>p { padding-bottom: 15px } #content .raized.newstyle {padding: 20px 10px;} #content .raized.newstyle .border {padding-left: 14px;} .youtube-block {max-height: 50vw;} #content .raized.newstyle + p { padding-top: 5px } .copy_window .window { position: fixed; top: 50%; left: 50%; margin: -70px 0 0 -150px } #content .raized.bottom-text { padding-top: 30px; margin-top: 30px } #content .raized.bottom-text table.active { text-align: center } #content .raized.bottom-text h3 { text-align: center } #content .raized.bottom-text table.active a { font-size: 20px; margin: 4px 0; display: inline-block } body.admin-bar #wprmenu_menu.left, body.admin-bar #wprmenu_menu.right { top: 86px; padding-bottom: 87px } body.admin-bar #wprmenu_bar { top: 46px } } #wprmenu_menu ul { margin: 0; padding: 0; display: block; width: 100%; position: relative; list-style: none } #wprmenu_menu ul li { display: block; list-style: none } #wprmenu_menu ul li a, #wprmenu_menu ul li a:hover { display: block; color: #D3D3D3; padding: 10px 14px; font-size: 16px; margin: 0; text-decoration: none } #wprmenu_menu.wprmenu_levels ul li { display: block; overflow: hidden; width: 100%; position: relative } #wprmenu_menu.wprmenu_levels ul li a { float: left; border: none; width: 100% } #wprmenu_menu.wprmenu_levels a.wprmenu_parent_item { border-left: 1px solid #fff; margin-left: 35px } #wprmenu_menu .wprmenu_icon_par { position: relative; display: block; color: #CFCFCF; width: 35px; padding: 13px 14px 10px; cursor: pointer; float: left; position: absolute; top: 8px; left: 0; height: 23px; background: url(/images/str_menu.png) center center no-repeat; background-size: 15px 15px } #wprmenu_menu .wprmenu_icon_par.wprmenu_par_opened { background-image: url(/images/str_menu1.png) } #wprmenu_menu .wprmenu_no_border_bottom { border-bottom: none!important } #wprmenu_menu.wprmenu_levels ul li ul { border-top: 1px solid #fff } #wprmenu_menu.wprmenu_levels ul { border-bottom: 1px solid #fff!important } #wprmenu_menu.wprmenu_levels ul li ul li { padding-left: 44px } #wprmenu_menu.wprmenu_levels ul li ul li a { font-size: 14px; width: auto } #wprmenu_menu.wprmenu_levels ul li ul li ul li { padding-left: 60px } #wprmenu_menu.wprmenu_levels ul li ul li ul li a { font-size: 14px } #wprmenu_menu.wprmenu_levels ul li ul li ul li ul li { padding-left: 132px } #wprmenu_menu.wprmenu_levels ul li ul li ul li ul li ul li { padding-left: 176px } #wprmenu_menu.wprmenu_levels ul li ul li.wprmenu_parent_item_li { padding-left: 0 } #wprmenu_menu.wprmenu_levels ul li ul li.wprmenu_parent_item_li .wprmenu_icon_par { margin-left: 10px } #wprmenu_menu.wprmenu_levels ul li ul li.wprmenu_parent_item_li a.wprmenu_parent_item { margin-left: 50px } #wprmenu_menu.wprmenu_levels ul li ul li ul li.wprmenu_parent_item_li { padding-left: 0 } #wprmenu_menu.wprmenu_levels ul li ul li ul li.wprmenu_parent_item_li .wprmenu_icon_par { margin-left: 88px } #wprmenu_menu.wprmenu_levels ul li ul li ul li.wprmenu_parent_item_li a.wprmenu_parent_item { margin-left: 132px } #wprmenu_menu.wprmenu_levels ul li ul li ul li ul li.wprmenu_parent_item_li { padding-left: 0 } #wprmenu_menu.wprmenu_levels ul li ul li ul li ul li.wprmenu_parent_item_li .wprmenu_icon_par { margin-left: 132px } #wprmenu_menu.wprmenu_levels ul li ul li ul li ul li.wprmenu_parent_item_li a.wprmenu_parent_item { margin-left: 176px } #wprmenu_menu.wprmenu_levels ul li ul li ul li ul li ul li.wprmenu_parent_item_li { padding-left: 0 } #wprmenu_menu.wprmenu_levels ul li ul li ul li ul li ul li.wprmenu_parent_item_li .wprmenu_icon_par { margin-left: 176px } #wprmenu_menu.wprmenu_levels ul li ul li ul li ul li ul li.wprmenu_parent_item_li a.wprmenu_parent_item { margin-left: 220px } #wprmenu_bar .menu_title, #wprmenu_bar .wprmenu_icon_menu { color: #fff } #wprmenu_menu { background: #3661a1!important } #wprmenu_menu.wprmenu_levels ul li { border-bottom: 1px solid #fff; border-top: 1px solid #fff } #wprmenu_menu ul li a { color: #fff } #wprmenu_menu ul li a:hover { color: #b9cdeb } #wprmenu_menu.wprmenu_levels a.wprmenu_parent_item { border-left: 1px solid #fff } #wprmenu_menu .wprmenu_icon_par { color: #fff } #wprmenu_menu .wprmenu_icon_par:hover { color: #606060 } #wprmenu_menu.wprmenu_levels ul li ul { border-top: 1px solid #fff } #wprmenu_bar .wprmenu_icon span { background: #FFF } #wprmenu_menu, #wprmenu_menu ul, #wprmenu_menu li { border-bottom: none!important } #wprmenu_menu.wprmenu_levels > ul { border-bottom: 1px solid #fff!important } .wprmenu_no_border_bottom { border-bottom: none!important } #wprmenu_menu.wprmenu_levels ul li ul { border-top: none!important } #wprmenu_menu.left { width: 80%; left: -80%; right: auto } #wprmenu_menu.right { width: 80%; right: -80%; left: auto } @media only screen and (max-width: 500px) { iframe.vk-frame {margin: 0 0 40px; border-radius: 8px; height: auto!important; max-height: 50vw;} #content .modern-page-navigation a {width: 30px; height: 30px; line-height: 30px;} #content .modern-page-current {width: 30px; height: 30px; line-height: 26px;} #content .videoblock {max-width: calc(100% + 20px)!important;} .video-full .youtube-block {height: 170px;} .video-full .youtube-block-bg {height: 170px;} .reviews_container .response_new .youtube-block {height: 170px;} .reviews_container .response_new .youtube-block-bg {height: 170px;} .news-list .news-item .youtube-block {height: 170px;} .news-list .news-item .youtube-block-bg {height: 170px;} #header {display:block;} .search_form, .mainmenu { display: none!important } } .docs-list {margin: 0 -10px 0 0; width: calc(1005 + 10px); display: flex; flex-wrap: wrap; align-items: stretch;} .vrachi_block { border: 2px solid #538BD4; border-radius: 6px; margin: 6px 5px 6px 6px; padding: 15px; width: 233px } .vrachi_block .pic { position: relative } .vrachi_block .pic .country { position: absolute; top: 0; left: 0 } .vrachi_block p { text-align: center; color: #363636; margin: 1.5em 0 0; font-size: 12px; } .vrachi_block p.name { text-align: center; color: #363636; font-weight: 700; margin: .7em 0 1.2em; font-size: 16px; } #content .vrachi_block a { text-align: center; color: #e10a15; text-decoration: underline; margin: 0 0 1.2em; font-size: 12px; } .vrachi_block p.napr { text-align: center; color: #324d78; font-weight: 700; margin: 0; font-size: 16px; } .PhotoBlockGet { width: 710px; position: relative; text-align: center } .BlockPhF { float: left; margin-top: 10px; width: 355px; padding-right: 5px } .BlockPh { float: left; margin-top: 10px; width: 350px } .PhotoBlockGet img { margin-bottom: 5px; max-width: 350px; height: 260px } @media (max-width: 1050px) { .flex-direction-nav .flex-prev {left: -70px;} .flex-direction-nav .flex-next {right: -70px;} #carousel .flex-viewport {width: calc(100% - 60px);} #content .photogallery_previews .block {min-width: 110px;} body, html {min-width: 320px;} * { max-height: 99999999px; -webkit-appearance: none!important } #slider { width: auto } #tablepodgotovka1 { width: 100% } #tablepodgotovka2 { width: 100% } img { max-width: 100% } #slider img { max-width: none } #smi .pagemenu li { width: initial } .BlockPhF { width: 45%; padding-right: 5%; height: 360px } .BlockPh { width: 45%; padding-right: 5%; height: 360px } .PhotoBlockGet { width: 100% } .PhotoBlockGet img { max-width: 100%; max-height: 200px; height: initial } .vrachi_block { height: 368px } #content .raized table { width: 100%!important } } @media (max-width: 1010px) { #smi.reviews_buttons_list { position: relative; width: 100%; top: auto; right: auto; text-align: right } .select_outer.short { width: 100% } } @media (max-width: 1000px) { header .all .phones-block .soc img {min-width: 28px !important; height: 34px; margin: 0 5px 0 0;} header .all .phones-block .soc a {float: none;} header .all .phones-block {display: flex; align-items: center; justify-content: center;} header .all .center .soc {margin: -65px 0 0 0; width: 100%; justify-content: center;} footer .right>a.policy {margin: 5px auto;} #content .form-block {margin-bottom: 30px; margin-left: -20px; margin-right: -20px; width: calc(100% + 40px); max-width: calc(100% + 40px)!important; border-radius: 0; padding: 27px 20px 30px;} #content .form-block p.title a {font-size: 21px; white-space: nowrap;} #content .form-block p.title {font-size: 16px; line-height: 22px;} #content .form-block .into {flex-wrap: wrap;} #content .form-block .into>input[type=button] {width:100%; border-radius: 6px; margin-top: 10px;} #content .form-block .into .country-block {height: 44px;} #content .form-block .into .country-block input {height: 44px; line-height: 44px;} #content .form-block .into>input[type=number] {height: 44px; line-height: 44px; font-size: 16px; margin: 0; width: calc(100% - 110px);} .new_leftmenu > ul {padding-bottom: 100px;} #left .newsblock + a.all {margin-top: 10px;} #content .videoblock .block .pic {min-height: 1px;} #content .videoblock .block .pic img {min-width: 100%;} #content div.consultation-frame {margin-left: -20px; margin-right: -20px; width: calc(100% + 40px); max-width: calc(100% + 40px)!important; border-radius: 0; padding-left: 20px; padding-right: 20px;} #content .PayForm input.submit {font-size: 16px;} #content .paid-cons {font-size: 18px;} #right h1 {font-size: 22px;} .consultation-frame a.oc-button .text {font-size: 15px;} .oc-button.fix {align-items: center; transition: all 0.3s ease; text-decoration: none; border-radius: 6px; background: linear-gradient(180deg, #3AB3F1 0%, #2F94C9 100%), linear-gradient(180deg, #FD564F 0%, #C73630 100%); height: 60px; max-width: 360px; margin: 0 auto 20px; width: 100%; display: flex; } .oc-button:hover {filter: brightness(110%);;} .oc-button .icon {position: relative; display: block; width: 60px; height: 60px; border-radius: 6px; background: linear-gradient(180deg, #538BD5 0%, #4170AF 100%), #3AB3F1;} .oc-button .icon:after {content: ''; display: block; position: absolute; top: 0; left: 0; width:100%; bottom: 0; background: url(/images/OC-icon.png) center center no-repeat;} .oc-button .text {width: calc(100% - 60px); text-align: center; white-space: nowrap; font-size: 16px; color: #fff; font-weight: 600; text-shadow: none;} .videoblock .block .pic {min-height: 45vw;} #right {padding: 0; margin: 0;} .newsblock .in-news {-webkit-overflow-scrolling: touch; width: calc(100% + 20px); overflow: auto; clip-path: inset(0 0 30px 0); padding-bottom:30px; margin-bottom: -30px;} .newsblock .in-news::-webkit-scrollbar { display: none; height: 0; width: 0; } .newsblock .in-news .inn {display: flex; width: calc((100vw - 38px) * 3);} .newsblock .in-news .inn .block {width: calc(100vw - 40px); margin: 0 5px 0 0;} .new_leftmenu {-webkit-overflow-scrolling: touch; overflow-y: scroll; background: #fff; z-index: 50; transition: left 0.3s ease; width:100%; position: fixed; left: -100%; top: 54px; height: 100vh; padding-bottom: 50px; box-sizing: border-box; } .new_leftmenu .menu_parent>a>.str {z-index: 5; position: absolute; top: 0; right: 0; bottom: 0; width: 40px; height: 100%; display: block;} .new_leftmenu::-webkit-scrollbar { display: none; height: 0; width: 0; } .new_leftmenu.visible {left: 0; } #page-body {display: flex; flex-wrap: wrap;} #left {float: none; width: 100%; max-width:100%; margin: 0; order: 2;} #left h2, #left p.title {text-align:center;} .contentblock {float: none; width: 100%; margin: 0; order: 1;} .container {padding-top: 54px; overflow: hidden; position: relative; max-width: 100%;} .top-slider {margin: 0 0 30px;} footer {padding-bottom: 65px;} footer .all {flex-wrap: wrap; text-align:center;} footer .all .center {order: 1; width: 100%; justify-content: center;} footer .all .right {margin: 27px 0 10px; text-align:center; order: 2; width:100%;} footer .center img {height: 32px;} footer .center .vk img {height: 32px;} footer .all .left {max-width:100%; order: 3; width: 100%; justify-content: center;} footer .right .dev {position: absolute; display: block; left: 0; width:100%; text-align:center; bottom: 27px;} .bottom-doctor-block .phones {display: table; margin: 0 auto 20px; font-weight: bold; text-decoration: none; font-size: 22px; line-height: 30px; letter-spacing: -0.01em; color: #4878B9;} .bottom-doctor-block:after {z-index: -1; left: auto; right: 20px; bottom: -10px;} .bottom-doctor-block{margin: 0 0 45px;} .bottom-doctor-block {font-size: 15px; line-height: 160%;} .bottom-doctor-block p.title {background: url(/images/bottom-quotes.svg) top left/40px auto no-repeat; position: relative; font-weight: 800; text-align:center; padding: 10px 10px 24px; margin: 0; font-size: 16px; line-height: 110%; text-align: center; color: #363636;} .bottom-doctor-block p.bold {font-weight: bold;} .bottom-doctor-block a.email {justify-content: center;} .bottom-doctor-block {padding: 0 20px; background: none;} .bottom-doctor-block .photo {float: none; margin: 0 auto 16px; max-width: 340px; width: 100%;} .bottom-doctor-block .photo img {width:100%;} .videoblock:not(.int) {width: calc(100% + 20px); overflow: auto; clip-path: inset(0 0 30px 0); padding-bottom: 30px; margin-bottom: -30px;} #left a.all {margin-top:5px;} .videoblock:not(.int) .in-video {display: flex; width: calc((100vw - 38px) * 2);} .videoblock:not(.int) .in-video .block {width: calc(100vw - 40px); margin: 0 5px 0 0;} .geo-button {width:100%;} .in-awards {-webkit-overflow-scrolling: touch; width: calc(100% + 20px); overflow: auto; margin: 0 0 30px; clip-path: inset(0 0 30px 0); padding-bottom: 30px;} .in-awards::-webkit-scrollbar { display: none; height: 0; width: 0; } .in-awards .owl-adwards {display: flex; width: calc((100vw - 38px) * 7);} .in-awards .owl-adwards a {border: 2px solid #538BD4; border-radius: 6px; width: calc(100vw - 40px); margin: 0 5px 0 0;} .in-awards .owl-adwards a {padding: 10px; box-sizing: border-box; font-size: 11.5px; text-decoration: none; line-height: 140%; color: #313131; display: flex; align-items: center; height: 114px;} .in-awards .owl-adwards .pic {width: 60px; margin: 0 5px 0 0; display: flex; align-items: center; justify-content: center;} .in-awards .owl-adwards .pic img {max-width: 100%; max-height: 100%; display: inline;} .in-awards .owl-adwards p {padding: 0!important; max-width: calc(100% - 65px);} .in-awards .owl-adwards a>div {display: flex; align-items: center;} .geo-button {width:100%;} .toppanel {position: fixed; top: 0; left: 0; width:100%; z-index: 50;} .toppanel .all {padding-right: 50px;} .worktime {position: absolute; font-weight: 600; font-size: 11.3px; color: #4878B9; left: 0; width: 100%; text-align: center;} header .all {height: 154px; position: relative; align-items: flex-start; padding-top: 18px; flex-wrap: wrap;} header .all .center .soc img {width: 28px; margin: 0 0 0 4px;} header .all .center .soc a {margin: 0;} header .all .center {width: 100%; order: 2; position: static; left: auto;} header .all .phones-block {width: 100%; text-align: center; margin: 13px 0 0 0; order: 1; font-size: 16px;} header .all .phones-block a {font-size: 18px; white-space: nowrap;} header .all .center .btn {position: absolute; bottom: 15px; width: calc(100% - 40px); left: 20px; font-size: 14px; height: 44px;} .toppanel .menu-icon {display: block; width: 30px; height: 18px; border: 2px solid #4878B9; border-left: 0; border-right: 0; display: flex; align-items: center; justify-content: flex-start;} .toppanel .menu-icon span {display: block; width: 18px; height: 2px; background: #4878B9;} header .logo img {display: none;} .toppanel .logo img {display: none;} header .logo .mob {display: block;} .toppanel .logo .mob {display: block;} .toppanel .all .left .search {display: none;} header .all .logo {display: none;} .toppanel .all .worktime {display: none;} .toppanel .all {height: 54px;} .toppanel .all .left .lang span.active span {display: none;} .toppanel .all .left .lang img:last-child {display: none;} .toppanel .all .left .lang {position: absolute; right: 20px; top: 50%; transform: translateY(-50%); margin: 0;} .toppanel .all .left .lang .active>img {border: 1px solid #F0F3F8;} .toppanel .all .left .lang.open .hidden {left: auto; right: 0;} header {z-index: 1;} #content .insta-banner {margin-left: -25px; margin-right: -25px; width: calc(100% + 50px); font-size: 20px; background: url(/upload/insta-banner-bg-m.jpg) top right/cover no-repeat; height: auto; padding: 25px 50px;} #content .insta-banner .insta-text {max-width:100%; width:100%;} #content .insta-banner .insta-pic {display: none;} #content .insta-banner .insta-btn {display: none;} #smi.operations-video .pagemenu {display: block; height: auto;} .consultation-frame a.oc-button {margin: 20px 0 0;} #smi.operations-video .pagemenu li {width: 100%; margin: 0 0 5px; } #smi.operations-video .pagemenu li a {box-shadow: none;} .consultation-frame {padding: 20px 15px;} #content .big-email-p {font-size: 18px;} #content .paid-cons {font-size: 22px; display: block; height: auto; text-align:center; padding: 15px 10px;} #content .paid-cons img {margin: 0 0 13px;} #content .paid-cons span {max-width:100%; display:block;} .consultation-frame .phones-block {flex-wrap: wrap; } .consultation-frame .phones-block a.tel {display: block; font-size: 21px; } #content .consultation-frame .PayForm .input {width: 100%;} #content .consultation-frame .PayForm input[type=text] {width: 100%; height: 44px; line-height: 42px; font-size: 16px;} #content .consultation-frame .PayForm .input label {line-height: 44px; font-size: 16px;} #page-title-container p { font-size: 12px } #page-title-container { left: 180px } .pic_with_title.right { max-width: 50%!important; box-sizing: border-box } .pic_with_title.left { max-width: 50%!important; box-sizing: border-box } .pic_with_title iframe { max-width: 100% } footer { display: block; text-align: center } footer .sites_logos { margin: 20px 0 } footer .soc { margin: 0 0 20px } #small-contact-info { display: none!important } } @media (max-width: 950px) { body { position: relative; max-width: 100%; overflow-x: hidden } #content h3 { font-size: 20px } body { margin: 0; min-width: 300px } #header { min-width: 300px } .fixed_block { position: relative; padding-top: 0 } #page-body { margin-top: 0 } #logo { top: 10px } #header .search { top: 80px; left: 10px } #consult-link a { padding: 0 20px } #logo img { width: 260px } #system-icons { display: none } #header .flags { top: 7px; width: 200px; text-align: center; right: 380px } #header .flags img { width: 26px; height: 18px } #contacts { top: 7px } #slider { width: auto } .index #big-picture { height: 200px } #page-title { font-size: 16px } .index #arrows { top: 10px } #page-title-container { top: 30px } #about-info-cantainer { top: 90px; color: #3560a0 } #about-info { padding-left: 212px; font-size: 12px } .nav a { font-size: 16px } #consult-link a { padding: 0 20px } } @media (max-width: 820px) { .flexslider span b {line-height: 110%;} #content .photogallery_previews {width:100%; margin: 30px 0 0 0; max-width: 100%; flex-wrap: nowrap; justify-content: flex-start; overflow: auto;} #content .photogallery_previews .block {width: 50vw; min-width: 50vw; max-width: 220px;} #content #carousel ul.flex-direction-nav a {display: none!important;} #content div.flex-viewport img {max-width:100%!important;} #content .sliderflex {padding-top: 0;} .flexslider span {font-size: 12px; line-height: 110%;} #content .flexslider ul {padding-bottom: 55px;} #content .flexslider ul.flex-direction-nav {padding-bottom: 0px;} #carousel .flex-viewport {display: none;} .flex-direction-nav .flex-prev {width: 40px; height: 40px; top: auto; bottom: -60px; left: calc(50% - 50px);} .flex-direction-nav .flex-next {width: 40px; height: 40px; top: auto; bottom: -60px; right: calc(50% - 50px);} #sliderflex .flex-viewport li>div.wr>img {top: 0; left: 0; width: 100%; position: absolute;} #sliderflex .flex-viewport li>div.wr:before {content: ''; padding-top: 50vw; display: block;} #sliderflex .flex-viewport li>div.wr {position: relative; overflow: hidden;} .flex-viewport:first-child {height: auto;} #header .flags { width: 135px } #header .flags img { width: 25px; height: 16px } } @media (max-width: 965px) { .BlockPhF { height: 380px } .BlockPh { height: 380px } } @media (max-width: 950px) { body { margin: 0 } #system-icons { display: none } #contacts { top: 7px } #header .flags { top: 7px; width: 200px; text-align: center; right: 350px } #header .flags img { width: 26px; height: 18px } .index #big-picture { height: 200px } #page-title { font-size: 16px } .index #arrows { top: 10px } #about-info { padding-left: 212px; font-size: 12px } #counter { float: right; display: block; position: absolute; right: 0; top: 45px } .BlockPhF { height: 400px } .BlockPh { height: 400px } } @media (max-width: 900px) { footer { padding: 10px 0 60px; height: auto } #copyright { display: table; float: none; margin: 0 auto; text-align: center } footer .address { position: relative; top: auto; left: auto; display: table; float: none; margin: 0 auto 15px; text-align: center } #small-contact-info { position: relative; top: auto; left: auto; right: auto; display: table; float: none; margin: 0 auto; text-align: center } #small-contact-info .block { display: table; margin: 0 auto } #counter { bottom: 10px; top: auto; right: 10px } #copyright .dev { position: absolute; bottom: 44px; width: 100%; text-align: center; left: 0 } } @media (max-width: 880px) { #content .rev-block-form .btn {margin-left: auto; margin-right: auto;} #page-title-container { top: 45px } .vrachi_block { width: calc(50% - 50px) } #smi, #smi .pagemenu { height: auto } #smi.reviews_buttons_list .pagemenu li { width: auto; display: table; margin: 5px auto; float: none } #smi .pagemenu li { width: auto; display: table; margin: 5px auto; float: none } #smi .pagemenu li a { height: 35px; line-height: 35px } } @media (max-width: 850px) { #about-info { padding-left: 182px; font-size: 11px } .BlockPhF { height: 420px } .BlockPh { height: 420px } } @media (max-width: 820px) { #header .flags { width: 135px } #header .flags img { width: 25px; height: 16px } .BlockPhF { margin-bottom: 10px } .BlockPh { margin-bottom: 10px } } @media (max-width: 780px) { #content .videoblock .block {width: calc(50% - 20px);} .mob-insta {display: table;} #wprmenu_bar { display: block!important } div#wpadminbar { position: fixed } #content .mob-book-banner { display: block; margin-left: -20px; margin-right: -20px; width: calc(100% + 40px); margin-bottom: 0; } #about-info { font-size: 13px } .nav { display: block; margin-bottom: 10px; height: 42px } .nav a { font-size: 16px; padding: 9px 0 } .contentblock .nav { display: none } .newsblock.adaptive { display: block } .index #big-picture { border-radius: 10px } #header { margin-top: 30px } #header .flags { top: -20px; left: 0; right: 0; width: 100% } #contacts { top: 16px } #consult-link { top: 65px } #header .flags { display: none; position: absolute; background: #fff; width: 115px; padding: 7px; top: -6px; right: 0; left: auto; z-index: 20 } #header .flags a { display: table; text-decoration: none } #header .flags a img { display: inline-block; vertical-align: middle; margin: 5px 10px 5px 0 } #header .flags a .pk_no { display: inline-block; vertical-align: middle } #header .flags.visible { display: block } #header .flag_nav { display: table; position: absolute; top: -20px; right: 10px; color: #6193c0; font-size: 11px; text-transform: uppercase; padding-right: 23px } #header .flag_nav:after { content: url(/images/rus.gif); margin: 0 0 0 7px; position: absolute } .new-mob-header .flags { display: none; position: absolute; background: #fff; width: 115px; padding: 7px; top: 49px; right: 0; left: auto; z-index: 20; box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2) } .new-mob-header .flags a { display: table; text-decoration: none } .new-mob-header .flags a img { display: inline-block; vertical-align: middle; margin: 5px 10px 5px 0 } .new-mob-header .flags a .pk_no { display: inline-block; vertical-align: middle } .new-mob-header .flags.visible { display: block } footer .address { right: 0; left: inherit } #page-title-container { top: 58px } .BlockPhF { height: 350px } .BlockPh { height: 350px } .vrachi_block { width: 233px } } @media (max-width: 720px) { #content .btn.tele {height: auto; line-height: 120%; max-width: 100%; padding: 15px 20px; box-sizing: border-box; text-align:center;} .pic_with_title table td {display: block; width:100%!important;} .pic_with_title table td + td {padding-top: 20px;} .pic_with_title table td img {width: 100%;} .pic_with_title table td img + p {padding-top: 5px;} .pic_with_title table td p + img {padding-top: 20px;} #wprmenu_menu ul.dop-menu li { border: 0!important } #wprmenu_menu ul.dop-menu li.menu_parent .str { display: block; position: absolute; top: 0; height: 42px; left: 0; width: 35px; background: url(/images/str_menu.png) center center no-repeat; background-size: 15px 15px } #wprmenu_menu ul.dop-menu li.menu_parent.open .str { background-image: url(/images/str_menu1.png) } #wprmenu_menu ul.dop-menu>li { padding-left: 35px; position: relative } #wprmenu_menu ul.dop-menu li a { border-left: 1px solid #fff!important; padding-left: 15px } #wprmenu_menu ul.dop-menu li ul li a { padding-left: 35px } #wprmenu_menu ul.dop-menu li ul { padding-left: 0 } #wprmenu_menu ul.dop-menu li ul li { padding-left: 0!important } #wprmenu_menu.wprmenu_levels ul.dop-menu { border: 0!important } #wprmenu_menu ul.dop-menu li ul { border-bottom: 0!important; display: none } #wprmenu_menu ul.dop-menu li.open ul { display: block } } #wprmenu_menu li:last-child>.wprmenu_icon_par { display: none } #wprmenu_menu li:nth-last-child(2) .wprmenu_icon_par, #wprmenu_menu li:nth-last-child(3) .wprmenu_icon_par { display: none} #wprmenu_menu li ul li:last-child>.wprmenu_icon_par { display: block } @media (max-width: 690px) { .top-slider .owl-carousel.owl-slider .owl-nav {display: none;} .top-slider .owl-carousel.owl-slider .owl-dots {display: flex; position: absolute; bottom: 20px; left: 0; width:100%; align-items: center; justify-content: center;} .top-slider .owl-carousel.owl-slider .owl-dots .owl-dot {width: 4px; height: 4px; margin: 0 8px; border-radius: 50%; background : rgba(255,255,255,0.5);} .top-slider .owl-carousel.owl-slider .owl-dots .owl-dot.active {width: 6px; height: 6px; background: #fff;} .top-slider .owl-carousel.owl-slider {margin-left: -20px; margin-right: -20px; width: calc(100% + 40px);} .top-slider .item {height: 215px; border-radius: 0;} .top-slider .item.main-banner {background-size: auto 200px; background-position: bottom right; padding: 20px; font-size: 9px; line-height: 180%; color: #415C81;} .top-slider .item.main-banner .descr {max-width: 190px;} .top-slider .item.main-banner .txt p.title {max-width: 180px; font-size: 20px; margin: 0 0 12px; padding: 0; line-height: 110%; letter-spacing: -0.01em;} .top-slider .item.book-banner {background-size: auto 214px; background-position: bottom right -100px; padding: 37px 20px; font-size: 11px; line-height: 135%; letter-spacing: -0.01em;} .top-slider .item.book-banner .txt p {max-width: 190px;} .top-slider .item.book-banner .txt p.title{font-weight: 500; font-weight: normal; margin: 11px 0 0 0; padding: 0; max-width: 190px; font-size: 16px; line-height: 140%; letter-spacing: -0.01em; text-transform: uppercase;} .top-slider .item.insta-banner .txt p.title {font-size: 18px;} .top-slider .item.insta-banner {padding: 20px; background: url(/images/banner-pic-03.png) bottom right -100px/auto 200px no-repeat, linear-gradient(45deg, #6663df, #d94682);} } @media (max-width: 690px) { .BlockPhF { height: 400px } .BlockPh { height: 400px } #header .flags { display: none; position: absolute; background: #fff; width: 115px; padding: 7px; top: -6px; right: 0; left: auto; z-index: 20 } #header .flags a { display: table; text-decoration: none } #header .flags a img { display: inline-block; vertical-align: middle; margin: 5px 10px 5px 0 } #header .flags a .pk_no { display: inline-block; vertical-align: middle } #header .flags.visible { display: block } #header .flag_nav { display: table; position: absolute; top: -20px; right: 10px; color: #6193c0; font-size: 11px; text-transform: uppercase; padding-right: 23px } #header .flag_nav:after { content: url(/images/rus.gif); margin: 0 0 0 7px; position: absolute } #consult-link a:before { content: 'Запись на консультацию' } } @media (max-width: 630px) { .popup { width: 100%!important; height: 100vh!important; left: 0!important; top: 0!important; margin: 0!important; box-sizing: border-box } .popup form input[type=text], .popup form textarea { display: block; width: 100%; box-sizing: border-box; height: 50px } .popup form textarea { height: 120px } .popup form { position: absolute; top: 50%; margin-top: -230px; left: 20px; right: 20px } .callback-btn { bottom: 10px; right: 10px } #contacts a { display: table; line-height: 100%; } #header .worktime {top: 38px; font-size: 12px;} #contacts { top: -2px } } @media (max-width: 600px) { #page-title-container { top: 45px } } @media (max-width: 580px) { .vrachi_block { width: calc(50% - 50px) } .pic_with_title { margin-bottom: 25px } } @media (max-width: 560px) { #content .videoblock .block {width: calc(100% - 20px);} #contacts a.whatsapp { margin-top: 0 } #header { padding-top: 5px; height: 185px } #header .search { left: auto; right: 0; top: 158px } #header .search input.text { height: 32px } #header .search input.submit { top: 6px; right: 6px } #contacts { font-size: 16px } #logo { margin-bottom: 5px } #page-body { margin-top: 0; margin-bottom: 0 } #consult-link { margin-top: 9px } .raized { margin-bottom: 30px } #content p + h2 { padding-top: 30px } #content .pic_with_title { text-align: center } #content .pic_with_title img { max-width: 100%!important; display: block; margin-left: auto; margin-right: auto } #content .shock_pic:after { width: 100%; font-size: 12px; top: 50%; transform: translateY(-50%); left: 0; margin-left: -7px; text-align: center; padding: 0 } #small-contact-info { width: 100% } footer .address { position: relative; width: 100%; display: block; right: inherit; top: inherit } .BlockPhF { height: 430px } .BlockPh { height: 430px } .mobile_call_button { display: block; background: #3560a0; text-align: center; padding: 12px 0; z-index: 500; position: fixed; left: 0; bottom: 0; width: 100% } .mobile_call_button img, .mobile_call_button span { display: inline-block; vertical-align: middle; margin: 0 4px } .mobile_call_button a { text-decoration: none; text-transform: uppercase; color: #fff; font-size: 17px } #consult-link { left: 50%; right: auto; margin-left: -119px } } @media (max-width: 525px) { #content ul .pic_with_title.right { margin-left: -20px; width: calc(100% + 20px)!important; margin-top: 20px; max-width: calc(100% + 20px)!important } #content ol .pic_with_title.right { margin-left: -20px; width: calc(100% + 20px)!important; margin-top: 20px; max-width: calc(100% + 20px)!important } .pic_with_title.right { width: 100%!important; margin-bottom: 30px; float: none; margin-left: 0 } } @media (max-width: 500px) { #header #contacts {display: none;} #header .contacts-mob {display: block; position: absolute; right: 25px; top: 22px;} #header .contacts-mob img {width: 40px;margin-left: 10px;} .contentblock {float:none;} #consult-link a:hover { background: none } .fixed_block, .fixed_block:before { background: none } .select_outer { position: relative } .select_outer select { height: 33px; line-height: 33px; width: 120% } .select_outer select option { width: 120% } #small-contact-info { margin-top: 15px; margin-bottom: 10px } #double_newsblock { display: none } footer { margin-top: 50px } .raized-video-mob { float: none!important; margin: 0 0 20px!important } footer { font-size: 12px } #double_newsblock { padding: 30px 10px; box-sizing: border-box } .BlockPhF { height: 400px } .BlockPh { height: 400px } .raized { margin-right: 0!important; margin-left: 0!important } #header { height: 147px; margin-top: 0; margin-left: -10px; margin-right: -10px; width: calc(100% + 20px); position: relative; z-index: 99; background: url(/images/mobbg550.jpg) bottom left no-repeat } #header #logo img { width: 200px } #header .flags { top: 3px } #logo { position: relative; top: auto; left: auto; display: table; font-size: 25px; margin: 0 auto 5px; float: right } #contacts { clear: both; float: right; font-size: 22px; text-align: center; letter-spacing: 0; position: relative; top: auto; right: auto; display: table; margin: 0 auto; padding: 0 } #contacts a { display: table; margin: 0; font-size: 18px } #contacts .country-code, #contacts .region-code { margin-right: 5px } #contacts br { display: none } #consult-link { clear: both; float: right; background: none; height: auto; padding: 0; color: #6193c0; text-decoration: none; font-size: 15px; left: auto; position: absolute; top: 75px; right: 20px; display: table; margin: 9px auto 0 } #consult-link a { padding: 0; box-sizing: border-box; display: block; width: 190px; height: 43px; line-height: 43px; text-align: center; border-radius: 4px; text-decoration: none; font-size: 18px; } #consult-link a:before { content: 'Консультации' } #consult-link img { width: 13px; top: 2px; left: 25px } #header .flag_nav { top: -13px } .header_pic { display: block; width: 100%; margin: 0 0 10px; border-radius: 6px; overflow: hidden; position: relative } .header_pic img { width: 100% } .header_pic span.help_you { text-decoration: none; position: absolute; bottom: 30px; left: 110px; color: #3560a0; font-size: 16px } .header_pic #arrows { bottom: 30px; right: 40px!important; top: auto!important } #right { margin-left: 0; width: 100% } #header .flag_nav { display: none } #header #contacts { position: absolute; right: 20px; top: 17px } #header #contacts .phone-number { color: #3d6db2; font-size: 17px; font-weight: 600 } #header #contacts .phone-number span { color: #6fa0ca } .raized { box-sizing: border-box; width: 100% } .footer_nav.pk_no { display: block; text-align: center; font-size: 18px; margin-top: 50px } .footer_nav.pk_no ul { padding: 0; margin: 0; list-style-type: none } .footer_nav.pk_no ul li { margin: 7px 0 } .footer_nav.pk_no ul li ul { font-size: 13px; padding: 5px 0 20px } .new-mob-toppanel { text-decoration: none; padding: 9px 0 0; line-height: 17px; font-size: 12px; color: #252525; display: block; background: #c6dae7; height: 56px; box-sizing: border-box; text-align: center } .new-mob-toppanel.margin { margin-bottom: 49px } .new-mob-toppanel span { display: block; font-size: 17px; color: #295695; font-weight: 600 } .new-mob-header { position: relative; display: block; height: 49px; background: #4a7cc6; background: linear-gradient(to top, #3b6baf, #4a7cc6) } .new-mob-header.fix { position: fixed; top: 0; left: 0; width: 100%; z-index: 999 } .new-mob-header .kp { position: absolute; top: 50%; left: 50%; margin: -14px 0 0 -19px } .new-mob-header .flag_nav { text-indent: 999px; overflow: hidden; display: block; width: 25px; height: 49px; background: url(/images/mob-rus-flag.jpg) center center no-repeat; position: absolute; right: 15px; top: 0; padding-top: 50px; outline: none; box-sizing: border-box } .new-mob-header .flags { display: none } .new-mob-header .search { width: calc(100% - 65px); padding: 0; position: absolute; top: 7px; left: -100%; transition: left .3s ease } .new-mob-header .search input[type=text] { outline: none; width: 100%; display: block; height: 35px; line-height: 33px; box-sizing: border-box; border: 0; padding: 0 45px; font-family: inherit; font-size: 13px; background: #fff } .new-mob-header .search input[type=image] { outline: none; position: absolute; top: 6px; right: 6px } .new-mob-header .search input[type=text]::-moz-placeholder { opacity: .5 } .new-mob-header .search input[type=text]::-webkit-input-placeholder { opacity: .5 } .new-mob-header .search input[type=text]:focus::-moz-placeholder { opacity: 0 } .new-mob-header .search input[type=text]:focus::-webkit-input-placeholder { opacity: 0 } .new-mob-header .search.visible { left: 10px } .new-mob-header .search .back { position: absolute; top: 0; bottom: 0; width: 25px; background: url(/images/search-back.png) center center no-repeat } .new-mob-header .loop-mob { position: absolute; top: 15px; right: 60px } .new-mob-header #wprmenu_bar { margin-left: -5px; width: 60px; height: 49px; background: none!important } #header .search { display: none } #header #logo { display: none } #wprmenu_bar .wprmenu_icon span { height: 2px!important } #wprmenu_bar .menu_title { display: none!important } .contentblock { position: static } #right #wprmenu_bar { display: none!important } #wprmenu_menu.top { position: absolute!important; width: calc(100% - 11px)!important } #wprmenu_menu.fix { position: fixed!important; top: 49px!important; left: 5px!important; max-height: calc(100% - 49px); overflow: auto } footer .sites_logos img.kp { display: none } footer .sites_logos img { height: 45px } footer .sites_logos { margin: 22px 0 } footer #small-contact-info { display: none } footer { border-color: #104f92; padding-top: 20px } footer #counter { float: none; display: table; margin: 0 auto; right: auto; width: 100%; text-align: center } .popup .title { font-size: 19px } .popup form { margin-top: 0; transform: translateY(-50%); line-height: 1 } .popup form input[type=text], .popup form textarea { height: 40px; line-height: 40px } .popup form textarea { height: 80px; padding-top: 10px; padding-bottom: 10px } .popup #small-contact-info { display: block!important } .whatsapp { display: block!important; float: right; margin-left: 3px } * { max-height: 9999999px; -webkit-appearance: none!important } iframe { max-width: 100%; height: 183px!important } #responses select { width: 80% } #content { font-size: 16px; line-height: 135%; margin-top: 15px } #content .bx_breadcrumbs { text-align: left; margin: 0 0 20px } #right h1 { padding-top: 0 } #content .bx_breadcrumbs ul { padding: 0; margin: 0 } #content img { max-width: 100%; height: auto!important } .raized img { height: auto!important } #wprmenu_bar { display: block!important } #right { margin-left: 0; width: 100% } #system-icons { display: none } #toTop { display: none } .newsblock.adaptive { display: block } .fixed_block { min-width: 310px; padding-top: 0 } .fixed_block #header { min-width: 310px } table.mob-td-block td { display: block; width: 100%!important; padding-bottom: 20px } #header .flags { top: 3px } #logo { position: relative; top: auto; left: auto; display: table; font-size: 25px; margin: 0 auto 5px } #contacts { font-size: 22px; text-align: center; letter-spacing: 0; position: relative; top: auto; right: auto; display: table; margin: 0 auto; padding: 0 } #contacts .country-code, #contacts .region-code { margin-right: 5px } #contacts br { display: none } #header .flag_nav { top: -13px } .header_pic { display: block; width: 100%; margin: 0 0 10px; border-radius: 6px; overflow: hidden; position: relative } .header_pic img { width: 100% } .header_pic span.help_you { text-decoration: none; position: absolute; bottom: 30px; left: 110px; color: #3560a0; font-size: 16px } .header_pic #arrows { bottom: 30px; right: 40px!important; top: auto!important } .index #page-title-container { font-size: 15px; top: 103px; left: 110px } #to-you-phrase { font-size: inherit } .index #arrows { top: -5px; left: auto; right: -5px } #can-i-phrase br { display: none } #help-phrase { font-size: inherit } #phrase { padding: 0 } #about-info-cantainer { display: none } #content div img { max-width: 90%!important } #content .owl-carousel.reviews_container div {max-width: 99999px!important;} #content div { max-width: 100%!important } #content div.owl-stage {max-width: 99999999999999999999999px!important;} #right .clinics-list .owl-carousel.owl-clinic-photos .owl-nav button.owl-next {right: 10px;} #right .clinics-list .owl-carousel.owl-clinic-photos .owl-nav button.owl-prev {left: 10px;} #content .response_new .rev_text img { float: none!important; margin: 0 auto 20px; display: table; max-width: 100%!important } .videoblock .block img { height: 200px } .nav { display: block; margin-bottom: 10px } .nav a { font-size: 13px; padding: 9px 0 } .nav li:nth-child(even) { display: none } .nav li ul li:nth-child(even) { display: table } .contentblock .nav { display: none } .adapt_no { display: none!important } .buttons_adaptive { display: block; width: 332px; max-width:100%; box-sizing: border-box; margin-left: auto; margin-right: auto } .buttons_adaptive .reviews_button { font-size: 21px; text-align: center } .buttons_adaptive .reviews_button.red { text-transform: uppercase; text-align: center; background: #c21b1b } .buttons_adaptive .smi_button { font-size: 16px; text-align: center } .index #big-picture { display: none } .nav ul li:last-child:hover div, .nav ul li:last-child a.tmh-open + * { left: -185px } .nav, .header_pic { display: none!important } } @media (max-width: 460px) { .nav { margin-top: 20px } .header_pic span.help_you { font-size: 13px; bottom: 25px } .header_pic #arrows { bottom: 25px!important } } @media (max-width: 450px) { #imgraized1, #imgraized2 { padding: 0 10% 8px!important } .BlockPhF { width: 100%; padding-right: 0 } .BlockPh { width: 100%; padding-right: 0 } .BlockPhF { height: auto } .BlockPh { height: auto } #content .raized img { width: 100%!important; margin: 0 10px 20px!important; float: none!important } #content .raized img.exit { margin: 0; width: 15px!important } .copy_window .window { padding: 30px 10px; position: fixed; top: 50%; left: 50%; margin: -70px 0 0 -150px } } @media (max-width: 400px) { #smi .pagemenu li { padding: 0 5px 0 0; width: auto } #contacts { top: 5px } .header_pic span.help_you { font-size: 13px } } @media (max-width: 380px) { #imgraized1, #imgraized2 { padding: 0 4% 8px!important } .vrachi_block { width: calc(100% - 50px) } .vrachi_block .pic { position: relative; margin: 0 auto; display: block; width: inherit } h1 { font-size: 23px } h2 { font-size: 23px } h3 { font-size: 18px } } @media (max-width: 320px) { #system-icons { display: none } #toTop { display: none } #wprmenu_bar { margin-left: -15px } .index #page-title-container { font-size: 12px; top: 68px; left: 70px } #to-you-phrase { font-size: inherit } .index #arrows { top: -5px; left: auto; right: -5px } #can-i-phrase br { display: none } #help-phrase { font-size: inherit } #phrase { padding: 0 } #about-info-cantainer { display: none } .header_pic span.help_you { font-size: 13px; left: 75px; bottom: 18px } .header_pic #arrows { right: 5px!important; bottom: 15px!important } .contentblock { font-size: 100%!important } .nav { display: block; margin-bottom: 10px } .nav a { font-size: 11px; padding: 12px 0 } .nav li:nth-child(even) { display: none } .nav li ul li:nth-child(even) { display: table } .contentblock .nav { display: none } .buttons_adaptive { display: block } .videoblock.adaptive { display: block } .newsblock.adaptive { display: block } .index #big-picture { height: 87px } #slider { width: 100%; height: 87px } #slider img { width: 100% } .slider_absolute { height: 87px!important } .nav ul li:last-child:hover div, .nav ul li:last-child a.tmh-open + * { left: -185px } .videoblock .block img { height: 151px } } .scroll_margin { position: absolute; /* margin-top: -150px*/ } .shock_pic { position: relative } .shock_pic img { cursor: pointer; filter: blur(8px); -webkit-filter: blur(8px); -moz-filter: blur(8px); -o-filter: blur(8px); -ms-filter: blur(8px) } .shock_pic:after { cursor: pointer; z-index: 10; position: absolute; text-align: center; content: 'ПРЕДУПРЕЖДЕНИЕ: фото операции. Для просмотра нажмите'; width: 220px; top: 90px; color: #fff; font-size: 14px; color: #fff; left: 50%; margin-left: -110px; font-weight: 700 } .review_coll { background: #f5f7f6; border-radius: 10px; padding: 20px; box-sizing: border-box; margin: 0 0 30px } .review_coll .date { display: block; font-size: 12px; color: #666 } .review_coll .green p { color: #6193c0; font-weight: 600; padding: 5px 0 10px; margin: 0 } .review_coll .white_bg p { padding: 0 0 7px; margin: 0 } table.st_table { border:0; border-collapse: collapse; border-right: 1px solid #aeaeae; width: 100%; border-top: 1px solid #aeaeae; } table.st_table td { padding: 7px; border-left: 1px solid #aeaeae; border-bottom: 1px solid #aeaeae } .modern-page-navigation { padding: .5em 0 } .modern-page-navigation a, .modern-page-current, .modern-page-dots { border-left-width: 1px; border-left-style: solid; padding-left: .75em; padding-right: .5em; text-decoration: none } .modern-page-navigation a.modern-page-previous { border-right-width: 1px; border-right-style: solid; border-left: none } .modern-page-navigation a.modern-page-first, .modern-page-navigation .modern-page-first { border-left: none; padding-left: .5em } .modern-page-current { font-weight: 700 } .modern-page-navigation a, .modern-page-current, .modern-page-navigation a.modern-page-previous, .modern-page-dots { border-color: #cdcdcd; } /* End */ /* /js/fancybox.css?177263504624645 */ /* /bitrix/templates/.default/components/bitrix/breadcrumb/bre/style.css?1772635018947 */ /* /bitrix/templates/inner_2021/styles.css?177263502642 */ /* /bitrix/templates/inner_2021/template_styles.css?1772635026171366 */