/* Start:/bitrix/templates/siadent/assets/lib/hystmodal.min.css?17531028242290*/ .hystmodal__opened,.hystmodal__shadow{position:fixed;right:0;left:0;overflow:hidden}.hystmodal__shadow{border:none;display:block;width:100%;top:0;bottom:0;pointer-events:none;z-index:98;opacity:0;transition:opacity .15s ease;background-color:#000}.hystmodal__shadow--show{pointer-events:auto;opacity:.6}.hystmodal{position:fixed;top:0;bottom:0;right:0;left:0;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;opacity:1;pointer-events:none;display:flex;flex-flow:column nowrap;justify-content:flex-start;z-index:99;visibility:hidden}.hystmodal--active{opacity:1}.hystmodal--active,.hystmodal--moved{pointer-events:auto;visibility:visible}.hystmodal__wrap{flex-shrink:0;flex-grow:0;width:100%;min-height:100%;margin:auto;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.hystmodal__window{margin:50px 0;box-sizing:border-box;flex-shrink:0;flex-grow:0;background:#fff;width:600px;max-width:100%;overflow:visible;transition:transform .2s ease 0s,opacity .2s ease 0s;transform:scale(.9);opacity:0}.hystmodal--active .hystmodal__window{transform:scale(1);opacity:1}.hystmodal__close{position:absolute;z-index:10;top:0;right:-40px;display:block;width:30px;height:30px;background-color:transparent;background-position:50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M22 2L2 22'/%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M2 2l20 20'/%3E%3C/svg%3E");background-size:100% 100%;border:none;font-size:0;cursor:pointer;outline:none}.hystmodal__close:focus{outline:2px dotted #afb3b9;outline-offset:2px}@media (max-width:767px){.hystmodal__close{top:10px;right:10px;width:24px;height:24px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' stroke='%23111' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M22 2L2 22'/%3E%3Cpath fill='none' stroke='%23111' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M2 2l20 20'/%3E%3C/svg%3E")}.hystmodal__window{margin:0}} /* End */ /* Start:/bitrix/templates/siadent/assets/lib/swiper-bundle.min.css?176028444213932*/ /** * Swiper 12.0.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 18, 2025 */ :root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon{transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon{transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon{transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon{transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon{transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}} /* End */ /* Start:/bitrix/templates/siadent/assets/lib/fancybox.min.css?175317999827955*/ :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-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-outline-width: 1px;--f-button-outline-color: rgba(0, 0, 0, .7);--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-opacity: 1;--f-button-svg-disabled-opacity: .5;--f-button-svg-transition: opacity .15s ease;--f-button-svg-transform: none}.f-button{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);transform:var(--f-button-transform);transition:var(--f-button-transition);backdrop-filter:var(--f-button-backdrop-filter);display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;pointer-events:all;cursor:pointer;overflow:hidden}@media (hover: hover){.f-button:hover:not([aria-disabled]){color:var(--f-button-hover-color, var(--f-button-color));background-color:var(--f-button-hover-bg, var(--f-button-bg))}}.f-button:active:not([aria-disabled]){color:var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));background-color:var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)))}.f-button:focus{outline:none}.f-button:focus-visible{outline:var(--f-button-outline-width) solid var(--f-button-outline-color);outline-offset:var(--f-button-outline-offset);position:relative;z-index:1}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);transform:var(--f-button-svg-transform);fill:var(--f-button-svg-fill);filter:var(--f-button-svg-filter);opacity:var(--f-button-svg-opacity, 1);transition:var(--f-button-svg-transition);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.f-button[aria-disabled]{cursor:default}.f-button[aria-disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}:root{--f-spinner-color-1: rgba(0, 0, 0, .1);--f-spinner-color-2: rgba(17, 24, 28, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px}.f-spinner{position:absolute;top:50%;left:50%;margin:calc(var(--f-spinner-width) * -.5) 0 0 calc(var(--f-spinner-height) * -.5);padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height);border-radius:var(--f-spinner-border-radius);border:var(--f-spinner-border-width) solid var(--f-spinner-color-1);border-top-color:var(--f-spinner-color-2);animation:f-spinner .75s linear infinite,f-fadeIn .2s ease .2s both}@keyframes f-spinner{to{transform:rotate(360deg)}}.f-panzoom,.f-zoomable{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column}.f-panzoom:before,.f-panzoom:after,.f-zoomable:before,.f-zoomable:after{display:block;content:""}.f-panzoom:not(.has-controls):before,.f-zoomable:not(.has-controls):before{margin-bottom:auto}.f-panzoom:after,.f-zoomable:after{margin-top:auto}.f-panzoom__wrapper{position:relative;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__wrapper.will-zoom-out{cursor:zoom-out}.f-panzoom__wrapper.can-drag{cursor:move;cursor:grab}.f-panzoom__wrapper.will-zoom-in{cursor:zoom-in}.f-panzoom__wrapper.is-dragging{cursor:move;cursor:grabbing}.f-panzoom__wrapper.has-error{display:none}.f-panzoom__content{min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__content.is-lazyloading,.f-panzoom__content.has-lazyerror{visibility:hidden}img.f-panzoom__content{vertical-align:top;object-fit:contain;transition:none;user-select:none}.f-panzoom__wrapper>img.f-panzoom__content,.f-panzoom__wrapper>picture.f-panzoom__content{visibility:hidden}.f-panzoom__viewport{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.f-panzoom__viewport>.f-panzoom__content{display:block;width:100%;height:100%;object-fit:fill}picture.f-panzoom__content img{vertical-align:top;width:100%;height:auto;max-height:100%;object-fit:contain;transition:none;user-select:none}.f-panzoom__protected{position:absolute;inset:0;z-index:1;user-select:none}.f-fadeIn{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, .2s) ease both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, .2s) * .2) ease calc(var(--f-transition-duration, .2s) * .8) both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}.is-horizontal .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextX}.is-horizontal .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevX}.is-horizontal .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextX}.is-horizontal .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevX}@keyframes f-slideInPrevX{0%{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextX{0%{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextX{to{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevX{to{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}}.is-vertical .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextY}.is-vertical .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevY}.is-vertical .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextY}.is-vertical .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevY}@keyframes f-slideInPrevY{0%{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextY{0%{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextY{to{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevY{to{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}}.f-zoomInUp{animation:var(--f-transition-duration, .3s) ease both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, .3s) ease both f-zoomOutDown}@keyframes f-zoomInUp{0%{transform:scale(var(--f-zoomInUp-scale, .975)) translate3d(var(--f-zoomInUp-x, 0),var(--f-zoomInUp-y, 16px),0);opacity:var(--f-zoomInUp-opacity, 0)}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(var(--f-zoomOutDown-scale, .975)) translate3d(var(--f-zoomOutDown-x, 0),var(--f-zoomOutDown-y, 16px),0);opacity:0}}.f-throwOutUp{animation:var(--f-throwOutUp-duration, .2s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throwOutDown-duration, .2s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0,calc(var(--f-throwOutUp-y, 150px) * -1),0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0,var(--f-throwOutDown-y, 150px),0);opacity:0}}.has-iframe .f-html,.has-pdf .f-html,.has-gmap .f-html{width:100%;height:100%;min-height:1px;overflow:visible}.has-pdf .f-html,.has-gmap .f-html{padding:0}.f-html{position:relative;box-sizing:border-box;margin:var(--f-html-margin, 0);padding:var(--f-html-padding, 2rem);color:var(--f-html-color, currentColor);background:var(--f-html-bg)}.f-html.is-error{text-align:center}.f-iframe{display:block;margin:0;border:0;height:100%;width:100%}.f-caption{align-self:center;flex-shrink:0;margin:var(--f-caption-margin);padding:var(--f-caption-padding, 16px 8px);max-width:100%;max-height:calc(80vh - 100px);overflow:auto;overflow-wrap:anywhere;line-height:var(--f-caption-line-height);color:var(--f-caption-color);background:var(--f-caption-bg);font:var(--f-caption-font)}.has-html5video .f-html,.has-youtube .f-html,.has-vimeo .f-html{padding:0;width:100%;height:100%;min-height:1px;overflow:visible;max-width:var(--f-video-width, 960px);max-height:var(--f-video-height, 540px);aspect-ratio:var(--f-video-aspect-ratio);background:var(--f-video-bg, rgba(0, 0, 0, .9))}.f-html5video{border:0;display:block;height:100%;width:100%;background:transparent}.f-button.is-arrow{--f-button-width: var(--f-arrow-width, 46px);--f-button-height: var(--f-arrow-height, 46px);--f-button-svg-width: var(--f-arrow-svg-width, 24px);--f-button-svg-height: var(--f-arrow-svg-height, 24px);--f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);--f-button-border-radius: var(--f-arrow-border-radius, unset);--f-button-bg: var(--f-arrow-bg, transparent);--f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));--f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));--f-button-shadow: var(--f-arrow-shadow);--f-button-color: var(--f-arrow-color);--f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));--f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) );overflow:visible}.f-button.is-arrow.is-prev,.f-button.is-arrow.is-next{position:absolute;transform:translate(0);z-index:20}.is-horizontal .f-button.is-arrow.is-prev,.is-horizontal .f-button.is-arrow.is-next{inset:50% auto auto;transform:translateY(-50%)}.is-horizontal.is-ltr .f-button.is-arrow.is-prev{left:var(--f-arrow-pos, 0)}.is-horizontal.is-ltr .f-button.is-arrow.is-next{right:var(--f-arrow-pos, 0)}.is-horizontal.is-rtl .f-button.is-arrow.is-prev{right:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-horizontal.is-rtl .f-button.is-arrow.is-next{left:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-vertical.is-ltr .f-button.is-arrow.is-prev,.is-vertical.is-rtl .f-button.is-arrow.is-prev{top:var(--f-arrow-pos, 0);right:auto;bottom:auto;left:50%;transform:translate(-50%)}.is-vertical.is-ltr .f-button.is-arrow.is-next,.is-vertical.is-rtl .f-button.is-arrow.is-next{top:auto;right:auto;bottom:var(--f-arrow-pos, 0);left:50%;transform:translate(-50%)}.is-vertical .f-button.is-arrow.is-prev svg,.is-vertical .f-button.is-arrow.is-next svg{transform:rotate(90deg)}.f-carousel__toolbar{--f-progressbar-height: 100%;display:grid;grid-template-columns:1fr auto 1fr;margin:var(--f-toolbar-margin, 0);padding:var(--f-toolbar-padding, 8px);line-height:var(--f-toolbar-line-height);background:var(--f-toolbar-bg, none);box-shadow:var(--f-toolbar-shadow, none);backdrop-filter:var(--f-toolbar-backdrop-filter);position:relative;z-index:20;color:var(--f-toolbar-color, currentColor);font-size:var(--f-toolbar-font-size, 17px);font-weight:var(--f-toolbar-font-weight, inherit);font-family:var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif);text-shadow:var(--f-toolbar-text-shadow);text-align:center;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;white-space:nowrap;pointer-events:none}.f-carousel__toolbar.is-absolute{position:absolute;top:0;left:0;right:0}.f-carousel__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:var(--f-toolbar-gap, 0);pointer-events:none}.f-carousel__toolbar__column.is-left{justify-self:flex-start;justify-content:flex-start}.f-carousel__toolbar__column.is-middle{justify-content:center}.f-carousel__toolbar__column.is-right{justify-self:flex-end;justify-content:flex-end;flex-flow:nowrap}.f-carousel__toolbar__column>*{pointer-events:all}.f-carousel:has(.f-carousel__slide.is-fullsize) [data-panzoom-action=toggleFull] g{display:none}[data-autoplay-action=toggle] svg g:first-child{display:flex}[data-autoplay-action=toggle] svg g:last-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:first-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:last-child{display:flex}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child{display:flex}.f-carousel__counter{position:relative;display:flex;flex-direction:row;cursor:default;user-select:none;margin:var(--f-counter-margin, 0);padding:var(--f-counter-padding, 4px);line-height:var(--f-counter-line-height);background:var(--f-counter-bg);border-radius:var(--f-counter-border-radius)}.f-carousel__counter span{padding:0 var(--f-counter-gap, 4px)}:root{--f-thumbs-gap: 8px;--f-thumbs-margin: 0;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-z-index: 1;--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-fit: cover;--f-thumb-opacity: 1;--f-thumb-transition: opacity .3s ease, transform .15s ease;--f-thumb-border: none;--f-thumb-border-radius: 4px;--f-thumb-transfors: none;--f-thumb-shadow: none;--f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));--f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff}.f-thumbs{--f-carousel-slide-width: calc(var(--f-thumb-width) + var(--f-thumbs-gap));--f-carousel-slide-height: calc(var(--f-thumb-height) + var(--f-thumbs-gap));--f-carousel-gap: 0;flex-shrink:0;max-height:calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2);margin:var(--f-thumbs-margin);padding:0;background:var(--f-thumbs-bg);-webkit-tap-highlight-color:transparent;user-select:none;transition:max-height .3s ease;z-index:var(--f-thumbs-z-index);overflow:hidden}.f-thumbs__viewport{margin:var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);overflow:visible;display:grid}.f-thumbs__slide{position:relative;grid-area:1/1;display:flex;align-items:center;flex-direction:column;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);margin:0;padding:calc(var(--f-thumbs-gap) * .5);cursor:pointer;overflow:visible}.f-thumbs__slide:hover button{opacity:var(--f-thumb-hover-opacity, 1);transform:var(--f-thumb-hover-transform, none)}.f-thumbs__slide:hover button:after{border:var(--f-thumb-hover-border, none);box-shadow:var(--f-thumb-hover-shadow, var(--f-thumb-shadow))}.f-thumbs__slide button{all:unset;margin:auto;padding:0;position:relative;overflow:visible;width:100%;height:100%;outline:none;transition:var(--f-thumb-transition);border-radius:var(--f-thumb-border-radius);opacity:var(--f-thumb-opacity);transform:var(--f-thumb-transform);background:var(--f-thumb-bg)}.f-thumbs__slide button:after{content:"";position:absolute;inset:0;z-index:1;transition:none;border-radius:inherit;border:var(--f-thumb-border);box-shadow:var(--f-thumb-shadow)}.f-thumbs__slide button:focus-within{opacity:var(--f-thumb-focus-opacity, 1);transform:var(--f-thumb-focus-transform, none)}.f-thumbs__slide button:focus-within:after{border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, var(--f-thumb-shadow))}.f-thumbs__slide:active{opacity:var(--f-thumb-active-opacity, 1);transform:var(--f-thumb-active-transform, none)}.f-thumbs__slide:active:after{border:var(--f-thumb-active-border, none);box-shadow:var(--f-thumb-active-shadow, var(--f-thumb-shadow))}.f-thumbs__slide.is-selected{z-index:2}.f-thumbs__slide.is-selected button{opacity:var(--f-thumb-selected-opacity, 1);transform:var(--f-thumb-selected-transform, none)}.f-thumbs__slide.is-selected button:after{border:var(--f-thumb-selected-border, none);box-shadow:var(--f-thumb-selected-shadow, var(--f-thumb-shadow))}.f-thumbs__slide img{display:block;width:100%;height:100%;object-fit:var(--f-thumb-fit);border-radius:inherit;pointer-events:none}.f-thumbs__slide img.has-lazyerror{display:none}.f-thumbs.is-modern{--f-thumb-clip-width: 46px;--f-thumb-extra-gap: 16px;--f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) );--f-carousel-slide-height: var(--f-thumb-height);--width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))}.f-thumbs.is-modern .f-thumbs__viewport{width:calc(100% + var(--width-diff) * 2);margin-left:calc(var(--width-diff) * -1)}.f-thumbs.is-modern .f-thumbs__slide{--clip-shift: calc((var(--width-diff) * .5) * var(--progress));--clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) );padding:0;overflow:visible;left:var(--shift, 0);will-change:left;transition:left var(--f-transition-duration) var(--f-transition-easing)}.f-thumbs.is-modern .f-thumbs__slide button{display:block;margin-left:-50%;width:var(--f-thumb-width);clip-path:var(--clip-path);border:none;box-shadow:none;transition:clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration, .2s) var(--f-thumb-transition-easing, ease)}.f-thumbs.is-modern .f-thumbs__slide button:after{display:none}.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible){outline:none}.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before{content:"";position:absolute;z-index:1;top:0;left:var(--clip-shift);bottom:0;right:var(--clip-shift);transition:border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing);border-radius:inherit;border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, none)}.f-thumbs.is-modern{--f-transition-duration: .25s;--f-transition-easing: ease-out}.f-thumbs.is-modern.is-syncing{--f-transition-duration: 0s}.f-progressbar{position:absolute;top:0;left:0;right:0;z-index:30;height:var(--f-progressbar-height, 3px);transform:scaleX(0);transform-origin:0;background:var(--f-progressbar-color, var(--f-carousel-theme-color, #575ad6));user-select:none;pointer-events:none;animation-name:f-progressbar;animation-play-state:running;animation-timing-function:linear}@keyframes f-progressbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-fullscreen-action=toggle] svg g:first-child{display:flex}[data-fullscreen-action=toggle] svg g:last-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:last-child{display:flex}.in-fullscreen-mode>.f-carousel{flex:1;min-width:0!important;min-height:0!important}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(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));overflow:hidden!important;overscroll-behavior-y:none}.fancybox__dialog{width:100%;height:100vh;max-height:unset;max-width:unset;padding:0;margin:0;border:0;overflow:hidden;background:transparent}.fancybox__dialog:focus{outline:none}.fancybox__dialog::backdrop{opacity:0}@supports (height: 100dvh){.fancybox__dialog{height:100dvh}}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-backdrop-bg: rgba(24, 24, 27, .95);--f-toolbar-margin: 0;--f-toolbar-padding: 8px;--f-toolbar-gap: 0;--f-toolbar-color: #ddd;--f-toolbar-font-size: 16px;--f-toolbar-font-weight: 500;--f-toolbar-font: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;--f-toolbar-line-height: var(--f-button-height);--f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);--f-toolbar-shadow: none;--f-toolbar-bg: none;--f-counter-margin: 0;--f-counter-padding: 0px 10px;--f-counter-gap: 4px;--f-counter-line-height: var(--f-button-height);--f-carousel-gap: 17px;--f-carousel-slide-width: 100%;--f-carousel-slide-height: 100%;--f-carousel-slide-padding: 0;--f-carousel-slide-bg: unset;--f-html-color: #222;--f-html-bg: #fff;--f-error-color: #fff;--f-error-bg: #333;--f-caption-margin: 0;--f-caption-padding: 16px 8px;--f-caption-color: var(--fancybox-color, #dbdbdb);--f-caption-bg: transparent;--f-caption-font: inherit;--f-caption-line-height: 1.375;--f-spinner-color-1: rgba(255, 255, 255, .2);--f-spinner-color-2: rgba(255, 255, 255, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px;--f-progressbar-color: rgba(255, 255, 255, .2);--f-button-width: 46px;--f-button-height: 46px;--f-button-color: #ddd;--f-button-hover-color: #fff;--f-button-outline-width: 1px;--f-button-outline-color: rgba(255, 255, 255, .75);--f-button-outline-offset: 0px;--f-button-bg: rgba(54, 54, 54, .75);--f-button-border: 0;--f-button-border-radius: 0;--f-button-shadow: none;--f-button-transition: all .2s ease;--f-button-transform: none;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.75;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: .5;--f-arrow-pos: 32px;--f-arrow-width: 50px;--f-arrow-height: 50px;--f-arrow-svg-width: 24px;--f-arrow-svg-height: 24px;--f-arrow-svg-stroke-width: 2;--f-arrow-border-radius: 50%;--f-arrow-bg: rgba(54, 54, 54, .65);--f-arrow-color: #ddd;--f-arrow-hover-color: #fff;--f-thumbs-margin: 0px;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: none;--f-thumb-transition: all .2s ease;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-opacity: 1;--f-thumb-border: none;--f-thumb-shadow: none;--f-thumb-transform: none;--f-thumb-focus-opacity: 1;--f-thumb-focus-border: none;--f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);--f-thumb-focus-transform: none;--f-thumb-hover-opacity: 1;--f-thumb-hover-border: none;--f-thumb-hover-transform: none;--f-thumb-active-opacity: var(--f-thumb-hover-opacity);--f-thumb-active-border: var(--f-thumb-hover-border);--f-thumb-active-transform: var(--f-thumb-hover-transform);--f-thumb-selected-opacity: 1;--f-thumb-selected-border: none;--f-thumb-selected-shadow: inset 0 0 0 2px #fff;--f-thumb-selected-transform: none;position:absolute;inset:0;overflow:hidden;outline:none;display:flex;flex-direction:column}.fancybox__container[theme=light]{--fancybox-color: #222;--fancybox-backdrop-bg: rgba(255, 255, 255, .97);--f-toolbar-color: var(--fancybox-color, #222);--f-toolbar-text-shadow: none;--f-toolbar-font-weight: 400;--f-html-color: var(--fancybox-color, #222);--f-html-bg: #fff;--f-error-color: #555;--f-error-bg: #fff;--f-video-bg: #fff;--f-caption-color: #333;--f-spinner-color-1: rgba(0, 0, 0, .2);--f-spinner-color-2: rgba(0, 0, 0, .8);--f-spinner-border-width: 3.5px;--f-progressbar-color: rgba(111, 111, 116, .2);--f-button-color: #333;--f-button-hover-color: #000;--f-button-outline-color: rgba(0, 0, 0, .85);--f-button-bg: rgba(255, 255, 255, .85);--f-button-svg-stroke-width: 1.3;--f-button-svg-filter: none;--f-arrow-bg: rgba(255, 255, 255, .85);--f-arrow-color: #333;--f-arrow-hover-color: #000;--f-arrow-svg-stroke-width: 1.3;--f-close-button-color: #555;--f-close-button-hover-color: #000;--f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);--f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;--f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000}.fancybox__container::backdrop{background-color:transparent}.fancybox__container>*:not(.fancybox__carousel),.fancybox__container .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){opacity:var(--f-drag-opacity, 1)}.fancybox__container:not(.is-ready,.is-hiding){visibility:hidden}.fancybox__container.is-revealing>*:not(.fancybox__carousel),.fancybox__container.is-revealing .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){animation:var(--f-interface-enter-duration, .35s) ease none f-fadeIn}.fancybox__container.is-hiding>*:not(.fancybox__carousel),.fancybox__container.is-hiding .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-exit-duration, .35s) ease forwards f-fadeOut}.fancybox__container.is-idle .f-carousel__toolbar{pointer-events:none;opacity:0}.fancybox__container.is-idle .f-button.is-arrow{opacity:0}.fancybox__container.is-idle.is-ready .f-carousel__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__container.is-idle.is-ready .f-button.is-arrow{animation:.15s ease-out both f-fadeOut}.fancybox__backdrop{position:fixed;inset:0;z-index:-1;background:var(--fancybox-backdrop-bg)}.fancybox__carousel{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__carousel.is-vertical{--f-carousel-slide-height: 100%}.fancybox__carousel.is-ltr{direction:ltr}.fancybox__carousel.is-rtl{direction:rtl}.fancybox__carousel>.f-button.is-arrow:before{position:absolute;content:"";inset:-30px;z-index:1}.fancybox__carousel>.f-progressbar{background-color:var(--fancybox-color)}.fancybox__viewport{display:grid;flex:1;min-height:0;min-width:0;position:relative;overflow:visible;transform:translate3d(0,var(--f-drag-offset, 0),0)}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__viewport [data-selectable],.fancybox__viewport [contenteditable]{cursor:auto}.fancybox__slide{box-sizing:border-box;position:relative;grid-area:1/1;display:flex;align-items:center;flex-direction:column;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);min-width:0;min-height:0;max-width:100%;margin:0;padding:var(--f-carousel-slide-padding);background:var(--f-carousel-slide-bg);backface-visibility:hidden;transform:translateZ(0);will-change:transform}.fancybox__slide:before,.fancybox__slide:after{display:block;content:""}.fancybox__slide:before{margin-bottom:auto}.fancybox__slide:after{margin-top:auto}.fancybox__slide.is-selected{z-index:1}.fancybox__slide.f-zoomable{overflow:visible}.fancybox__slide.has-error{--f-html-color: var(--f-error-color, --f-html-color);--f-html-bg: var(--f-error-bg, --f-html-bg)}.fancybox__slide.has-html{overflow:auto;padding:8px}.fancybox__slide.has-close-btn{padding-top:34px}.fancybox__slide .f-button[data-fancybox-close]{--f-button-width: var(--f-close-button-width, 34px);--f-button-height: var(--f-close-button-height, 34px);--f-button-border-radius: var(--f-close-border-radius, 4px);--f-button-color: var(--f-close-button-color, #fff);--f-button-hover-color: var(--f-close-button-hover-color, #fff);--f-button-bg: var(--f-close-button-bg, transparent);--f-button-hover-bg: var(--f-close-button-hover-bg, transparent);--f-button-active-bg: var(--f-close-button-active-bg, transparent);--f-button-svg-width: var(--f-close-button-svg-width, 22px);--f-button-svg-height: var(--f-close-button-svg-height, 22px);position:absolute;top:calc(var(--f-button-height) * -1);right:0;z-index:40}.fancybox__slide .f-spinner{cursor:pointer}.fancybox__container.is-closing .f-caption,.fancybox__slide.is-loading .f-caption{visibility:hidden} /* End */ /* Start:/bitrix/templates/siadent/assets/css/main.min.css?1788255128164749*/ @charset "UTF-8"; * { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } a { text-decoration: none; color: inherit; } li { list-style: none; } img { max-width: 100%; height: auto; pointer-events: none; } a, ellipse, line, path, rect { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } button, input, option:not(.bx-core-adm-dialog option), select, textarea { color: inherit; border: none; background: 0 0; font: inherit; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } button { cursor: pointer; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { -webkit-appearance: none; } input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; } input[type="date"]::-webkit-calendar-picker-indicator { position: absolute; background: 0 0; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; } input[type="date"]::-webkit-date-and-time-value { text-align: left; } li, p { line-height: inherit; } @font-face { font-family: Montserrat; font-weight: 400; src: url(/bitrix/templates/siadent/assets/css/../fonts/Montserrat-Regular.woff2) format("woff2"); font-display: swap; } @font-face { font-family: Montserrat; font-weight: 500; src: url(/bitrix/templates/siadent/assets/css/../fonts/Montserrat-Medium.woff2) format("woff2"); font-display: swap; } @font-face { font-family: Montserrat; font-weight: 600; src: url(/bitrix/templates/siadent/assets/css/../fonts/Montserrat-SemiBold.woff2) format("woff2"); font-display: swap; } @font-face { font-family: Unbounded; font-weight: 400; src: url(/bitrix/templates/siadent/assets/css/../fonts/Unbounded-Regular.woff2) format("woff2"); font-display: swap; } @font-face { font-family: Unbounded; font-weight: 300; src: url(/bitrix/templates/siadent/assets/css/../fonts/Unbounded-Light.woff2) format("woff2"); font-display: swap; } @font-face { font-family: Unbounded; font-weight: 700; src: url(/bitrix/templates/siadent/assets/css/../fonts/Unbounded-Bold.woff2) format("woff2"); font-display: swap; } :root { --bg1: #e5e5e5; --bg2: #fafafa; --bg3: #fff; --bg4: #f0f1f0; --accent: #2c3d2a; --accent2: #818971; --text: #000000; --text2: #ffffff; --hint: #7a7a7a; --border: #e6e6e6; --border2: #c5d5dd; --space1: 30px; --space2: 20px; --space3: 60px; } @media screen and (max-width: 1439.98px) { :root { --space3: 40px; } } @media screen and (max-width: 1023.98px) { :root { --space1: 20px; --space2: 16px; } } @media screen and (max-width: 767.98px) { :root { --space1: 16px; --space3: 16px; } } body { background: var(--bg1); color: var(--text); font-family: Montserrat, sans-serif; font-optical-sizing: auto; font-weight: 400; font-size: 18px; line-height: 140%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-height: 100vh; padding: var(--space1); } body.open { overflow: hidden; } @media screen and (max-width: 1644px) { body { font-size: 16px; } } main { overflow-x: clip; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } button, input, textarea { font: inherit; } .btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 22px; font-weight: 400; font-size: 18px; line-height: 140%; overflow: hidden; position: relative; cursor: pointer; padding: 14px 20px; outline: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .btn input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .btn_accent { background-color: var(--accent); color: var(--text2); } .btn_accent2 { background-color: var(--accent2); color: var(--text2); } .btn_light { background-color: var(--bg3); color: var(--text); } .btn_border { border: 1px solid var(--bg3); border-radius: 22px; } .btn_icon { gap: 24px; padding: var(--space2) var(--space1); } .btn-icon { min-width: 48px; width: 48px; height: 48px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: var(--bg3); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .btn-icon_big { min-width: 76px; width: 76px; height: 76px; } .btn-icon_small { min-width: 30px; width: 30px; height: 30px; } .btn-icon_accent { background-color: var(--accent); } .btn-icon_accent path { fill: var(--bg3); } .btn-icon_accent2 { background-color: var(--accent2); } .btn-icon_accent2 path { fill: var(--bg3); } .btn-icon_border { border: 1px solid var(--border); } .btn:hover { opacity: 0.9; } .btn:hover .btn-icon { -webkit-transform: rotate(45deg); transform: rotate(45deg); } @media screen and (max-width: 1644px) { .btn { font-size: 16px; } } @media screen and (max-width: 767.98px) { .btn { padding: 12px 16px; } .btn-icon_big { min-width: 48px; height: 48px; width: 48px; } } .swiper-arrow { width: 72px; height: 72px; border-radius: 50%; border: 1px solid var(--bg2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .swiper-arrow.swiper-button-disabled { opacity: 0.6; pointer-events: none; } .swiper-arrow:hover { background: var(--bg2); } .swiper-arrow:hover path { fill: var(--text); } .swiper-arrow_dark { border: 1px solid #ececec; } .swiper-arrow_dark path { fill: var(--text); } .swiper-arrow_dark:hover { background: var(--accent2); border-color: var(--accent2); } .swiper-arrow_dark:hover path { fill: var(--text2); } .swiper-arrow_extra-dark { border: 1px solid #000; } .swiper-arrow_extra-dark path { fill: var(--text); } .swiper-arrow_extra-dark:hover { background: var(--accent2); border-color: var(--accent2); } .swiper-arrow_extra-dark:hover path { fill: var(--text2); } .swiper-button-lock { display: none; } .hint { color: var(--hint); } .swiper-slide { height: auto; } .accent-text { color: var(--accent); } section { margin-bottom: var(--space3); background: var(--bg3); border-radius: 22px; padding: var(--space3); } @media screen and (max-width: 767.98px) { section { border-radius: 22px; } } .label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; padding: 12px 24px; border: 1px solid var(--bg1); border-radius: 12px; } .form-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 12px; } .form-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; } .form-row .form-item { width: calc(50% - 10px); } .form-input { height: 90px; width: 100%; border: 1px solid var(--border); background: var(--bg2); outline: 0; border-radius: 22px; padding-left: var(--space1); padding-right: var(--space1); } .form-input::-webkit-input-placeholder { color: var(--hint); } .form-input::-moz-placeholder { color: var(--hint); } .form-input:-ms-input-placeholder { color: var(--hint); } .form-input::-ms-input-placeholder { color: var(--hint); } .form-input::placeholder { color: var(--hint); } .form-acceptance { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; cursor: pointer; } .form-acceptance input { display: none; } .form-acceptance .checkmark { border: 1px solid #c9c7c7; min-width: 30px; width: 30px; height: 30px; border-radius: 50%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: all 0.3s ease; } .form-acceptance .checkmark::after { content: ""; width: 12px; height: 8px; background: url(/bitrix/templates/siadent/assets/css/../img/icons/check-white.svg) no-repeat center/cover; opacity: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .form-acceptance:has(input:checked) .checkmark { background-color: var(--accent); border-color: var(--accent); } .form-acceptance:has(input:checked) .checkmark::after { opacity: 1; } .form textarea.form-input { padding-top: 30px; resize: none; height: 140px; } input[type="submit"]:disabled { cursor: not-allowed; } .info { padding: var(--space1); border-radius: 22px; background: var(--bg3); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; max-width: 264px; position: relative; } .info::after { content: ""; width: 0; height: 0; border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-left: 18px solid var(--bg3); position: absolute; top: 40px; left: 100%; } @media screen and (max-width: 1439.98px) { .info { padding: var(--space2); } } .strike { text-decoration: line-through; } .back-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; padding: 8px 16px; border: 1px solid #c5d5dd; border-radius: 12px; height: 41px; } .back-link:hover { background-color: var(--accent2); color: var(--text2); } .back-link:hover path { fill: var(--text2); } .share { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; background-color: var(--accent2); color: var(--text2); border-radius: 12px; height: 40px; padding-left: 16px; padding-right: 16px; font-size: 16px !important; } .share-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .share:hover { background-color: var(--accent); } .h1, .h2, .h3, .h4, .h5, .h6, .title { font-family: Unbounded, sans-serif; font-weight: 400; } .title { font-size: 122px; line-height: 120%; } @media screen and (max-width: 1644px) { .title { font-size: 72px; } } @media screen and (max-width: 1439.98px) { .title { font-size: 55px; } } @media screen and (max-width: 1023.98px) { .title { font-size: 45px; } } @media screen and (max-width: 767.98px) { .title { font-size: 32px; } } .h1 { font-size: 65px; line-height: 100%; } .h2 { font-size: 45px; line-height: 120%; } .h3 { font-size: 26px; line-height: 120%; } .h4 { font-size: 24px; line-height: 120%; } .h5 { font-size: 20px; line-height: 120%; } .h6 { font-size: 16px; line-height: 75%; font-weight: 300; } @media screen and (max-width: 1644px) { .h1 { font-size: 55px; } .h2 { font-size: 36px; } .h3 { font-size: 24px; } .h4 { font-size: 22px; } } @media screen and (max-width: 1439.98px) { .h1 { font-size: 45px; } } @media screen and (max-width: 767.98px) { .h1 { font-size: 36px; } .h2 { font-size: 32px; } .h3 { font-size: 22px; } .h4 { font-size: 16px; } .h5 { font-size: 16px; } .h6 { line-height: 70%; } } @media screen and (max-width: 389.98px) { .h2 { font-size: 26px; } } .body-l { font-size: 18px; line-height: 140%; } @media screen and (max-width: 1644px) { .body-l { font-size: 16px; } } .body-m { font-size: 16px; line-height: 140%; } @media screen and (max-width: 1644px) { .body-m { font-size: 14px; } } .body-s { font-size: 14px; line-height: 140%; } .fw-300 { font-weight: 300; } .fw-400 { font-weight: 400; } .fw-500 { font-weight: 500; } .fw-600 { font-weight: 600; } .fw-700 { font-weight: 700; } .header { background: var(--bg2); padding: 17px var(--space1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 24px; border-radius: 12px; } .header__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 32px; } .header__left, .header__right { width: calc(50% - 84px); } .header .logo { display: -webkit-box; display: -ms-flexbox; display: flex; } .header .btn { border-radius: 12px; } .address { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; } .address::before { content: ""; width: 24px; height: 24px; min-width: 24px; background: url(/bitrix/templates/siadent/assets/css/../img/icons/pin.svg) no-repeat center/cover; } .fixed-header { position: fixed; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: var(--space2); z-index: 101; display: -webkit-box; display: -ms-flexbox; display: flex; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .fixed-header__menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--space2); padding: var(--space2); background: var(--bg3); border-radius: 12px; box-shadow: 0px 2px 8px 0px rgba(34, 60, 80, 0.12); } .fixed-header__item { display: -webkit-box; display: -ms-flexbox; display: flex; } .fixed-header__item a { padding: 16px 20px; border: 1px solid var(--border); border-radius: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .fixed-header__item a:hover { background: var(--accent2); color: var(--text2); } .fixed-header__item a:hover path, .fixed-header__item a:hover rect { fill: var(--text2); } .fixed-header__item a.active { background: var(--accent2); color: var(--text2); } .fixed-header__item a.active img, .fixed-header__item a.active svg { opacity: 0; } .fixed-header__item a.active img:last-child, .fixed-header__item a.active svg:last-child { opacity: 1; } .fixed-header__item:last-child a { background-color: var(--accent); border-color: var(--accent); color: var(--text2); } .fixed-header__icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; width: 17px; height: 17px; } .fixed-header__icon img, .fixed-header__icon svg { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .fixed-header__icon img:last-child, .fixed-header__icon svg:last-child { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; } .fixed-header__icon-mobile { display: none; } .footer { background: var(--bg3); padding: var(--space3); border-radius: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 76px; } .footer__btn { padding: 0; border-radius: 0; } .footer__main { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 80px; border-bottom: 1px solid var(--border); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__first { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 12px; } .dev { max-width: 465px; width: 100%; display: flex; gap: 52px; align-items: center; margin-top: auto; } .dev svg { max-width: 194px; width: 100%; height: 100%; object-fit: contain; } .dev-logo-icon { animation: animLogo 2.5s cubic-bezier(0.28, -0.55, 0.265, 2.99) infinite; transform-box: fill-box; transform-origin: center; } .dev__text { font-size: 16px; line-height: 140%; color: #000; position: relative; } .dev__text::before { content: ""; position: absolute; top: 50%; left: -12px; transform: translateX(-100%); width: 28px; height: 1px; background: #000; } @keyframes animLogo { 0%, 10% { transform: rotate(0deg); } 40% { transform: rotate(50deg); } 55% { transform: rotate(45deg); } 70% { transform: rotate(-5deg); } 90%, 100% { transform: rotate(0deg); } } .footer-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; } .footer__text { font-size: 21px; line-height: 140%; } .footer__contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 40px; padding-right: 5px; padding-bottom: 9px; } .footer .email { text-decoration: underline; } .footer__bot { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--space1); } .footer__bot .body-m a { text-decoration: underline; color: var(--accent); } .footer__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--space1); } .footer__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__item a, .footer__item p { max-width: 360px; } .footer__item a:last-child, .footer__item p:last-child { text-align: right; } .footer__item a { text-decoration: underline; } .hystmodal, .hystmodal__shadow { -webkit-transition: opacity 0.3s ease !important; transition: opacity 0.3s ease !important; } .hystmodal__shadow { background: rgba(0, 0, 0, 0.64); } .hystmodal__shadow--show { opacity: 1; } .hystmodal__wrap { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-bottom: 140px; padding-top: 60px; } #menuModal2 .menu-modal { max-height: 584px; } #menuModal2 .menu-modal__contacts { display: none; } .menu-modal { width: 100%; max-width: 980px; height: auto; max-height: 880px; -webkit-transform: none; transform: none; border-radius: 30px; background: var(--bg3); display: -webkit-box; display: -ms-flexbox; display: flex; padding: var(--space1); transform: none; overflow: hidden; margin-bottom: 0; margin-top: 0; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--space1); } .menu-modal__box { width: 100%; padding: var(--space1); max-height: 600px; height: calc(100vh - 480px); border: 1px solid var(--border); border-radius: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; } .menu-modal__scroll { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 50px; overflow: auto; padding-right: 60px; width: 100%; } .menu-modal__scroll::-webkit-scrollbar { width: 4px; background: 0 0; border-radius: 100px; } .menu-modal__scroll::-webkit-scrollbar-track { background: var(--bg2); border-radius: 100px; } .menu-modal__scroll::-webkit-scrollbar-thumb { border-radius: 100px; background: var(--accent2); } .menu-modal__menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--space2); width: calc(50% - 25px); } .menu-modal__contacts { background: var(--bg2); padding: var(--space1); border-radius: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: var(--space1); } .menu-modal__left, .menu-modal__right { width: calc(50% - 84px); } .menu-modal__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--space1); } .menu-modal__left .btn { padding: 0; } .menu-modal__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .menu-modal__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 12px; } .menu-modal__link svg { min-width: 17px; } .menu-modal .sub-menu { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 6px; overflow: hidden; max-height: 0; opacity: 0; -webkit-transition: max-height 0.35s ease, padding-top 0.35s ease, opacity 0.25s ease; transition: max-height 0.35s ease, padding-top 0.35s ease, opacity 0.25s ease; } .menu-modal__icon { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 17px; } .menu-modal__icon img { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .menu-modal__icon img:last-child { opacity: 0; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .menu-modal .has-children.open + .sub-menu { opacity: 1; padding-top: 30px; } .menu-modal .has-children.open .menu-modal__icon img { opacity: 0; } .menu-modal .has-children.open .menu-modal__icon img:last-child { opacity: 1; } .menu-modal__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: var(--space1); } .menu-modal .address { max-width: 280px; } .menu-modal .phone { font-size: 24px; color: var(--accent); } .menu-modal .email { text-decoration: underline; } .hero { display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--space2); padding: 0; background-color: transparent; border-radius: 0; } .hero__left { width: calc(67% - var(--space2) / 2); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: var(--space2); } .hero__right { width: calc(33% - var(--space2) / 2); } .hero-main { width: 100%; padding: var(--space1); background: var(--bg3); border-radius: 32px 32px 0 32px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 32px; position: relative; } .hero-main_border { border-radius: 32px; min-height: 414px; padding: 23px 32px 30px; } .hero-main > * { position: relative; z-index: 2; } .hero-main__title { max-width: 1100px; margin-bottom: 32px; } .hero-main__title_space { margin-bottom: 0; } .hero-main__title_small { margin-bottom: 18px; } .hero-main__title_reviews { margin-bottom: 18px; } .hero-main__label { padding: 11px 12px; border: 1px solid var(--text); border-radius: 12px; line-height: 120%; margin-bottom: 2px; } .hero-main__point { margin-top: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; } .hero-main__point::before { content: ""; min-width: 48px; width: 48px; height: 48px; border-radius: 50%; background: var(--bg1) url(/bitrix/templates/siadent/assets/css/../img/icons/check.svg) no-repeat center; } .hero-main__socials { position: absolute; bottom: 0; right: 5px; } .hero-main__cutout { position: absolute; right: 0; bottom: 0; width: 170px; height: 85px; background: var(--bg1); border-top-left-radius: 32px; z-index: 0; } .hero-main__cutout::before { content: ""; position: absolute; left: -32px; bottom: 0; width: 32px; height: 32px; border-bottom-right-radius: 32px; -webkit-box-shadow: 16px 16px 0 16px var(--bg1); box-shadow: 16px 16px 0 16px var(--bg1); } .hero-main__cutout::after { content: ""; position: absolute; right: 0; top: -32px; width: 32px; height: 32px; border-bottom-right-radius: 32px; -webkit-box-shadow: 16px 16px 0 16px var(--bg1); box-shadow: 16px 16px 0 16px var(--bg1); } .hero-call { width: calc(43% - var(--space2) / 2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: var(--space1); background-color: var(--accent); color: var(--text2); border-radius: 22px; gap: 16px; min-height: 414px; } .hero-call_small { width: calc(35% - var(--space2) * 2 / 3); } .hero-call_small2 { width: calc(38.8% - var(--space2) * 2 / 3); } .hero-call__btn { margin-top: auto; } .hero-boss { width: calc(57% - var(--space2) / 2); padding: var(--space1); border-radius: 22px; background: var(--bg3); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 13px; position: relative; overflow: hidden; } .hero-boss__image { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; min-height: 363px; } .hero-boss__image img { width: 100%; -o-object-fit: cover; object-fit: cover; } .hero-boss_small { width: calc(32.3% - var(--space2) * 2 / 3); } .hero-boss_small .hero-boss__title { width: 100%; line-height: 120%; } .hero-boss_small .hero-boss__desc { width: 100%; } .hero-boss_small2 { width: calc(30.5% - var(--space2) * 2 / 3); } .hero-boss_small2 .hero-boss__title { width: 100%; line-height: 120%; } .hero-boss_small2 .hero-boss__desc { width: 100%; margin-top: 2px; } .hero-boss_same { width: calc((100% - 40px) / 3); -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .hero-boss_same .hero-boss__title { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 2px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; line-height: 120%; } .hero-boss_img { padding: 0; } .hero-boss .accent-label { background-color: var(--accent); height: auto; padding: 15px; border-radius: 15px; } .hero-boss__btn { margin-top: auto; } .hero-boss > * { position: relative; z-index: 2; } .hero-boss__title { max-width: 345px; line-height: 140%; } .hero-boss__desc, .hero-boss__title { max-width: 380px; } .hero-boss__img { position: absolute; right: -10px; top: 5px; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 380px; } .hero-boss__img img { width: 100%; height: 100%; object-fit: contain; object-position: bottom; } .hero-video { display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 22px; overflow: hidden; position: relative; max-height: calc(100vh - 250px); min-height: 100%; } .hero-video__img { display: -webkit-box; display: -ms-flexbox; display: flex; } .hero-video__img img { width: 100%; -o-object-fit: cover; object-fit: cover; } .hero-video__btn { position: absolute; bottom: 30px; right: 30px; } .hero-prices { display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 22px; overflow: hidden; position: relative; min-height: 100%; background: #f8f8f8; position: relative; } .hero-prices__sign { position: absolute; top: 21px; right: -27px; width: 111%; display: -webkit-box; display: -ms-flexbox; display: flex; } .hero-prices__sign img { width: 100%; } .hero-prices__img { width: 92%; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: auto; margin-left: auto; position: relative; z-index: 2; } .hero-prices__info { position: absolute; max-width: 396px; left: 25px; bottom: 230px; z-index: 3; } .hero-prices__info .info__subtitle { margin-top: 12px; } .hero-loop { min-height: 100%; border-radius: 22px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: var(--bg3); } .hero-loop__video { width: 100%; aspect-ratio: 1/1; -o-object-fit: cover; object-fit: cover; } .first-section { margin-top: var(--space1); } .socials { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; } .socials-item { width: 61px; height: 61px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 22px; background: var(--bg3); } .fear { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 90px; position: relative; } .fear__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--space1); width: calc(45.5% - 45px); } .fear__right { display: -webkit-box; display: -ms-flexbox; display: flex; position: sticky; right: 0; top: 60px; width: calc(54.5% - 45px); padding-top: 95px; } .fear__img { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .fear__img img, .fear__img video { width: 100%; } .fear__desc { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px; } .fear__desc p { width: calc(50% - 8px); -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; border-radius: 12px; padding: 24px 30px; background: var(--bg1); } .fear__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--space1); } .fear-item { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; padding: var(--space1); background: var(--bg1); border-radius: 22px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .fear-item__cutout { width: 122px; height: 122px; position: absolute; left: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-bottom-right-radius: 22px; background: var(--bg3); } .fear-item__cutout::before { content: ""; position: absolute; left: 0; bottom: -22px; -webkit-transform: rotate(180deg); transform: rotate(180deg); width: 22px; height: 22px; border-bottom-right-radius: 22px; -webkit-box-shadow: 11px 12px 0 10px var(--bg3); box-shadow: 11px 12px 0 10px var(--bg3); } .fear-item__cutout::after { content: ""; position: absolute; right: -22px; top: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); width: 22px; height: 22px; border-bottom-right-radius: 22px; -webkit-box-shadow: 11px 12px 0 10px var(--bg3); box-shadow: 11px 12px 0 10px var(--bg3); } .fear-item__number { width: 93px; height: 68px; background: var(--accent); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--text2); border-radius: 15px; } .fear-item__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 50px; } .fear-item__title { min-height: 76px; padding-left: 135px; font-weight: 300; } .fear-item:hover { background-color: var(--accent); color: var(--text2); } .features { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 90px; } .features__left { position: sticky; top: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--space1); width: calc(34.7% - 45px); } .features__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: calc(71% - 45px); } .features__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 36px var(--space1); } .features-item { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--space1); } .features-item__left { background-color: var(--accent); padding: var(--space1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border-radius: 22px; color: var(--text2); width: calc(57.5% - var(--space1) / 2); } .features-item__right { border-radius: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: var(--bg1); width: calc(42.5% - var(--space1) / 2); } .features-item:nth-child(2n) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .features-item:nth-child(2n) .features-item__left { background-color: var(--accent2); } .features-item:nth-child(2n) .features-item__icon { background-color: var(--bg3); } .features-item:nth-child(2n) .features-item__icon path { fill: var(--text); } .features-item__number { margin-bottom: 23px; } .features-item__title { margin-bottom: 35px; } .features-item__desc { margin-bottom: 50px; } .features-item__desc, .features-item__title { max-width: 467px; } .features-item__slog { margin-top: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; padding: 10px 0; } .features-item__img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .features-item__icon { min-width: 30px; width: 30px; height: 30px; border-radius: 50%; background-color: var(--accent2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .features-item__icon svg { width: 12px; } .features-item__icon path { fill: var(--text2); } .call { background: var(--accent2); gap: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; } .call__left { width: calc(41.5% - 40px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--space1); } .call__desc, .call__title { color: var(--text2); } .call__title2 { max-width: 605px; } .call__desc { max-width: 484px; margin-top: 14px; } .call__events-desc { margin-bottom: 14px; } .call__form { padding: var(--space1); border-radius: 22px; background-color: var(--bg3); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--space2); width: 100%; } .call__form .btn { margin-bottom: 10px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-radius: 22px; } .call__right { position: relative; width: calc(58% - 40px); display: -webkit-box; display: -ms-flexbox; display: flex; } .call__img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: absolute; z-index: 2; bottom: calc(var(--space3) * -1); right: calc(var(--space3) * -1); max-height: calc(100% + var(--space3) * 4); max-width: 776px; width: 85%; } .call__img picture { display: -webkit-box; display: -ms-flexbox; display: flex; } .call__img img { width: 100%; height: 100%; object-fit: contain; object-position: bottom right; } .call__img2 { max-width: 969px; width: 100%; } .call__img2 .call__info { right: 79.5%; top: 536px; } .call__info { position: absolute; right: 99%; top: 589px; z-index: 3; width: 100%; } .call__info_events { top: 470px; } .call__sign { position: absolute; max-width: 80%; left: 36px; top: -10px; } .services { overflow: hidden; position: relative; } .services.first-section { margin-top: var(--space3); } .services.first-section .breadcrumbs { margin-bottom: var(--space3); } .services__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--space1); margin-bottom: var(--space3); position: relative; z-index: 1; } .services__sign { position: absolute; top: 0; right: -70px; max-width: 50%; } .services__title { max-width: 800px; } .services__desc { max-width: 605px; margin-top: 12px; } .services__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: var(--space1); position: relative; z-index: 2; } .services-item { width: calc(50% - var(--space1) / 2); border-radius: 22px; padding: var(--space1); background-color: var(--bg1); position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--space2); min-height: 590px; } .services-item > * { position: relative; z-index: 2; } .services-item__title { max-width: 340px; } .services-item__list { margin-top: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 16px; } .services-item__btn { padding: 20px; border-radius: 20px; } .services-item__img { position: absolute; right: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; z-index: 0; max-width: 53%; height: 100%; } .services-item__img img { width: auto; max-height: 100%; } .services-item:nth-child(3), .services-item:nth-child(4) { width: calc((100% - 370px) / 2 - var(--space1) / 2); } .services-item:first-child { background-color: var(--accent2); color: var(--text2); } .services-item:nth-child(2), .services-item:nth-child(3) { background-color: var(--accent); color: var(--text2); } .services-all { width: 340px; background-color: var(--accent); padding: var(--space1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border-radius: 22px; color: var(--text2); } .services-all__img { width: 100%; } .services-card { display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(50% - var(--space1) / 2); background-color: var(--bg1); border-radius: 22px; } .services-card__left { display: -webkit-box; display: -ms-flexbox; display: flex; width: 50%; } .services-card__right { display: -webkit-box; display: -ms-flexbox; display: flex; width: 49%; } .services-card__left { padding: var(--space1); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--space2); } .services-card__desc { font-weight: 300; font-family: Unbounded, sans-serif; } .place { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 90px; } .place_col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--space3); } .place_col .place__list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .place_col .place-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: calc(33.3333333333% - var(--space1) * 2 / 3); } .place_col .place-item__left, .place_col .place-item__right { width: 100%; min-height: 425px; } .place_col .place-item__right { height: 425px; } .place_col .place-item:nth-child(2n) { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; margin-top: 90px; } .place__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--space1); } .place__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px; max-width: 943px; } .place-hint { width: calc(50% - 8px); background-color: var(--accent2); padding: 24px var(--space1); color: var(--text2); border-radius: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .place__title { max-width: 943px; } .place__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: sticky; bottom: 60px; -ms-flex-item-align: end; align-self: flex-end; width: calc(39.5% - 45px); gap: var(--space1); min-width: 568px; } .place__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .place-boss { border-radius: 22px 22px 0 0; padding: var(--space1); padding-right: 190px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 16px; background-color: var(--bg1); position: relative; width: 100%; } .place-boss > * { position: relative; z-index: 2; } .place-boss__title { line-height: 130%; } .place-boss__desc { margin-bottom: 4px; line-height: 130%; max-width: 336px; } .place-boss__img { position: absolute; bottom: 0; right: -8px; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 0; max-width: 54%; width: auto; height: 100%; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .place-boss__img img { max-height: 96%; } .place-boss__info { max-width: 400px; } .place-info { border-radius: 0 0 22px 22px; padding: 36px; background-color: var(--accent); gap: 36px; color: var(--text2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .place-info__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px; } .place-info__item { min-width: 246px; max-width: 272px; width: calc(50% - 8px); -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; } .place-info .btn { max-width: 263px; width: calc(50% - 8px); border-radius: 22px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .place__right { display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(60.5% - 45px); padding-top: 60px; } .place__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--space1); width: 100%; } .place-item { display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--space1); } .place-item__left { width: calc(50% - var(--space1) / 2); background-color: var(--bg1); border-radius: 22px; padding: var(--space3); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 40px; position: relative; overflow: hidden; } .place-item__left > * { position: relative; z-index: 2; } .place-item__left::after { content: ""; width: 337px; height: 337px; background: url(/bitrix/templates/siadent/assets/css/../img/main/place-tooth.svg) no-repeat center/cover; bottom: -60px; right: -80px; position: absolute; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); z-index: 0; pointer-events: none; } .place-item__img { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .place-item__stage { font-size: 21px; } .place-item__right { width: calc(50% - var(--space1) / 2); display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; border-radius: 22px; } .place-item__right img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .place-item:nth-child(2n) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .place-item:nth-child(2n) .place-item__left { background-color: var(--accent); color: var(--text2); } .equip { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .equip__sign { position: absolute; top: -10px; right: -90px; opacity: 0.2; } .equip__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 26px; max-width: 800px; position: relative; z-index: 2; margin-bottom: var(--space3); } .equip__desc { margin-top: 12px; } .equip-swiper { width: 100%; overflow: visible; } .equip-swiper .swiper-wrapper { gap: 120px; position: relative; z-index: 3; } @media screen and (min-width: 768px) { .equip-swiper .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transform: none !important; transform: none !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .equip__nav { display: none; } .equip-item { position: sticky; top: 20px; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: var(--accent); border-radius: 22px; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-right: 220px; color: var(--text2); min-height: 595px; overflow: hidden; } .equip-item__inner { padding: var(--space3); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 10px; max-width: 900px; position: relative; z-index: 1; } .equip-item__desc { max-width: 440px; font-weight: 300; } .equip-item__btn { margin-top: auto; } .equip-item__img { position: absolute; top: 0; right: 220px; height: 100%; max-width: 590px; display: -webkit-box; display: -ms-flexbox; display: flex; } .equip-item__img img { height: 100%; max-height: max-content; } .equip-item:nth-child(2n) { background-color: var(--bg1); color: var(--text); } .equip__btn { margin-top: 30px; margin-left: auto; } .team { background: var(--accent2); color: var(--text2); position: relative; } .team > * { position: relative; z-index: 2; } .team__title { margin-bottom: var(--space2); max-width: 800px; } .team__desc { margin-bottom: var(--space3); max-width: 486px; } .team__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 70px; margin-bottom: var(--space3); } .team__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; } .team__sign { position: absolute; left: 52%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 118px; max-width: 50%; } .team__sign2 { display: none; opacity: 0.15; position: absolute; width: 85%; left: 0; top: 0; } .team-swiper { width: 50.5%; height: 100%; position: absolute; right: 0; top: 0; } .team-slide__info { color: var(--accent); position: absolute; opacity: 0; -webkit-transform: translateX(30px); transform: translateX(30px); top: 266px; left: 0; max-width: 289px; z-index: 2; -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease; transition: opacity 0.5s ease, -webkit-transform 0.5s ease; transition: opacity 0.5s ease, transform 0.5s ease; transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease; } .team-slide__info .btn { padding: 16px 24px; border-radius: 22px; } .team-slide__img { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: flex-end; height: 100%; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; max-width: 833px; justify-content: flex-end; } .team-slide__img img { width: 100%; height: 100%; max-width: max-content; max-height: 720px; object-fit: contain; object-position: bottom; } .team-slide.animate .team-slide__info { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } .team-slide.animate .team-slide__img { opacity: 1; } .team .thumbs-swiper { width: 100%; padding-top: 45px; } .team .thumbs-slide { display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; position: relative; aspect-ratio: 1 / 1; } .team .thumbs-slide::before { content: ""; width: 22px; height: 22px; border-radius: 50%; background: var(--bg3); position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: calc(100% + 22px); opacity: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .team .thumbs-slide.swiper-slide-thumb-active::before { opacity: 1; } .cases { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--space3); } .cases__label { margin-top: 1px; } .cases__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--space1); } .cases__desc { max-width: 486px; margin-top: 2px; } .cases-swiper { overflow: visible; width: 100%; } .cases__swipers { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--space1); } .cases-swiper2 { width: 100%; } .cases-swiper2 .cases-slide { max-width: 100%; height: 595px; overflow: hidden; } .cases-swiper2 .cases-slide__cutout { margin-bottom: 32px; } .cases-swiper2 .cases-slide__desc { margin-bottom: 0; } .cases-swiper2 .cases-slide__left { width: calc(57% - 5px); } .cases-swiper2 .cases-slide__right { width: calc(43% - 5px); overflow: hidden; } .cases-swiper2 .cases-slide__img { width: 100%; } .cases-swiper2 .cases-slide__left, .cases-swiper2 .cases-slide__right { background-color: var(--accent) !important; border-radius: 22px; } .cases-swiper2_gray .cases-slide__left, .cases-swiper2_gray .cases-slide__right { background-color: var(--bg1) !important; color: var(--text); border-radius: 22px; overflow: hidden; } .cases-swiper2_gray .cases__settings { color: var(--text); } .cases-swiper2_accent2 .cases-slide__left, .cases-swiper2_accent2 .cases-slide__right { background-color: var(--accent2) !important; } .cases__settings { position: absolute; color: var(--text2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 36px; bottom: 30px; left: 30px; z-index: 5; } .cases-slide { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; width: 100%; max-width: 1476px; } .cases-slide__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: var(--accent2); border-radius: 22px; color: var(--text2); padding: var(--space1); width: calc(49% - 5px); } .cases-slide__cutout { position: relative; width: 351px; height: 243px; -webkit-transform: translate(calc(var(--space1) * -1), calc(var(--space1) * -1)); transform: translate(calc(var(--space1) * -1), calc(var(--space1) * -1)); border-bottom-right-radius: 22px; background: var(--bg3); color: var(--text); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--space1); padding: var(--space1); margin-bottom: 70px; } .cases-slide__cutout::before { content: ""; position: absolute; left: 0; bottom: -22px; -webkit-transform: rotate(180deg); transform: rotate(180deg); width: 22px; height: 22px; border-bottom-right-radius: 22px; -webkit-box-shadow: 11px 12px 0 10px var(--bg3); box-shadow: 11px 12px 0 10px var(--bg3); } .cases-slide__cutout::after { content: ""; position: absolute; right: -22px; top: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); width: 22px; height: 22px; border-bottom-right-radius: 22px; -webkit-box-shadow: 11px 12px 0 10px var(--bg3); box-shadow: 11px 12px 0 10px var(--bg3); } .cases-slide__number { color: var(--accent); font-family: Montserrat, sans-serif; } .cases-slide__desc { margin-bottom: 80px; } .cases-slide__info { margin-top: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; } .cases-slide__right { display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(51% - 5px); border-radius: 22px; overflow: hidden; } .cases-slide__img { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 100%; } .cases-slide__img img { aspect-ratio: 4/3; width: 100%; -o-object-fit: cover; object-fit: cover; } .cases-slide:nth-child(2n) .cases-slide__left { background-color: var(--accent); } .cases__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .cases__actions_right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .cases__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; } .cases_case .cases__nav { display: none; } .cases_case .cases-slide { max-width: 1045px; min-height: 595px; } .cases_case .cases-slide__cutout { gap: 32px; padding-top: 36px; margin-bottom: 46px; } .cases_case .cases-slide__desc { margin-bottom: 0; } .cases_case .cases-slide__left { width: calc(59.5% - 5px); } .cases_case .cases-slide__right { width: calc(41.5% - 5px); } .cases_case .cases-slide:first-child .cases-slide__left, .cases_case .cases-slide:first-child .cases-slide__right { background: var(--accent); } .cases_case .cases-slide:nth-child(2n) .cases-slide__left, .cases_case .cases-slide:nth-child(2n) .cases-slide__right { color: var(--text); background-color: var(--bg1); } .events { background-color: var(--accent2); position: relative; color: var(--text2); } .events__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--space1); margin-bottom: 300px; } .events__title { max-width: 800px; } .events__desc { max-width: 486px; margin-top: 8px; } .events__sign { position: absolute; left: var(--space3); width: calc(100% - var(--space3) * 2); top: 458px; } .events__sign2 { position: absolute; left: 0; top: 0; width: 90%; opacity: 0.15; display: none; } .events__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: var(--space3); margin-top: var(--space3); } .events__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; } .events-swiper { width: 100%; } .events-slide { background-color: var(--bg3); padding: var(--space1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: var(--space2); border-radius: 22px; color: var(--text); } .events-slide__img { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; overflow: hidden; border-radius: 12px; } .events-slide__img img { width: 100%; -o-object-fit: cover; object-fit: cover; aspect-ratio: 7/5; } .events-slide__title { width: 100%; margin-bottom: 20px; } .events-slide .btn-icon { margin-top: auto; } .events__media { position: absolute; right: 0; top: -20px; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 46%; } .events__img { display: -webkit-box; display: -ms-flexbox; display: flex; } .events__info { position: absolute; color: var(--text); top: 175px; left: -17px; } .reviews { margin-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .reviews_main { background-color: var(--bg2); padding-bottom: 120px; margin-bottom: 60px; border-radius: 22px; } .reviews__label { display: none; } .reviews__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 40px; position: relative; margin-bottom: var(--space3); } .reviews__title { max-width: 834px; } .reviews__desc { max-width: 486px; } .reviews__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: var(--space1); position: absolute; right: 0; top: 0; height: 100%; } .reviews__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; } .reviews__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--space1); } .reviews__wrap > .reviews-slide { width: calc(50% - var(--space1) / 2); } .reviews-swiper { width: calc(50% - var(--space1) / 2); } .reviews-swiper .reviews-slide__desc { font-size: 16px; line-height: 135%; } .reviews-slide { display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--space1); padding: var(--space1); border: 1px solid var(--border); border-radius: 30px; gap: 50px; width: calc(50% - var(--space1) / 2); } .reviews-slide__video { width: calc(52% - 25px); display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 22px; overflow: hidden; position: relative; } .reviews-slide__preview { display: -webkit-box; display: -ms-flexbox; display: flex; } .reviews-slide__preview img { width: 100%; -o-object-fit: cover; object-fit: cover; } .reviews-slide__btn { position: absolute; bottom: 30px; left: 30px; } .reviews-slide__inner { width: calc(48% - 25px); -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--space1); } .reviews-slide__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; } .reviews-slide__avatar { display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 50%; overflow: hidden; width: 60px; height: 60px; } .reviews-slide__avatar img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .reviews-slide__heading { width: calc(100% - 76px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 4px; } .reviews-slide__name { font-size: 21px; font-weight: 600; } .reviews-slide__end { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--space1); margin-top: auto; } .reviews-slide__gallery { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; } .reviews-slide__img { width: calc((100% - 20px) / 3); display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; border-radius: 8px; } .reviews-slide__img img { aspect-ratio: 4/3; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .reviews-slide .btn { justify-self: flex-end; padding: 0; font-size: 16px; gap: 12px; } .reviews__box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .reviews__left { position: sticky; top: 40px; width: 556px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; } .reviews-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 15px; background-color: var(--bg1); border-radius: 22px; padding: var(--space1); } .reviews-nav__link { padding: 16px; border-radius: 12px; } .reviews-nav__link.active, .reviews-nav__link:hover { background-color: var(--accent2); color: var(--text2); } .reviews__right { width: calc(100% - 616px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--space3); } .reviews-block { background-color: var(--bg3); border-radius: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--space3); padding: var(--space3); overflow: hidden; } .reviews-block-swiper { width: 100%; overflow: visible; } .reviews-block .reviews-slide { width: 837px; } .reviews-block .reviews-slide_videoreview { width: 560px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; } .reviews-block .reviews-slide_videoreview .reviews-slide__video { height: 252px; position: relative; width: 100%; } .reviews-block .reviews-slide_videoreview .reviews-slide__img { width: 100%; } .reviews-block .reviews-slide_videoreview .reviews-slide__btn { position: absolute; bottom: 16px; right: 16px; left: auto; min-width: 48px; width: 48px; height: 48px; } .reviews-block .reviews-slide_videoreview .reviews-slide__btn img { width: 12px; } .actions { background-color: var(--accent2); display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; border-top-left-radius: 0; border-top-right-radius: 0; } .actions_border { border-radius: 22px; } .actions__title { margin-bottom: var(--space1); max-width: 500px; color: var(--text2); margin-bottom: 42px; } .actions__title_reviews { max-width: 560px; } .actions__desc { max-width: 380px; color: var(--text2); } .actions__left2 .actions__desc { max-width: 484px; } .actions__right { width: 40%; max-width: 644px; margin-left: auto; background: var(--bg3); padding: var(--space1); border-radius: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--space1); position: relative; z-index: 2; } .actions__form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--space2); } .actions__form .btn { margin-bottom: 10px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .actions__media { position: absolute; height: 100%; bottom: 0; left: 23%; max-width: 40%; } .actions__media2 { left: 26%; } .actions__media2 .actions__info { bottom: 46px; left: -92px; } .actions__img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; height: 100%; } .actions__img img { max-height: 100%; width: auto; } .actions__info { position: absolute; bottom: 115px; left: -150px; } .actions__info2 { position: absolute; bottom: 70px; right: 102px; } .actions__sign { display: none; } .breadcrumbs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 12px; margin-bottom: 24px; } .breadcrumbs__link:first-child { font-family: Unbounded, sans-serif; font-weight: 300; } .breadcrumbs__item { opacity: 0.5; } .anchors { padding: var(--space1); border-radius: 22px; } .anchors_space { padding: var(--space3); } .anchors__title { margin-bottom: var(--space3); } .anchors__links { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 19px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .anchors__links_blog { margin-top: -6px; margin-bottom: 30px; } .anchors-link { padding: 16px 25px; border: 1px solid var(--border2); border-radius: 12px; } .anchors-link:hover { background-color: var(--accent); color: var(--text2); } .use { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--space3); } .use__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--space1); } .use__in { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--space1); } .use__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: var(--space1); } .use-item { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; padding: var(--space1); background: var(--bg1); border-radius: 22px; width: calc(33.3333333333% - var(--space2)); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; overflow: hidden; min-height: 209px; } .use-item__cutout { width: 122px; height: 122px; position: absolute; left: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-bottom-right-radius: 22px; background: var(--bg3); } .use-item__cutout::before { content: ""; position: absolute; left: 0; bottom: -22px; -webkit-transform: rotate(180deg); transform: rotate(180deg); width: 22px; height: 22px; border-bottom-right-radius: 22px; -webkit-box-shadow: 11px 12px 0 10px var(--bg3); box-shadow: 11px 12px 0 10px var(--bg3); } .use-item__cutout::after { content: ""; position: absolute; right: -22px; top: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); width: 22px; height: 22px; border-bottom-right-radius: 22px; -webkit-box-shadow: 11px 12px 0 10px var(--bg3); box-shadow: 11px 12px 0 10px var(--bg3); } .use-item__number { width: 93px; height: 68px; background: var(--accent); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--text2); border-radius: 15px; } .use-item__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 50px; } .use-item__title { font-size: 26px; font-weight: 300; padding-left: 130px; line-height: 120%; } .use-item::after { content: ""; width: 290px; height: 290px; background: url(/bitrix/templates/siadent/assets/css/../img/main/place-tooth.svg) no-repeat center/cover; bottom: -80px; right: -80px; position: absolute; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); z-index: 0; pointer-events: none; } .use-item:hover { background-color: var(--accent); color: var(--text2); } .use__why { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--space1); } .use__subtitle { border-radius: 22px; padding: 50px var(--space3); background: var(--accent); color: var(--text2); font-weight: 300; } .solution { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--space3); } .solution__title { max-width: 800px; } .solution__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: var(--space1); } .solution-service { border-radius: 22px; background: var(--bg1); padding: var(--space1); width: calc(25% - var(--space1) * 3 / 4); gap: var(--space2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .solution-service__title { font-weight: 300; font-size: 20px; } .solution-service__img { width: 100%; margin: auto 0 6px; } .solution-service:hover { background-color: var(--accent); color: var(--text2); } .solution-service:hover .btn-icon { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .solution-swiper { width: 100%; } @media screen and (min-width: 768px) { .solution-swiper .swiper-wrapper { -webkit-transform: none !important; transform: none !important; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: var(--space1); } .solution-swiper .swiper-wrapper .swiper-slide { margin-right: 0 !important; } } .solution__nav { -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; display: none; } .solution__btn { margin-left: auto; } .faq { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--space3); } .faq__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--space1); } .faq-item { padding-bottom: var(--space1); border-bottom: 1px solid var(--border); } .faq-item_small { padding-bottom: 10px; } .faq-item_small .faq-item__subtitle { -ms-flex-item-align: start; align-self: flex-start; } .faq-item_small .faq-item__inner { padding-top: var(--space1); } .faq-item_post .faq-item__inner { padding-top: 62px; padding-bottom: 8px; } .faq-item_post .faq-features__item { gap: 30px; line-height: 140%; } .faq-item_post:not(:last-child).active { margin-bottom: 32px; } .faq-item__head { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: var(--space2); } .faq-item__title { width: calc(100% - 80px); } .faq-item__title.h4 { font-size: 28px; } .faq-item__sutitle { font-size: 28px; } .faq-item__icon { width: 60px; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: var(--accent); } .faq-item__icon::after { content: ""; width: 24px; height: 24px; background: url(/bitrix/templates/siadent/assets/css/../img/icons/plus-white.svg) no-repeat center; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .faq-item__content { max-height: 0; overflow: hidden; -webkit-transition: max-height 0.3s ease; transition: max-height 0.3s ease; } .faq-item__inner { width: 100%; padding-top: var(--space3); } .faq-item.active .faq-item__icon { background-color: var(--accent2); } .faq-item.active .faq-item__icon::after { background-image: url(/bitrix/templates/siadent/assets/css/../img/icons/minus-white.svg); } .faq-features { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: var(--space1) 0; } .faq-features__item { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; min-height: 60px; font-size: 21px; } .faq-features__item_start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; } .faq-features__item_border { border: 1px solid #e5e5e5; border-radius: 22px; padding: var(--space1); min-height: 118px; } .faq-features__icon { min-width: 30px; width: 30px; height: 30px; border-radius: 50%; background-color: var(--accent2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .faq-features__icon svg { width: 12px; } .faq-features__icon path { fill: var(--text2); } .faq-features__desc { max-width: 500px; } .faq-desc { border-radius: 22px; padding: 50px var(--space3); background: var(--bg1); font-weight: 300; } .faq-cards { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: var(--space1); } .faq-cards_var .faq-card { width: calc(33.3333333333% - var(--space1) * 2 / 3); } .faq-cards_var .faq-card:nth-child(2), .faq-cards_var .faq-card:nth-child(3), .faq-cards_var .faq-card:nth-child(4) { background: var(--bg1); color: var(--text); } .faq-cards_var .faq-card:nth-child(2)::after, .faq-cards_var .faq-card:nth-child(3)::after, .faq-cards_var .faq-card:nth-child(4)::after { mix-blend-mode: normal; } .faq-cards_var .faq-card:nth-child(2) .faq-card__number, .faq-cards_var .faq-card:nth-child(3) .faq-card__number, .faq-cards_var .faq-card:nth-child(4) .faq-card__number { color: var(--accent); } .faq-cards_var .faq-card:nth-child(4), .faq-cards_var .faq-card:nth-child(5) { width: calc(50% - var(--space1) / 2); } .faq-cards_var .faq-card:nth-child(1), .faq-cards_var .faq-card:nth-child(5) { background: var(--accent2); color: var(--text2); } .faq-cards_var .faq-card:nth-child(1)::after, .faq-cards_var .faq-card:nth-child(5)::after { mix-blend-mode: color-dodge; } .faq-cards_var .faq-card:nth-child(1) .faq-card__number, .faq-cards_var .faq-card:nth-child(5) .faq-card__number { color: var(--text2); } .faq-cards_var2 .faq-card { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: calc(25% - var(--space1) * 3 / 4); background: var(--bg1); color: var(--text); } .faq-cards_var2 .faq-card::after { mix-blend-mode: normal; } .faq-cards_var2 .faq-card .faq-card__number { color: var(--accent); } .faq-cards_var2 .faq-card:nth-child(2) { background: var(--bg1); color: var(--text); } .faq-cards_var2 .faq-card:nth-child(2)::after { mix-blend-mode: normal; } .faq-cards_var2 .faq-card:nth-child(2) .faq-card__number { color: var(--accent); } .faq-cards_var2 .faq-card:nth-child(1), .faq-cards_var2 .faq-card:nth-child(3) { background: var(--accent2); color: var(--text2); } .faq-cards_var2 .faq-card:nth-child(1)::after, .faq-cards_var2 .faq-card:nth-child(3)::after { mix-blend-mode: color-dodge; } .faq-cards_var2 .faq-card:nth-child(1) .faq-card__number, .faq-cards_var2 .faq-card:nth-child(3) .faq-card__number { color: var(--text2); } .faq-cards_var2 .faq-card:nth-child(3), .faq-cards_var2 .faq-card:nth-child(4) { width: calc(25% - var(--space1) * 3 / 4); } .faq-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 36px; padding: 50px var(--space3); width: calc(50% - var(--space1) / 2); border-radius: 22px; background-color: var(--bg1); position: relative; overflow: hidden; } .faq-card__number { color: var(--accent); margin-top: 14px; } .faq-card::after { content: ""; width: 337px; height: 337px; background: url(/bitrix/templates/siadent/assets/css/../img/main/place-tooth.svg) no-repeat center/cover; bottom: -120px; right: -80px; position: absolute; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); z-index: 0; pointer-events: none; } .faq-card__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--space2); } .faq-card:nth-child(3), .faq-card:nth-child(4), .faq-card:nth-child(5) { width: calc(33.3333333333% - var(--space1) * 2 / 3); } .faq-card:nth-child(2), .faq-card:nth-child(3), .faq-card:nth-child(7) { background: var(--accent2); color: var(--text2); } .faq-card:nth-child(2)::after, .faq-card:nth-child(3)::after, .faq-card:nth-child(7)::after { mix-blend-mode: color-dodge; } .faq-card:nth-child(2) .faq-card__number, .faq-card:nth-child(3) .faq-card__number, .faq-card:nth-child(7) .faq-card__number { color: var(--text2); } .faq-call { padding: var(--space3); background-color: var(--accent); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--space1); color: var(--text2); overflow: hidden; border-radius: 22px; position: relative; } .faq-call__desc { margin-bottom: var(--space1); } .faq-call::after { content: ""; width: 667px; height: 667px; background: url(/bitrix/templates/siadent/assets/css/../img/other-page/place-tooth2.svg) no-repeat center/cover; bottom: -66%; right: -7%; position: absolute; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); z-index: 0; pointer-events: none; } .license { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--space3); } .license-swiper { width: 100%; } .license-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border-radius: 22px; padding: var(--space1); min-height: 460px; background-color: var(--bg4); gap: var(--space1); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .license-slide__icon { width: 90px; height: 90px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; background-color: var(--bg3); } .license-slide .btn-icon { margin-left: auto; margin-top: auto; } .license-slide:hover { background-color: var(--bg2); } .license-slide:hover .btn-icon { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .license__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .license__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; } .services-info__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: var(--space1); } .services-info__main { padding: 50px var(--space3); border-radius: 22px; background-color: var(--accent); color: var(--text2); width: calc(36% - var(--space1) / 2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--space1); } .services-info__title { max-width: 441px; font-weight: 300; } .services-info-item { padding: var(--space1); border-radius: 22px; width: calc(50% - var(--space1) / 2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; background-color: var(--bg1); } .services-info-item:nth-child(2) { width: calc(64% - var(--space1) / 2); } .services-info-item:nth-child(3) { background-color: var(--accent2); color: var(--text2); } .services-info-item:nth-child(3) .services-info-item__icon { background-color: var(--bg3); } .services-info-item:nth-child(3) .services-info-item__icon path { fill: var(--text); } .services-info-item__number { margin-bottom: var(--space2); } .services-info-item__title { margin-bottom: 36px; max-width: 467px; } .services-info-item__desc { margin-bottom: 12px; max-width: 467px; } .services-info-item__img { max-width: 458px; } .services-info-item__slog { margin-top: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; padding: 30px 0; } .services-info-item__icon { min-width: 30px; width: 30px; height: 30px; border-radius: 50%; background-color: var(--accent2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .services-info-item__icon svg { width: 12px; } .services-info-item__icon path { fill: var(--text2); } .services-info-item__end { margin-top: auto; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .implant { background-color: transparent; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--space1); } .implant__left, .implant__right { background-color: var(--bg3); padding: 50px var(--space3) var(--space3); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--space1); border-radius: 22px; } .implant__left { width: calc(67% - var(--space1) / 2); } .implant__right { width: calc(33% - var(--space1) / 2); } .implant__right:has(.implant__video) { padding-left: 0; padding-right: 0; } .implant__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 12px; margin-bottom: 14px; } .implant__percent { padding: 15px; border-radius: 15px; color: var(--text2); background-color: var(--accent); } .implant__hint { background: var(--bg1); padding: var(--space1); border-radius: 22px; gap: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 14px; margin-bottom: 6px; } .implant__icon { min-width: 30px; width: 30px; height: 30px; border-radius: 50%; background-color: var(--accent2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .implant__icon svg { width: 12px; } .implant__icon path { fill: var(--text2); } .implant__slog { margin-top: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; padding: 15px 0; font-size: 21px; } .implant__icon { width: 30px; height: 30px; border-radius: 50%; background-color: var(--accent2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .implant__icon svg { width: 12px; } .implant__icon path { fill: var(--text2); } .implant__img { width: 100%; } .implant__video { width: 100%; aspect-ratio: 1/1; -o-object-fit: cover; object-fit: cover; } .prices { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 52px; } .prices-info { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: var(--space1); } .prices-info__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--space1); width: calc(50% - var(--space1) / 2); max-width: 771px; } .prices-info__right { width: calc(50% - var(--space1) / 2); gap: var(--space1); border-radius: 22px; background-color: var(--bg1); padding: var(--space1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .prices-info__subtitle { width: calc(40% - var(--space1) / 2); max-width: 350px; } .prices-info__prices { width: calc(52% - var(--space1) / 2); background-color: var(--bg3); border-radius: 22px; padding: 32px; gap: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .prices-info__sale { font-weight: 400; text-decoration: line-through; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; font-family: Montserrat, sans-serif; } .prices-services { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--space1); } .prices-services__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: var(--space1); } .prices-services__item { width: calc(50% - var(--space1) / 2); background-color: var(--bg1); border-radius: 22px; padding: var(--space1); display: -webkit-box; display: -ms-flexbox; display: flex; gap: 32px; align-items: flex-start; } .prices-services__subtitle { max-width: 260px; position: sticky; top: 0; left: 0; font-size: 22px; } /* .prices-card__desc { max-width: 181px; } */ .prices-services__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: var(--space1); -webkit-box-flex: 1; -ms-flex-positive: 1; width: 100%; } .prices-card { min-width: 220px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: calc(50% - var(--space1) / 2); background-color: var(--bg3); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; padding: var(--space1) 22px; border-radius: 22px; gap: var(--space2); } .prices-card img { max-width: 172px; width: 100%; } .prices-card__title { margin-top: auto; } .posts { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--space3); } .posts-swiper { width: 100%; } .posts-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border-radius: 22px; padding: var(--space1); background-color: var(--bg4); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .posts-slide__img { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: var(--space1); border-radius: 12px; overflow: hidden; } .posts-slide__img img { aspect-ratio: 10/7; -o-object-fit: cover; object-fit: cover; } .posts-slide .btn-icon { margin-left: auto; margin-top: auto; } .posts-slide:hover { background-color: var(--bg1); } .posts-slide:hover .btn-icon { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .posts__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .posts__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; } .posts__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: var(--space3) var(--space1); } .posts__list .posts-slide { width: calc(33.3333333333% - 20px); position: relative; } .posts__list .posts-slide__img { height: 350px; border-radius: 12px; overflow: hidden; } .posts__list .posts-slide__img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .posts__list .posts-slide__title { margin-bottom: 20px; } .posts__list .posts-slide__desc { margin-top: auto; } .posts__list .posts-slide .btn-icon { position: absolute; right: 50px; top: 50px; } .posts__list .posts-slide:first-child { width: calc(66.6666666667% - 12px); } .posts__list .posts-slide:nth-child(3), .posts__list .posts-slide:nth-child(4) { width: calc(50% - 15px); } .posts__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 28px; } .posts__pag-item { width: 72px; height: 72px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #ececec; } .posts__pag-item.current, .posts__pag-item:hover { background: var(--bg1); } .about { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--space1); padding: var(--space1); position: relative; border-radius: 32px; } .about:has(.about-events-img_small) { overflow: hidden; } .about_no-margin { margin-bottom: 20px; gap: 26px; padding-bottom: 23px; } .about__box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: var(--space1); } .about__box .back-link { margin-top: 5px; } .about__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 80px; position: relative; } .about__doctors { gap: 56px; } .about__doctors .about__img img { object-position: top; } .about__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; position: absolute; right: 0; top: 0; } .about-swiper { width: 100%; } .about__title_small { max-width: 850px; line-height: 105%; margin-bottom: -24px; } .about__title_smallest { max-width: 850px; line-height: 105%; margin-bottom: -24px; } .about__title_news { margin-bottom: 26px; } .about__img { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; height: 518px; overflow: hidden; border-radius: 30px; border: 1px solid var(--border); } .about__img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .about__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--space1); } .about__point { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; } .about__point::before { content: ""; min-width: 48px; width: 48px; height: 48px; border-radius: 50%; background: var(--bg1) url(/bitrix/templates/siadent/assets/css/../img/icons/check.svg) no-repeat center; } .about-case { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; background: #f8f8f8; border: 1px solid #ebebeb; border-radius: 22px; padding: var(--space1); gap: var(--space1); position: relative; } .about-case .about__title { max-width: 627px; } .about-slide { position: relative; } .about-slide__after-label, .about-slide__before-label { padding: 8px 16px; background-color: var(--bg3); border-radius: 12px; position: absolute; } .about-slide__before-label { left: 20px; top: 20px; } .about-slide__after-label { right: 20px; top: 20px; } .about__info { max-width: 396px; gap: 32px; } .about__sign { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; bottom: 14px; left: 18%; width: 100%; max-width: 627px; } .about-events { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; margin-top: 26px; } .about-events__item { display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 22px; padding: 24px 30px; background-color: var(--accent2); color: var(--text2); max-width: 606px; gap: 30px; position: relative; z-index: 2; } .about-events__item:nth-child(2) { background-color: var(--accent); } .about-events__icon { margin-top: 4px; width: 30px; height: 30px; min-width: 30px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: var(--bg3); } .about-events__icon path { fill: var(--accent2); } .about-events-img { position: absolute; width: 100%; max-width: 929px; top: 30px; right: 0; pointer-events: none; } .about-events-img_desk { display: none; } .about-events-img_small { max-width: 643px; top: -7px; right: 80px; } .about-events-img_small img { height: 100%; width: auto; } .target { position: relative; overflow: hidden; } .target__title { margin-bottom: 110px; max-width: 605px; } .target__wrap { position: relative; z-index: 2; padding: var(--space1); border-radius: 22px; background-color: var(--accent2); color: var(--text2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--space1); max-width: 66.4%; } .target__wrap::after { content: ""; width: 0; height: 0; border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-left: 18px solid var(--accent2); position: absolute; top: 40px; left: 100%; } .target__desc { max-width: 605px; } .target__end { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .target__end .btn { padding-left: 24px; padding-right: 24px; height: 80px; } .target__sign { position: absolute; top: var(--space3); left: 665px; } .target__subtitle { line-height: 150%; } .target__img { position: absolute; top: 0; right: 54px; max-width: 37%; min-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .tehno { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--space3); background-color: var(--bg2); border-radius: 30px; } .tehno__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 34px; } .tehno__title { max-width: 800px; } .tehno__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: var(--space2); } .tehno-item { background-color: var(--bg3); border-radius: 22px; padding: 24px var(--space1); display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(50% - var(--space2) / 2); } .tehno-item__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--space1); } .tehno-item__icon { min-width: 30px; width: 30px; height: 30px; border-radius: 50%; background-color: var(--accent2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 4px; } .tehno-item__icon svg { width: 16px; } .tehno-item__icon path { fill: var(--text2); } .tehno-swiper { width: 100%; } .tehno-slide { background-color: var(--accent); border-radius: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; color: var(--text2); gap: 16px; } .tehno-slide__left { width: calc(62% - 8px); padding: var(--space3); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--space2); } .tehno-slide__subtitle { max-width: 900px; margin-bottom: 36px; line-height: 140%; font-weight: 300; } .tehno-slide__desc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; } .tehno-slide ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; } .tehno-slide ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; } .tehno-slide ul li::before { content: ""; width: 30px; height: 30px; min-width: 30px; background: var(--bg3) url(/bitrix/templates/siadent/assets/css/../img/icons/check.svg) no-repeat center; border-radius: 50%; } .tehno-slide__right { width: calc(38% - 8px); } .tehno-slide__img { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; max-width: 590px; width: 100%; } .tehno-slide__img img { height: 100%; max-height: max-content; object-fit: contain; aspect-ratio: 1 / 1; } .tehno__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; } .partners { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--space3); } .partners__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .partners-swiper { width: 100%; } .partners-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 22px; overflow: hidden; border: 1px solid var(--border2); } .partners-slide__img { display: -webkit-box; display: -ms-flexbox; display: flex; } .partners__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 36px; } .partners__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; } .aspects { position: relative; } .aspects__sign { position: absolute; top: 43px; left: 24%; width: 100%; max-width: 1240px; } .aspects__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px; position: relative; z-index: 2; margin-bottom: var(--space3); } .aspects__label { padding: 18px 22px; border-radius: 22px; background-color: var(--bg1); } .aspects__wrap { position: relative; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 90px; } .aspects__left { width: calc(55% - 45px); } .aspects-video { display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 22px; overflow: hidden; position: relative; /* background: var(--bg2); */ } .aspects-video__img { display: -webkit-box; display: -ms-flexbox; display: flex; } .aspects-video__img img { width: 100%; -o-object-fit: cover; object-fit: cover; } .aspects-video__btn { position: absolute; bottom: 30px; left: 30px; display: none; } .aspects__right { width: calc(45.5% - 45px); display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: auto; } .aspects__cards { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: var(--space1); max-width: 745px; width: 100%; } .aspects-card { border-radius: 22px; padding: 26px 28px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 22px; background-color: var(--accent); color: var(--text2); } .aspects-card:nth-child(2n) { background-color: var(--accent2); } .aspects-card__desc { max-width: 630px; } .accent { background-color: var(--accent); color: var(--text2); padding: 52px 60px; } .pricing { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .pricing__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; margin-bottom: var(--space3); } .pricing-swiper { overflow: visible; z-index: 4; width: 100%; } .pricing-slide { display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--space1); width: auto; } .pricing-slide__left, .pricing-slide__right { border: 1px solid var(--border2); border-radius: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .pricing-slide__left { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 22px var(--space1) var(--space1); gap: 36px; position: relative; z-index: 4; } .pricing-slide__title { max-width: 420px; } .pricing-slide__sum { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 42px; background-color: var(--bg1); border-radius: 22px; padding: var(--space1); margin-bottom: 18px; } .pricing-slide__help { position: absolute; right: 30px; top: 30px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; } .pricing-slide__total { background-color: var(--bg3); border-radius: 22px; padding: 32px; } .pricing-slide__right { padding: var(--space1) var(--space3); max-width: 526px; } .pricing-slide__img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pricing__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 16px; margin-top: 56px; margin-bottom: 60px; width: 100%; } .pricing__subtitle { margin-bottom: var(--space3); } .pricing__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 30px; } .pricing-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: var(--space1); gap: 44px; position: relative; background-color: var(--bg1); border-radius: 22px; width: calc(33.3333333333% - 20px); } .pricing-card__head { padding-right: 42px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; flex-grow: 1; } .pricing-card__title { font-size: 20px; } .pricing-card__help { position: absolute; right: 30px; top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; } .pricing-card__help .help__icon { width: 30px; height: 30px; } .pricing-card__help .help-box { top: 73px; } .pricing-card__end { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 12px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .pricing-card__sum { font-size: 18px; background-color: var(--bg3); border-radius: 22px; height: 89px; padding: 32px 30px; } .pricing__btn { margin-left: auto; margin-top: var(--space3); } .accent-label { background: var(--accent2); color: var(--text2); padding: 12px var(--space1); border-radius: 22px; height: 89px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .help-box { display: none; width: 100%; max-width: 1000px; -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2509803922); box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2509803922); padding: 20px; border-radius: 22px; background: var(--bg3); } .fancybox__slide .help-box .f-button { top: 19px; right: 20px; color: #000; width: 20px; height: 20px; } .help-box__block { display: flex; flex-direction: column; gap: 32px; width: 100%; } .help-box__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 4px; padding-right: 40px; } .help-box__close { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; right: 16px; top: 16px; width: 30px; height: 30px; border-radius: 50%; cursor: pointer; background: var(--accent2); } .help-box__close img { width: 24px; height: 24px; } .help-box__cards { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px; } .help-box-card { width: calc(50% - 8px); border-radius: 22px; background-color: var(--bg1); padding: var(--space1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 32px; flex-grow: 1; } div[inert] { display: none; } .help-box-card__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; margin-top: auto; } .help-box-card__item { background-color: var(--bg3); border-radius: 22px; padding: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .help-box__features { border-radius: 22px; background-color: var(--bg1); padding: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px; } .help-box-feature { width: calc((100% - 32px) / 3); -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; background-color: var(--accent2); color: var(--text2); padding: var(--space1); border-radius: 16px; } .help-box__total { border-radius: 22px; background-color: var(--bg1); padding: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; } .help-box__total-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px; } .help-box-big { background-color: var(--bg3); border-radius: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; padding: var(--space1); width: calc(50% - 8px); min-width: 340px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .help-box-big__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 12px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .help-box-big__prices { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .help-box-big__btn { height: 51px; font-size: 16px; line-height: 140%; padding: 8px 16px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .help-box-big__btn .btn-icon { height: 35px; width: 35px; min-width: 35px; } .help-box .h5 { font-size: 18px; } .help-box .h6 { line-height: 120%; } .contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; padding: 0; border-radius: 0; padding: 0; background: 0 0; } .contacts-main, .contacts-socials { background-color: var(--accent); color: var(--text2); border-radius: 22px; padding: var(--space1); gap: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .contacts-main .btn, .contacts-socials .btn { margin-top: auto; } .contacts-main { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .contacts-main__desc:nth-child(3) { margin-bottom: 20px; } .contacts-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; min-width: 492px; } .contacts-info__item { border-radius: 22px; background-color: var(--bg3); padding: var(--space1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .before-after { position: relative; width: 100%; min-width: 500px; border-radius: 22px; overflow: hidden; -ms-touch-action: none; touch-action: none; } .before-after__images { position: relative; overflow: hidden; } .before-after__picture { display: block; pointer-events: none; -webkit-user-drag: none; } .before-after__img { display: block; width: 100%; height: auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; -webkit-user-drag: none; } .before-after__after { position: absolute; inset: 0; clip-path: inset(0 50% 0 0); } .before-after__after .before-after__img, .before-after__after .before-after__picture { width: 100%; height: 100%; } .before-after__after .before-after__img { -o-object-fit: cover; object-fit: cover; } .before-after__divider { position: absolute; top: 0; left: 50%; width: 4px; height: 100%; background: #fff; -webkit-transform: translateX(-50%); transform: translateX(-50%); cursor: ew-resize; } .before-after__divider span { position: absolute; left: 50%; bottom: 20px; width: 25px; height: 25px; background: #fff; -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); } .problem__title { margin-bottom: var(--space3); } .problem__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--space1); } .problem__left { width: calc(38.5% - var(--space1) / 2); } .problem__right { width: calc(61.5% - var(--space1) / 2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--space1); } .problem__img { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; border-radius: 22px; } .problem__img_hint { cursor: pointer; } .problem__img_hint img { -webkit-filter: blur(16px); filter: blur(16px); } .problem__img_hint::after { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 76px; height: 76px; border-radius: 50%; background: var(--accent) url(/bitrix/templates/siadent/assets/css/../img/icons/eye.svg) no-repeat center; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .problem__img_hint.open img { -webkit-filter: blur(0); filter: blur(0); } .problem__img_hint.open::after { opacity: 0; } .problem-item { padding: 22px 30px; border-radius: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 18px; color: var(--text2); background-color: var(--accent); } .problem-item:nth-child(2n) { background-color: var(--accent2); } .result__title { margin-bottom: var(--space3); } .result__wrap { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--space1); } .result__left { width: calc(38.5% - var(--space1) / 2); position: sticky; top: 60px; } .result__img { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; border-radius: 22px; overflow: hidden; } .result__right { width: calc(61.5% - var(--space1) / 2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--space1); } .result__info { background-color: var(--bg1); max-width: 100%; gap: 36px; } .result__info::after { border-left-color: var(--bg1); -webkit-transform: scale(-1, 1); transform: scale(-1, 1); right: 100%; left: auto; } .result__info .info__desc { max-width: 990px; } .result__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--space1); } .result-item { padding: var(--space1); border-radius: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; color: var(--text2); background-color: var(--accent); } .result-item__title { background-color: var(--bg3); padding: 15px; border-radius: 15px; color: var(--text); } .result-item:nth-child(2n) { background-color: var(--accent2); } .doctors { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--space3); } .doctors_main { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 32px; } .doctors-swiper { width: 100%; } .doctors-slide { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: var(--bg1); border-radius: 22px; height: 489px; } .doctors-slide__left { padding: 22px 30px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 42px; } .doctors-slide__left .btn { margin-top: auto; width: auto; } .doctors-slide__img { position: absolute; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; width: 62%; } .doctors__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; gap: 16px; } .doctors__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: var(--space1); width: 100%; } .doctors-card { width: calc(50% - 15px); display: -webkit-box; display: -ms-flexbox; display: flex; background-color: var(--bg1); border-radius: 22px; position: relative; overflow: hidden; } .doctors-card-big { width: 100%; } .doctors-card-big .doctors-card__left { padding: var(--space3); } .doctors-card-big .doctors-card__title { line-height: 140%; margin-bottom: 54px; } .doctors-card-big .doctors-card__labels { margin-bottom: 30px; margin-top: -28px; } .doctors-card-big .doctors-card__age { position: static; } .doctors-card-big .doctors-card__img { max-width: 723px; right: 12%; } .doctors-card-big .doctors-card__sign { max-width: 991px; top: 60px; right: 90px; -webkit-transform: none; transform: none; } .doctors-card__age, .doctors-card__label { padding: 15px 25px; border-radius: 12px; } .doctors-card__labels { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; width: calc(100% - 160px); } .doctors-card__label { border: 1px solid var(--border2); } .doctors-card__age { position: absolute; right: 30px; top: 30px; background: var(--accent2); color: var(--text2); } .doctors-card__btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; } .doctors-card .btn_border { border-color: var(--border2); } .doctors-card__left { padding: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 50px; position: relative; z-index: 4; width: 100%; } .doctors-card__left .btn { margin-top: auto; width: auto; } .doctors-card__img { position: absolute; right: 67px; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; width: 56%; z-index: 2; } .doctors-card__sign { position: absolute; width: 100%; max-width: 317px; right: -38px; top: 45%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .life__title { margin-bottom: var(--space3); } .life__wrap { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--space1); position: relative; } .life__left { width: calc(50% - var(--space1) / 2); position: relative; z-index: 2; } .life__img { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; border-radius: 22px; overflow: hidden; } .life__right { width: calc(50% - var(--space1) / 2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--space1); position: relative; z-index: 2; } .life__info { background-color: var(--bg1); max-width: 100%; gap: 36px; } .life__info::after { border-left-color: var(--bg1); -webkit-transform: scale(-1, 1); transform: scale(-1, 1); right: 100%; left: auto; } .life__info .info__desc { max-width: 990px; } .life__sign { position: absolute; width: 100%; max-width: 630px; bottom: 20px; left: 47%; display: -webkit-box; display: -ms-flexbox; display: flex; } .tips { padding: 0; border-radius: 0; background-color: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--space2); } .tips-item { display: -webkit-box; display: -ms-flexbox; display: flex; width: calc((100% - 40px) / 3); border-radius: 22px; padding: 22px 30px; gap: var(--space1); background-color: var(--bg3); } .tips-item__title { max-width: 467px; } .tips-item__icon { min-width: 48px; width: 48px; height: 48px; border-radius: 50%; background-color: var(--accent); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 8px; } .tips-item__icon path { fill: var(--text2); } .tips-item__icon svg { width: 18px; } .about-doctor { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 90px; } .about-doctor__left, .about-doctor__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: calc(50% - 45px); } .about-doctor__left { gap: 32px; } .about-doctor__desc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; } .about-doctor__right { gap: 32px; } .about-doctor-item { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; padding: var(--space1); background: var(--bg1); border-radius: 22px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; min-height: 210px; } .about-doctor-item__cutout { width: 122px; height: 122px; position: absolute; left: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-bottom-right-radius: 22px; background: var(--bg3); } .about-doctor-item__cutout::before { content: ""; position: absolute; left: 0; bottom: -22px; -webkit-transform: rotate(180deg); transform: rotate(180deg); width: 22px; height: 22px; border-bottom-right-radius: 22px; -webkit-box-shadow: 11px 12px 0 10px var(--bg3); box-shadow: 11px 12px 0 10px var(--bg3); } .about-doctor-item__cutout::after { content: ""; position: absolute; right: -22px; top: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); width: 22px; height: 22px; border-bottom-right-radius: 22px; -webkit-box-shadow: 11px 12px 0 10px var(--bg3); box-shadow: 11px 12px 0 10px var(--bg3); } .about-doctor-item__number { width: 93px; height: 68px; background: var(--bg1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 15px; } .about-doctor-item__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 50px; } .about-doctor-item__title { padding-left: 130px; font-weight: 300; font-size: 26px; } .about-doctor-item:first-child { background-color: var(--accent); color: var(--text2); } .about-doctor-item:first-child .about-doctor-item__number { background: var(--accent); color: var(--text2); } .about-doctor-item:last-child { background-color: var(--accent2); color: var(--text2); } .about-doctor-item:last-child .about-doctor-item__number { background: var(--accent2); color: var(--text2); } .quote { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; height: 662px; } .quote__sign { position: absolute; left: 53px; top: 9px; width: 100%; max-width: 982px; } .quote__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 42px; } .quote__desc { max-width: 605px; } .quote__right { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; bottom: 0; right: 18px; max-width: 40%; } .quote__img { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 740px; } .quote__info { max-width: 517px; background-color: var(--accent2); color: var(--text2); position: absolute; left: -268px; bottom: 199px; } .quote__info::after { border-left-color: var(--accent2); } .experience { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--space3); } .experience-swiper { width: 100%; } .experience-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border-radius: 22px; padding: var(--space1); min-height: 208px; background-color: var(--bg4); gap: 24px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .experience-slide__icon { width: 30px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; background-color: var(--accent); } .experience-slide__icon path { fill: var(--text2); } .experience-slide__icon svg { width: 18px; height: auto; } .experience-slide__inner { width: calc(100% - 54px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 22px; } .experience-slide:hover { background-color: var(--bg2); } .experience-slide:hover .btn-icon { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .experience__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .experience__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; } .service-doctor { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: var(--space3); } .service-doctor__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 16px; width: 100%; } .service-doctor__label { background: var(--accent2); color: var(--text2); padding: 15px 25px; border-radius: 12px; } .service-doctor-swiper { width: 100%; } .service-doctor-swiper .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--space1); -ms-flex-wrap: wrap; flex-wrap: wrap; } .service-doctor-slide { width: calc((100% - 90px) / 4); border-radius: 22px; padding: var(--space1); background-color: var(--bg1); position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--space2); min-height: 438px; } .service-doctor-slide > * { position: relative; z-index: 2; } .service-doctor-slide__title { max-width: 340px; margin-bottom: -42px; position: relative; z-index: 3; } .service-doctor-slide__btn { position: absolute; bottom: 30px; left: 30px; z-index: 3; } .service-doctor-slide__img { margin-top: auto; width: calc(100% - 48px); margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; } .service-doctor-slide_event { padding-bottom: 0; } .service-doctor-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 8px; } .service-doctor-pagination .swiper-pagination-bullet { cursor: pointer; width: 48px; height: 48px; border-radius: 50%; border: 1px solid #ececec; opacity: 1; background: 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 !important; } .service-doctor-pagination .swiper-pagination-bullet::after { content: ""; width: 20px; height: 20px; border-radius: 50%; background-color: var(--accent2); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; } .service-doctor-pagination .swiper-pagination-bullet-active::after { opacity: 1; } .meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .meta__title { width: calc(100% - 260px); } .event-main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px; } .event-main__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 64px; } .event-main__title { max-width: 930px; } .event-main__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 36px; } .event-main__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } .event-main__img { display: -webkit-box; display: -ms-flexbox; display: flex; } .default { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 58px; width: 100%; } .default__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 60px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .default__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 58px; width: calc(100% - 616px); } .default__left .default-block p { max-width: 100%; } .default__right { width: 556px; position: sticky; bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--space1); -ms-flex-item-align: end; align-self: flex-end; } .default-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; } .default-block_bg { padding: var(--space3); background-color: var(--bg1); border-radius: 22px; } .default-block_tooth { position: relative; overflow: hidden; } .default-block_tooth::after { content: ""; width: 537px; height: 537px; background: url(/bitrix/templates/siadent/assets/css/../img/other-page/default-tooth.svg) no-repeat center/cover; top: 203px; right: -130px; position: absolute; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); z-index: 0; pointer-events: none; } .default-block ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 14px; } .default-block a:not(.default__numeric-list a) { color: var(--accent); text-decoration: underline; } .default-block ul li { padding: 15px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; } .default-block p, .default-block li, .default-block a, .default-block span { font-size: 18px; } .default-block ul li::before { content: ""; width: 30px; min-width: 30px; height: 30px; background: url(/bitrix/templates/siadent/assets/css/../img/icons/list-item.svg) no-repeat center/cover; } .default-block .default-accent { font-size: 18px; font-weight: 400; margin-bottom: 0; } .default__numeric-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; margin-top: 12px; } .default-numeric-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 30px; } .default-numeric-item span { width: 87px; height: 61px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--text2); background: var(--accent2); border-radius: 12px; } .default-numeric-item p { font-size: 21px; line-height: 140%; } .default__tags { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; } .default-tag { height: 57px; border-radius: 12px; border: 1px solid var(--border2); padding-left: 25px; padding-right: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .default-doctor { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: var(--bg3); position: relative; padding: var(--space3); border-radius: 22px; } .default-doctor__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 24px; } .default-doctor__right { position: absolute; bottom: 0; right: 87px; } .default-doctor__img { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 428px; position: relative; z-index: 2; } .default-doctor__sign { position: absolute; left: -116px; top: 76px; width: 631px; max-width: none; } .default__bg { background-color: var(--bg1); border-radius: 22px; padding: var(--space3); } .default .subtitle { font-size: 21px; margin-top: 8px; } .default strong { font-weight: 600; } .default .big-list li { padding: 0; } .default-service { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 30px; } .default-service__left { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: calc(100% - 260px); } .default-include { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; } .default-include__img { width: 100%; height: 370px; border-radius: 22px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; } .default-include__img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .default-include__list { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .default-include-item { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding: var(--space1); background: var(--bg1); border-radius: 22px; min-height: 210px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .default-include-item__cutout { width: 122px; height: 122px; position: absolute; left: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-bottom-right-radius: 22px; background: var(--bg3); } .default-include-item__cutout::before { content: ""; position: absolute; left: 0; bottom: -22px; -webkit-transform: rotate(180deg); transform: rotate(180deg); width: 22px; height: 22px; border-bottom-right-radius: 22px; -webkit-box-shadow: 11px 12px 0 10px var(--bg3); box-shadow: 11px 12px 0 10px var(--bg3); } .default-include-item__cutout::after { content: ""; position: absolute; right: -22px; top: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); width: 22px; height: 22px; border-bottom-right-radius: 22px; -webkit-box-shadow: 11px 12px 0 10px var(--bg3); box-shadow: 11px 12px 0 10px var(--bg3); } .default-include-item__number { width: 93px; height: 68px; background: var(--accent); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--text2); border-radius: 15px; } .default-include-item__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 24px; padding-left: 130px; } .default-include-item__title { font-weight: 300; font-size: 26px; } .default-include-item:hover { background-color: var(--accent); color: var(--text2); } .default-accent { background-color: var(--accent2); font-size: 26px; line-height: 130%; border-radius: 22px; padding: var(--space3); color: var(--text2); margin-bottom: var(--space3); } .default__form { background-color: var(--bg3); border-radius: 22px; padding: var(--space1); gap: var(--space2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .default__form .btn { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 16px; gap: 8px; margin-bottom: 8px; } .default-nav { background-color: var(--bg1); border-radius: 22px; padding: var(--space1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--space1); } .default-nav__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 15px; } .default-nav__list .btn { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 16px; } .videos { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 32px; } .videos__title { width: 100%; } .videos-swiper { width: 100%; } .videos-slide { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 22px; overflow: hidden; } .videos-slide::after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.3019607843); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .videos-slide__img { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .videos-slide__img img { width: 100%; height: 425px; -o-object-fit: cover; object-fit: cover; } .videos-slide__btn { position: absolute; left: 30px; bottom: 30px; z-index: 2; } .videos-slide:hover::after { opacity: 0; } .videos__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; margin-top: 28px; } .gallery { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .gallery__title { width: 100%; margin-bottom: var(--space3); } .gallery-swiper { width: 100%; } .gallery-slide { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; background: var(--bg1); border-radius: 22px; padding: 30px; } .gallery-slide__img { display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 12px; overflow: hidden; position: relative; width: 100%; } .gallery-slide__img img { width: 100%; height: 350px; -o-object-fit: cover; object-fit: cover; } .gallery-slide__img::before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.3019607843); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; } .gallery-slide::after { content: ""; width: 76px; height: 76px; background: url(/bitrix/templates/siadent/assets/css/../img/icons/zoom.svg) no-repeat center/cover; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .gallery-slide:hover::after { opacity: 1; } .gallery-slide:hover .gallery-slide__img::before { opacity: 1; } .gallery__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; } .post-settings { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .post-settings__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; } .post-settings__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; } .post-settings__item img { width: 24px; height: 24px; } .post-settings__item span { line-height: 1; } .s404 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 36px; } .s404__img { width: 100%; max-width: 804px; } .s404__title { max-width: 512px; text-align: center; line-height: 140%; font-size: 18px; } .hystmodal__opened:has(#thanksModal.hystmodal--active) .fixed-header { z-index: 80; } #thanksModal .hystmodal__wrap { padding: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .thanks-modal { width: calc(100% - 40px); max-width: 604px; border-radius: 25px; background-color: var(--bg3); padding: 90px 60px 60px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 36px; text-align: center; } .thanks-modal__close { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 22px; right: 21px; } .thanks-modal__close:hover { opacity: 0.8; } .thanks-modal__icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 70px; height: 70px; border-radius: 50%; background-color: var(--accent); } .thanks-modal__icon svg { width: 24px; height: auto; } .thanks-modal__icon path { fill: var(--bg3); } .thanks-modal__title { color: var(--accent); } .thanks-modal__desc { color: #2b2d36; font-size: 25px; } .form-acceptance a { color: var(--accent); text-decoration: underline; } .thumbs-slide__img img { width: 100%; height: 100%; object-fit: contain; object-position: bottom right; border-radius: 50%; overflow: hidden; background-color: #717e86; aspect-ratio: 1 / 1; } /* End */ /* Start:/bitrix/templates/siadent/assets/css/media.min.css?178825362382928*/ @media screen and (max-width: 1880px) { .reviews__wrap > .reviews-slide { flex-direction: column; gap: 30px; } .reviews-slide__inner { width: 100%; } .reviews-slide__video { width: 100%; } .reviews-slide__preview { max-height: 350px; } .reviews__wrap > .reviews-slide { width: calc(35% - var(--space1) / 2); } .reviews-swiper { width: calc(65% - var(--space1) / 2); } } @media screen and (max-width: 1644px) { .header .logo { max-width: 90px; } .hero-call { width: calc(44% - var(--space2) / 2); } .hero-call_small { width: 100%; min-height: 260px; } .hero-call_small2 { width: 100%; min-height: 260px; } .hero-boss { width: calc(56% - var(--space2) / 2); } .hero-boss_small { width: calc(50% - var(--space2) / 2); } .hero-boss_small2 { width: calc(50% - var(--space2) / 2); } .hero-boss_same { width: 100%; } .hero-boss_img { width: calc((100% - 40px) / 3); } .call__info { top: auto; bottom: 60px; right: calc(100% - 60px); } .call__img2 .call__info { top: auto; } .place-item__left { padding: var(--space1); } .place-item__left::after { width: 220px; height: 220px; } .place-item__stage { font-size: 18px; } .events__title { max-width: 580px; } .equip__title { max-width: 580px; } .reviews__title { max-width: 580px; } .reviews-slide__name { font-size: 18px; } .actions__media { max-width: 45%; } .actions__right { width: 34%; } .actions__form .btn p span { display: none; } .footer__text { font-size: 18px; } .use-item { width: calc(50% - var(--space1) / 2); } .faq-card { padding: var(--space1); } .solution-service { width: calc(33.3333333333% - var(--space1) * 2 / 3); } .services-info__main { padding: var(--space1); } .pricing-card__end { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .pricing-card .btn { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .contacts-info { min-width: 1px; } .doctors-card__img { right: 0; } .doctors-card-big .doctors-card__img { right: 0; } .experience-slide { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .experience-slide__inner { width: 100%; } .default-doctor__img { max-width: 320px; } .default-doctor__sign { display: none; } .reviews-block .reviews-slide { width: 100%; } .reviews__left { width: 470px; } .reviews__right { width: calc(100% - 530px); } .equip-item { padding-right: 100px; } .equip-item__img { right: 100px; } .equip-item__inner { max-width: 600px; } .prices-services__item { flex-direction: column; } .prices-services__subtitle { max-width: none; position: unset; } .hero-boss__desc, .hero-boss__title { max-width: 250px; } .hero-boss__img { max-width: 335px; } } @media screen and (max-width: 1439.98px) { body { padding-bottom: 140px; } .hero__right { display: none; } .hero__left { width: 100%; } .hero-main { -webkit-box-ordinal-group: -1; -ms-flex-order: -2; order: -2; } .hero-video { width: 100%; max-height: none; min-height: 1px; height: 360px; } .hero-video__img { width: 100%; } .hero-video__img img { -o-object-fit: cover; object-fit: cover; } .hero-boss, .hero-call { width: calc(50% - var(--space2) / 2); min-height: 340px; } .hero-boss_small, .hero-boss_small2, .hero-call_small, .hero-call_small2 { width: 100%; min-height: 1px; } .hero-call__btn { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .hero-boss_same { min-height: 1px; } .hero-boss_img { width: calc(50% - 10px); } .hero-boss_img img { aspect-ratio: 1/1; } .hero:has(.hero-boss_img) .hero-video { height: auto; width: calc(50% - 10px); } .hero:has(.hero-boss_img) .hero-video img { aspect-ratio: 1/1; } .hero-prices { min-height: 1px; width: 100%; } .hero-prices__img { max-width: 600px; } .hero-loop { min-height: 1px; width: 100%; } .hero-loop__img { max-width: 600px; } .fear { gap: var(--space1); } .fear__desc { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .fear__desc p { width: 100%; } .fear__left, .fear__right { width: calc(50% - var(--space1) / 2); } .fear-item__cutout { width: 100px; height: 100px; } .fear-item__number { width: 76px; height: 50px; } .fear-item__title { padding-left: 100px; } .fear-item__inner { gap: var(--space1); } .features { gap: var(--space1); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .features__left { width: 100%; max-width: 670px; position: static; } .features__right { width: 100%; } .features-item { max-height: 400px; } .features-item__img { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .features-item__img img { max-height: 100%; } .call { gap: var(--space1); } .call__left { width: calc(50% - var(--space1) / 2); } .call__right { width: calc(50% - var(--space1) / 2); } .call__img { width: 100%; } .call__info { right: auto; left: 0; } .services-item:nth-child(3), .services-item:nth-child(4) { width: calc(50% - var(--space1) / 2); } .services-all { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: var(--space2); width: auto; gap: 16px; } .services-all__title { font-size: 16px; font-family: Montserrat, sans-serif; } .services-all img { display: none; } .services-card { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .services-card__left, .services-card__right { width: 100%; } .place { gap: var(--space1); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .place__left { width: 100%; min-width: 1px; position: static; max-width: 680px; } .place__right { width: 100%; } .place__inner { max-width: 680px; } .equip-item { gap: var(--space1); padding-right: var(--space3); } /* .equip-item__inner { width: calc(50% - var(--space1) / 2); } .equip-item__img { width: calc(50% - var(--space1) / 2); } */ .team__title { max-width: 580px; } .team-swiper { width: 60%; } .team-slide { padding-left: 15%; } .team-slide__info { top: 200px; } .events__info { top: 320px; left: -60px; } .reviews__wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .reviews__wrap > .reviews-slide { width: 100%; flex-direction: row; } .reviews-slide_big { width: 100%; } .reviews-swiper { width: 100%; } .reviews__actions { position: static; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; margin-top: var(--space1); } .actions { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--space1); } .actions__left, .actions__right { width: calc(50% - var(--space1) / 2); } .actions__media { width: calc(50% - var(--space1) / 2); max-width: 600px; left: 0; } .actions__info { left: auto; right: 0; bottom: 60px; } .actions__info::after { -webkit-transform: scale(-1, 1); transform: scale(-1, 1); left: auto; right: 100%; } .actions__info2 { right: auto; left: 30px; bottom: 28vw; max-width: 40%; } .actions__media2 .actions__info { left: auto; } .footer__main { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: var(--space3); } .footer-menu { width: calc(50% - var(--space3) / 2); } .footer__contacts, .footer__first { width: 100%; } .footer__contacts { padding-right: 0; padding-bottom: 9px; } .use-item { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; min-height: 232px; } .use-item__title { padding-left: 120px; } .solution-service { min-width: 300px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .faq-cards_var .faq-card { width: calc(50% - var(--space1) / 2); } .faq-cards_var .faq-card:nth-child(4), .faq-cards_var .faq-card:nth-child(5) { width: calc(50% - var(--space1) / 2); } .faq-cards_var2 .faq-card { width: calc(50% - var(--space1) / 2); } .faq-cards_var2 .faq-card:nth-child(3), .faq-cards_var2 .faq-card:nth-child(4) { width: calc(50% - var(--space1) / 2); } .faq-card:nth-child(3), .faq-card:nth-child(4), .faq-card:nth-child(5) { width: calc(50% - var(--space1) / 2); } .services-info__main { width: calc(50% - var(--space1) / 2); } .services-info-item:nth-child(2) { width: calc(50% - var(--space1) / 2); } .target__sign { display: none; } .target__end { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--space2); } .prices-info__right { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .prices-info__subtitle { width: 100%; } .prices-info__prices { width: 100%; } .pricing-slide { width: 100%; } .pricing-slide__right { max-width: 360px; } .pricing-card { width: calc(50% - 15px); } .help-box-feature { width: calc(50% - 8px); } .help-box-card { width: 100%; } .help-box-big { width: 100%; min-width: 1px; } .contacts-main { width: 100%; max-width: 100%; } .contacts-info, .contacts-socials { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .about-case { -ms-flex-wrap: wrap; flex-wrap: wrap; } .about-case .about__title { width: 100%; max-width: 100%; } .about__info { width: calc(50% - 15px); max-width: 100%; } .about-slide { width: calc(50% - 15px); min-width: 1px; } .doctors-slide__img { max-width: 500px; } .doctors-card { width: 100%; } .doctors-card__img { max-width: 500px; } .doctors-card-big .doctors-card__img { width: 50%; } .tips { -ms-flex-wrap: wrap; flex-wrap: wrap; } .tips-item { width: calc(50% - 10px); -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .quote__right { max-width: 50%; } .quote__info { bottom: 24px; left: auto; right: 0; } .quote__info::after { left: 40px; top: auto; bottom: calc(100% - 3px); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .about-doctor { gap: 32px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .about-doctor__left, .about-doctor__right { width: 100%; } .service-doctor-slide { width: calc(50% - 15px); } .posts__list .posts-slide { width: calc(50% - 15px) !important; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .default__wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .default__left { width: 100%; } .default__right { width: 100%; position: static; } .reviews__box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 32px; } .reviews__left { width: 100%; position: static; } .reviews__right { width: 100%; } .doctors-card-big .doctors-card__sign { right: 0; top: auto; bottom: 0; } .equip-item__img { right: 40px; max-width: 450px; } .equip-item__inner { max-width: 420px; } .reviews-slide__preview { max-height: 460px; } .dev__text { font-size: 14px; } } @media screen and (max-width: 1023.98px) { .header { padding: var(--space2); } .header .btn, .header__left { display: none; } .header__right { width: auto; } .header .logo { max-width: 64px; } .fear__right { display: none; } .fear__left { width: 100%; } .fear__desc { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .fear__desc p { width: calc(50% - 8px); } .fear__label { -webkit-box-ordinal-group: -2; -ms-flex-order: -3; order: -3; } .fear__title { -webkit-box-ordinal-group: -1; -ms-flex-order: -2; order: -2; } .call { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .call__left { width: 100%; } .call__right { width: 100%; } .call__img { position: relative; max-width: 700px; max-height: 540px; } .call__info { bottom: 40px; } .call__sign { width: 100%; max-width: 400px; left: 0; top: 40px; } .services-item__img { position: static; max-width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .services-item__img img { max-height: 175px; } .services__sign { display: none; } .equip-item { padding-right: 0; min-height: 470px; } .team { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-bottom: 0; } .team__desc { margin-bottom: calc(var(--space2) * 2); } .team-swiper { width: 100%; position: relative; top: auto; right: auto; } .team .thumbs-swiper { position: absolute; z-index: 4; bottom: calc(70px + var(--space3) * 2); left: var(--space3); width: calc(100% - var(--space3) * 2); } .team__actions { position: absolute; z-index: 4; bottom: var(--space3); left: var(--space3); width: calc(100% - var(--space3) * 2); -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-bottom: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .team__sign { display: none; } .team__sign2 { display: -webkit-box; display: -ms-flexbox; display: flex; } .cases-swiper { overflow: hidden; } .cases-slide { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--space2); } .cases-slide__left { width: 100%; } .cases-slide__right { width: 100%; } .cases-slide__img { width: 100%; } .cases-swiper2 .cases-slide { height: auto; } .cases-swiper2 .cases-slide__left, .cases-swiper2 .cases-slide__right { width: 100%; } .cases_case .cases-slide { max-width: 100%; min-height: 1px; overflow: hidden; gap: 8px; } .cases_case .cases-slide__left { width: 100%; } .cases_case .cases-slide__cutout { gap: 15px; padding-top: 20px; margin-bottom: 10px; height: 102px; } .cases_case .cases-slide__title { font-weight: 300; } .cases_case .cases-slide__right { width: 100%; border-radius: 10px; } .cases_case .cases__nav { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; margin-left: 0; margin-top: 12px; } .events { padding-bottom: 0; } .events__head { margin-bottom: calc(var(--space2) * 2); } .events-swiper { overflow: visible; } .events-slide { width: 313px; } .events__media { position: relative; max-width: 100%; top: auto; right: auto; } .events__sign { display: none; } .events__sign2 { display: -webkit-box; display: -ms-flexbox; display: flex; } .events__info { left: 0; z-index: 3; } .events__img { position: relative; z-index: 2; } .actions { padding-bottom: 0; } .actions__left { width: 100%; } .actions__right { width: 100%; } .actions__media { position: relative; width: 100%; max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .actions__img { max-width: 700px; } .actions__info { right: 25%; } .actions__info2 { top: 10%; bottom: auto; } .fixed-header { width: calc(100% - 32px); -webkit-transform: none; transform: none; left: 50%; transform: translateX(-50%); max-width: max-content; min-width: 450px; } .fixed-header nav { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .fixed-header__menu { width: 100%; padding: 6px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 5px; } .fixed-header__item { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .fixed-header__item a { padding: 6px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 2px; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: none; } .fixed-header__item:nth-child(3) { display: none; } .fixed-header__item:nth-child(4) { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .fixed-header__item:nth-child(2) { -webkit-box-ordinal-group: -1; -ms-flex-order: -2; order: -2; } .fixed-header__item:nth-child(2) path { fill: transparent !important; } .fixed-header__item:nth-child(2):hover path { stroke: var(--text2); } .fixed-header__item:nth-child(2) a.active path { stroke: var(--text2); } .fixed-header__item:first-child a.active path { stroke: var(--text2); } .fixed-header__item:last-child svg path { fill: transparent !important; } .fixed-header__icon { display: none; width: 20px; height: 20px; } .fixed-header__item a.active { flex-direction: column-reverse; } .fixed-header__item a.active .fixed-header__icon { display: flex; } .fixed-header__item a.active .fixed-header__icon-mobile { display: none; } .fixed-header__icon-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } .menu-modal { border-radius: 0; width: calc(100% - 32px); margin-left: auto; height: 100%; max-height: 100% !important; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .menu-modal__box { max-height: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .menu-modal__contacts { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .menu-modal__left, .menu-modal__right { width: 100%; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .menu-modal .address { max-width: 100%; } .menu-modal__right { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .menu-modal__center { -webkit-box-ordinal-group: -1; -ms-flex-order: -2; order: -2; gap: calc(var(--space2) * 2); } .menu-modal__center .logo { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 64px; } .menu-modal__scroll { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-right: 20px; gap: var(--space2); } .menu-modal__menu { width: 100%; } .hystmodal__wrap { padding-top: 0; padding-bottom: 140px; } #menuModal2 .menu-modal__contacts { display: -webkit-box; display: -ms-flexbox; display: flex; } .use-item { width: 100%; } .faq-cards_var .faq-card { width: 100%; } .faq-cards_var .faq-card:nth-child(4), .faq-cards_var .faq-card:nth-child(5) { width: 100%; } .faq-cards_var2 .faq-card { width: 100%; } .faq-cards_var2 .faq-card:nth-child(3), .faq-cards_var2 .faq-card:nth-child(4) { width: 100%; } .faq-card { width: 100%; } .faq-card:nth-child(3), .faq-card:nth-child(4), .faq-card:nth-child(5) { width: 100%; } .services-info-item__end { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .prices-info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .prices-info__left { width: 100%; } .prices-info__right { width: 100%; } .prices-services__item { width: 100%; } .partners-swiper { overflow: visible; } .partners-slide { width: 215px; } .aspects__sign { position: static; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin-bottom: var(--space2); } .aspects__sign img { width: 100%; } .aspects__wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .aspects__left { width: 100%; } .aspects__right { width: 100%; } .aspects__cards { max-width: 100%; } .pricing-slide { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .pricing-slide__left { width: 100%; } .pricing-slide__right { width: 100%; max-width: 100%; } .about__info { width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .about__info::after { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); left: 20px; top: auto; bottom: calc(100% - 3px); } .about-slide { width: 100%; } .problem__wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .problem__left { width: 100%; } .problem__right { width: 100%; } .result__wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .result__left { width: 100%; position: static; } .result__right { width: 100%; } .result__info::after { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); left: 40px; top: auto; bottom: calc(100% - 3px); } .life__wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .life__left { width: 100%; position: static; } .life__right { width: 100%; } .life__info::after { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); left: 40px; top: auto; bottom: calc(100% - 3px); } .tips-item { width: 100%; } .doctors-card_big .doctors-card__img { width: 60%; } .quote { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; height: auto; gap: 32px; } .quote__right { position: relative; bottom: auto; right: auto; width: 100%; max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .quote__info { position: relative; left: auto; bottom: auto; max-width: 100%; } .quote__left { width: 100%; } .default-block_tooth::after { display: none; } .tehno-slide { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .tehno-slide__left { width: 100%; } .tehno-slide__right { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .tehno-slide__img { width: calc(100% - 32px); max-width: 400px; } .equip-item__img { right: 20px; max-width: 335px; } .equip-item__inner { max-width: 345px; padding: 32px; } .team .thumbs-slide::before { width: 15px; height: 15px; } .team-slide__info { top: 145px; } .hero-boss__img { max-width: 230px; } .hero-boss__desc { max-width: 190px; } } @media screen and (max-width: 767.98px) { .header { padding-top: 14px; padding-bottom: 14px; } .hero-main { gap: var(--space2); padding-bottom: 80px; border-radius: 22px 22px 0px 22px; } .hero-main__cutout { width: 130px; height: 64px; } .hero-main__socials { gap: 16px; right: 0; } .hero-main__socials .socials-item { width: 48px; height: 48px; border-radius: 16px; } .hero-main__socials .socials-item img { width: 16px; height: 16px; } .hero-main__label { font-size: 18px; padding: 12px; } .hero-main__title { margin-bottom: var(--space2); } .hero-main__subtitle_reviews { font-size: 21px; margin-bottom: 14px; } .hero-main .breadcrumbs { margin-bottom: 12px; } .hero-main_border { padding-top: 20px; padding-left: 16px; padding-right: 16px; padding-bottom: var(--space2); min-height: 1px; } .hero-main__desc { font-size: 21px; margin-bottom: 14px; } .hero-video { height: 252px; } .hero-video__btn { right: var(--space2); bottom: var(--space2); } .hero-video__btn img { width: 11px; } .hero-call { width: 100%; min-height: 261px; } .hero-call__btn { margin-top: var(--space2); gap: 8px; } .hero-call_small, .hero-call_small2 { min-height: 1px; } .hero-boss { width: 100%; min-height: 281px; gap: var(--space2); } .hero-boss__title { line-height: 120%; } .hero-boss__img { top: var(--space2); right: -32px; } .hero-boss_small { min-height: 1px; gap: calc(var(--space2) * 2); } .hero-boss_small2 { min-height: 1px; } .hero-boss_small2 .hero-boss__desc { margin-top: 0; margin-bottom: 14px; } .hero-boss_same { min-height: 1px; } .hero-boss_same .hero-boss__title { gap: 17px; } .hero-boss_same .accent-label { padding: 12px 15px; font-size: 20px; } .hero-boss_img { display: none; border-radius: 12px; } .hero-boss_img img { aspect-ratio: 6.6/3; } .hero-boss_img:nth-child(3) { display: -webkit-box; display: -ms-flexbox; display: flex; } .hero-boss__image { min-height: 1px; } .hero-prices { padding-top: 10px; } .hero-prices__img { min-width: 351px; -webkit-transform: translateX(19%); transform: translateX(19%); } .hero-prices__sign { top: 30px; right: -4px; } .hero-prices__info { max-width: 270px; bottom: 42px; left: 32px; } .hero-prices__info .h3 { font-size: 16px; } .hero-prices__info .info__subtitle { margin-top: 0; font-size: 14px; } .hero-loop__video { aspect-ratio: auto; max-height: 488px; } .hero:has(.hero-boss_img) .hero-video { width: 100%; border-radius: 12px; } .hero:has(.hero-boss_img) .hero-video img { aspect-ratio: 4.4/3; } .fear__img { margin: var(--space2) 0; } .fear__title { max-width: 320px; } .fear__desc { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 10px; } .fear__desc p { width: 100%; padding: 6px var(--space2); } .fear-item { gap: calc(var(--space2) * 2); overflow: hidden; border-top-left-radius: 0; } .fear-item__cutout { width: 67px; height: 64px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .fear-item__number { width: 58px; height: 54px; font-size: 20px; position: relative; z-index: 3; } .fear-item__title { padding-left: 68px; font-size: 20px; min-height: 63px; } .fear-item_case .fear-item__title { min-height: 1px; } .fear-item_case .fear-item__inner { gap: 31px; } .features__title { margin-top: -6px; margin-bottom: 4px; } .features__left { margin-bottom: 16px; } .features__list { gap: var(--space2); } .features-item { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; max-height: none; } .features-item__left { width: 100%; gap: calc(var(--space2) / 2); padding: calc(var(--space2) * 2) var(--space2); } .features-item__number { margin-bottom: 0; } .features-item__title { margin-bottom: 12px; } .features-item__desc { margin-bottom: var(--space2); } .features-item__slog { padding-top: 0; gap: var(--space2); } .features-item__right { width: 100%; } .features-item__img img { max-height: 330px; } .features-item:nth-child(1) .features-item__img img, .features-item:nth-child(3) .features-item__img img { max-height: 310px; } .features-item:nth-child(2) .features-item__desc { font-size: 18px; line-height: 140%; } .form-input { height: 80px; padding-left: calc(var(--space2) * 2); padding-right: calc(var(--space2) * 2); } .form-acceptance { margin-top: 12px; } .form-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--space2); } .form-row .form-item { width: 100%; } .form textarea.form-input { height: 126px; padding-top: 26px; } .call { padding-bottom: 0; gap: 24px; overflow: hidden; } .call__info { max-width: 208px; left: 0; bottom: 32px; padding: 22px; } .call__info .info__desc { font-size: 12px; } .call__desc { margin-top: -8px; margin-bottom: -8px; } .call__events-desc { display: none; } .call__left { gap: calc(var(--space2) * 2); } .call__right { width: calc(100% + var(--space2)); } .call__img { bottom: auto; right: 0; } .call__img2 { padding-top: 16px; max-height: 520px; } .call__img2 .call__info { max-width: 225px; bottom: 55px; } .services__head { margin-bottom: 24px; } .services__desc { margin-top: 8px; } .services-item { width: 100% !important; min-height: 1px; } .services-item__img { display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; } .services-item__list { gap: 12px; } .services-item__btn { border-radius: 12px; font-size: 14px; padding: 12px 20px; gap: var(--space2); } .services-item__desc { line-height: 120%; } .services-all { border-radius: 12px; } .services-all__btn { width: 30px; height: 30px; min-width: 30px; } .services-card { width: 100%; } .services-card__left { padding: 30px; } .services-card__desc { font-size: 16px; } .services-card__right { padding: 0 8px; } .services-card__img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .services-card__img img { max-width: none; width: 120%; } .services.first-section .breadcrumbs { margin-bottom: 32px; } .place_col .place-item__left { min-height: 1px; } .place_col .place-item__right { min-height: 1px; height: auto; } .place_col .place-item__img img { height: 220px; } .place_col .place__list { margin-bottom: 12px; } .place_col .btn { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 80px; } .place__left { margin-bottom: var(--space2); } .place__right { padding-top: 0; margin-bottom: var(--space2); } .place__list { gap: calc(var(--space2) * 2); } .place-item { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .place-item__stage { font-size: 21px; line-height: 140%; } .place-item__title { font-size: 24px; } .place-item__left { gap: var(--space2); width: 100%; } .place-item__left::after { display: none; } .place-item__right { width: 100%; } .place-item__img { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .place-item__img img { height: 220px; } .place-boss { padding-right: var(--space2); padding-bottom: 0; } .place-boss__img { position: static; max-width: 96%; } .place-boss__title { font-size: 20px; } .place-boss__desc { font-size: 16px; } .place-info { gap: var(--space2); padding: 16px; } .place-info__title { font-size: 20px; } .place-info__item { width: auto; max-height: 80px; max-width: 100%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .place-info .btn { height: 80px; width: 100%; max-width: 100%; } .place__head { gap: 32px; margin-bottom: 22px; } .place-hint { width: 100%; padding: 8px 16px; } .place_col .place__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .place_col .place-item { width: 100%; } .place_col .place-item:nth-child(2) { margin-top: 0; } .equip__head { margin-bottom: calc(var(--space2) * 2); gap: var(--space2); } .equip__desc { margin-top: 4px; } .equip-swiper .swiper-wrapper { gap: 0; } .equip-item { position: static !important; background: 0 0 !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 0; gap: var(--space2); min-height: auto; } .equip-item__inner { width: 100%; background: var(--accent); border-radius: 22px; gap: 8px; padding-bottom: 32px; max-width: none; } .equip-item__desc { font-weight: 300; margin-bottom: 24px; } .equip-item__btn { border-radius: 22px; margin-top: auto; width: 100%; max-width: 230px; height: 80px; } .equip-item__img { max-width: none; position: unset; width: 100%; background: var(--accent); border-radius: 22px; padding: 0 var(--space2); -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .equip-item__img img { max-width: 400px; aspect-ratio: 1 / 1; object-fit: contain; width: 100%; } .equip-item:nth-child(2n) .equip-item__inner { background-color: var(--bg1); } .equip-item:nth-child(2n) .equip-item__img { background-color: var(--bg1); } .equip__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--space2); margin-left: auto; margin-top: 36px; } .equip__btn { border-radius: 22px; padding: var(--space2); display: none; } .equip__btn .btn-icon { min-width: 30px; height: 30px; width: 30px; gap: var(--space2); } .swiper-arrow { width: 48px; height: 48px; } .swiper-arrow img, .swiper-arrow svg { width: 20px; } .team { overflow: hidden; } .team-swiper { overflow: visible; margin-top: 32px; } .team__title { margin-bottom: 24px; } .team__desc { margin-bottom: 0; } .team-slide { padding-left: 0; } .team-slide__info { left: 0; bottom: 195px; top: auto; max-width: 245px; padding: 22px; border-radius: 16px; gap: 12px; } .team-slide .info__desc { font-size: 12px; line-height: 140%; /* max-width: 180px; */ } .team-slide__img { height: auto; /* width: 124vw; -webkit-transform: translateX(-14vw); transform: translateX(-14vw); */ } .team__nav { gap: calc(var(--space2) / 2); } .team__actions { -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; } .team__actions .btn { padding: 9px 10px; background: 0 0; color: var(--text2); border: 1px solid var(--text2); border-radius: 22px; gap: 16px; } .team__actions .btn-icon { width: 30px; height: 30px; min-width: 30px; background: 0 0; border: 1px solid var(--text2); } .team__actions .btn-icon path { fill: var(--text2); } .team .thumbs-swiper { padding-top: 10px; bottom: calc(36px + var(--space2) * 3); } .team .thumbs-slide::before { width: 5px; height: 5px; bottom: calc(100% + 5px); } .team__sign2 { width: 100%; top: 70px; } .cases:not(:has(.cases__label)) .cases__head { margin-bottom: 12px; } .cases:not(:has(.cases__label)) .cases__desc { margin-top: 6px; } .cases__head { margin-bottom: 8px; } .cases-slide { overflow: hidden; } .cases-slide__left { border-radius: 10px; } .cases-slide__cutout { width: 234px; height: 114px; gap: 14px; margin-bottom: 2px; padding: 18px 14px 10px; border-bottom-right-radius: 12px; } .cases-slide__cutout::before { border-bottom-right-radius: 10px; } .cases-slide__cutout::after { border-bottom-right-radius: 10px; } .cases-slide__number { font-size: 16px; line-height: 140%; position: relative; z-index: 3; } .cases-slide__title { font-size: 18px; position: relative; z-index: 3; } .cases-slide__desc { margin-bottom: var(--space2); font-size: 18px; } .cases-slide__info { gap: calc(var(--space2) / 2); } .cases-slide__info p:last-child { font-size: 18px; } .cases-slide__img { min-height: 271px; border-radius: 12px; } .cases__actions { gap: calc(var(--space2) / 2); -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: var(--space2); } .cases__actions .btn { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; border-radius: 12px; padding: var(--space2); max-width: 165px; gap: var(--space2); } .cases__actions .btn-icon { min-width: 30px; height: 30px; width: 30px; gap: var(--space2); background-color: var(--accent2); } .cases__actions .btn-icon svg { width: 12px; height: auto; } .cases__actions .btn-icon path { fill: var(--text2); } .cases__actions_right { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .cases__actions_right .btn { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; width: auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: none; } .cases__nav { gap: calc(var(--space2) / 2); margin-left: auto; } .cases-swiper2 .cases-slide { gap: 8px; } .cases-swiper2 .cases-slide__cutout { margin-bottom: 2px; } .cases-swiper2 .cases-slide__left, .cases-swiper2 .cases-slide__right { border-radius: 10px; } .cases-swiper2 .cases-slide__left { padding-bottom: 82px; } .cases-swiper2 .cases-slide__img { height: 268px; } .cases__settings { left: 14px; gap: 12px; bottom: 288px; } .cases-pagination { font-size: 18px; } .cases_reviews .cases__desc { margin-top: 8px; } .cases_reviews .cases-slide__cutout { padding-top: 14px; gap: 13px; } .events { overflow: hidden; } .events-slide { border-radius: 12px; gap: 12px; } .events-slide__title { font-size: 18px; } .events__desc { margin-top: 6px; } .events__head { margin-bottom: 24px; } .events__actions { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 24px; margin-bottom: 32px; } .events__actions .btn { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 8px 10px; gap: var(--space2); max-width: 218px; } .events__actions .btn-icon { width: 30px; height: 30px; min-width: 30px; background: 0 0; border: 1px solid var(--text2); } .events__actions .btn-icon svg { width: 20px; height: auto; } .events__actions .btn-icon path { fill: var(--text2); } .events__nav { margin-left: auto; gap: calc(var(--space2) / 2); } .events__img img { max-width: none; width: 100vw; -webkit-transform: translateX(-8vw); transform: translateX(-8vw); } .events__sign2 { top: 44px; width: 100%; } .events__info { max-width: 206px; top: 270px; padding: 22px; gap: 8px; } .events__info .info__title { line-height: 140%; } .events__info .info__desc { font-size: 12px; line-height: 140%; } .reviews { margin-bottom: 16px; border-radius: 22px; } .reviews__label { display: -webkit-box; display: -ms-flexbox; display: flex; } .reviews__head { gap: var(--space2); margin-bottom: 24px; } .reviews__desc { margin-top: 8px; } .reviews-slide { width: 100%; } .reviews-slide__head { -webkit-box-ordinal-group: -1; -ms-flex-order: -2; order: -2; } .reviews-slide__video { width: 100%; } .reviews-slide__preview { height: 274px; width: 100%; } .reviews-slide__preview img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .reviews-slide__btn img { width: 12px; } .reviews-slide__end .btn { gap: var(--space2); } .reviews-slide__name { font-size: 21px; line-height: 120%; } .reviews-slide__inner { gap: 30px; } .reviews__actions { gap: calc(var(--space2) / 2); -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .reviews__actions .btn { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; border-radius: 12px; padding: var(--space2); max-width: 165px; gap: 0; max-width: 166px; gap: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .reviews__actions .btn-icon { min-width: 30px; height: 30px; width: 30px; gap: var(--space2); } .reviews-swiper .reviews-slide__desc { font-size: 14px; line-height: 140%; } .reviews__nav { gap: calc(var(--space2) / 2); margin-left: auto; } .actions { overflow: hidden; border-radius: 22px; } .actions__title { margin-bottom: 24px; } .actions__title_reviews { -ms-hyphens: auto; hyphens: auto; overflow-wrap: break-word; word-break: normal; } .actions__subtitle { margin-bottom: var(--space2); } .actions__left { margin-bottom: 10px; } .actions__img { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .actions__img img { width: 106vw; max-width: none; -webkit-transform: translateX(3vw); transform: translateX(3vw); } .actions__right { margin-bottom: var(--space2); } .actions__info { right: 12px; bottom: 20px; max-width: 174px; padding: 12px !important; } .actions__info .info__name { font-size: 14px; } .actions__info2 { left: 0; top: 4%; max-width: 163px; padding: 12px !important; } .actions__info2 .info__name { font-size: 14px; } .actions__media2 .actions__info { bottom: 38px; left: 0; max-width: 205px; right: auto; width: 100%; padding: 22px !important; gap: 12px; } .actions__media2 .actions__info::after { -webkit-transform: none; transform: none; left: 100%; top: 30px; } .actions__media2 .info__desc { max-width: 120px; } .actions__media2 .info__name { font-size: 16px; } .actions__media2 .actions__img img { width: calc(100vw - 32px); -webkit-transform: translateX(16px); transform: translateX(16px); } .actions__media2 .actions__sign { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; top: 35px; left: 0; width: 100%; } .actions_reviews .actions__img img { width: 107vw; } .actions_reviews .actions__info { bottom: 30px; } .actions_reviews .actions__info2 { top: 2%; } .info { padding: 22px; border-radius: 16px; gap: 12px; } .info__desc { font-size: 12px; line-height: 140%; } .footer { gap: calc(var(--space2) * 2); } .footer__main { gap: calc(var(--space2) * 2) 0; padding-bottom: 0; border-bottom: none; } .footer__first { gap: var(--space2); } .footer__first .logo { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .footer__first .logo img { width: 100%; } .footer-menu { width: 50%; } .footer__contacts { gap: 18px; padding-bottom: 0; } .footer__contacts .h2 { font-size: 24px; } .footer__contacts .footer__text { font-size: 14px; } .footer__contacts .btn { height: 80px; width: 100%; max-width: 204px; } .footer__btn.btn { max-width: 100%; height: auto; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .footer__text { font-size: 16px; } .footer .email { font-size: 21px; margin-top: -5px; } .footer__list { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; gap: calc(var(--space2) * 2); } .footer__item { gap: var(--space2); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer__item:first-child { gap: 2px; } .footer__item a:last-child, .footer__item p:last-child { text-align: left; } .footer__item p { font-size: 12px; line-height: 120%; } .footer__bot { gap: 16px; } .footer__bot > p { font-size: 12px; line-height: 115%; } .fixed-header__item { font-size: 11px; line-height: 140%; text-align: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; } .anchors { padding-left: 0; padding-right: 0; } .anchors__links { overflow: auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-left: var(--space2); padding-right: var(--space2); } .anchors__links_mob { padding-top: 11px; padding-bottom: 11px; } .anchors-link { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: var(--space2); } .use { gap: 30px; } .use-item { min-height: 116px; border-radius: 13px; } .use-item__cutout { width: 67px; height: 64px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .use-item__number { width: 58px; height: 54px; font-size: 20px; position: relative; z-index: 3; } .use-item__title { padding-left: 68px; font-size: 18px; } .use-item::after { display: none; } .use__head { gap: 24px; } .use__subtitle { font-size: 18px; padding: 12px var(--space3); border-radius: 12px; } .solution__title { margin-bottom: var(--space2); } .solution-service { min-width: 1px; width: 100%; padding: 28px var(--space2); gap: 24px; } .solution-service__img { margin-bottom: 42px; } .solution__nav { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 24px; margin-bottom: var(--space2); } .solution__btn { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 80px; } .solution__list .solution-service { min-height: 536px; } .solution:not(:has(.swiper)) .solution__btn { display: none; } .faq__title { margin-bottom: var(--space2); } .faq-item__inner { padding-top: 32px; } .faq-item__head { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px; } .faq-item__title { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: calc(100% - 46px); } .faq-item__title.h4 { font-size: 18px; -ms-hyphens: auto; hyphens: auto; overflow-wrap: break-word; word-break: normal; } .faq-item__title.h2 { width: 100%; font-size: 21px; } .faq-item__icon { margin-left: auto; width: 30px; height: 30px; min-width: 30px; } .faq-item__icon::after { width: 12px; height: 12px; } .faq-item:has(.faq-item__title.h2) { border-bottom: 0; } .faq-item_small { padding-bottom: var(--space2); } .faq-item_small .faq-item__inner { padding-top: 32px; } .faq-item_post { padding-bottom: 14px; } .faq-item_post .faq-item__inner { padding-bottom: 0; } .faq-item_post .faq-features__item { gap: 16px; } .faq-item_post:not(:last-child).active { margin-bottom: 0; } .faq-features__item { gap: var(--space2); width: 100%; font-size: 16px; } .faq-features__item_border { min-height: 1px; } .faq-card { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; } .faq-card__number { font-size: 16px; margin-top: 0; } .faq-card__number_big { font-size: 24px; } .faq-card::after { width: 180px; height: 180px; bottom: -30px; right: -30px; } .faq__list { gap: 8px; } .faq__list:has(.faq-item_post) { gap: 16px; } .faq__list_reverse .faq-item__icon { margin-left: 0; } .faq-call .btn { margin-top: 0; height: 80px; } .faq-desc { padding-top: 16px; padding-bottom: 16px; font-size: 17px; line-height: 26px; } .license__title { margin-bottom: var(--space2); } .license-slide { padding: calc(var(--space2) * 2) var(--space2); height: auto; min-height: 1px; gap: 24px; } .license-slide__icon { width: 60px; height: 60px; } .license-slide__title { font-size: 24px; margin-bottom: -26px; } .license__actions { margin-top: 12px; } .license__actions .btn { padding: 0; background: 0 0; color: #000; gap: 16px; } .license__actions .btn-icon { border: 1px solid #ececec; } .license__nav { gap: calc(var(--space2) / 2); } .services-info__main { width: 100%; gap: 42px; padding: 24px 16px; } .services-info-item { width: 100%; padding: 32px 16px; } .services-info-item:nth-child(2) { width: 100%; } .services-info-item__img { margin-bottom: 32px; } .services-info-item__title { margin-bottom: var(--space2); } .services-info-item__slog { padding: 0; } .implant { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .implant__left { padding-top: var(--space2); gap: 26px; } .implant__left, .implant__right { width: 100%; } .implant__slog { padding: 0; font-size: 16px; line-height: 140%; } .implant__right { padding: var(--space2); } .implant__img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .implant__img img { max-width: calc(100% - 80px); } .prices { gap: 32px; } .prices-info { gap: 28px; } .prices-info__subtitle { min-width: 1px; width: 100%; font-size: 26px; line-height: 120%; } .prices-info__left { gap: 28px; } .prices-info__right { gap: 32px; } .prices-info__prices { min-width: 1px; width: 100%; padding: var(--space2); } .prices-info__price { font-size: 35px; } .prices-info__sale { font-size: 24px; } .prices-services { margin-bottom: 8px; } .prices-services__title { margin-bottom: 12px; } .prices-services__subtitle { max-width: 100%; } .prices-services__wrap { gap: 32px; } .prices-card { padding: 30px; gap: 24px; } .prices-card__desc { font-size: 18px; } .prices > .btn { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 89px; padding-left: 30px; padding-right: 30px; } .prices > .btn .hide-mobile { display: none; } .about { border-radius: 22px; } .about_no-margin { padding-bottom: 12px; } .about_no-margin .about__head { margin-bottom: 0; } .about_bg { padding: 0; border-radius: 0; background: 0 0; } .about .breadcrumbs { margin-bottom: 12px; } .about__title { font-size: 36px; } .about__title_small { font-size: 30px; line-height: 100%; margin-bottom: 0; } .about__title_smallest { font-size: 24px; line-height: 100%; margin-bottom: 0; } .about__head { gap: 28px; margin-bottom: var(--space2); } .about__doctors .about__img img { -o-object-position: 25%; object-position: 25%; } .about__subtitle { font-size: 21px; line-height: 120%; } .about__img { height: 251px; border-radius: 12px; } .about__nav { position: static; gap: calc(var(--space2) / 2); } .about .btn { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .about__box { background-color: var(--bg3); padding: var(--space2); border-radius: 22px; margin-bottom: 0; } .about__box .back-link { margin-top: 1px; } .about__box_mob { background: 0 0; padding: 0; border-radius: 0; margin-bottom: 16px; } .about-case { padding: 30px; } .about-case .about__title { font-size: 21px; margin-bottom: 97px; } .about__sign { width: 110%; max-width: none; bottom: auto; top: 103px; left: -5%; width: 112%; } .about-slide { margin-bottom: 18px; } .about-slide__after-label, .about-slide__before-label { padding: 1px 8px; font-size: 12px; top: 9px; border-radius: 8px; } .about-slide__before-label { left: 9px; } .about-slide__after-label { right: 9px; } .about__info { gap: 8px; } .about__info .info__desc { font-size: 16px; } .about .anchors__links { width: calc(100% + 32px); margin-left: -16px; margin-top: 138px; position: relative; z-index: 2; } .back-link { padding: 4px 8px; height: 28px; border-radius: 8px; font-size: 14px; } .before-after { border-radius: 10px; } .before-after__divider { width: 2px; } .before-after__divider span { width: 12px; height: 12px; bottom: 7px; } .problem__title { margin-bottom: 24px; } .problem__wrap { gap: 32px; } .problem__img { min-height: 250px; -o-object-fit: cover; object-fit: cover; border-radius: 12px; } .problem__img_hint::after { width: 45px; height: 45px; background-size: 22px 22px; } .problem-item { padding: 28px 16px; gap: 28px; } .problem-item__desc { font-size: 18px; line-height: 140%; } .target { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .target__title { margin-bottom: 12px; } .target__wrap { max-width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; position: relative; padding: 22px; padding-top: 80px; gap: 8px; } .target__wrap::after { top: -19px; left: 46px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .target__subtitle { position: absolute; left: 22px; top: 22px; } .target__desc { font-size: 16px; } .target__img { position: static; max-width: 100%; min-height: 1px; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .target__img img { max-width: 400px; width: 100%; margin-right: -20px; } .target .btn { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .target .btn .hide-mobile { display: none; } .tehno { border-radius: 22px; } .tehno__title { margin-bottom: var(--space2); } .tehno-item { width: 100%; padding: 8px var(--space2) var(--space2); border-radius: 12px; } .tehno-item__item { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; gap: 8px; } .tehno-slide__left { gap: 12px; } .tehno-slide__subtitle { font-size: 14px; line-height: 120%; margin-bottom: 20px; } .tehno-slide__desc { font-size: 14px; line-height: 140%; gap: var(--space2); } .tehno-slide ul { gap: var(--space2); } .tehno-slide ul li { gap: var(--space2); } .tehno__head { margin-bottom: 18px; } .partners__title { margin-bottom: 12px; } .partners__actions { display: none; } .anchors__title { font-size: 24px; padding-left: 16px; padding-right: 16px; } .anchors__links { gap: 15px; } .anchors-link { padding-top: 15px; padding-bottom: 15px; } .aspects__list { gap: 8px; margin-bottom: 60px; } .aspects__label { font-size: 14px; padding: 10px 11px; } .aspects-video { min-height: 289px; } .aspects-video__btn { bottom: 20px; left: 20px; } .aspects-video__btn img { width: 11px; } .aspects__wrap { gap: 60px; } .aspects-card { padding: 32px 16px 27px; gap: 12px; } .implant__head { margin-bottom: 7px; } .implant__hint { margin-top: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 32px; padding-bottom: 32px; font-size: 18px; line-height: 140%; gap: 12px; width: 100%; margin-bottom: 2px; } .implant__hint p { max-width: 284px; } .implant__btn { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 89px; padding-left: 30px; padding-right: 30px; } .implant__btn p::first-letter { text-transform: uppercase; } .implant__btn p > span { display: none; } .implant__right:has(.implant__video) { padding: 0; border-radius: 22px; overflow: hidden; } .implant__video { aspect-ratio: auto; height: 289px; } .accent { padding: 27px 16px; } .accent-label { padding: 14px var(--space1); height: auto; } .pricing__title { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; margin-bottom: 32px; } .pricing-slide__left { padding-top: 16px; gap: 30px; } .pricing-slide__help { right: 16px; top: 16px; } .pricing-slide__help .help__icon { width: 30px; height: 30px; } .pricing-slide__sum { gap: 20px; margin-bottom: 0; } .pricing-slide__total { font-size: 30px; padding: 19px 12px; margin-bottom: 3px; } .pricing-slide__btn { width: 100%; height: 89px; } .pricing-slide__right { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pricing-slide__img { max-width: 236px; } .pricing__nav { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 8px; margin-top: 22px; margin-bottom: 28px; } .pricing__subtitle { margin-bottom: 24px; } .pricing__list { gap: 20px; } .pricing-card { padding: 30px; width: 100%; } .pricing-card__head { gap: 21px; } .pricing-card__desc { font-size: 18px; } .pricing-card__sum { height: auto; padding: var(--space2); } .pricing__btn { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .help-box__features { gap: 8px; } .help-box-feature { width: calc(50% - 4px); } .help-box-card { gap: 16px; } .help-box-card__list { gap: 8px; } .help-box-card__item { gap: 8px; } .help-box-big__btn { gap: 8px; } .help-box .body-s { font-size: 12px; } .contacts { gap: 16px; } .contacts-main__desc:nth-child(3) { margin-bottom: 14px; } .contacts-info__item { gap: 15px; } .contacts-socials { gap: 30px; } .contacts-socials .socials-item { width: 48px; height: 48px; border-radius: 16px; } .result__title { margin-bottom: 30px; } .result__img { border-radius: 12px; min-height: 250px; } .result__img img { -o-object-fit: cover; object-fit: cover; } .result__wrap { gap: 26px; } .result__info .info__desc { font-size: 16px; line-height: 140%; } .result__right { gap: 28px; } .result-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 22px; padding: 32px 16px; } .result-item__title { font-size: 24px; } .doctors { gap: 28px; } .doctors-slide { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: auto; overflow: hidden; } .doctors-slide__title { font-size: 32px; line-height: 115%; } .doctors-slide__left { padding: 22px 30px 30px; margin-bottom: 12px; gap: 4px; } .doctors-slide__img { position: static; width: 100%; max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .doctors-slide__img img { max-width: none; width: 123%; } .doctors-slide__desc { margin-bottom: 20px; font-size: 16px; } .doctors-slide .btn { height: 89px; font-size: 18px; gap: 24px; padding-left: 30px; padding-right: 30px; } .doctors__nav { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 8px; } .doctors_main { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .doctors-card { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .doctors-card__age { position: static; -webkit-box-ordinal-group: -1; -ms-flex-order: -2; order: -2; padding: 15px 16px; } .doctors-card__labels { width: 100%; max-width: 100%; gap: 6px; margin-top: -5px; } .doctors-card__label { padding: 7px 8px; font-size: 12px; line-height: 140%; border-radius: 12px; } .doctors-card__left { padding: 15px; padding-bottom: 11px; gap: 32px; } .doctors-card__title { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; font-size: 32px; line-height: 110%; } .doctors-card__img { width: 100%; max-width: 100%; position: static; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .doctors-card__img img { max-width: none; width: 125%; } .doctors-card__sign { display: none; } .doctors-card__btns { width: 100%; gap: 8px; margin-top: 4px; } .doctors-card__btns .btn { font-size: 18px; padding-left: 30px; padding-right: 30px; height: 89px; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .doctors-card-big .doctors-card__sign { display: -webkit-box; display: -ms-flexbox; display: flex; top: auto; bottom: 254px; right: -27px; width: 115%; } .doctors-card-big .doctors-card__title { line-height: 105%; margin-bottom: 24px; } .doctors-card-big .doctors-card__labels { margin-bottom: 4px; } .doctors-card-big .doctors-card__btn { height: 89px; padding-left: 30px; padding-right: 30px; font-size: 18px; } .doctors-card-big .doctors-card__btn p > span { display: none; } .doctors-card-big .doctors-card__img { width: 100%; margin-top: 20px; } .life__title { margin-bottom: 36px; } .life__img { border-radius: 12px; min-height: 251px; } .life__img img { -o-object-fit: cover; object-fit: cover; } .life__wrap { gap: 26px; } .life__info .info__desc { font-size: 16px; line-height: 140%; } .life__sign { position: static; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: -40px; margin-bottom: 12px; } .life__sign img { max-width: none; width: 120%; } .tips-item { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding: var(--space2); gap: 24px; } .about-doctor__left { gap: 12px; } .about-doctor__desc { gap: 14px; } .about-doctor__right { gap: 12px; } .about-doctor-item { gap: calc(var(--space2) * 2); overflow: hidden; border-top-left-radius: 0; min-height: 185px; } .about-doctor-item__cutout { width: 67px; height: 64px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .about-doctor-item__number { width: 58px; height: 54px; font-size: 20px; position: relative; z-index: 3; } .about-doctor-item__title { padding-left: 0; font-size: 20px; min-height: 1px; margin-top: auto; padding-bottom: 10px; } .quote { gap: 26px; } .quote__sign { left: -1px; top: 23px; width: 105%; } .quote__info { margin-top: -14px; padding: 16px; } .quote__info .info__name { font-size: 20px; line-height: 120%; font-weight: 300; } .quote__desc { font-size: 16px; } .quote__left { gap: 24px; } .quote__btn { height: 89px; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 30px; padding-right: 30px; font-size: 18px; } .quote__btn p > span { display: none; } .experience__title { margin-bottom: var(--space2); } .experience-slide { padding: 10px 16px 16px; height: auto; min-height: 1px; gap: 24px; } .experience-slide__icon { width: 48px; height: 48px; } .experience-slide__title { font-size: 24px; } .experience-slide__desc { font-size: 16px; } .experience-slide__inner { gap: 6px; } .experience__actions { margin-top: 18px; } .experience__actions .btn { padding: 0; background: 0 0; color: #000; gap: 16px; } .experience__actions .btn-icon { border: 1px solid #ececec; } .experience__nav { gap: calc(var(--space2) / 2); } .service-doctor { gap: 32px; } .service-doctor__head { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 36px; } .service-doctor__label { padding: 15px 16px; } .service-doctor__title { font-size: 24px; } .service-doctor__title_big { font-size: 32px; } .service-doctor-slide { width: 100%; min-height: 1px; gap: 30px; padding: 30px; } .service-doctor-slide__title { font-size: 24px; margin-bottom: 0; } .service-doctor-slide__img { width: 100%; } .service-doctor-slide__btn { display: none; } .service-doctor-slide_event { padding-bottom: 0; gap: 20px; } .service-doctor-slide_event .service-doctor-slide__title { min-height: 58px; } .service-doctor-slide_event .service-doctor-slide__img { width: auto; } .service-doctor-slide_event .service-doctor-slide__img img { max-height: 330px; } .service-doctor-slide_event .service-doctor-slide__btn { display: -webkit-box; display: -ms-flexbox; display: flex; } .service-doctor .service-doctor__btn_event { height: 62px; padding-left: 16px; padding-right: 16px; border-radius: 12px; gap: 13px; } .service-doctor .service-doctor__btn_event .btn-icon { width: 30px; height: 30px; min-width: 30px; background-color: var(--accent2); } .service-doctor .service-doctor__btn_event .btn-icon svg { width: 12px; height: auto; } .service-doctor .service-doctor__btn_event .btn-icon path { fill: var(--bg3); } .service-doctor-pagination .swiper-pagination-bullet { width: 24px; height: 24px; } .service-doctor-pagination .swiper-pagination-bullet::after { width: 10px; height: 10px; } .about { overflow: hidden; } .about-events { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 102px; gap: var(--space2); } .about-events__item { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; max-width: 100%; padding: 11px 16px 16px; gap: 20px; } .about-events__icon svg { width: 10px; } .about-events-img { top: 77px; right: -2px; } .about-events-img_desk { display: -webkit-box; display: -ms-flexbox; display: flex; } .about-events-img_small { top: auto; bottom: -14px; right: -2px; max-width: 190px; } .about__title_event { font-size: 32px; margin-top: -6px; } .about__title_news { font-size: 32px; margin-top: -6px; margin-bottom: 0; } .about-events-img_mob { display: none; } .posts:has(.posts-swiper) { gap: 32px; } .posts:has(.posts-swiper) .posts-slide__img { height: 350px; margin-bottom: 24px; } .posts:has(.posts-swiper) .posts-slide .btn-icon { margin-top: 32px; } .posts__list .posts-slide { width: 100% !important; } .posts__list .posts-slide__title { font-size: 24px; } .posts__pagination { gap: 8px; margin-top: 16px; } .posts__pag-item { width: 48px; height: 48px; } .meta { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; } .meta__title { width: 100%; margin-top: 10px; } .meta .btn { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; } .event-main { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding: var(--space2); } .event-main__left { gap: 30px; } .event-main__title { font-size: 24px; } .event-main__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; } .event-main__item { gap: 6px; } .event-main__item .body-m { font-size: 16px; } .default { gap: 28px; } .default-block { gap: 16px; } .default-block .default__bg { margin-top: 16px; } .default-block:not(:has(.subtitle)) .big-list { margin-top: 16px; } .default ul { gap: 13px; margin-top: 16px; } .default ul li { font-size: 16px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 10px; padding: 0; } .default__numeric-list { gap: 16px; margin-top: 20px; } .default-numeric-item { gap: 7px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .default-numeric-item span { min-width: 38px; height: 35px; width: auto; padding: 8px; border-radius: 6px; font-size: 16px; } .default-numeric-item p { font-size: 16px; } .default__tags { gap: 16px; } .default-tag { height: 54px; padding-left: 16px; padding-right: 16px; } .default__left { gap: 28px; } .default-doctor { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; padding-bottom: 0; gap: 32px; } .default-doctor__left { gap: 26px; } .default-doctor__left .h5 { font-size: 20px; font-weight: 300; } .default-doctor__left .body-m { font-size: 16px; } .default-doctor__left .default-tag { height: 43px; padding-left: 25px; padding-right: 25px; } .default-doctor__right { position: static; } .default-doctor__img { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .default-doctor__img img { max-width: none; width: 110%; } .default .subtitle { font-size: 16px; } .default .big-list { margin-top: 0; } .default-service { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 32px; gap: 36px; } .default-service__left { width: 100%; gap: 10px; } .default-service .btn { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .default-include { margin-top: 22px; gap: 16px; } .default-include__title { font-size: 32px; -ms-hyphens: auto; hyphens: auto; overflow-wrap: break-word; word-break: normal; } .default-include__img { height: 188px; } .default-include__list { gap: 12px; margin-bottom: 10px; } .default-include-item { gap: calc(var(--space2) * 2); overflow: hidden; border-top-left-radius: 0; } .default-include-item__cutout { width: 67px; height: 64px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .default-include-item__number { width: 58px; height: 54px; font-size: 20px; position: relative; z-index: 3; } .default-include-item__title { font-size: 18px; font-weight: 300; padding-left: 68px; min-height: 44px; } .default-include-item__inner { padding-left: 0; gap: 16px; } .default-include .default__bg { margin-top: 12px; padding: 32px 16px; } .default-accent { font-size: 16px; line-height: 115%; } .default__wrap { gap: 30px; } .default__right { gap: 36px; } .default__right .btn p > span { display: none; } .default-nav { gap: 30px; } .default-nav__title { font-size: 24px; } .default-nav__btn { height: 80px; } .videos-slide__img img { height: 252px; } .videos-slide__btn { position: absolute; left: auto; bottom: auto; right: 10px; top: 10px; z-index: 2; } .videos-slide__btn img { width: 12px; } .videos-slide:hover::after { opacity: 0; } .videos__nav { gap: 8px; margin-top: 0; } .gallery { gap: 32px; } .gallery__title { margin-bottom: 0; } .gallery-slide { padding: 10px; } .gallery-slide__img img { height: 280px; } .gallery-slide__img::before { opacity: 1; } .gallery-slide::after { opacity: 1; } .gallery__nav { gap: 8px; } .post-settings { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 30px; } .post-settings__list { gap: 8px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .post-settings__list .body-m { font-size: 16px; } .posts__list { gap: 36px; } .posts__list .posts-slide .btn-icon { right: 26px; top: 26px; } .posts__list .posts-slide__img { margin-bottom: 20px; } .posts__list .posts-slide__title { margin-bottom: 26px; } .reviews_main { padding-bottom: 16px; margin-bottom: 16px; } .reviews__left { gap: 16px; } .reviews__left .reviews__title { font-size: 36px; } .reviews__box { gap: 16px; } .reviews-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 8px; overflow: auto; padding: 0 16px; width: calc(100% + 32px); margin-left: -16px; background: 0 0; border-radius: 0; } .reviews-nav__link { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; min-width: 174px; padding: 8px; border: 1px solid var(--border2); font-size: 12px !important; border-radius: 6px; } .reviews-block { gap: 32px; } .reviews-block .reviews-slide { height: auto; min-height: 1px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 29px; } .reviews-block .reviews-slide__title { -webkit-box-ordinal-group: -2; -ms-flex-order: -3; order: -3; font-size: 18px; } .reviews-block .reviews-slide__inner { width: 100%; } .reviews-block .reviews-slide__video { -webkit-box-ordinal-group: -3; -ms-flex-order: -4; order: -4; height: 130px; border-radius: 12px; } .reviews-block .reviews-slide__desc { font-size: 14px; line-height: 142%; } .reviews-block .reviews__nav { margin-left: 0; } .s404 { gap: 24px; } .s404__title { font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .s404__title br { display: none; } .s404__btn { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .back-link_space { margin-top: 16px !important; } .thanks-modal { padding: 84px 16px 48px; gap: 40px; } .thanks-modal__close { top: 16px; right: 16px; } .thanks-modal__icon { width: 55px; height: 55px; } .thanks-modal__icon svg { width: 18px; } .thanks-modal__desc { font-size: 16px; } .team-slide__info { max-width: 400px; position: unset; align-items: flex-start; } .info::after { display: none; } .team-slide { display: flex; flex-direction: column; gap: 24px; justify-content: space-between; } .default-block p, .default-block li, .default-block a, .default-block span { font-size: 16px; } .pricing-card__title { font-size: 18px; } .dev { gap: 38px; } .dev__text::before { width: 20px; left: -8px; } .faq-card__title { font-size: 16px; } .fixed-header { min-width: 288px; } } @media screen and (max-width: 479.98px) { .team-slide__info { max-width: none; } .team__sign2 { top: auto; bottom: 70px; } .team-slide__info .btn { width: 100%; } .pricing-slide__total { font-size: 25px; } .hero-boss { min-height: 390px; } .n-hero-services .hero-boss { min-height: auto; } } @media screen and (max-width: 389.98px) { .hero-main__title { font-size: 28px; } .fear-item__title { min-height: 52px; padding-left: 76px; font-size: 20px; } .help-box-feature { width: 100%; } .reviews__left .reviews__title { font-size: 32px; } .pricing-card__title { font-size: 16px; } .pricing-card__desc { font-size: 16px; } } @media screen and (max-width: 375px) { .dev { flex-direction: column; gap: 18px; } .dev__text { text-align: center; } .dev__text::before { display: none; } } /* End */ /* Start:/bitrix/templates/siadent/assets/css/custom.css?178818678618778*/ /* плашка cookie */ .cookie { position: fixed; bottom: 20px; left: 20px; width: 100%; transform: translateY(100%); opacity: 0; visibility: hidden; z-index: 9999; transition: all 0.6s ease 0.5s; max-width: 320px; } .cookie._is-visible { transform: translateY(0); opacity: 1; visibility: visible; } .cookie__wrapper { padding: 16px; background: #fff; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } .cookie__text { color: var(--text); font-size: 14px; line-height: 21px; } .cookie__text a { text-decoration: underline; color: var(--accent); } .cookie__btn { display: flex; gap: 10px; } .cookie__accept { font-size: 14px; line-height: normal; padding: 10px; border-radius: 10px; color: #fff; cursor: pointer; transition: all 0.3s ease 0s; will-change: transform; width: 100%; text-align: center; background: var(--accent); } .cookie__accept:hover { transform: scale(0.98); } .cookie__block { padding: 16px; display: flex; gap: 10px; flex-direction: column; border-radius: 10px; border: 1px solid var(--border); } @media screen and (max-width: 1439.98px) { .cookie { bottom: 119px; } } @media screen and (max-width: 1023.98px) { .cookie { bottom: 90px; } } @media screen and (max-width: 767.98px) { .cookie { bottom: 82px; } .cookie__accept { font-size: 14px; line-height: 18px; } .cookie__wrapper { flex-direction: column; gap: 15px; } } @media screen and (max-width: 479.98px) { .cookie__text { font-size: 10px; line-height: 18px; } .cookie__block { padding: 12px; } .cookie__accept { font-size: 10px; padding: 8px; } .cookie__wrapper { padding: 12px; } .cookie { max-width: 250px; } } .anchors__links a:hover { background-color: var(--accent); color: var(--text2); } .anchors__links a { padding: 16px 25px; border: 1px solid var(--border2); border-radius: 12px; white-space: nowrap; } .anchors__links a.current { background-color: var(--accent); color: var(--text2); } .doctors-card_hidden { display: none; } /* .prices-services__list { flex-basis: 100%; } */ .pricing__list { width: 100%; } .callback-modal { width: calc(100% - 40px); max-width: 604px; background-color: var(--bg3); padding: var(--space1); border-radius: 22px; position: relative; } .callback-modal__close { display: flex; position: absolute; top: 22px; right: 21px; } .callback-modal__subtitle { margin-bottom: var(--space2); } .callback-modal__form { display: flex; flex-direction: column; gap: var(--space2); } @media screen and (max-width: 767.98px) { .callback-modal__close { top: 16px; right: 16px; } } .page-banner { display: flex; flex-direction: column; gap: var(--space1); padding: var(--space1); position: relative; border-radius: 32px; } .page-banner__head { display: flex; flex-direction: column; position: relative; } .page-banner__title { word-break: break-word; } .page-content { padding: var(--space1); border-radius: 32px; position: relative; } .page-content__body { display: flex; flex-direction: column; gap: 1em; } .page-content__body ul li { list-style: disc; margin-left: 15px; } .page-content__body ol li { list-style: decimal; margin-left: 15px; } .page-content__body ul li:last-child, .page-content__body ol li:last-child { margin-bottom: 0; } @media screen and (max-width: 767.98px) { .page-banner { border-radius: 22px; overflow: hidden; } .page-content { border-radius: 22px; overflow: hidden; } } .review-detail-modal { z-index: 102; } .hystmodal__opened:has(.review-detail-modal.hystmodal--active) .fixed-header { z-index: 80; } .review-detail-modal .hystmodal__wrap { box-sizing: border-box; height: 100%; min-height: 0; margin: 0; padding: 30px; justify-content: center; } .review-detail-modal__window { margin: 0; width: min(1280px, 100%); height: auto; max-height: calc(100vh - 60px); max-height: calc(100dvh - 60px); overflow: hidden; border-radius: 22px; background: var(--bg3); box-shadow: 0 24px 80px rgba(44, 61, 42, 0.18); opacity: 0; transform: translateY(14px) scale(0.985); transition: opacity 180ms cubic-bezier(0.23, 1, 0.32, 1), transform 180ms cubic-bezier(0.23, 1, 0.32, 1); } .review-detail-modal.hystmodal--active .review-detail-modal__window { opacity: 1; transform: translateY(0) scale(1); } .review-detail-modal__close { position: absolute; z-index: 3; top: 20px; right: 20px; display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; padding: 0; border: 1px solid var(--border); border-radius: 50%; background: var(--bg3); cursor: pointer; transition: background-color 180ms cubic-bezier(0.23, 1, 0.32, 1), border-color 180ms cubic-bezier(0.23, 1, 0.32, 1), transform 180ms cubic-bezier(0.23, 1, 0.32, 1); } .review-detail-modal__close img { display: none; } .review-detail-modal__close::before, .review-detail-modal__close::after { content: ""; position: absolute; width: 17px; height: 1.5px; border-radius: 2px; background: var(--accent); } .review-detail-modal__close::before { transform: rotate(45deg); } .review-detail-modal__close::after { transform: rotate(-45deg); } .review-detail-modal__close:active { transform: scale(0.94); } .review-detail-modal__close:focus-visible { outline: 2px solid var(--accent2); outline-offset: 3px; } .review-detail-modal__layout { display: flex; flex-direction: column; height: auto; max-height: inherit; min-height: 0; } .review-detail-modal__layout--text-only { display: block; min-height: 0; } .review-detail-modal__layout--text-only .review-detail-modal__content { min-height: 0; } .review-detail-modal__media { position: relative; width: 100%; min-width: 0; margin-top: 32px; } .review-detail-modal__gallery-shell { position: relative; width: 100%; min-width: 0; } .review-detail-modal__gallery { width: 100%; min-width: 0; overflow: hidden; } .review-detail-modal__gallery-track { align-items: stretch; } .review-detail-modal__thumb { position: relative; display: block; width: 176px; min-width: 176px; aspect-ratio: 4 / 3; overflow: hidden; border: 2px solid transparent; border-radius: 14px; background: var(--bg4); transition: border-color 180ms cubic-bezier(0.23, 1, 0.32, 1), opacity 180ms cubic-bezier(0.23, 1, 0.32, 1); } .review-detail-modal__thumb:first-child { border-color: var(--accent2); } .review-detail-modal__thumb:focus-visible { border-color: var(--accent); outline: 2px solid var(--accent2); outline-offset: 3px; } .review-detail-modal__thumb img { display: block; width: 100%; height: 100%; object-fit: cover; } .review-detail-modal__thumb-icon { position: absolute; top: 50%; left: 50%; display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; background: rgba(44, 61, 42, 0.9); opacity: 0; transform: translate(-50%, -44%); transition: opacity 180ms cubic-bezier(0.23, 1, 0.32, 1), transform 180ms cubic-bezier(0.23, 1, 0.32, 1); } .review-detail-modal__thumb-icon img { display: block; width: 18px; height: 18px; object-fit: contain; } .review-detail-modal__thumb--video .review-detail-modal__thumb-icon, .review-detail-modal__thumb:focus-visible .review-detail-modal__thumb-icon { opacity: 1; transform: translate(-50%, -50%); } .review-detail-modal__gallery-arrow { position: absolute; z-index: 2; top: 50%; display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; padding: 0; border: 1px solid var(--border); border-radius: 50%; background: var(--accent); transform: translateY(-50%); cursor: pointer; transition: background-color 180ms cubic-bezier(0.23, 1, 0.32, 1), border-color 180ms cubic-bezier(0.23, 1, 0.32, 1), opacity 180ms cubic-bezier(0.23, 1, 0.32, 1); } .review-detail-modal__gallery-arrow img { display: block; width: 22px; height: 18px; } .review-detail-modal__gallery-arrow--previous { left: 8px; } .review-detail-modal__gallery-arrow--next { right: 8px; } .review-detail-modal__gallery-arrow:focus-visible { outline: 2px solid var(--accent2); outline-offset: 3px; } .review-detail-modal__gallery-arrow:disabled { cursor: default; opacity: 0; } .review-detail-modal__gallery-arrow.swiper-button-lock { display: none; } @media (hover: hover) and (pointer: fine) { .review-detail-modal__close:hover { border-color: var(--accent2); background: var(--bg4); } .review-detail-modal__thumb:hover { border-color: var(--accent); } .review-detail-modal__thumb:hover .review-detail-modal__thumb-icon { opacity: 1; transform: translate(-50%, -50%); } .review-detail-modal__gallery-arrow:hover:not(:disabled) { border-color: var(--accent); background: var(--accent2); } } .review-detail-modal__content { box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-start; width: 100%; min-width: 0; min-height: 0; max-height: inherit; padding: 44px 56px 44px 40px; overflow-y: auto; overscroll-behavior-y: contain; scrollbar-gutter: stable; scrollbar-color: var(--accent2) transparent; scrollbar-width: thin; } .review-detail-modal__content::-webkit-scrollbar { width: 6px; } .review-detail-modal__content::-webkit-scrollbar-thumb { border-radius: 999px; background: var(--accent2); } .review-detail-modal__category { margin: 0 52px 30px 0; padding: 9px 14px; border-radius: 10px; background: var(--accent2); color: var(--text2); font-size: 13px; line-height: 1.2; } .review-detail-modal__author { display: flex; align-items: center; gap: 14px; margin-bottom: 34px; } .review-detail-modal__avatar { display: flex; flex: 0 0 58px; width: 58px; height: 58px; overflow: hidden; border-radius: 50%; background: var(--bg4); } .review-detail-modal__avatar picture, .review-detail-modal__avatar img { width: 100%; height: 100%; object-fit: cover; } .review-detail-modal__author-info { display: flex; flex-direction: column; gap: 4px; } .review-detail-modal__name { margin: 0; font-size: 20px; font-weight: 500; } .review-detail-modal__rating { display: flex; min-height: 18px; } .review-detail-modal__rating img, .review-detail-modal__rating svg { height: 19px; } .review-detail-modal__title { margin: 0 0 22px; color: var(--accent); font-size: 40px; font-weight: 300; line-height: 1.18; } .review-detail-modal__text { margin: 0; color: var(--text); font-size: 18px; line-height: 1.55; white-space: pre-line; } .review-detail-modal__text[hidden], .review-detail-modal__media[hidden] { display: none; } @media screen and (max-width: 1023.98px) { .review-detail-modal .hystmodal__wrap { padding: 16px 16px 140px; justify-content: center; } .review-detail-modal__window { height: auto; max-height: calc(100vh - 156px); max-height: calc(100dvh - 156px); } .review-detail-modal__content { padding: 36px 52px 36px 28px; } } @media screen and (max-width: 767.98px) { .review-detail-modal .hystmodal__wrap { align-items: center; } .review-detail-modal__window { height: auto; max-height: calc(100vh - 156px); max-height: calc(100dvh - 156px); overflow-y: auto; border-radius: 16px; } .review-detail-modal__layout { display: flex; flex-direction: column; min-height: 0; } .review-detail-modal__media { margin-top: 24px; } .review-detail-modal__thumb { width: 148px; min-width: 148px; border-radius: 12px; } .review-detail-modal__content { min-height: 0; max-height: none; padding: 28px 20px 26px; overflow-y: visible; scrollbar-gutter: auto; } .review-detail-modal__close { top: 12px; right: 12px; width: 40px; height: 40px; } .review-detail-modal__category { margin: 0 42px 22px 0; font-size: 12px; } .review-detail-modal__author { margin-bottom: 24px; } .review-detail-modal__avatar { flex-basis: 50px; width: 50px; height: 50px; } .review-detail-modal__name { font-size: 18px; } .review-detail-modal__title { margin-bottom: 16px; font-size: 28px; } .review-detail-modal__text { font-size: 16px; } } @media (prefers-reduced-motion: reduce) { .review-detail-modal__window, .review-detail-modal__close, .review-detail-modal__thumb, .review-detail-modal__thumb-icon, .review-detail-modal__gallery-arrow { transition-duration: 0.01ms !important; } } .description .faq-features { gap: var(--space1); } .description .faq-features__item { width: calc(50% - var(--space1) / 2); } @media screen and (max-width: 767.98px) { .description .faq-features__item { width: 100%; } } .faq-item__inner-text { display: flex; flex-direction: column; gap: 1em; } .faq-item__inner-text:first-child { margin-bottom: var(--space3); } .faq-item__inner-text:last-child { margin-top: var(--space3); } .reviews-slide__preview { border-radius: 22px; /* max-height: 460px; */ width: 100%; overflow: hidden; } .reviews-slide__preview img { object-position: center; } @media screen and (max-width: 767.98px) { .reviews-block .reviews-slide__video, .reviews-slide__preview { height: auto; aspect-ratio: 1 / 1; } } .menu-modal__section { display: flex; align-items: center; justify-content: space-between; gap: 12px; } .menu-modal__section .menu-modal__link { flex: 1; } .menu-modal__icon { flex-shrink: 0; padding: 8px; background-color: var(--accent2); border: 2px solid var(--accent2); border-radius: 12px; height: 35px; width: 35px; cursor: pointer; } .menu-modal__icon img { filter: brightness(0) invert(1); } .menu-modal .menu-modal__section.open .menu-modal__icon { background-color: transparent; } .menu-modal .menu-modal__section.open .menu-modal__icon img { filter: none; } .menu-modal .menu-modal__section.open + .sub-menu { opacity: 1; padding-top: 30px; } .menu-modal .menu-modal__section.open .menu-modal__icon img:first-child { opacity: 0; } .menu-modal .menu-modal__section.open .menu-modal__icon img:last-child { opacity: 1; } body { padding-bottom: 70px; } @media screen and (max-width: 1439.98px) { body { padding-bottom: 100px; } } @media screen and (max-width: 767px) { body { padding-bottom: 94px; } } .doctors-card__img { right: 10px; max-height: 80%; } .doctors-card__img img { object-fit: contain; object-position: right; } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .implant { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .implant__left, .implant__right { width: 100%; } .implant__right { padding: 0; } .implant__video { max-height: 400px; margin: auto; width: auto; } .pricing-card { justify-content: space-between; } } .doctors-slide__img { max-height: 90%; } .doctors-slide__img img { width: auto; object-fit: contain; object-position: right; } .doctors-slide__desc { max-width: 50%; } @media screen and (max-width: 767px) { .doctors-slide__desc { max-width: 100%; } .doctors-slide__img { height: 300px; } .doctors-slide__img img { height: 100%; } .doctors-slide { justify-content: space-between; } } .partners-slide { padding: 20px; } .help-box-card__item { gap: 0.25em; } .help-box-card__art { font-size: 12px; line-height: 140%; width: 100%; } .services-card__img { height: 100%; max-height: 325px; padding: 30px; margin: auto; } .services-card__img img { height: 100%; object-fit: contain; object-position: center; } .n-footer__bottom { display: flex; flex-direction: column; gap: 30px; } .n-footer__list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; } .n-footer__item { display: flex; flex-direction: column; gap: 12px; } .n-footer__item._center { align-items: center; } .n-footer__item._end { align-items: flex-end; } .n-footer__item._end * { text-align: end; } .n-footer__bottom * { font-size: 16px; line-height: 140%; } .n-footer__bottom a { color: var(--accent); text-decoration: underline; } .n-footer__bottom .n-footer__item.n-footer__contacts a { text-decoration: none; } @media screen and (max-width: 1439.98px) { .n-footer__bottom * { font-size: 14px; } } @media screen and (max-width: 1023.98px) { .n-footer__list { grid-template-columns: 1fr; gap: 16px; } .n-footer__item._center, .n-footer__item._end { align-items: flex-start; } .n-footer__item._end * { text-align: start; } .n-footer__item._hidden { display: none; } .n-footer__bottom { gap: 16px; } .n-footer__list:nth-child(1) { order: 2; } .n-footer__list:nth-child(2) { order: 1; } } input[type="submit"]:disabled ~ .btn-icon { cursor: not-allowed; } .solution-service__img, .implant__img { text-align: center; } /* End */ /* /bitrix/templates/siadent/assets/lib/hystmodal.min.css?17531028242290 */ /* /bitrix/templates/siadent/assets/lib/swiper-bundle.min.css?176028444213932 */ /* /bitrix/templates/siadent/assets/lib/fancybox.min.css?175317999827955 */ /* /bitrix/templates/siadent/assets/css/main.min.css?1788255128164749 */ /* /bitrix/templates/siadent/assets/css/media.min.css?178825362382928 */ /* /bitrix/templates/siadent/assets/css/custom.css?178818678618778 */