/* Start:/local/templates/spa_2022/css/fancybox.css?166993108815598*/ .carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block} /* End */ /* Start:/local/templates/spa_2022/css/flexbox.css?16699310885511*/ *, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .flex { display: -ms-flexbox; display: flex; flex: 1; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-basis: 100%; flex-basis: 100%; } .flex.row { flex-direction: row; margin-left: -15px; margin-right: -15px; -ms-flex-basis: 100%; flex-basis: 100%; } .flex.row_2 { flex-direction: row; margin-left: -30px; margin-right: -30px; -ms-flex-basis: 100%; flex-basis: 100%; } .flex.row>* { padding-left: 15px; padding-right: 15px; } .flex.row_2>* { padding-left: 30px; padding-right: 30px; } .flex.column { flex-direction: column; } .flex.nowrap { flex-wrap: nowrap; } .flex.stretch { align-items: stretch; } .flex.stretch>.stretch-height>* { height: 100%; } .flex.w-space-between { justify-content: space-between; } .flex.h-space-between { align-content: space-between; } .flex.column-reverse { flex-direction: column-reverse; } .flex.row-reverse { flex-direction: row-reverse; } .flex.nowrap { flex-wrap: nowrap; } .md-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .md-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .md-3 { flex: 0 0 25%; max-width: 25%; } .md-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } .md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .md-6 { flex: 0 0 50%; max-width: 50%; } .md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .md-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .md-9 { flex: 0 0 75%; max-width: 75%; } .md-10 { max-width: 83.33333333%; flex: 0 0 83.33333333%; } .md-11 { max-width: 91.66666667%; flex: 0 0 91.66666667%; } .md-12 { flex: 0 0 100%; max-width: 100%; } .md-20pr { flex: 0 0 20%; max-width: 20%; width: 100%; padding-left: 10px; padding-right: 10px; } .md-hide { display: none !important; } .md-show { display: block !important; } @media only screen and (max-width:1259px) { .sm-hide { display: none !important; } .sm-show { display: block !important; } .flex.sm-column { flex-direction: column; } .flex.sm-column-reverse { flex-direction: column-reverse; } .flex.sm-row-reverse { flex-direction: row-reverse; } .sm-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .sm-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .sm-3 { flex: 0 0 25%; max-width: 25%; } .sm-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } .sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .sm-6 { flex: 0 0 50%; max-width: 50%; } .sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .sm-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .sm-9 { flex: 0 0 75%; max-width: 75%; } .sm-10 { max-width: 83.33333333%; flex: 0 0 83.33333333%; } .sm-11 { max-width: 91.66666667%; flex: 0 0 91.66666667%; } .sm-12 { flex: 0 0 100%; max-width: 100%; } } @media only screen and (max-width:767px) { .flex.xs-column { flex-direction: column; } .flex.xs-column-reverse { flex-direction: column-reverse; } .flex.xs-row-reverse { flex-direction: row-reverse; } .xs-hide { display: none !important; } .xs-show { display: block !important; } .xs-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .xs-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .xs-3 { flex: 0 0 25%; max-width: 25%; } .xs-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } .xs-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .xs-6 { flex: 0 0 50%; max-width: 50%; } .xs-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .xs-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .xs-9 { flex: 0 0 75%; max-width: 75%; } .xs-10 { max-width: 83.33333333%; flex: 0 0 83.33333333%; } .xs-11 { max-width: 91.66666667%; flex: 0 0 91.66666667%; } .xs-12 { flex: 0 0 100%; max-width: 100%; } } /*-------flex-carousel-------*/ .flex-carousel { display: flex; overflow-x: scroll; scroll-snap-type: x mandatory; padding: 40px; scroll-padding: 40px; gap: 20px; flex-wrap: nowrap; padding: 0 25px; margin: 0 -25px; } .flex-carousel::-webkit-scrollbar { display: none; } .flex-carousel>* { flex: 0 0 100%; max-width: initial; padding: 20px; } @media only screen and (max-width:1259px) { .flex-carousel-sm { display: flex; overflow-x: scroll; scroll-snap-type: x mandatory; padding: 40px; scroll-padding: 40px; padding: 0 25px; margin: 0 -25px; gap: 20px; flex-wrap: nowrap; } .flex-carousel-sm::-webkit-scrollbar { display: none; } .flex-carousel-sm>* { flex: 0 0 100%; max-width: initial; padding: 20px; } } @media only screen and (max-width:767px) { .flex-carousel-xs { display: flex; overflow-x: scroll; scroll-snap-type: x mandatory; padding: 0 20px; margin: 0 -20px; scroll-padding: 40px; gap: 20px; flex-wrap: nowrap; } .flex-carousel-xs::-webkit-scrollbar { display: none; } .flex-carousel-xs>* { flex: 0 0 100%; max-width: initial; padding: 20px; } } /* End */ /* Start:/local/templates/spa_2022/css/swiper.min.css?166993108818613*/ /** * Swiper 8.4.3 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: October 6, 2022 */ @font-face { font-family: swiper-icons; src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA'); font-weight: 400; font-style: normal } :root { --swiper-theme-color: #007aff } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 } .swiper-vertical>.swiper-wrapper { flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box } .swiper-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0) } .swiper-pointer-events { touch-action: pan-y } .swiper-pointer-events.swiper-vertical { touch-action: pan-x } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform } .swiper-slide-invisible-blank { visibility: hidden } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper { transform-style: preserve-3d } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, .15) } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-css-mode>.swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none } .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar { display: none } .swiper-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: start start } .swiper-horizontal.swiper-css-mode>.swiper-wrapper { scroll-snap-type: x mandatory } .swiper-vertical.swiper-css-mode>.swiper-wrapper { scroll-snap-type: y mandatory } .swiper-centered>.swiper-wrapper::before { content: ''; flex-shrink: 0; order: 9999 } .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before) } .swiper-centered.swiper-horizontal>.swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after) } .swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before) } .swiper-centered.swiper-vertical>.swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after) } .swiper-centered>.swiper-wrapper>.swiper-slide { scroll-snap-align: center center } .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0) } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ''; position: absolute; left: 0; top: 0; pointer-events: none } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size) } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size) } :root { --swiper-navigation-size: 44px } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size)/ 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)) } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none } .swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev { display: none !important } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1 } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: 10px; right: auto } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: 'prev' } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: 10px; left: auto } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: 'next' } .swiper-button-lock { display: none } .swiper-pagination { position: absolute; text-align: center; transition: .3s opacity; transform: translate3d(0, 0, 0); z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-pagination-disabled>.swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important } .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100% } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(.33); position: relative } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(.33) } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: 50%; background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, .2) } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-bullet:only-child { display: none !important } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)) } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0) } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: .2s transform, .2s top } .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px) } .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap } .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform, .2s left } .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform, .2s right } .swiper-pagination-progressbar { background: rgba(0, 0, 0, .25); position: absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top } .swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0 } .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical>.swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0 } .swiper-pagination-lock { display: none } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, .1) } .swiper-scrollbar-disabled>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important } .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% } .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, .5); border-radius: 10px; left: 0; top: 0 } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-scrollbar-lock { display: none } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center } .swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width: 100%; max-height: 100%; object-fit: contain } .swiper-slide-zoomed { cursor: move } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff } .swiper-lazy-preloader-black { --swiper-preloader-color: #000 } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-free-mode>.swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto } .swiper-grid>.swiper-wrapper { flex-wrap: wrap } .swiper-grid-column>.swiper-wrapper { flex-wrap: wrap; flex-direction: column } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-cube { overflow: visible } .swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100% } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0 } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next+.swiper-slide, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: .6; z-index: 0 } .swiper-cube .swiper-cube-shadow:before { content: ''; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px) } .swiper-flip { overflow: visible } .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height } .swiper-cards { overflow: visible } .swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden } /* End */ /* Start:/local/templates/spa_2022/components/bitrix/news.list/social_mob/style.css?1669931088241*/ div.news-list img.preview-picture { float:left; margin:0 4px 6px 0; } p.news-item { margin:0; margin-bottom:15px; } .news-date-time { font-size:95%; display:block; color:#82929a; } .preview-picture { border: 1px solid #E4E7E9; } /* End */ /* Start:/local/templates/spa_2022/components/bitrix/system.pagenavigation/.default/style.min.css?16699310883386*/ .bx_pagination_bottom *{vertical-align:baseline}.bx_pagination_bottom{color:#8d8d8d;font-size:11px}.bx_pagination_bottom .bx_pagination_section_two{float:right;text-align:right}.bx_pagination_bottom .bx_pg_section{display:inline-block;height:30px;vertical-align:top;line-height:30px}.bx_pagination_bottom .bx_pagination_select_container{display:inline-block}.bx_pagination_bottom .bx_pagination_select_container select{position:relative;margin:2px 20px 2px 10px;padding:1px 25px 3px 5px;height:22px;outline:0;border:1px solid #e0e0e0;border-radius:1px;background:#fff url(/local/templates/spa_2022/components/bitrix/system.pagenavigation/.default/images/select_arrow.png) no-repeat right center;color:#8d8d8d;font-size:11px;line-height:16px;resize:none;-webkit-appearance:none}@-moz-document url-prefix(){.bx_pagination_bottom .bx_pagination_select_container select{background:#fff!important;padding-right:5px}}.bx_pagination_bottom .bx_pagination_page{white-space:nowrap;font-size:12px}.bx_pagination_bottom .bx_pagination_page ul{display:inline-block;margin:0;padding:0}.bx_pagination_bottom .bx_pagination_page li{display:inline-block;min-width:22px;color:#8d8d8d;text-align:center;line-height:22px}.bx_pagination_bottom .bx_pagination_page li a{display:block;min-width:22px;color:#8d8d8d;text-align:center;text-decoration:none;line-height:22px}.bx_pagination_bottom .bx_pagination_page li a:hover{color:#555}.bx_pagination_bottom .bx_pagination_page li.bx_active{border-radius:3px;background:#dbecf4;box-shadow:inset 0 2px 2px 0 rgba(0,0,0,.1)}.bx_pagination_bottom .bx_pg_section.bx_pg_pagination_num{display:block}.bx_pagination_bottom .bx_pg_section.bx_pg_show_col select{margin-right:5px}.bx_pagination_bottom .bx_wsnw{white-space:nowrap}@media(min-width:480px) and (max-width:639px){.bx_pagination_bottom .bx_pagination_select_container select{margin-right:10px}}@media(max-width:479px){.bx_pagination_bottom .bx_pagination_section_two{float:none;text-align:left}.bx_pagination_bottom .bx_pagination_select_container{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:47%}.bx_pagination_bottom .bx_pagination_select_container select{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-right:0!important;width:90%}.bx_pagination_bottom .bx_pg_section{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;text-align:left}.bx_pagination_bottom .bx_pagination_page{white-space:normal}.bx_pagination_bottom .bx_pg_section.bx_pg_pagination_num{width:100%;height:auto;text-align:center}.bx_pagination_bottom .bx_pg_section.bx_pg_show_col{display:none}.bx_pagination_bottom .bx_pg_text{display:inline-block;width:50%}.bx_pagination_bottom .bx_pg_section.pg_pagination_num .bx_pg_text{display:none}}.bx_pagination_bottom .bx_pagination_section_one,.bx_pagination_bottom .bx_pagination_section_two,.bx_pagination_bottom .bx_pagination_select_container,.bx_pagination_bottom .bx_pagination_select_container select,.bx_pagination_bottom .bx_pg_section,.bx_pagination_bottom .bx_pagination_page,.bx_pagination_bottom .bx_pg_section.bx_pg_pagination_num,.bx_pagination_bottom .bx_pg_section.bx_pg_show_col,.bx_pagination_bottom .bx_pg_text,.bx_pagination_bottom .bx_pg_section.pg_pagination_num .bx_pg_text{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} /* End */ /* Start:/local/templates/spa_2022/components/bitrix/news.list/social_footer/style.css?1669931088241*/ div.news-list img.preview-picture { float:left; margin:0 4px 6px 0; } p.news-item { margin:0; margin-bottom:15px; } .news-date-time { font-size:95%; display:block; color:#82929a; } .preview-picture { border: 1px solid #E4E7E9; } /* End */ /* Start:/local/templates/spa_2022/components/bitrix/news.list/pages/style.css?1702719767241*/ div.news-list img.preview-picture { float:left; margin:0 4px 6px 0; } p.news-item { margin:0; margin-bottom:15px; } .news-date-time { font-size:95%; display:block; color:#82929a; } .preview-picture { border: 1px solid #E4E7E9; } /* End */ /* Start:/local/templates/spa_2022/template_styles.css?1775203709130000*/ :root { --color-1: #ffffff; --color-2: #fbf9f6; --color-3: #C29592; --color-4: #1F1D2B; --color-5: rgba(231, 200, 195, 0.4); ; } /*-----basic styles----*/ body { font-family: 'Alegreya Sans', sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; color: var(--color-4); margin: 0; padding: 0; background-color: var(--color-1); position: relative; overflow-x: hidden; max-width: 100vw; width: 100%; -webkit-tap-highlight-color: var(--color-5); } a { text-decoration: none; transition: all .3s; color: var(--color-3); } b { font-weight: 500; } p, a, h1, h2, h3, h4, h5 { margin-top: 0; } h1, h2, h3, h4, h5 { font-weight: 300; } h1, .h1, .wysiwyg h2, body:not(.inner_page) h2 { font-size: 42px; line-height: 54px; position: relative; padding-bottom: 10px; min-width: 220px; text-align: center; margin-bottom: 80px; } body.inner_page h1 { margin-bottom: 50px; } h2 { font-size: 36px; line-height: 46px; text-align: left; margin-bottom: 20px; } h3 { font-size: 32px; line-height: 40px; margin-bottom: 20px; } h1.style::before, h1.style::after, h2.style::before, h2.style::after, .wysiwyg>h2::after, .wysiwyg>h2::before { content: ''; width: 220px; background-color: var(--color-5); position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); display: block; height: 1px; } h2 a { color: var(--color-3); } h2 a:hover { color: #E7C8C3; } .left, .wysiwyg>h2 { text-align: left; } h1.style.left::before, h1.style.left::after, h2.style.left::before, h2.style.left::after, .wysiwyg>h2::before, .wysiwyg>h2::after { left: 0; transform: translateX(0); } h1.style::after, h2.style::after, .wysiwyg>h2::after { width: 100px; background-color: var(--color-3); } h4 { font-size: 28px; line-height: 36px; margin-bottom: 20px; } h5 { font-size: 24px; line-height: 36px; margin-bottom: 20px; } section { margin-bottom: 130px; } ul, ol { padding: 0; margin: 0; list-style: none; } .wysiwyg ol { list-style: none; counter-reset: li; padding: 0; margin: 0; } .wysiwyg ol li { padding-left: 40px; position: relative; } .wysiwyg ol ol { margin-top: 10px; } .wysiwyg ol li:before { counter-increment: li; content: counters(li, ".") ". "; position: absolute; left: 0; top: -1px; font-weight: 500; color: var(--color-3); } ul.ul_style li, .wysiwyg ul li { position: relative; padding-left: 30px; display: block; width: 100%; } .ul_style li:not(:last-child), .ol_style li:not(:last-child), .wysiwyg ul li:not(:last-child), .wysiwyg ol li:not(:last-child) { margin-bottom: 10px; } ul.ul_style li::before, .wysiwyg ul li::before { content: ''; position: absolute; width: 8px; height: 8px; border: 1px solid var(--color-3); top: 7px; left: 0; border-radius: 50%; } ul.ul_style ul, .wysiwyg ul ul { margin-top: 10px; } ul.ul_style ul li::before, .wysiwyg ul ul li::before { height: 2px; width: 6px; border-radius: 2px; top: 11px; } p { margin-bottom: 20px; } h5.style { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--color-5); } h5.style a { color: var(--color-4); } h5.style a:hover { color: var(--color-3); } .active_link { color: var(--color-3) !important; } .active_link::after { display: none !important; } .wysiwyg table, table { width: 100%; border-spacing: 0; } .wysiwyg table thead tr th { text-align: left; font-weight: normal; } .wysiwyg table tr>*, main table tr>* { padding: 20px; font-size: 18px; line-height: 26px; } .wysiwyg table tr>*:first-child, main table tr>*:first-child { padding-left: 0px; } .wysiwyg table b, main table b { font-weight: 500; } .wysiwyg tr>*:last-child, main tr>*:last-child { padding-right: 0px; text-align: right; } .wysiwyg table tr th, main table tr th { color: var(--color-3); border-bottom: 1px solid var(--color-3); text-align: left; } .table_style .thead_th_hide { display: none; } .wysiwyg table tr:not(:last-child) td, main table tr:not(:last-child) td { border-bottom: 1px solid var(--color-5); } .w_line { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid var(--color-5); } p.big_text, .big_text p { font-size: 18px; line-height: 26px; } .inner_page h2.style { font-size: 42px; line-height: 54px; position: relative; padding-bottom: 10px; min-width: 220px; text-align: center; margin-bottom: 80px; } .wysiwyg table tbody tr:first-child td, main table tbody tr:first-child td { font-weight: 500; color: var(--color-3); border-bottom: 1px solid var(--color-3); } main table thead+tbody tr td { color: var(--color-4) !important; font-weight: normal !important; border-bottom: 1px solid var(--color-5) !important; } .wysiwyg table .thead_th_hide, main table .thead_th_hide { display: none; color: var(--color-3); } @media only screen and (max-width:1259px) { section { margin-bottom: 80px; } h2 { margin-bottom: 50px !important; } .inner_page h2.style, .inner_page .wysiwyg>h2 { margin-bottom: 50px !important; } } @media only screen and (max-width:767px) { .wysiwyg table .thead_th_hide, main table .thead_th_hide { display: block; } .wysiwyg table tbody tr:first-child td, main table tbody tr:first-child td { display: none; } .table_style .thead_th_hide { display: block; color: var(--color-3); margin-bottom: 10px; } .inner_page h2.style, .inner_page .wysiwyg>h2 { margin-bottom: 30px; } section { margin-bottom: 40px; } h2 { font-size: 28px !important; line-height: 36px !important; margin-bottom: 30px !important; } h1, .h1 { font-size: 32px !important; line-height: 42px !important; } .wysiwyg table thead, main table thead { display: none; } .wysiwyg table tr, main table tr { display: flex; flex-direction: column; border-bottom: 1px solid var(--color-5); } .wysiwyg table tr:first-child, main table tr:first-child { border-top: 1px solid var(--color-3); } .wysiwyg table tr td, main table tr td { text-align: left !important; padding-right: 0 !important; padding-left: 0 !important; border: none !important; } .wysiwyg table tr td:not(:last-child), main table tr td:not(:last-child) { padding-bottom: 0px !important; } .table_style td:not(:first-child) { padding-top: 0; } main table thead+tbody tr td { border: 0 !important; } main table thead+tbody tr td { padding-bottom: 10px; } main table thead+tbody tr td:not(:first-child) { padding-top: 0; padding-bottom: 20px; } } /*-----common styles----*/ .container { max-width: 1200px; width: 100%; margin: auto; padding: 0 25px; } .btn { padding: 10px 30px; border: 1px solid var(--color-5); background-color: transparent; border-radius: 60px; color: var(--color-3); transition: all .3s; display: inline-block; } .hover_link { position: relative; } .hover_link::after { content: ''; width: 0%; height: 1px; background-color: var(--color-5); position: absolute; left: auto; right: 0; display: block; bottom: -5px; transition: all .3s; } .hover_link:hover::after { width: 100%; left: 0; right: auto; transition: all .3s; } .btn:hover { color: var(--color-1); background-color: var(--color-3); border-color: var(--color-3); } .center { text-align: center; } .left { text-align: left !important; } .fly_link { width: 100%; height: 100%; position: absolute; } .img_container { height: 0; padding-bottom: 60%; position: relative; overflow: hidden; width: 100%; display: block; background-color: var(--color-3); } .img_container>img { position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: all .3s; } .color { color: var(--color-3); } body::before { content: ''; position: absolute; display: block; max-width: 1780px; left: 50%; width: 100%; transform: translateX(-50%); height: 510px; top: 205px; background-color: var(--color-2); z-index: -2; } body.inner_page::before { display: none; } body::after { content: url(/local/templates/spa_2022/img/first_after_2.svg); top: 0px; right: 0px; position: absolute; display: block; z-index: -1; } body.popup_active { padding-right: 17px; overflow: hidden; } .more_mob_block .link_more { display: none; } @media only screen and (max-width:1259px) { body::after { display: none; } body:not(.inner-page)::before { height: 520px; } body:not(.inner-page)::before { top: 184px; } } @media only screen and (max-width:767px) { .container { padding: 0 20px; } body:not(.inner-page)::before { height: 450px; } .more_mob_block>* { display: none; } .more_mob_block .link_more { display: block; } .more_mob_block .link_more::before { content: 'Подробнее'; padding-bottom: 5px; border-bottom: 1px solid var(--color-5); color: var(--color-3); } .more_mob_block.active .link_more::before { content: 'Скрыть'; } .more_mob_block.active>* { display: block; } span.more_mob_block.active>span { display: inherit; } body.popup_active { padding-right: 0; } } @media only screen and (max-height:750px) { .popup { height: auto; max-height: 100%; overflow-y: scroll; } } /*-----pop up----*/ .popup_block { display: none; } .popup_block.active { display: flex; position: fixed; width: 100%; height: 100%; top: 0; left: 0; align-items: center; justify-content: center; background-color: var(--color-5); z-index: 999; } .popup { max-width: 600px; width: 100%; background-color: var(--color-1); position: relative; } .popup .close_btn { position: absolute; top: 30px; right: 30px; z-index: 2; cursor: pointer; } .popup .img_block { max-width: 260px; flex-basis: 260px; width: 100%; } .popup .img_block .img { background-size: cover; width: 100%; height: 0; padding-bottom: 150%; } .popup .text_desc_block { max-width: calc(100% - 260px); flex-basis: calc(100% - 260px); width: 100%; padding: 30px; } .popup .text_block h5 { font-size: 28px; padding-right: 50px; margin-bottom: 10px; } .popup .text_block .post { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid var(--color-5); color: var(--color-3); } .popup .text_block .description p:last-child { margin-bottom: 0; } body:has(.team_list) .popup { max-width: 1300px; width: auto; min-width: 600px; } @media only screen and (max-width:767px) { body:has(.team_list) .popup { min-width: 0; } .popup .flex { flex-direction: column; } .close_btn { top: 20px; right: 20px; } .close_btn svg rect { fill: var(--color-1); } .popup .flex>* { max-width: 100%; flex-basis: 100%; } .popup { max-width: 280px; } .popup .img_block .img { padding-bottom: 100%; } } /*-----breadcrumbs----*/ .breadcrumbs { padding: 0px 0 30px 0; } .breadcrumbs li { color: var(--color-5); } .breadcrumbs li:not(:last-child) { padding-right: 20px; margin-right: 20px; position: relative; } .breadcrumbs li:not(:last-child)::after { content: '/'; color: var(--color-5); position: absolute; top: 0; right: 0; transform: translateX(50%); } .breadcrumbs li a { color: var(--color-3); } .breadcrumbs li a:hover { color: var(--color-4); } .breadcrumbs li:last-child { padding-right: 0; } .breadcrumbs li>*, .breadcrumbs li { font-size: 12px !important; } @media only screen and (max-width:1259px) { .breadcrumbs { padding: 10px 0 30px 0; } } @media only screen and (max-width:767px) { .breadcrumbs li.main_page a { display: flex; align-items: center; } .breadcrumbs li:last-child, .breadcrumbs li:nth-last-child(2)::after { display: none; } .breadcrumbs li:nth-last-child(2) { padding-right: 0; margin-right: 0; } .breadcrumbs { padding: 5px 0 10px 0; } .breadcrumbs li.main_page { display: flex; align-items: center; } .breadcrumbs li svg { margin-right: 20px; position: relative; top: -1px; } } /*-----swiper----*/ .button-prev::before { content: url(/local/templates/spa_2022/img/left.svg); position: relative; left: 0; transition: all .3s; } .button-prev, .button-next { transition: all .3s; } .button-next::before { content: url(/local/templates/spa_2022/img/right.svg); position: relative; transition: all .3s; right: 0; } .pagination { width: auto !important; } .pag_nav_block { max-width: 470px; width: 100%; margin-top: 80px; position: absolute; bottom: 0; left: 0; justify-content: space-between; margin-left: auto; margin-right: auto; margin-bottom: -20px; } .pag_nav_block * { cursor: pointer; transition: all .3s; } .button-prev:hover { /*transform: translateX(-10px);*/ } .button-prev:hover::before { left: -10px; } .button-next:hover::before { right: -10px; } .button-next:hover { /*transform: translateX(10px);*/ } .pag_nav_block .swiper-pagination-bullet { width: 5px; height: 5px; border: 1px solid var(--color-5); background-color: transparent; opacity: 1; } .pag_nav_block .pagination { gap: 10px; display: flex; position: relative; top: -4px; } .pag_nav_block .swiper-pagination-bullet-active, .pag_nav_block .swiper-pagination-bullet:hover { background-color: var(--color-3); border-color: var(--color-3); } .pag_nav_block { position: relative; z-index: 1; } @media only screen and (max-width:767px) { .pag_nav_block { margin-bottom: 0; } .button-prev::before { content: url(/local/templates/spa_2022/img/left_2.svg); } .button-next::before { content: url(/local/templates/spa_2022/img/right_2.svg); } .pag_nav_block { margin-top: 40px; } } /*-----header----*/ header { z-index: 1; padding: 40px 0; position: relative; top: 0; width: 100%; } body.inner_page header { position: relative; } body:not(.inner_page) header { position: absolute; } header .container { position: relative; } header .container::before { content: url(/local/templates/spa_2022/img/element_6.svg); position: absolute; top: 100px; left: -140px; } header>* { position: relative; z-index: 1; } header .logo_block { display: block; text-align: center; } header .right_part * { text-align: right; } header .right_part .lvl_1 .contact_block svg { margin-right: 10px; position: relative; top: 2px; } header .right_part>* { flex: 0 0 100%; } header .right_part .btn { padding: 10px 20px; font-size: 12px; line-height: 18px; } header .right_part .flex { justify-content: flex-end; } header nav ul { gap: 30px; } header .left_part .lvl_1>ul>li { padding-bottom: 10px; } header .left_part .lvl_1 .sub_menu { position: relative; cursor: default; } header .left_part .lvl_1 .sub_menu svg { margin-left: 8px; position: relative; transition: all .3s; } header .left_part .lvl_1 .sub_menu:hover svg { transform: scale(-1); bottom: 2px; } header .left_part .lvl_1 .sub_menu>ul { position: absolute; display: none; background-color: #fbf9f6ed; padding: 15px 20px; width: calc(100% + 40px); left: -20px; flex-direction: column; gap: 5px; z-index: 1; } header .left_part .lvl_1 .sub_menu:hover>ul { display: flex; animation: linear both .3s show_menu; } @keyframes show_menu { 0% { top: calc(100% - 15px); opacity: 0; } 100% { top: calc(100% - 5px); opacity: 1; } } header .left_part .lvl_2 { margin-top: -10px; } header .left_part .lvl_2 .flex { flex-wrap: nowrap; } header .left_part .lvl_2 .loc_i { margin-right: 10px; } header .left_part .lvl_2 .loc_i svg { position: relative; top: -1px; } header .left_part .loc_i+a { font-size: 12px; line-height: 18px; } header .left_part .loc_i+a:hover { color: var(--color-4); } header .right_part .lvl_1 .contact_block a { font-size: 20px; line-height: 30px; color: var(--color-4); } header .right_part .lvl_1 .contact_block a:hover { color: var(--color-3); } header .right_part .lvl_1 .social_links { margin-right: 20px; padding-right: 20px; border-right: 1px solid var(--color-5); } .social_links li a, .social_block li a { display: flex; align-items: center; } header .right_part .lvl_1 .social_links a:hover { transform: scale(1.2); } header .right_part .lvl_1 .social_links ul { gap: 15px; } header .right_part .lvl_1 .social_links li { display: flex; align-items: center; } header .left_part, header .right_part { height: 100%; align-content: space-between; } header .right_part { justify-content: flex-end; } header .left_part .lvl_1 a, header .left_part .lvl_1 span { color: var(--color-4); font-size: 12px; line-height: 18px; } header .left_part .lvl_1 a { font-size: 14px; } header .hide_menu .flex { justify-content: space-between; } header .right_part .lvl_2 .time_work { color: var(--color-3); font-size: 12px; line-height: 18px; text-align: left; margin-right: 42px; } header .left_part .lvl_3 a, header .right_part .lvl_3 a, header .hide_menu a { color: var(--color-4); position: relative; } header .left_part .lvl_1 a:hover, header .left_part .lvl_3 a:hover, header .right_part .lvl_3 a:hover, header .hide_menu a:hover { color: var(--color-3); } header .left_part .lvl_3 a::after, header .right_part .lvl_3 a::after, header .hide_menu a::after { content: ''; width: 0%; height: 1px; background-color: var(--color-5); position: absolute; left: auto; right: 0; display: block; bottom: -5px; transition: all .3s; } header .left_part .lvl_3 a:hover::after, header .right_part .lvl_3 a:hover::after, header .hide_menu a:hover::after { width: 100%; left: 0; right: auto; transition: all .3s; } header .left_part .lvl_1 ul { flex-wrap: nowrap; } header .left_part .lvl_1 ul a, header .left_part .lvl_1 .sub_menu { white-space: nowrap; } /*---mob menu---*/ body.popup_active { overflow: hidden; } .mob_menu { display: none; position: fixed; width: 100%; height: 100%; top: 0; right: 0; background-color: var(--color-1); transition: all .3s; } .mob_menu.active { display: block; z-index: 11; animation: linear both .3s menu_show; transition: all .3s; } .mob_menu .btn_close { position: absolute; top: 20px; right: 20px; } .mob_menu .menu_block { padding-bottom: 30px; margin-top: 10px; margin-bottom: 30px; border-bottom: 1px solid var(--color-5); } .mob_menu .menu_block li a { padding-bottom: 10px; color: var(--color-4); border-bottom: 1px solid transparent; } .mob_menu .menu_block li a.active { border-color: var(--color-5); color: var(--color-3); } .main_menu li a.selected { color: var(--color-3); } .mob_menu .menu_block li:not(:last-child) { margin-bottom: 20px; } .menu_contact_block { overflow-x: hidden; overflow-y: scroll; height: 100%; width: 100%; padding: 30px; } .mob_menu .loc_i { width: 100%; height: 40px; border: 1px solid var(--color-5); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px; flex-basis: 40px; max-width: 40px; } .mob_menu .loc_i+a { flex-basis: calc(100% - 55px); max-width: calc(100% - 55px); width: 100%; } .mob_menu .social_links { margin-left: 20px; padding-left: 20px; border-left: 1px solid var(--color-5); } .mob_menu .social_block { margin-bottom: 20px; } .mob_menu .phone_block a { font-size: 20px; line-height: 30px; color: var(--color-4); } .mob_menu .address_block { margin-bottom: 25px; flex-wrap: nowrap; } .mob_menu .address_block a { color: var(--color-4); } .mob_menu .btn_block .btn { width: 100%; text-align: center; font-size: 14px; padding: 5px 10px; } .mob_menu .social_links ul { gap: 15px; } .mob_menu .contact_block .flex { align-items: center; } .mob_menu .social_links li { display: flex; align-items: center; } .burger_btn { display: flex; align-items: center; } .phone_btn { display: flex; border-right: 1px solid var(--color-5); margin-right: 20px; padding-right: 20px; } .phone_burger_block>.flex { justify-content: flex-end; align-items: center; flex-wrap: nowrap; } @keyframes menu_show { 0% { transform: translateX(100%); } 100% { transform: translateX(0%); } } @media only screen and (max-width:1259px) { header { padding: 20px 0; } header .logo_block img { height: 95px; } header .left_part .lvl_2 { margin-top: 0; } header .left_part .lvl_2 .loc_i { width: 100%; height: 40px; border: 1px solid var(--color-5); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px; flex-basis: 40px; max-width: 40px; } header .hide_menu { margin-top: 25px; } header .left_part .lvl_2 .loc_i+a { flex-basis: calc(100% - 55px); max-width: calc(100% - 55px); width: 100%; } header .left_part .lvl_2 .loc_i svg { top: 0; } } @media only screen and (max-width:992px) { header .left_part .lvl_1 ul { gap: 15px; } } @media only screen and (max-width:767px) { body:not(.inner-page)::before { top: 54px; } header { padding: 13px 0; } header .container>.flex { align-items: center; } header .container>.flex>.md-hide.xs-show.xs-3 { text-align: right; } } /*-----footer----*/ footer { padding: 110px 0 140px 0; position: relative; object-fit: cover; } .out_links { margin-bottom: 20px; } .out_links .flex { gap: 50px; } .cookies_block { box-shadow: 0px 20px 50px rgba(194, 149, 146, 0.2); background-color: var(--color-2); position: fixed; padding: 15px 30px; right: 180px; bottom: 80px; justify-content: space-between; z-index: 10; align-items: center; transform: translateX(500%); animation-delay: 1s; animation: 1s both cookies_show; display: none; } @keyframes cookies_show { 0% { transform: translateX(500%); } 100% { transform: translateX(0%); } } .cookies_block .text_block { margin-right: 90px; } .cookies_block .text_block a { text-decoration: underline; color: var(--color-4); } .cookies_block .text_block a:hover { color: var(--color-3); cursor: pointer; } .cookies_block .cookies_close_btn path { transition: all .3s; } .cookies_block .cookies_close_btn:hover path { stroke: var(--color-4); } .inner_page footer::before { content: ''; height: 100%; width: 1850px; left: 0; top: 0; background-color: var(--color-2); position: absolute; z-index: 0; } footer>* { position: relative; z-index: 1; } footer .phone_block a:hover { color: var(--color-3); } footer .loc_i+a { font-size: 12px; line-height: 18px; color: var(--color-4); } footer .footer_menu li { padding-right: 30px; } footer .footer_menu .left_part { position: relative; } footer .footer_menu .left_part::after { content: ''; position: absolute; height: calc(100% - 30px); width: 1px; top: 1px; right: 0; background-color: var(--color-5); } footer .footer_menu li { padding-bottom: 30px; } footer .footer_menu a { color: var(--color-4); position: relative; } footer .footer_menu a::after { content: ''; width: 0%; height: 1px; background-color: var(--color-5); position: absolute; left: auto; right: 0; display: block; bottom: -5px; transition: all .3s; } footer .footer_menu a:hover { color: var(--color-3); } footer .footer_menu a:hover::after { width: 100%; left: 0; right: auto; transition: all .3s; } footer .footer_menu .left_part { padding-left: 40px; } footer .copy_block { font-size: 12px; line-height: 18px; } footer .footer_menu .right_part { padding-left: 70px; } footer .loc_i { margin-right: 10px; } footer .loc_i svg { position: relative; top: -2px; } footer .social_block li { display: flex; align-items: center; justify-content: center; } footer .social_block ul { gap: 15px; } footer .phone_soc_block, footer .address_block { margin-bottom: 20px; } footer .social_block { margin-left: 20px; padding-left: 20px; border-left: 1px solid var(--color-5); } footer .phone_block a { font-size: 24px; line-height: 36px; color: var(--color-4); } footer .copy_block p { white-space: nowrap; margin-bottom: 0px; } footer .copy_block a { padding-bottom: 2px; border-bottom: 1px solid var(--color-5); } footer .copy_block a:hover { border-color: var(--color-3); } footer .social_block a:hover { transform: scale(1.2); } footer .footer_menu { height: calc(100% - 30px); } .footer_menu .flex { align-items: flex-start; } @media only screen and (max-width: 1259px) { .cookies_block { bottom: 50px; } .inner_page footer::before { width: 100%; } footer .footer_menu .left_part::after { height: 100%; } footer { padding: 70px 0; } footer .phone_soc_address_copy_block { justify-content: space-between; display: flex; flex-direction: column; } footer .footer_menu li:last-child { padding-bottom: 0; } footer .footer_menu .left_part { padding-left: 0px; } footer .copy_block p { white-space: normal; } footer .loc_i svg { position: relative; top: 0; } footer .address_block .flex { align-items: center; } footer .loc_i { width: 100%; height: 40px; border: 1px solid var(--color-5); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px; flex-basis: 40px; max-width: 40px; } footer .loc_i+a { flex-basis: calc(100% - 55px); max-width: calc(100% - 55px); width: 100%; } footer .address_block, footer .copy_block { max-width: 250px; } } @media only screen and (max-width: 767px) { .cookies_block { box-shadow: 0px 20px 50px rgba(194, 149, 146, 0.7); /* bottom: 160px; */ right: 0; width: 100%; font-size: 12px; } footer .footer_menu .right_part { padding-left: 0px; } .footer_menu .left_part, .footer_menu .right_part, footer .phone_soc_address_copy_block { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid var(--color-5); } footer .footer_menu .left_part::after { display: none; } footer .copy_block p { margin-bottom: 20px; } footer { padding: 40px 0; } footer .flex.stretch>.stretch-height>* { height: auto; } footer .address_block { margin-bottom: 0px; } footer .social_block { margin-left: 15px; padding-left: 15px; } .out_links { margin-bottom: 0px; } } /*-------------------------------index page-------------------------------*/ /*-----first screen slider----*/ #first_screen_slider { position: relative; z-index: 0; overflow: hidden; margin-bottom: 0px; padding-bottom: 50px; } #first_screen_slider .btn { background-color: var(--color-3); border-color: var(--color-3); color: var(--color-1); } #first_screen_slider .btn:hover { opacity: .5; } #first_screen_slider .first-slider::before { content: url(/local/templates/spa_2022/img/first_before.svg); top: 260px; left: 0; position: absolute; display: block; } #first_screen_slider .swiper-slide-container { max-height: 510px; position: relative; } #first_screen_slider .first-slider .swiper-slide { overflow: hidden; height: 1057px; padding-top: 203px; } .first-slider { height: 730px; padding-bottom: 57px; } #first_screen_slider .first-slider .img_block { position: absolute; top: 50%; transform: translate(0%, -50%); left: 53%; } #first_screen_slider .swiper-slide-container, #first_screen_slider .swiper-slide-container>div, #first_screen_slider .swiper-slide-container>div>div { height: 100%; } #first_screen_slider h2::before, #first_screen_slider h2::after { display: none; } #first_screen_slider h2 { text-align: left; font-size: 60px; line-height: 78px; margin-bottom: 20px; padding-bottom: 0; } #first_screen_slider .swiper-container>.container { z-index: 2; position: relative; } #first_screen_slider .pag_nav_block { justify-content: space-between; margin-right: 0; margin-left: auto; bottom: 150px; margin-top: 0; margin-bottom: 0; } #first_screen_slider .text_block .title { font-size: 32px; line-height: 42px; font-weight: 200; } #first_screen_slider .text_block { margin-bottom: 50px; } #first_screen_slider .swiper-slide-container .flex>div:first-child { z-index: 1; } #first_screen_slider .swiper-slide-container .flex>div:last-child { z-index: 0; } #first_screen_slider .swiper-slide:not(.swiper-slide-active) .text_block, #first_screen_slider .swiper-slide:not(.swiper-slide-active) .btn_block { opacity: 0; transition: all .3s; } #first_screen_slider .swiper-slide.swiper-slide-active .text_block, #first_screen_slider .swiper-slide.swiper-slide-active .btn_block { animation: 1s linear both text_show; opacity: 0; transition: all .3s; } #first_screen_slider .swiper-slide:not(.swiper-slide-active) .img_block { opacity: 0; transition: all .3s; transition: 1s; } #first_screen_slider .swiper-slide-active .img_block { animation: linear 1s both img_show; opacity: 1; transition: all .3s; } @keyframes img_show { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes text_show { 0% { opacity: 0; } 100% { opacity: 1; } } @media (min-width: 1259px) { #first_screen_slider .swiper-slide-active .img_block img { max-height: 720px; } #first_screen_slider .first-slider .img_block { left: 58%; top: 55%; } } @media (max-width: 1259px) and (min-width:767px) { #first_screen_slider .first-slider .img_block { top: 57%; } } @media only screen and (max-width: 1259px) { #first_screen_slider .swiper-slide-active .img_block img { max-height: 610px; } #first_screen_slider .first-slider::before { top: 190px; transform: scale(.9); } #first_screen_slider .first-slider .swiper-slide { padding-top: 184px; } #first_screen_slider .first-slider::after, #first_screen_slider .pag_nav_block>div:not(.pagination) { display: none; } #first_screen_slider .pag_nav_block { bottom: 0; justify-content: center; max-width: 100%; } #first_screen_slider .first-slider .swiper-slide { height: 750px; } #first_screen_slider .swiper-slide-container { height: 520px; } .first-slider { height: 750px; } } @media only screen and (max-width: 767px) { #first_screen_slider .swiper-slide-active .img_block img { max-height: 233px; } #first_screen_slider { margin-bottom: 0; } #first_screen_slider .first-slider::before { content: url(/local/templates/spa_2022/img/first_before.svg); top: 20px; left: 0; position: absolute; display: block; transform: scale(.7); } #first_screen_slider .first-slider .swiper-slide { padding-top: 54px; } .first-slider { height: 550px; } #first_screen_slider h2 { line-height: 46px; font-size: 36px; margin-bottom: 20px; } #first_screen_slider .text_block { margin-bottom: 30px; } #first_screen_slider .text_block .title { font-size: 24px; line-height: 36px; margin-bottom: 20px; } #first_screen_slider .first-slider .swiper-slide { height: 550px; padding-bottom: 0; } #first_screen_slider .swiper-slide-container { height: 450px; } #first_screen_slider .first-slider .swiper-slide .text_block br { display: none; } #first_screen_slider .swiper-slide-container .flex>div:last-child { position: absolute; width: 100%; right: 0; } #first_screen_slider .first-slider .img_block { top: auto; transform: none; left: auto; right: 0; bottom: -30px; } #first_screen_slider .first-slider .img_block img { position: absolute; right: 0; } #first_screen_slider .text_block .announce { padding-right: 110px; } #first_screen_slider .text_block br { display: none; } header .logo_block img { height: 28px; } } @media (max-width: 767px) and (min-width:470px) { #first_screen_slider .swiper-slide-container { height: 290px; } #first_screen_slider .first-slider .swiper-slide { height: 390px; } #first_screen_slider .first-slider .img_block { bottom: 0; } .first-slider { height: 390px; } body:not(.inner-page)::before { height: 290px; } #first_screen_slider .swiper-slide-container .flex>div:last-child { top: 50%; } #first_screen_slider .first-slider .swiper-slide { position: relative; } #first_screen_slider .swiper-slide-active .img_block img { max-height: 233px; top: calc(50% + 50px); transform: translateY(-50%); bottom: auto; } #first_screen_slider .first-slider::before { content: url(/local/templates/spa_2022/img/first_before.svg); top: -50px; left: 0; position: absolute; display: block; transform: scale(.5); } #first_screen_slider .text_block { max-width: 70%; } #first_screen_slider .text_block .title { font-size: 22px; line-height: 32px; } #first_screen_slider .swiper-slide-container>div>div { align-content: flex-start; padding-top: 40px; } #first_screen_slider .text_block h2 { margin-bottom: 10px !important; } } @media only screen and (max-width: 471px) { body:not(.inner-page)::before { height: 310px; } #first_screen_slider .swiper-slide-active .img_block img { max-height: 233px; top: 50%; transform: translateY(-50%); bottom: auto; right: -80px; } #first_screen_slider .swiper-slide-container { height: 330px; } #first_screen_slider .first-slider .swiper-slide { height: 390px; } .first-slider { height: 400px; } #first_screen_slider .swiper-slide-container>div>div { align-content: flex-start; padding-top: 40px; } #first_screen_slider .text_block h2 { margin-bottom: 10px !important; } #first_screen_slider .text_block .title { font-size: 20px; line-height: 30px; } } /*-----main top offers----*/ .carousel_offers { overflow: hidden; position: relative; z-index: 1; } .carousel_offers .pag_nav_block { z-index: 0; } .carousel_offers .item { height: 100%; background-color: var(--color-2); position: relative; } .carousel_offers .item .btn_block { position: absolute; left: 30px; bottom: 30px; } .carousel_offers .text_btn_block { padding: 15px 30px 75px 30px; background-color: var(--color-2); } .carousel_offers .swiper-wrapper, .carousel_offers .swiper-slide { height: auto; } #top_offers .item .img_container img { transition: all .3s; } #top_offers .text_btn_block .text_block a { display: block; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--color-5); height: calc(100% - 20px); width: 100%; } #top_offers .text_btn_block .text_block h5 { padding: 0; margin: 0; border: 0; display: flex; align-items: stretch; } #top_offers .img_container { display: block; background-color: var(--color-3); } #top_offers .item:hover .img_container img { opacity: .5; } #top_offers .pag_nav_block { z-index: 0; margin-top: 40px; } @media (min-width: 1260px) { #top_offers .pag_nav_block { margin-bottom: -80px; } } @media only screen and (max-width: 1259px) { #top_offers .pag_nav_block { margin-bottom: -40px; margin-top: 20px; } } @media only screen and (max-width: 767px) { #top_offers .pag_nav_block { margin-bottom: 0px; margin-top: 30px; } } @media (min-width: 1440px) { #top_offers { position: relative; } #top_offers .pag_nav_block { max-width: calc(100% - 140px); position: absolute; top: 180px; left: 50%; transform: translateX(-50%); } #top_offers .pag_nav_block .button-next::before { content: url(/local/templates/spa_2022/img/right_3.svg); } #top_offers .pag_nav_block .button-prev::before { content: url(/local/templates/spa_2022/img/left_3.svg); } .offers-button-prev { right: 70px; } .offers-button-next { left: 70px; } } /*-----main infographics----*/ #infographics .item .flex { flex-direction: column; border-right: 1px solid var(--color-5); padding: 0 30px; height: 100%; } #infographics .md-3:nth-child(4n) .item .flex { border: 0; } #infographics .md-3:first-child .item, #infographics .md-3:nth-child(2) .item, #infographics .md-3:nth-child(3) .item, #infographics .md-3:nth-child(4) .item { border-bottom: 1px solid var(--color-5); } #infographics .item { padding: 30px 0; } #infographics .item .img_block { margin-bottom: 10px; } #infographics .item .text_block { text-align: center; } @media only screen and (max-width:767px) { #infographics .item .flex { flex-direction: row; flex-wrap: nowrap; padding: 0; align-items: center; } #infographics .item .img_block { margin-bottom: 0; } #infographics .item .text_block { text-align: left; padding: 0 30px 0 20px; } #infographics .flex-carousel-xs>*, #infographics .item { padding: 0 !important; flex: 0 0 auto; } #infographics .item { border: 0 !important; } #infographics .md-3:nth-child(4) .item .flex { border-right: 1px solid var(--color-5); } } /*-----main about block----*/ #about { position: relative; } #about .pag_nav_block { /* max-width: 470px; */ max-width: 100%; } #about h2 { text-align: left; margin-bottom: 30px; padding-bottom: 0; } #about h2:before, #about h2:after { display: none; } .about_container { display: flex; align-items: stretch; } .about_container>div>div { height: 100%; } .custom_pag_nav_block { justify-content: space-between; } .about_container>* { flex-basis: 33%; max-width: 33%; width: 100%; } #about .swiper-slide { background-color: var(--color-3); } #about .about_col_1 .swiper-slide img { transition: all .3s; } #about .about_col_1 .swiper-slide:hover img, #about .about_col_1 .swiper-slide .video img { opacity: .3; } #about .about_col_1 .swiper-slide:hover .video img { opacity: 1; } #about { width: 100%; } #about>.flex { flex-wrap: nowrap; } .about_text_block { max-width: 550px !important; } .about_pag_nav_container { display: flex; align-content: space-between; flex-wrap: wrap; position: relative; } .about_pag_nav_container>* { flex-basis: 100%; max-width: 100%; width: 100%; } .about_container .swiper-slide>div>a { display: block; } .about_container .about_col_1 .swiper-slide a { position: relative; } .about_container .about_col_1 .swiper-slide a:before, .about_container .about_col_1 .swiper-slide a.video:after { content: url(/local/templates/spa_2022/img/photo_i.svg); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: all .3s; } html body .about_container .about_col_1 .swiper-slide a.video:before { opacity: 1 !important; transition: 0 !important; z-index: 2; } .about_container .about_col_1 .swiper-slide a:not(.video):hover:before { opacity: 1; } .about_container .about_col_1 .swiper-slide a.video:before { content: url(/local/templates/spa_2022/img/video_i.svg); } .about_container .about_col_1 .swiper-slide a.video:after { content: url(/local/templates/spa_2022/img/video_i_2.svg); transition: all .3s; opacity: 0; } html body .about_container .about_col_1 .swiper-slide:hover a.video:before { opacity: 0 !important; } .about_container .about_col_1 .swiper-slide:hover a::after { opacity: 1; } .gallery-top, .gallery-bottom { overflow: hidden; } #about .about_col_3 .swiper-slide { background-color: transparent; } @media (min-width:1260px) { #about .about_pag_nav_container { max-width: 600px; } #about::before { content: ''; position: absolute; width: 33.3333%; background-color: var(--color-2); top: -50px; height: 800px; } #about .pag_nav_block { margin-left: 0; margin-top: 0px; } .about_container .about_col_1 { flex-basis: calc(50% - 60px); max-width: calc(50% - 60px); width: 100%; overflow: hidden; display: flex; /*justify-content: flex-start;*/ justify-content: flex-end; } .about_container .about_col_1 .swiper-slide { width: 460px !important; height: 550px; } .gallery-top, .gallery-bottom { width: calc(460px * 3 + 60px * 2); } .about_container .about_col_1>div { margin-left: -90px; /*margin-left: -150px;*/ position: relative; } .about_container .about_col_3>div { margin-right: calc(460px -150px); } .about_container .swiper-slide img { width: 100%; height: 550px; object-fit: cover; } .about_container .about_col_2 { flex-basis: calc(50% - 10px); max-width: calc(50% - 10px); width: 100%; padding-right: 60px; padding-left: 60px; background-color: var(--color-1); z-index: 1; } .about_container .about_col_3 { flex-basis: 70px; max-width: 70px; width: 100%; display: flex; justify-content: flex-start; overflow: hidden; } } @media only screen and (max-width:1259px) { .about_text_block { max-width: 100% !important; } #about .text_block { margin-bottom: 60px; } .about_container { flex-wrap: wrap; padding-right: 25px !important; padding-left: 25px !important; } .about_container>* { flex-basis: 100% !important; max-width: 100% !important; padding-right: 0px !important; padding-left: 0px !important; } .about_container .about_col_1>div { margin-left: 0px; } .custom_pag_nav_block { position: relative; } .about_container .about_col_3+div { order: 0; } .about_container .about_col_2 { order: 2; } .about_container .about_col_1 { order: 1; } .about_text_block { max-width: 100%; } .custom_pag_nav_block { margin-left: auto; margin-right: auto; } .about_container .swiper-slide>div>a { height: 0; display: block; padding-bottom: 100%; position: relative; overflow: hidden; } .about_container .swiper-slide img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; } .custom_pag_nav_block { width: 100%; } } @media only screen and (max-width:767px) { .about_container { padding-right: 20px !important; padding-left: 20px !important; } #about .text_block { margin-bottom: 50px; } #about .about_col_2 { margin-top: 0px; } } /*-----main services----*/ #services .item { background-color: var(--color-3); margin-bottom: 30px; padding: 20px 40px 40px 40px; transition: all .3s; height: calc(100% - 30px); } #services ul.ul_style li::before { border-color: var(--color-1); } #services .item:hover { background-color: var(--color-2); } #services .item:hover * { color: var(--color-3); } #services .item:hover svg path { fill: var(--color-3); } #services .item:hover .ul_style li:before { border-color: var(--color-3); } #services .item>* { color: var(--color-1); } #services .img_block { height: 60px; display: flex; align-items: center; justify-content: flex-end; min-height: 60px; } #services .text_img_block .flex { align-items: center; justify-content: space-between; flex-wrap: nowrap; } #services .text_img_block .flex a { color: var(--color-1); } #services .text_img_block .flex a:hover { color: var(--color-4) !important; } #services .item:hover .text_img_block .flex a { color: var(--color-3); } #services .item:hover .text_img_block .flex a:hover { color: var(--color-25); } #services .text_img_block h5 { margin-bottom: 0; line-height: 28px; } #services .text_img_block { border-bottom: 1px solid var(--color-5); padding-bottom: 10px; margin-bottom: 20px; } #services li a { color: var(--color-1); display: inline-block; position: relative; } #services li a:hover { color: var(--color-4) !important; } #services li a::after { content: ''; width: 0%; height: 1px; background-color: var(--color-5); position: absolute; left: auto; right: 0; display: block; bottom: -5px; transition: all .3s; } #services li a:hover::after { width: 100%; left: 0; right: auto; transition: all .3s; } /*-----main gift ideas----*/ .gift_carousel, .gift_carousel_2 { overflow: hidden; } .gift_carousel .swiper-wrapper, .gift_carousel_2 .swiper-wrapper { height: auto; } .gift_item img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: all .3s; } .gift_item .text_block { padding: 30px; } .gift_item .img_block { display: block; background-color: var(--color-3); } .gift_item .img_block:hover img { opacity: .5; } .gift_item .btn_block { padding-left: 30px; padding-bottom: 30px; display: flex; align-items: flex-end; } .gift_item .text_btn_block { background-color: var(--color-1); } .gift_item:not(:first-child) p.description { margin-bottom: 0; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } #gift_ideas .pag_nav_block { margin-top: 80px; } #gift_ideas { padding: 100px 0; position: relative; } #gift_ideas>* { position: relative; z-index: 2; } #gift_ideas::before { content: ''; height: calc(100% + 40px); position: absolute; z-index: 0; top: -40px; left: 60px; max-width: 1375px; width: 100%; background-color: var(--color-2); z-index: -1; } #gift_ideas .container>* { position: relative; z-index: 1; } @media (min-width:1259px) { #gift_ideas::after { /*content: url(/local/templates/spa_2022/img/element_3.webp);*/ content: url(/local/templates/spa_2022/img/element_3_2.png); transform: scale(.5) translate(-50%, -50%); position: absolute; left: 0; top: 170px; z-index: 1; } #gift_ideas { background-image: url(/local/templates/spa_2022/img/first_before.svg); background-position: 1350px bottom; background-repeat: no-repeat; } #gift_ideas .container::before { content: url(/local/templates/spa_2022/img/element_4-2.png); transform: scale(.5) translate(-50%, -50%); position: absolute; z-index: 0; top: -220px; right: -150px; } #gift_ideas .container::after { content: url(/local/templates/spa_2022/img/element_6.webp); position: absolute; bottom: -100px; right: 24px; } .gift_carousel .swiper-slide { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 330px); grid-column-gap: 60px; grid-row-gap: 60px; } .gift_carousel .swiper-slide .gift_item:first-child { grid-area: 1 / 1 / 3 / 2; } .gift_carousel .swiper-slide .gift_item:nth-child(2) { grid-area: 1 / 2 / 2 / 4; } .gift_carousel .swiper-slide .gift_item:last-child { grid-area: 2 / 2 / 3 / 4; } .gift_carousel .swiper-slide .gift_item:nth-child(2) .flex.stretch { flex-direction: row-reverse; } .gift_carousel .swiper-slide .gift_item .flex.stretch { flex-direction: row; } .gift_carousel .swiper-slide .gift_item:first-child .flex.stretch { flex-direction: column; height: 100%; } .gift_carousel .swiper-slide .gift_item:not(:first-child) .img_block { min-height: 320px; height: 100%; } .gift_carousel .swiper-slide .gift_item:first-child .first_part { height: 220px; } .gift_carousel .swiper-slide .gift_item:first-child .last_part { height: calc(100% - 220px); } .gift_carousel .swiper-slide .gift_item:not(:first-child) .first_part { max-width: 350px; flex-basis: 350px; width: 100%; height: 100%; } .gift_carousel .swiper-slide .gift_item:nth-child(2)>div, .gift_carousel .swiper-slide .gift_item:nth-child(3)>div { height: 330px; } .gift_carousel .swiper-slide .gift_item:not(:first-child) .last_part { max-width: calc(100% - 350px); flex-basis: calc(100% - 350px); width: 100%; } .gift_carousel .swiper-slide .gift_item:first-child .last_part .flex { height: 100%; justify-content: space-between; } .gift_carousel .swiper-slide .gift_item:first-child .text_btn_block { display: flex; justify-content: space-between; flex-wrap: wrap; } } @media only screen and (max-width:1259px) { #gift_ideas { padding: 60px 0; } #gift_ideas::before { max-width: 100%; left: 0; top: 0; } .gift_carousel .gift_item p.description { margin-bottom: 0; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } .gift_carousel .swiper-slide .gift_item .flex.stretch { flex-direction: row; } .gift_carousel .swiper-slide .gift_item:nth-child(odd) .flex.stretch { flex-direction: row-reverse; } .gift_carousel .swiper-slide .gift_item .first_part { flex-basis: 40% !important; max-width: 40% !important; } .gift_carousel .swiper-slide .gift_item .last_part { flex-basis: 60% !important; max-width: 60% !important; } .gift_carousel .text_btn_block { display: flex; align-content: space-between; flex-wrap: wrap; } .gift_carousel .gift_item:not(:last-child) { margin-bottom: 30px; } .gift_carousel .swiper-slide .gift_item .img_block { min-height: 320px; height: 100%; } } @media only screen and (max-width:767px) { .gift_carousel_2 .first_part { height: 0; padding-bottom: 60%; position: relative; width: 100%; } .gift_carousel_2 .gift_item img { position: absolute; } .gift_carousel_2 .gift_item .flex.stretch { align-items: flex-start; } #gift_ideas .pag_nav_block { margin-top: 40px; } #gift_ideas { padding: 40px 0; } } /*-----main brands block----*/ @media only screen and (max-width:1259px) { #brands { margin-top: 140px; } } @media only screen and (max-width:1070px) { .brand_item { max-width: 20%; flex-basis: 20%; text-align: center; margin-bottom: 50px; } #brands .flex.w-space-between { justify-content: center; } } @media only screen and (max-width:1070px) { .brand_item { max-width: 25%; flex-basis: 25%; } } @media only screen and (max-width:767px) { #brands .flex.w-space-between { justify-content: flex-start; gap: 30px; } .brand_item { flex: 0 0 auto !important; margin-bottom: 0; padding-left: 0; padding-right: 0; } .brand_item img { width: 100%; } #brands { margin-top: 50px; } } /*-----main team block----*/ #team .swiper-container { overflow: hidden; } #team .img_container { padding-bottom: 150%; } #team .swiper-wrapper { height: auto; } #team .text_block { margin-top: 20px; } #team .text_block h5 { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid var(--color-5); } #team .post { color: var(--color-3); } #team .pag_nav_block { margin-top: 80px; } @media only screen and (max-width:767px) { #team .pag_nav_block { margin-top: 40px; } } /*-----main news----*/ #news .text_icon_block, .docs_list .text_icon_block { max-width: calc(100% - 150px); flex-basis: calc(100% - 150px); width: 100%; align-items: flex-start; } #news .btn_block, .docs_list .btn_block { max-width: 150px; flex-basis: 150px; width: 100%; display: flex; justify-content: flex-end; } .docs_list .text_icon_block { align-items: center; } #news .text_icon_block .icon, .docs_list .text_icon_block .icon { max-width: 38px; flex-basis: 38px; height: 38px; width: 100%; margin-right: 20px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--color-5); border-radius: 50%; transition: all .3s; } #news .text_icon_block .data_title_block, .docs_list .text_icon_block .text_block { max-width: calc(100% - 58px); flex-basis: calc(100% - 58px); } #news h5 { margin-bottom: 0; } #news .item .last_part { font-size: 12px; line-height: 18px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .list_items.news_scroll { max-height: 300px; overflow-y: scroll; padding-right: 10px; } .list_items.news_scroll::-webkit-scrollbar { -webkit-appearance: none; width: 6px; } .list_items.news_scroll::-webkit-scrollbar-track { background: transparent; } .list_items.news_scroll::-webkit-scrollbar-thumb { border: 3px solid var(--color-3); } #news .item, .docs_list .item { padding: 20px; background-color: var(--color-2); position: relative; } #news .item *, .docs_list .item * { transition: all .3s; } #news .item:not(:last-child), .docs_list .item:not(:last-child) { margin-bottom: 20px; } #news .item h5 { font-size: 16px; line-height: 24px; font-weight: 500; color: var(--color-4); } #news .item h5 a:hover:after { display: none; } #news .item h5 a:hover { color: var(--color-4); } #news .item .data_block { margin-right: 20px; } #news .item:hover * { color: var(--color-3); } #news .item:hover .btn:hover, .docs_list .item:hover .btn:hover { color: var(--color-1); } #news .item:hover .icon, .docs_list .item:hover .icon { border-color: var(--color-3); background-color: var(--color-3); } #news .item:hover .icon svg path, .docs_list .item:hover .icon svg path { fill: var(--color-1); } .docs_list .text_block a { color: var(--color-4); } .docs_list .text_block a:hover { color: var(--color-3); } @media only screen and (max-width:1259px) { #news .item .last_part { -webkit-line-clamp: 2; } .list_items.news_scroll { max-height: 318px; } } @media only screen and (max-width:767px) { #news .item .last_part { -webkit-line-clamp: 4; } .list_items.news_scroll { max-height: 600px; } #news .item>*, #news .item .first_part>*.about_col_1, #news .text_icon_block .data_title_block, .docs_list .item>* { flex-basis: 100%; max-width: 100%; } #news .item .first_part { padding-right: 50px; margin-bottom: 20px; } #news .item .last_part, .docs_list .text_block { margin-bottom: 20px; } #news .text_icon_block .icon { position: absolute; right: 0; top: 25px; } #news .item h5 a { color: var(--color-4); } #news .item .btn { width: 100%; display: block; text-align: center; } #news .item { padding: 25px 20px; } #news .item .data_block { color: var(--color-3); } .docs_list .text_icon_block .icon { display: none; } .docs_list .btn_block { justify-content: flex-start; } #news .text_icon_block, .docs_list .text_icon_block { flex-basis: 100%; max-width: 100%; } } /*-----main map block----*/ #map_block { padding: 100px 0 140px 0; position: relative; margin-bottom: 0; } #map_block>* { position: relative; z-index: 2; } #map_block::before { content: ''; position: absolute; height: 100%; right: 60px; top: 0; width: 1375px; z-index: -1; background-color: var(--color-2); } #map_block iframe { border: 0; } #map_block .yandex_map_rew { flex-basis: 380px; max-width: 380px; width: 100%; margin-left: 60px; } #map_block .map-item { /*flex-basis: calc(100% - 440px); max-width: calc(100% - 440px);*/ width: 100%; height: 100%; } #map_block .map-item iframe { width: 100%; height: 600px; } @media (min-width:1259px) { #map_block { background-image: url(/local/templates/spa_2022/img/first_before.svg); background-position: left bottom; background-repeat: no-repeat; } #map_block::after { content: url(/local/templates/spa_2022/img/first_after.svg); position: absolute; right: 0; top: -203px; } #map_block .container::before { /*content: url(/local/templates/spa_2022/img/element_1_2.png);*/ transform: scale(.5) translate(-51%, -50%); position: absolute; top: -200px; left: -50px; z-index: 1; } #map_block .container::after { content: url(/local/templates/spa_2022/img/element_2_2.png); transform: scale(.5); position: absolute; bottom: -650px; right: -700px; z-index: 1; } .map_img { max-height: 620px; position: absolute; top: -200px; left: -50px; z-index: 1; } } @media only screen and (max-width: 1259px) { .map_img { display: none; } #map_block .container { padding: 0; } #map_block { padding: 60px 0; } #map_block::before { max-width: 100%; left: 0; top: 0; } #map_block .yandex_map_rew { margin: 0 25px 0 30px; } #map_block .map-item { /*flex-basis: calc(100% - 435px); max-width: calc(100% - 435px);*/ } } @media only screen and (max-width: 767px) { #map_block .map-item { flex-basis: 100%; max-width: 100%; } #map_block .yandex_map_rew { margin: 30px auto 0 auto; } #map_block { padding: 40px 0; } } /*-------------------------------aqua-center page-------------------------------*/ #aqua_center_page section { margin-bottom: 80px; } .page_section { margin-bottom: 50px; } .page_section h2 { margin-bottom: 20px; } .aqua_carousel, .spa_carousel { overflow: hidden; } .spa_carousel img { width: 100%; } .aqua_carousel_block h1 { margin-bottom: 50px; } .aqua_carousel_block .text_pag_block { padding-right: 30px; } .aqua_carousel_block .pag_nav_block { max-width: 100%; margin-top: 0; } .aqua_carousel .img { background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; min-height: 400px; } .spa_carousel .swiper-wrapper { height: auto; } .text_w_bg_block { padding: 50px; background-color: var(--color-2); } .text_w_bg_block .left_part { padding-right: 50px; border-right: 1px solid var(--color-5); } .text_w_bg_block .right_part { padding-left: 50px; } .text_column_block .flex, .text_w_bg_block .flex { align-items: flex-start; } .text_w_bg_container h5 { font-size: 28px; line-height: 36px; } .carousel_block .pag_nav_block { margin-top: 0px; max-width: 100%; padding-left: 10px; padding-right: 10px; } .aqua_carousel_block .text_block { font-size: 18px; line-height: 26px; } .spa_carousel .swiper-slide .img_container img { transition: all .3s; } .spa_carousel .img_container { background-color: var(--color-3); position: relative; } .spa_carousel .swiper-slide:hover .img_container img { opacity: .5; } .aqua_carousel .img { position: relative; transition: all .3s; } .aqua_carousel .img::before, .aqua_carousel .img::after { transition: all .3s; } .spa_carousel .swiper-slide .img_container:before, .aqua_carousel .swiper-slide .img::before { content: url(/local/templates/spa_2022/img/photo_i.svg); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: all .3s; z-index: 0; } .aqua_carousel .swiper-slide .img::before { z-index: 2; } .aqua_carousel .swiper-slide .img::after { content: ''; background-color: #C2959270; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; } .spa_carousel .swiper-slide:hover .img_container:before, .aqua_carousel .swiper-slide:hover .img::after { opacity: 1; } .aqua_carousel .swiper-slide:hover .img::before { opacity: .5; } @media only screen and (max-width:1259px) { .text_w_bg_container .left_part { border-right: 0; border-bottom: 1px solid var(--color-5); padding: 0; margin-bottom: 20px; } .text_w_bg_container .right_part { padding: 0; } .aqua_carousel_block .text_pag_block { padding-right: 0px; } .aqua_carousel_block .swiper-slide .img { display: block; position: relative; height: 0; max-height: 400px; padding-bottom: 60%; min-height: 0; } .aqua_carousel_block .text_pag_block, .aqua_carousel_block .aqua_carousel { margin-bottom: 20px; } .aqua_carousel_block h2 { margin-bottom: 30px; } } @media only screen and (max-width:767px) { .text_w_bg_block { padding: 30px; } .carousel_block .pag_nav_block { margin-top: 20px; } #aqua_center_page .carousel_block h5 { font-size: 18px; line-height: 26px; font-weight: normal; } .carousel_block .pag_nav_block { padding: 0; } } /*-------------------------------team page-------------------------------*/ .team_list .item .text_block h5 { font-size: 18px; line-height: 26px; margin-bottom: 0; transition: all .3s; } .team_list .item { position: relative; margin-bottom: 50px; } .team_list { margin-bottom: -50px; } .team_list .item .fly_link { z-index: 1; cursor: pointer; } .team_list .item>a:hover~.text_block h5 { color: var(--color-3); } .team_list .item .img_container { padding-bottom: 150%; margin-bottom: 20px; background-color: var(--color-3); } .team_list .item .img_container img { transition: all .3s; } .team_list .item .text_block .post { padding-top: 10px; margin-top: 10px; border-top: 1px solid var(--color-5); color: var(--color-3); } .team_list .item .fly_block:hover~.text_block .post { border-color: var(--color-3); } .team_list .item>a:hover+.img_container img { opacity: .5; } #team_page .container>.text_block h1 { margin-bottom: 50px; } #team_page .container>.text_block { margin-bottom: 80px; } @media only screen and (max-width:1259px) { #team_page .text_block h2 { margin-bottom: 30px; } #team_page .container>.text_block { margin-bottom: 50px; } } @media only screen and (max-width:767px) { .team_list .item { margin-bottom: 30px; } .team_list { margin-bottom: -30px; } #team_page .more_mob_block .link_more { margin-top: 20px; } } @media (max-width:767px) and (min-width:420px) { #team_page .xs-12 { flex-basis: 50%; max-width: 50%; } } /*-------------------------------detail page-------------------------------*/ .time_price_block { padding: 30px; background-color: var(--color-2); display: inline-block; margin-bottom: 50px; } .time_price_block>* { display: inline-block; } .time_price_block .flex { align-items: center; } .time_price_block h4 { margin-bottom: 0; } .time_price_block svg { margin-right: 10px; } .time_price_block .price_block { margin-right: 60px; } .inner_page #gift_ideas h2 { font-size: 42px; line-height: 54px; position: relative; padding-bottom: 10px; min-width: 220px; text-align: center; margin-bottom: 80px; } #other_service .link_list { gap: 20px; align-items: center; justify-content: center; } #other_service .link_list .item a { padding: 15px 50px 13px 50px; border-radius: 50px; border: 1px solid var(--color-5); color: var(--color-3); font-size: 24px; line-height: 36px; display: inline-block; font-weight: 300; } #other_service .link_list .item a.active, #other_service .link_list .item a:hover { background-color: var(--color-3); color: var(--color-1); border-color: var(--color-3); } #other_service .container { max-width: 1000px; } #other_service h2::before { content: ''; width: 220px; background-color: var(--color-5); position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); display: block; height: 1px; } #other_service h2::after { width: 100px; background-color: var(--color-3); } #other_service h2 { font-size: 42px; line-height: 54px; position: relative; padding-bottom: 10px; min-width: 220px; text-align: center; margin-bottom: 80px; } @media (min-width:1259px) { .inner_page #gift_ideas::after { content: url(/local/templates/spa_2022/img/element_5.svg); position: absolute; left: 0; top: 170px; z-index: 1; } .inner_page #gift_ideas .container::before { display: none; } } @media only screen and (max-width:1259px) { #other_service h2, #gift_ideas h2 { margin-bottom: 50px !important; } } @media only screen and (max-width:767px) { #other_service h2, #gift_ideas h2 { margin-bottom: 30px !important; } .time_price_block>*, .time_price_block { display: block; } .time_price_block .price_block { margin-right: 0px; margin-bottom: 10px; } .time_price_block h4 { font-size: 16px; line-height: 24px; } #other_service .link_list .item a { padding: 10px 30px 8px 30px; font-size: 16px; line-height: 24px; } #other_service .link_list { gap: 10px; } #gift_ideas::before { height: 100%; } .inner_page h2 { font-size: 32px !important; line-height: 42px !important; } } /*-------------------------------catalog page-------------------------------*/ .technicians_list .item .text_btn_block>* { flex: 0 0 100%; } .technicians_list .item { height: calc(100% - 50px) !important; margin-bottom: 50px; } .technicians_list .item .text_btn_block { padding: 30px 30px 76px 30px; } .technicians_list .item .text_btn_block h5 { border-bottom: 1px solid var(--color-5); padding-bottom: 20px; } .technicians_list .item .text_btn_block .description { margin-bottom: 20px; } .technicians_list .item { position: relative; background-color: var(--color-2); transition: all .3s; } .technicians_list .item .btn_block { position: absolute; left: 30px; bottom: 30px; } .technicians_list .item:hover { background-color: var(--color-1); filter: drop-shadow(0px 30px 60px rgba(194, 149, 146, 0.2)); } .technicians_list .item h5 a { color: var(--color-4); } .technicians_list .item h5 a:hover { color: var(--color-3); } .technicians_list .item .img_container:hover img { opacity: .5; } .page_section h2.h1, .page_section .wysiwyg>h2 { margin-bottom: 50px; } @media only screen and (max-width:767px) { .page_section h2.h1 { margin-bottom: 30px !important; font-size: 32px !important; line-height: 42px !important; } .technicians_list .item { margin-bottom: 30px; height: calc(100% - 30px) !important; } .technicians_list .flex>div:last-child .item { margin-bottom: 0 !important; height: 100% !important; } } /*-------------------------------face technique-------------------------------*/ .technicians_list_2 { margin-bottom: 80px; } .technicians_list_2 .item h4 { margin-bottom: 20px; border-bottom: 1px solid var(--color-5); padding-bottom: 20px; } .technicians_list_2 .item h4 a { color: var(--color-4); } .technicians_list_2 .item h4 a:hover { color: var(--color-3); } .technicians_list_2 .item .info_list { margin-bottom: 15px; } .technicians_list_2 .item .description { margin-bottom: 20px; } .technicians_list_2 .item .info_list svg { margin-right: 10px; } .item .info_list>.info_item:not(:last-child) { margin-right: 30px; } .technicians_list_2 .item .info_list>.info_item { margin-bottom: 5px; } .technicians_list_2 .item .text_btn_block { padding: 30px; } .technicians_list_2 .item .text_btn_block .text_block { width: 100%; } .technicians_list_2 .item, .technicians_list_3 .item { background-color: var(--color-2); transition: all .3s; margin-bottom: 50px; } .technicians_list_3 .item { padding: 30px; height: calc(100% - 50px) !important; } .technicians_list_2 .item:hover { background-color: var(--color-1); filter: drop-shadow(0px 30px 60px rgba(194, 149, 146, 0.2)); } .technicians_list_2 .item .img_container:hover img { opacity: .5; } .marker { padding: 10px 30px; background-color: var(--color-1); border-radius: 60px; color: var(--color-3); transition: all .3s; display: inline-block; position: absolute; top: 30px; left: 30px; z-index: 1; } .w_line.top { padding-top: 20px; margin-bottom: 0; padding-bottom: 0; border-bottom: 0; border-top: 1px solid var(--color-5); } .technicians_list_3 { margin-bottom: -50px; } .technicians_list_3 .text_block { max-width: 100%; flex-basis: 100%; } .technicians_list_3 .text_block .discription { margin-bottom: 20px; } .technicians_list_3 .text_block .discription>p:last-child { margin-bottom: 0; } .technicians_list_3 .dots_block>* { background-color: var(--color-2) !important; } .technicians_list_3 .dots_block { margin-bottom: 20px; } .options-list-service { width: 100%; } @media (min-width:767px) { .technicians_list_2 .item .img_container { padding-bottom: 0; height: 100%; min-height: 300px; } } @media only screen and (max-width:1259px) { .technicians_list_2 { margin-bottom: 50px; } .technicians_list_2 .item { margin-bottom: 30px; } } @media only screen and (max-width:767px) { body.inner_page h1 { margin-bottom: 30px !important; } .technicians_list_3 .item { margin-bottom: 25px; } .technicians_list_3 { margin-bottom: -30px; } .technicians_list_3 .item .info_list>.info_item { margin-bottom: 5px; } .technicians_list_3 .item { height: calc(100% - 35px) !important; } } /*-------------------------------category-------------------------------*/ .category_list .item { margin-bottom: 50px; background-color: var(--color-2); height: calc(100% - 50px) !important; transition: all .3s; } .category_list .item:hover { filter: drop-shadow(0px 30px 60px rgba(194, 149, 146, 0.2)); background-color: var(--color-1); } .category_list .text_block { padding: 30px; } .category_list .item a { color: var(--color-4); } .category_list .item a:hover { color: var(--color-3); } .category_list .item .img_container:hover img { opacity: .5; } .category_list .text_block .description { margin-bottom: 0; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .category_list.w_bg { position: relative; padding: 130px 0; } .category_list.w_bg>* { z-index: 1; position: relative; } .category_list.w_bg::before { content: ''; background-color: var(--color-2); height: 100%; max-width: 1833px; width: 100%; left: 50%; transform: translateX(-50%); top: 0; display: block; position: absolute; z-index: -1; } .category_list.w_bg::after { content: url(/local/templates/spa_2022/img/element_5.svg); position: absolute; left: 0; bottom: -100px; z-index: 0; } .category_list.w_bg .item { background-color: var(--color-1); } .category_list h2 { margin-bottom: 50px; } @media only screen and (max-width:1259px) { .category_list.w_bg { padding: 80px 0; } .category_list.w_bg::after { display: none; } } @media only screen and (max-width:767px) { .category_list h2 { margin-bottom: 30px; font-size: 28px; line-height: 36px; } .category_list.w_bg { padding: 50px 0; } .category_list .item { margin-bottom: 30px; height: calc(100% - 30px) !important; } .category_list .flex>div:last-child .item { margin-bottom: 0; height: 100% !important; } } /*-------------------------------contact page-------------------------------*/ .icon { max-width: 38px; flex-basis: 38px; height: 38px; width: 100%; margin-right: 20px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--color-5); border-radius: 50%; transition: all .3s; } .icon+div { flex-basis: calc(100% - 58px); max-width: calc(100% - 58px); width: 100%; } #contact_page .address_phone_block>div:not(:last-child) { margin-bottom: 20px; } #contact_page .address_phone_block>div { align-items: center; } #contact_page .address_phone_block h4 { margin-bottom: 0; } #contact_page .map-item iframe { width: 100%; height: 100%; border: 0; } .map_btn svg * { transition: all .3s; } .map_btn { width: 100%; padding: 30px 0px; background-color: var(--color-2); text-align: center; transition: all .3s; display: flex; align-items: center; justify-content: center; } .map_btn:hover { background-color: var(--color-3) !important; } .map_btn:hover svg * { fill: var(--color-1); } #contact_page .address_phone_block>div>svg { margin-left: 20px; } #contact_page .address_phone_block a { color: var(--color-4); } #contact_page .address_phone_block a:hover { color: var(--color-3); } @media (min-width:1259px) { #contact_page .text_block { padding-right: 40px; align-content: space-between; } } @media only screen and (max-width:1259px) { #contact_page .map_btn svg { width: 110px; } #contact_page .map-item iframe { height: 450px; } #contact_page .text_block { margin-bottom: 50px; height: auto; } #contact_page .address_phone_block { border: 0; padding-bottom: 0; margin-bottom: 0; } } @media only screen and (max-width:767px) { #contact_page .map_btn { margin-bottom: 20px; } #contact_page .text_block { margin-bottom: 10px; } #contact_page .address_phone_block { margin-bottom: 30px; } #contact_page .address_phone_block>div>svg { margin-left: 15px; } } /*-------------------------------hairdressing page-------------------------------*/ .text_img_block .img_block { background-size: cover; min-height: 300px; } .table_acc_block .td_title { color: var(--color-3) !important; } .table_acc_block td { white-space: nowrap; font-size: 16px; line-height: 24px; border: 0 !important; } .table_acc_block table tbody tr:nth-child(odd) td { background-color: var(--color-2); } .table_acc_block table thead th { vertical-align: bottom; font-size: 12px; line-height: 18px; font-weight: normal; color: var(--color-3); border-bottom: 1px solid var(--color-3); } .td_title { padding-right: 30px !important; } .table_acc_block table tr * { text-align: left; } .table_acc_block table tr>* { padding: 20px 20px 20px 10px; } .table_acc_block table tr>:first-child { padding-left: 20px; } .table_acc_block table tr>:last-child { padding-right: 20px; } .table_acc_block .acc_body .flex { flex-wrap: nowrap; align-items: flex-end; } .acc_item .acc_body { display: none; } .acc_item.active .acc_body { display: block; overflow: hidden; } .dots_block { position: relative; } .dots_block .name { padding-right: 5px; } .dots_block .value { padding-left: 5px; } .dots_block::before { content: ''; height: 1px; width: 100%; background-image: url(/local/templates/spa_2022/img/dots.svg); background-size: contain; position: absolute; bottom: 2px; z-index: 0; } .dots_block>* { background-color: var(--color-1); position: relative; z-index: 1; line-height: 1; } .dots_block:not(:last-child) { margin-bottom: 25px; } .table_acc_block .acc_item .acc_head { padding: 20px 0; border-bottom: 1px solid var(--color-2); cursor: pointer; transition: all .3s; } .table_acc_block .acc_item .acc_head:hover { color: var(--color-3); } .table_acc_block .acc_item .acc_body { padding-top: 25px; } .table_acc_block .acc_item.active .acc_head { border-color: var(--color-3); } .table_acc_block .acc_item.active .acc_head svg { transform: scale(-1); } .table_acc_block .acc_list { display: none; } @keyframes acc_show { from { height: 0; opacity: 0; } to { height: inherit; opacity: 1; } } @media only screen and (max-width: 1259px) { .table_acc_block table { display: none; } .table_acc_block .acc_list { display: block; } .text_img_block .text_block .img_container { margin-bottom: 50px; } .text_img_block.img_after .text_block .img_container { margin-bottom: 0; margin-top: 50px; } } @media only screen and (max-width: 767px) { .text_img_block .text_block .img_container { margin-bottom: 30px; } .text_img_block.img_after .text_block .img_container { margin-bottom: 0; margin-top: 30px; } } /*-------------------------------fitnes page-------------------------------*/ .fitnes_list .item, .tile_list .item { background-color: var(--color-2); transition: all .3s; margin-bottom: 50px; height: calc(100% - 50px) !important; } .fitnes_list .item:hover, .tile_list .item:hover { background-color: var(--color-1); filter: drop-shadow(0px 30px 60px rgba(194, 149, 146, 0.2)); } .fitnes_list { margin-bottom: 80px; } .w_line a { color: var(--color-4); } .w_line a:hover { color: var(--color-3); } .info_list { width: 100%; } .text_info_block { padding: 30px; } .text_info_block .text_block { width: 100%; } .text_info_block .description.w_line { padding-bottom: 0px; } .check_list>span { margin-bottom: 10px; display: block; } .check_list { margin-bottom: 20px; } .check_list li { padding-left: 25px; position: relative; } .check_list li:not(:last-child) { margin-bottom: 10px; } .check_list li::before { content: url(/local/templates/spa_2022/img/check.svg); position: absolute; top: 4px; left: 0; } .info_item>.flex { align-items: flex-start; flex-wrap: nowrap; } .info_item>.flex>svg { flex-basis: 15px; max-width: 15px; margin-right: 10px; width: 100%; } .info_item>.flex>svg+div { flex-basis: calc(100% - 25px); max-width: calc(100% - 25px); width: 100%; white-space: nowrap; } .info_item svg { position: relative; top: 3px; } .info_item .title { margin-bottom: 15px; } .fitnes_list .md-12>.item { padding-bottom: 0; } .fitnes_list .md-12>.item .info_item>.flex { /*flex-direction: column;*/ } .info_item .title.flex { justify-content: flex-start; /*flex-wrap: nowrap;*/ flex-direction: column; align-items: flex-start; } .info_item .dots_block .name, .info_item .dots_block .value { background-color: #fbf9f6; transition: all .3s; white-space: normal; } .fitnes_list .item:hover .info_item .dots_block .name, .fitnes_list .item:hover .info_item .dots_block .value { background-color: var(--color-1); } .info_item .dots_block .value { color: var(--color-3); } .info_item .dots_block:not(:last-child) { margin-bottom: 15px; } .fitnes_list .item .img_container:hover img, .tile_list .item .img_container:hover img { opacity: .5; } .btn_date_block { flex-direction: row; justify-content: space-between; align-items: center; } .fitnes_list .item, .tile_list .item { position: relative; padding-bottom: 46px; } .btn_date_block { position: absolute; bottom: 30px; left: 30px; width: calc(100% - 60px); } .date_block svg { margin-right: 10px; position: relative; } .tile_list .item .description p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .img_text_block .date_block { padding: 10px 30px; border-radius: 20px; background-color: var(--color-2); margin-bottom: 50px; display: inline-block; } @media only screen and (max-width: 1259px) { .fitnes_list .item, .tile_list .item { position: relative; padding-bottom: 90px; } .fitnes_list { margin-bottom: 0; } .btn_date_block { flex-direction: column-reverse; align-items: flex-start !important; } .btn_date_block .date_block { margin-bottom: 20px; } .img_text_block .img_container { margin-bottom: 50px; } } @media only screen and (max-width: 767px) { .fitnes_list .dots_block::before { display: none; } .fitnes_list .dots_block { flex-direction: column; align-items: flex-start !important; } .info_item .dots_block .name, .info_item .dots_block .value { line-height: normal; padding: 0; } .button-prev:hover, .button-next:hover { transform: translateX(0); } .button-prev:hover::before { left: 0px; } .button-next:hover::before { right: 0px; } .img_text_block .img_container, .img_text_block .date_block { margin-bottom: 30px; } .info_item .title.flex { flex-wrap: wrap; } .info_item .title.flex>* { flex-basis: 100%; max-width: 100%; width: 100%; } .info_item .title .schedule { margin-left: 0; white-space: normal; } } /*-------------------------------about page-------------------------------*/ .about_static_part .discription p:last-child { margin-bottom: 0; } .about_list .about_item { margin-top: 50px; padding-top: 50px; border-top: 1px solid var(--color-5); } .about_list .about_item h4 a:hover { color: var(--color-4); } .about_list .about_item .img_container:hover img { opacity: .5; } @media (min-width:1259px) { .about_list .about_item .img_container { padding-bottom: 53.574%; } .about_list .about_item:nth-child(even)>.flex { flex-direction: row-reverse; } } @media only screen and (max-width:1259px) { .about_list .about_item .img_container { margin-bottom: 50px; } } @media only screen and (max-width:767px) { .about_list .about_item { margin-top: 30px; padding-top: 30px; } .about_list .about_item .img_container { margin-bottom: 30px; } } /*-------------------------------not found page-------------------------------*/ #not_found_page .text_btn_block { position: relative; } #not_found_page .text_btn_block::before { content: '404'; font-size: 550px; position: absolute; line-height: 0; left: 350px; top: 0; z-index: 0; font-weight: 100; color: var(--color-5); } #not_found_page .text_btn_block>* { position: relative; z-index: 1; } #not_found_page .text_btn_block_container { max-width: 300px; width: 100%; } @media only screen and (max-width:767px) { #not_found_page .text_btn_block::before { display: none; } } /*-----------additional styles------------*/ #about_page .img_container img, #fitnes_page_2 .img_container img, #fitnes_page_3 .img_container img { opacity: 1; } .technicians_list_3 .item { transition: all .3s; } .technicians_list_3 .item:hover { background-color: var(--color-1); filter: drop-shadow(0px 30px 60px rgba(194, 149, 146, 0.2)); } .popup_block.active { background-color: #564645d6; } .description { margin-bottom: 20px; } .description>p:not(:last-child) { margin-bottom: 20px; } .description>p:last-child, .text_w_bg_block .right_part>*:last-child, .text_w_bg_block .left_part>*:last-child { margin-bottom: 0px; } nav ul li .selected { color: var(--color-3) !important; } /*------new 01.02.2023-----*/ .without_carousel .flex { gap: 30px 0; } /*------две линии в подарках 07.04.2023-----*/ @media (min-width:1260px) { .two_lines p.description { display: -webkit-box !important; -webkit-line-clamp: 4 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; } .two_lines h5 { line-height: 120% !important; } } .wysiwyg a:hover { border-color: var(--color-3); } .wysiwyg a { padding-bottom: 2px; border-bottom: 1px solid var(--color-5); } /*---08.08.2023---*/ .yButton { bottom: 30px; right: 30px; z-index: 9; position: fixed; } .yButtonBackground { width: 100px; height: 100px; border-radius: 100%; background-color: var(--color-3); transition: all .3s; } .yButton:hover .yButtonBackground { background-color: var(--color-2); } .yButtonWave { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; border-color: var(--color-3); color: #caa2a0; border: 2px solid; width: 100%; height: 100%; opacity: 1; -webkit-animation: wave-stroke 2s infinite cubic-bezier(.37, 0, .8, .77); -moz-animation: wave-stroke 2s infinite cubic-bezier(.37, 0, .8, .77); -o-animation: wave-stroke 2s infinite cubic-bezier(.37, 0, .8, .77); animation: wave-stroke 2s infinite cubic-bezier(.37, 0, .8, .77); } .yButton:hover .yButtonWave { animation: none; } .yButtonText { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; width: 90px; color: #fff; font-size: 15px; line-height: 20px; font-weight: 400; text-align: center; vertical-align: middle; letter-spacing: 1.5px; } .yButton:hover .yButtonText { color: var(--color-3); } @keyframes wave-stroke { 0% { width: 100%; height: 100%; border-color: var(--color-1); opacity: 1; } 100% { width: 200%; height: 200%; border-color: var(--color-3); opacity: 0; } } /*----09.08.2023----*/ header>.container>.flex { position: relative; } header>.container>.flex::before { content: ''; position: absolute; left: 15px; top: calc(50% - 5px); height: 1px; width: calc(100% - 30px); background: linear-gradient(90deg, #C29592 0%, rgba(194, 149, 146, 0.00) 52.08%, #C29592 100%); opacity: .3; } header .lvl_3 { margin-bottom: 15px; } header .lvl_1 { margin-bottom: 25px; } header .left_part .lvl_1>ul>li { padding-bottom: 0; height: 34px; display: flex; align-items: center; justify-content: center; } header .right_part .btn { padding: 7px 20px; margin-left: 25px; } header .left_part .lvl_1 a { text-transform: uppercase; } header .social_links ul { flex-direction: row; } @media only screen and (max-width: 1259px) { header .hide_menu { margin-top: 0; } header .left_part>.lvl_1 { display: flex; align-items: center; gap: 20px; } header .lvl_1 { margin-bottom: 0; margin-top: 15px; } header>.container>.flex::before { top: calc(50% + 10px); } header .social_links ul { gap: 20px; top: -2px; position: relative; } header .right_part>.flex { margin-top: 13px; flex-wrap: nowrap; } header .right_part .flex { flex-wrap: nowrap; white-space: nowrap; } header .right_part .btn { white-space: nowrap; } header .right_part .btn { margin-left: 20px; } } @media only screen and (max-width: 767px) { header>.container>.flex::before { display: none; } } /*----13.12.23----*/ .health_tours_page section:not(:last-child) { margin-bottom: 80px; } .bg_color { padding: 50px; background-color: var(--color-2); } .text_block>:last-child { margin-bottom: 0; } /*----*/ .slider_block { position: relative; } div[class*="health-tours-carousel-"] .swiper { width: 100%; height: 100%; } div[class*="health-tours-carousel-"] .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; } div[class*="health-tours-carousel-"] .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } div[class*="health-tours-carousel-"] .swiper { width: 100%; height: 300px; margin-left: auto; margin-right: auto; } div[class*="health-tours-carousel-"] .swiper-slide { background-size: cover; background-position: center; } .health-tours-carousel-2 { width: 100%; } .health-tours-carousel-1 { box-sizing: border-box; margin-top: 30px; } .health-tours-carousel-1 .swiper-slide { height: 100%; cursor: pointer; } .health-tours-carousel-1 .swiper-slide-thumb-active { opacity: 1; } div[class*="health-tours-carousel-"] .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .health-tours-carousel-2 .swiper-slide { height: 0; padding-bottom: 57.4%; position: relative; } .health-tours-carousel-1 .swiper-slide { height: 0; padding-bottom: 18.6%; position: relative; } div[class*="health-tours-carousel-"] .swiper-slide img { position: absolute; top: 0; left: 0; } div[class*="health-tours-carousel-"] div[class*="swiper-button-"] { width: 42px; height: 42px; background-color: var(--color-1); border-radius: 50%; display: flex; align-items: center; justify-content: center; top: calc(50% - 60px); } div[class*="health-tours-carousel-"] div[class*="swiper-button-"]:hover { background-color: var(--color-3); } div[class*="health-tours-carousel-"] div[class*="swiper-button-"]:hover svg path { stroke: var(--color-1); } div[class*="health-tours-carousel-"] .swiper-button-next { right: -21px; } div[class*="health-tours-carousel-"] .swiper-button-prev { left: -21px; } div[class*="health-tours-carousel-"] div[class*="swiper-button-"]::after { display: none; } .health_tours_text_carousel>.flex { gap: 30px 0; align-items: flex-start; } /*----*/ .program_block { padding: 30px; background-color: var(--color-1); } .program_list .item>.flex { align-items: flex-start; gap: 10px; flex-wrap: nowrap; } .program_list_block .title_list_block { padding: 0 50px; } .program_list_block>.flex>.md-4:not(:nth-child(3)) .title_list_block { border-right: 1px solid var(--color-5); } .program_list_block>.flex>div:first-child .title_list_block { padding-left: 0px; } .program_list_block>.flex>div:last-child .title_list_block { padding-right: 0px; } .program_list .item>.flex>svg { flex-basis: 15px; max-width: 15px; width: 100%; position: relative; top: 4px; } .program_list .item>.flex>svg+p.title { flex-basis: calc(100% - 25px); max-width: calc(100% - 25px); width: 100%; } .program_list_block .title_list_block { height: 100%; } .health_tours_table .column_block h3 { color: var(--color-3); margin: 0 0 10px 0; } .health_tours_table .column_block h3+div.text_block { font-size: 18px; margin-bottom: 30px; font-weight: bold; text-align: center; } .program_list_block .title_list_block h4 { color: var(--color-3); font-size: 24px; margin-bottom: 10px; } .program_list>.item p { margin-bottom: 10px; } .program_list>.item:last-child p { margin-bottom: 0; } .program_list_block .info_block { border-top: 1px solid var(--color-5); padding-top: 30px; margin-top: 30px; } .health_tours_table .program_list_block .info_block .flex { align-items: flex-start; } .health_tours_table .program_list_block .info_block .info { opacity: .4; color: var(--color-4); font-size: 12px; line-height: 1.2; display: block; letter-spacing: -.1px; } .health_tours_table .column_block+.table_block { margin-top: 30px; } .health_tours_table .table_block .table_title { text-align: center; margin-bottom: 15px; } .health_tours_table table th, .health_tours_table table td { border-top: 1px solid var(--color-5) !important; border-bottom: 0 !important; padding-left: 0 !important; } .health_tours_table table th b { font-size: 16px !important; font-size: bold; color: var(--color-4); } .health_tours_table table tr:last-child td { border-bottom: 1px solid var(--color-5) !important; } /*----*/ .health_tours_rooms_list>.flex { gap: 50px; width: 100%; align-items: flex-start; } .health_tours_rooms_block .item { flex-basis: calc(50% - 25px); max-width: calc(50% - 25px); width: 100%; } .slider-block-slider .swiper-slide { height: 0; padding-bottom: 70%; position: relative; } .slider-block-slider .swiper-slide img { position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0; left: 0; } .slider_block div[class*="swiper-button-"] { width: 42px; height: 42px; background-color: var(--color-1); border-radius: 50%; display: flex; align-items: center; justify-content: center; } .slider_block div[class*="swiper-button-"]::after { display: none; } .slider_block div[class*="swiper-button-"] svg { position: relative; top: 1px; } .slider_block .swiper-button-prev { left: 30px; } .slider_block .swiper-button-next { right: 30px; } .slider-block-slider div[class*="swiper-button-"]:hover { background-color: var(--color-3); } .slider-block-slider div[class*="swiper-button-"]:hover svg path { stroke: var(--color-1); } .health_tours_rooms_block .text_btn_block { background-color: var(--color-2); padding: 30px; } .health_tours_rooms_block .text_btn_block .btn { background-color: var(--color-3); color: var(--color-1); border: none; } .health_tours_rooms_block .text_btn_block .btn:hover { opacity: .7; } .health_tours_rooms_block .text_btn_block .flex { align-items: center; justify-content: space-between; flex-wrap: nowrap; gap: 20px; } /*----*/ .health_tours_table h5 { margin-bottom: 0; } .slider_block div[class*="swiper-button-"]:hover { background-color: var(--color-3); } .slider_block div[class*="swiper-button-"]:hover svg path { stroke: var(--color-1); } .health_tours_table .for_who_block { margin-bottom: 20px; font-size: 12px; color: var(--color-3); white-space: nowrap; } .health_tours_table .for_who_block .flex { gap: 10px; align-items: center; flex-wrap: nowrap; justify-content: center; overflow-x: scroll; scroll-snap-type: x mandatory; scroll-padding: 40px; padding-bottom: 0; padding-left: 20px; padding-right: 20px; } .health_tours_table .for_who_block .flex::-webkit-scrollbar { display: none; } .health_tours_table .for_who_block .flex::-webkit-scrollbar { display: block; } .health_tours_table .items_list .item { padding: 7px 16px; background-color: var(--color-1); border-radius: 30px; } .about_container .about_col_2 { background-color: transparent !important; } @media screen and (max-width:1259px) { .health_tours_table .for_who_block { margin-left: -50px; margin-right: -50px; } .health_tours_page .table_acc_block .acc_list { display: none !important; } .health_tours_page .table_acc_block table { display: block !important; } .program_list_block .title_list_block { padding: 0 0 30px 0; } .program_list_block>.flex>.md-4 .title_list_block { border-right: 0 !important; border-bottom: 1px solid var(--color-5); } .program_list_block>.flex>.md-4:last-child .title_list_block { border-bottom: 0 !important; } .health_tours_rooms_block .text_btn_block .flex { flex-wrap: wrap; justify-content: flex-start; gap: 20px; } .health_tours_rooms_block .text_btn_block .flex>* { flex-basis: 100%; max-width: 100%; } .health_tours_page section:not(:last-child) { margin-bottom: 50px; } .health_tours_rooms_list .text_block h5 { font-size: 20px; line-height: 1; } .health_tours_rooms_list>.flex { gap: 30px; } .health_tours_page h1 { margin-bottom: 30px !important; } .health_tours_page .program_list_block>.flex { gap: 30px; } .program_list_block .info_block { border-top: 0; margin-top: 0; padding-top: 0; } .health_tours_table h5 { font-size: 16px; } } @media screen and (max-width:767px) { .health_tours_table .column_block h3+div.text_block { padding-bottom: 20px; } .health_tours_table .for_who_block { margin-left: -20px; margin-right: -20px; } .health_tours_table .for_who_block .flex { justify-content: flex-start; } .health_tours_page .table_acc_block .acc_list { display: block !important; } .health_tours_page .table_acc_block table { display: none !important; } .health_tours_page section:not(:last-child) { margin-bottom: 30px; } .health_tours_rooms_block .item { flex-basis: 100%; max-width: 100%; } .bg_color { padding: 50px 20px; margin-left: -20px; margin-right: -20px; width: calc(100% + 40px); } .program_block { padding: 20px; } .health_tours_table .acc_item { border-bottom: 1px solid var(--color-5); } .health_tours_table .acc_item:first-child { border-top: 1px solid var(--color-5); } .health_tours_table .acc_item.active .acc_head { border-bottom: 0; } .health_tours_table .acc_item.active .acc_body { padding-bottom: 30px; padding-top: 0; } .health_tours_table .dots_block>* { background-color: var(--color-2); } .slider_block .swiper-button-next { right: -21px; } .slider_block .swiper-button-prev { left: -21px; } .health-tours-carousel-1 { display: none; } div[class*="health-tours-carousel-"] div[class*="swiper-button-"] { top: 50%; } } /*----*/ #map_block::before { opacity: .7; } #map_block { z-index: 9; } #team { margin-bottom: 0; } #main_bg_block_3 { padding-top: 130px; } #main_bg_block_1 { background-image: url(/local/templates/spa_2022/img/main_bg_1.webp); background-repeat: no-repeat; background-position: left bottom; } #main_bg_block_2 { background-image: url(/local/templates/spa_2022/img/main_bg_2.webp); background-repeat: no-repeat; background-position: right 13%; } #main_bg_block_3 { background-image: url(/local/templates/spa_2022/img/main_bg_3.webp); background-repeat: no-repeat; background-position: center top; } @media (min-width: 1260px) { .about_container .about_col_3 { background-color: transparent; } } @media only screen and (max-width: 1259px) { #main_bg_block_3 { padding-top: 80px; } #main_bg_block_2 { background-position: center 13%; } } @media only screen and (max-width: 767px) { #main_bg_block_2 { padding-top: 40px; } .main_bg_block { background-size: 500px; } #main_bg_block_1 { background-position: left bottom !important; background-size: 150%; } #main_bg_block_2 { background-size: contain; background-position: right 700px; } #main_bg_block_3 { background-size: 200%; } } @media only screen and (max-width: 480px) { #main_bg_block_2 { background-size: contain; background-position: right 1000px; } } /*-----new slider ------*/ body:not(.inner_page) header { position: relative; } body::before, body::after { display: none; } body:not(.inner_page) main { position: relative; z-index: 0; margin-top: -50px; } /*----*/ .new_first_slider { margin-top: -100px; } .new_first_slider .slide { position: relative; height: 550px; background-size: cover; background-position: center; transition: all .3s; } .new_first_slider .slide::before, .new_first_slider .slide::after { content: ''; height: 60%; width: 100%; position: absolute; left: 0; z-index: 0; } .new_first_slider .slide::before { top: 0; background: linear-gradient(to bottom, var(--color-1), transparent); } .new_first_slider .slide::after { bottom: 0; background: linear-gradient(to top, var(--color-1), transparent); } .new_first_slider .slide .text_block { max-width: 60%; height: 100%; display: flex; align-content: center; flex-wrap: wrap; position: relative; z-index: 1; padding-bottom: 46px; } .new_first_slider .slide .text_block>* { flex-basis: 100%; max-width: 100%; } .new_first_slider .nav_pag_block { position: absolute; max-width: 300px; width: 100%; right: 0; bottom: 127px; height: 54px; display: flex; flex-direction: row-reverse; margin-bottom: 0 !important; justify-content: space-between; align-items: center; gap: 10px; right: 20px; } .new_first_slider>.container { position: relative; margin: 0 auto; } .new_first_slider .slide .container { height: 100%; } .new_first_slider .nav_pag_block .swiper-pagination-container { flex-basis: calc(100% - 104px); max-width: calc(100% - 104px); width: 100%; } .new_first_slider .swiper-pagination { display: flex; flex-wrap: nowrap; gap: 10px; justify-content: center; width: calc(100% - 104px); } .new_first_slider .slide .text_block .btn { position: absolute; bottom: 135px; z-index: 1; } .new_first_slider .text_block .title { margin-bottom: 50px; } .new_first_slider .swiper-pagination-bullets { top: auto; bottom: auto !important; } .new_first_slider div[class*="swiper-button-"] { width: 42px; height: 42px; background-color: var(--color-1); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-basis: 42px; max-width: 42px; position: relative; top: 11px; left: 0; } .new_first_slider div[class*="swiper-button-"]:hover { background-color: var(--color-3); } .new_first_slider div[class*="swiper-button-"]:hover svg { position: relative; z-index: 0; } .new_first_slider div[class*="swiper-button-"]:hover svg path { stroke: var(--color-1); } .new_first_slider .nav_pag_block .swiper-pagination span { width: 5px; height: 5px; border: 1px solid var(--color-3); background-color: transparent; opacity: .5; } .new_first_slider .nav_pag_block .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--color-3); opacity: 1; } .new_first_slider .swiper-wrapper { position: relative; z-index: 0; } .new_first_slider .swiper-wrapper+.container { position: relative; z-index: 1; } .new_first_slider .btn { background-color: var(--color-3); color: var(--color-1); border: none; } .new_first_slider .text_block h2 { font-size: 60px; line-height: 78px; text-align: left; margin: 0 !important; padding: 0; } .new_first_slider .text_block .title { font-size: 32px; line-height: 42px; font-weight: 300; } .new_first_slider .text_block h2+.title { margin-top: 20px; margin-bottom: 50px; } .new_first_slider .text_block h2+.title>p.announce { font-size: 16px; font-weight: normal; margin-top: 10px; line-height: 1.5; } .new_first_slider div[class*="swiper-button-"]::after { width: 42px; height: 42px; content: ''; position: absolute; top: 0; left: 0; z-index: 1; } .new_first_slider .swiper-slide:not(.swiper-slide-duplicate) .slide { background-image: none; } @media (min-width: 1260px) { .new_first_slider .text_block, .new_first_slider .slide { transition: all .7s; } .new_first_slider div:not(.swiper-slide-active) .text_block, .new_first_slider div:not(.swiper-slide-active) .slide { opacity: 0; } .new_first_slider div:not(.swiper-slide-active) .slide { background-image: lnear-gradient(to bottom, white, white); } .new_first_slider .swiper-slide-active .text_block, .new_first_slider .swiper-slide-active .slide { opacity: 1 !important; } } @media screen and (max-width: 1259px) { .new_first_slider .slide .text_block { max-width: calc(100% - 300px) !important; } .new_first_slider .text_block h2 { font-size: 48px; line-height: 1.2; } .new_first_slider .text_block .title { font-size: 28px; line-height: 1.2; } } @media screen and (max-width: 767px) { .new_first_slider .slide .text_block { max-width: 100% !important; } .new_first_slider { margin-top: 0px; } .new_first_slider .slide { height: 350px; } body:not(.inner_page) main { margin-top: 0px; } .new_first_slider .nav_pag_block { left: 20px; right: 20px; bottom: 50px; } .new_first_slider .slide .text_block { width: 100%; align-content: flex-start; padding-top: 50px; } .new_first_slider .slide .text_block .btn { position: relative; display: inline-block; bottom: 0; flex-basis: auto; } .new_first_slider .text_block h2 { font-size: 28px; line-height: 46px; margin-bottom: 0 !important; } .new_first_slider .text_block h2+.title { margin-top: 5px; margin-bottom: 20px; font-size: 22px; line-height: 30px; } .new_first_slider .text_block h2+.title br { display: none; } .new_first_slider .text_block h2+.title>p.announce { margin-top: 5px; } } @media screen and (max-width: 459px) { .new_first_slider .nav_pag_block { max-width: calc(100% - 40px); } } /*--------------------------------------------------*/ .technicians_list_2 .info_item>.flex>svg { flex-basis: 16px; max-width: 16px; } .technicians_list_2 .info_item.big>.flex>svg { flex-basis: 18px; max-width: 18px; } .technicians_list_2 .btn_block .btn+.some_text { font-size: 12px; color: var(--color-3); margin-top: 5px; } @media screen and (max-width:767px) { .technicians_list_2 .item .info_list>* { flex-basis: 100%; max-width: 100%; } } /*----08.02.2024----*/ header>.container>.flex::before { display: none; } header>.container>.flex>.md-6 { position: relative; } header>.container>.flex>.md-6::before { content: ''; position: absolute; left: 15px; height: 1px; width: calc(100% - 30px); opacity: .3; bottom: 0; } header>.container>.flex>.md-6:first-child:before { background: linear-gradient(to right, #C29592, transparent); } header>.container>.flex>.md-6~.md-6:before { background: linear-gradient(to left, #C29592, transparent); } header nav.lvl_1 { margin-bottom: 40px !important; margin-top: 10px; } header nav.hide_menu { margin-top: 40px; } header .flex.row>.sm-12.xs-hide { width: 100%; } .main_menu { justify-content: space-between; width: 100%; } .phone_burger_block .phone_btn { display: none; } .phone_burger_block .contact_block { font-size: 20px; white-space: nowrap; border-right: 1px solid var(--color-5); margin-right: 20px; padding-right: 20px; } .phone_burger_block .contact_block .flex { flex-wrap: nowrap; gap: 10px; } .phone_burger_block .contact_block a { color: var(--color-4); } header .hide_menu .flex { flex-wrap: nowrap; gap: 0; } @media (min-width:768px) { .new_logo_block { position: absolute; right: calc(50% - 75px); } } @media (min-width:1260px) { .new_logo_block { top: -40px; } } @media (max-width: 1259px) and (min-width:768px) { header .logo_block img { height: 106px; } } @media (max-width: 992px) { header .left_part .lvl_1 a { font-size: 12px; } header .hide_menu a { font-size: 14px; } } @media (max-width: 767px) { header>.container>.flex { justify-content: space-between; } .new_logo_block+div { max-width: fit-content; } } @media (max-width: 460px) { .phone_burger_block .phone_btn { display: flex; } .phone_burger_block .contact_block { display: none; } } /*---13.03.2024---*/ .program_block .btn_block { text-align: center; margin-top: 30px; } /*---31.07.2024 submenu---*/ header nav.hide_menu li { position: relative; } header nav.hide_menu li .submenu { position: absolute; top: 100%; display: none; left: -10px; align-items: flex-start; flex-direction: column; gap: 7px; box-shadow: 0px 30px 50px rgba(194, 149, 146, 0.2); } header nav.hide_menu li:hover .submenu { display: flex; animation: .3s both linear submenu_show; background: linear-gradient(to bottom, transparent, white, white); padding: 10px 10px 5px 10px; } header nav.hide_menu li:hover .submenu a { white-space: nowrap; } header nav.hide_menu li:hover .submenu li.active a { color: var(--color-3); } .mob_menu .menu_block.lvl_1 { margin-top: 20px; } .mob_menu .menu_block.lvl_1 .submenu, .mob_menu .menu_block.lvl_2 .submenu, .mob_menu .menu_block.lvl_2 .more_btn { display: none; } .mob_menu .menu_block.lvl_1 .active+.submenu { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; margin-top: 10px; margin-left: 20px; } .mob_menu .menu_block.lvl_1 .link_block { display: flex; justify-content: space-between; align-items: center; } .mob_menu .menu_block.lvl_1 .link_block .more_btn { width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; /* border: 1px solid var(--color-3); */ } .mob_menu .menu_block.lvl_1 .link_block .more_btn svg { position: relative; transform: rotate(-90deg); } .mob_menu .menu_block.lvl_1 .link_block.active .more_btn svg { transform: rotate(-90deg) scale(-1); } .mob_menu .menu_block.lvl_1 li:not(:last-child) { margin-bottom: 0; } .mob_menu .menu_block.lvl_1 .link_block a { padding-bottom: 0; } .mob_menu .menu_block.lvl_1>ul { display: flex; flex-direction: column; align-items: flex-start; gap: 15px; } .mob_menu .menu_block.lvl_1>ul>* { flex-basis: 100%; width: 100%; } .mob_menu .menu_block .submenu a.active { border: none; } @keyframes submenu_show { from { opacity: 0; } to { opacity: 1; } } @media screen and (max-width:1261px) { header nav.hide_menu li:last-child .submenu { left: auto; right: -10px; } } /*---25.08.2024---*/ .infographic_block { padding: 50px; background-color: var(--color-2); } .infographic_block .icon_block { color: var(--color-3); } .infographic_block>.flex { gap: 30px 0; } .infographic_block .name_block { font-weight: 500; } .infographic_block .discription_block { color: #76757b; } @media screen and (width <=1200px) { .infographic_block>.flex>* { flex: 33.3333%; max-width: 33.3333%; } } @media screen and (width <=768px) { .infographic_block>.flex>* { flex: 100%; max-width: 100%; } .infographic_block .item { display: flex; gap: 20px; } .infographic_block .item .icon_block svg { width: 32px; } .infographic_block .item .icon_block { flex: 32px; max-width: 32px; } .infographic_block .item .name_discription_block { flex: calc(100% - 52px); max-width: calc(100% - 52px); } .infographic_block .item .name_discription_block * { font-size: 12px; line-height: 150%; } .infographic_block { padding: 30px 20px; } .infographic_block>.flex { gap: 10px 0; } } /*----*/ .procedure_block .item>.flex { gap: 0 20px; align-items: flex-start; } .procedure_block .item { flex: 100%; } .procedure_block .item .num_block { width: 50px; height: 50px; flex: 50px; border: 1px solid var(--color-3); background-color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; font-size: 24px; } .procedure_block .item .num_block+.text_block { max-width: calc(100% - 70px); flex: calc(100% - 70px); width: 100%; min-height: 50px; display: flex; align-items: center; flex-wrap: wrap; } .procedure_block .item { padding-bottom: 50px; position: relative; } .procedure_block .left_block, .procedure_block .right_block { position: relative; flex: 50%; max-width: 50%; } .procedure_block .left_block>*, .procedure_block .right_block>* { position: relative; z-index: 1; height: 100%; align-items: center; align-content: center; } .procedure_block .left_block::after, .procedure_block .right_block::before, .procedure_block .right_block::after { content: ''; position: absolute; top: 0; left: 25px; width: 1px; height: 100%; background-color: #C2959250; z-index: 0; } .procedure_block .left_block::after { width: calc(100% - 25px); bottom: 0; top: auto; height: 1px; } .procedure_block .right_block { padding-left: 50px; } .procedure_block .right_block::before { left: 0; } .procedure_block .right_block::after { width: 75px; height: 1px; left: 0; } .procedure_block .item::before { content: ''; width: 1px; height: calc(100% - 30px); left: 24px; bottom: 0; background-color: #C2959250; position: absolute; z-index: 0; } .procedure_block .right_block .item::before { bottom: auto; top: -50%; } .procedure_block .left_block .item:first-child .num_block, .procedure_block .right_block .item:last-child .num_block { background-color: var(--color-3); color: white; } .procedure_block .item .name_block { font-weight: 500; } .procedure_block .item .discription_block { color: #76757b; } @media screen and (width <=1200px) { .procedure_block .left_block, .procedure_block .right_block { flex: 100%; max-width: 100%; } .procedure_block .left_block::after, .procedure_block .right_block::before, .procedure_block .right_block::after { display: none; } .procedure_block .right_block { padding-left: 0; } .procedure_block .right_block .item::before { top: auto; bottom: 0; } .procedure_block .right_block .item:last-child:before { display: none; } .procedure_block .item { padding-bottom: 20px; } } /*-----*/ .contraindications_block .left_block, .contraindications_block .right_block { padding: 50px; flex: 50%; max-width: 50%; width: 100%; } .contraindications_block .left_block { background-color: var(--color-2); } /* .contraindications_block .right_block h3 { color: #C7C5D3; } */ .contraindications_block ul { gap: 20px 0; } .contraindications_block ul li { flex: 100%; } .contraindications_block ul li .flex { gap: 10px; align-items: flex-start; } .contraindications_block ul li .icon_block { flex: 15px; max-width: 15px; width: 100%; } .contraindications_block ul li .icon_block svg { position: relative; top: 3px; } .contraindications_block ul li .icon_block+.text_block { flex: calc(100% - 25px); max-width: calc(100% - 25px); width: 100%; } @media screen and (width <=768px) { .contraindications_block .left_block, .contraindications_block .right_block { flex: 100%; max-width: 100%; padding: 20px; } } /*----*/ .carousel_block .text_block { margin-bottom: 60px; } .pag_nav_block { justify-content: center; gap: 0 100px; max-width: 100%; } .carousel_block .pag_nav_block { margin-top: 20px; } @media screen and (width <=768px) { .pag_nav_block { gap: 0 50px; } .carousel_block .text_block { margin-bottom: 30px; } } /*-----*/ #map_block .flex { gap: 30px; } #map_block .flex>.map-item { max-width: calc(100% - 330px); flex: calc(100% - 330px); } #map_block .flex>.yandex_map_rew { flex: 300px; margin-left: 0; max-width: 300px; width: 100%; } #map_block .yandex_map_rew>div { width: auto !important; } @media only screen and (max-width: 1259px) { #map_block .container { padding: 0 25px; } #map_block .yandex_map_rew { margin: 0; } } @media only screen and (max-width: 767px) { #map_block .flex>* { flex: 100% !important; max-width: 100% !important; } #map_block .container { padding: 0; } #map_block .yandex_map_rew { padding: 0 20px; } } /*---13.02.25---*/ #makeup_page .spa_carousel .img_container { padding-bottom: 110%; } #makeup_page .spa_carousel .img_container img { object-position: top center; } /* 02.09.25 */ .team_list.items_list>.flex.row { align-items: flex-start; } /*04.09.25*/ .cookies-section { border-radius: 0 !important; background-color: #fbf9f6 !important; border: none !important; } .cookies-section .btn { position: relative; border-radius: 60px; border: 1px solid var(--color-3); padding: 10px 30px; background: var(--color-3); color: white; font-size: 14px; text-align: center; line-height: 1.2; font-family: 'Alegreya Sans', sans-serif !important; font-weight: 100; letter-spacing: normal; box-sizing: border-box; } .cookies-section .btn:hover { border-color: var(--color-5) !important; background-color: var(--color-5); color: var(--color-3); } .cookies-section .cookies-section__btn:not(.cookies-section__btn--primary) { background: white; color: var(--color-3); border-color: var(--color-5) !important; } .cookies-section .cookies-section__btn:not(.cookies-section__btn--primary):hover { color: white; background: var(--color-3); border-color: var(--color-3) !important; } @media screen and (max-width: 767px) { .cookies-section .btn { width: 100%; } .cookies-section__actions { flex-direction: column !important; align-items: center; } } @media screen and (max-width: 460px) { .cookies-section .btn { padding: 0 15px !important; } } /*08.10.25*/ /* articles_block */ #articles_block .list_block>.flex { gap: 40px 0; margin: 0 -20px; } #articles_block .list_block>.flex>* { padding: 0 20px; } #articles_block .list_block .item { height: 100%; display: flex; flex-direction: column; justify-content: space-between; gap: 15px; position: relative; } /* #articles_block .list_block .item .img_block { height: 0; padding-bottom: 60%; position: relative; overflow: hidden; display: block; line-height: 0; background-color: var(--color-3); } */ #articles_block .list_block .item a:hover img { opacity: .5; } #articles_block .list_block .item img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: all .3s; } #articles_block .list_block .item .name_block p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 0; } #articles_block .list_block .item .name_block { margin-top: 15px; } #articles_block .list_block .item::before, #articles_block .list_block .item::after { content: ''; position: absolute; background-color: var(--color-5); } @media screen and (min-width: 1260px) { #articles_block .list_block>.flex>*:not(:nth-child(3n)):not(:last-child) .item::before { width: 1px; height: 100%; right: -20px; top: 0; } #articles_block .list_block>.flex>*:not(:first-child):not(:nth-child(2)):not(:nth-child(3)) .item::after { height: 1px; width: 100%; top: -20px; left: 0; } } @media (max-width: 1259px) and (min-width:768px) { #articles_block .list_block>.flex>*:not(:nth-child(2n)):not(:last-child) .item::before { width: 1px; height: 100%; right: -20px; top: 0; } #articles_block .list_block>.flex>*:not(:first-child):not(:nth-child(2)) .item::after { height: 1px; width: 100%; top: -20px; left: 0; } } @media screen and (max-width: 767px) { #articles_block .list_block .item::before { display: none; } #articles_block .list_block>.flex>*:not(:first-child) .item::after { height: 1px; width: 100%; top: -20px; left: 0; } } /* detail article */ .article_detail section:not(:last-child) { margin-bottom: 80px; } .article_detail .line+.line { margin-top: 40px; } .content_img_block .content_block, .content_img_block .img_block { height: 100%; } .content_img_block .img_block { position: relative; min-height: 300px; } .content_img_block .img_block img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .section_list>.item+.item { margin-top: 80px; } .section_list>.item+.item .subsection_block .img_block { float: right; margin: 0 0 30px 30px; } .subsection_block { margin-top: 30px; } .subsection_block::after { content: ''; clear: both; display: block; } .subsection_block .img_block { max-width: 33.3333%; width: 100%; float: left; height: 0; padding-bottom: 33.3333%; margin: 0 30px 30px 0; position: relative; } .subsection_block .img_block img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .article_detail .w_bg { background-color: var(--color-2); padding: 30px; } .article_detail ul { list-style-position: inside; } .article_detail section#article_block ul li { padding-left: 0; } .article_detail .text_block>*:not(.img_block), .article_detail .wysiwyg>*:not(.img_block) { margin: 0; } .article_detail .wysiwyg h2, .article_detail .text_block h2 { padding: 0; } .article_detail .wysiwyg h2::before, .article_detail .wysiwyg h2::after { display: none; } .article_detail .text_block>*+*, .article_detail .wysiwyg>*+* { margin-top: 15px !important; } @media screen and (min-width: 768px) { .article_detail section#article_block ul li::before { position: relative; display: inline-block; top: 0; margin-right: 22px; } } @media screen and (max-width: 767px) { .subsection_block .img_block { float: none; margin: 0 0 30px 0; max-width: 100%; height: auto; padding-bottom: 0; } .subsection_block .img_block>img { position: relative; } .article_detail section:not(:last-child) { margin-bottom: 40px; } .article_detail .wysiwyg>h2 { margin-bottom: 0 !important; } } /* content_block */ @media screen and (max-width:767px) { #content_block .content_img_block>.flex { flex-direction: column-reverse; gap: 30px 0; } } /* faq block */ details.acc_style { background-color: var(--color-2); transition: all .3s; } details.acc_style:hover { background-color: var(--color-1); filter: drop-shadow(rgba(194, 149, 146, 0.2) 0px 30px 60px); } details.acc_style summary { list-style: none; position: relative; cursor: pointer; padding: 20px 60px 20px 30px; } details.acc_style summary+div { padding: 0px 30px 20px 30px; } details.acc_style[open] summary { color: var(--color-3); } details.acc_style summary::-webkit-details-marker { display: none; } details.acc_style summary::before, details.acc_style summary::after { content: ''; position: absolute; width: 20px; height: 1px; background-color: var(--color-3); right: 30px; top: 50%; transform: translateY(-50%); transition: all .3s; } details.acc_style summary::after { transform: translateY(-50%) rotate(-90deg); } details.acc_style[open] summary::after { transform: translateY(-50%) rotate(0deg); } details.acc_style+details.acc_style { margin-top: 15px; } /*article detail carousel block*/ .article_detail .carousel_block .name_block { margin-top: 20px; } .article_detail .carousel_block:has(.img_name_block) .swiper-wrapper { align-items: stretch; } .article_detail .carousel_block:has(.img_name_block) .swiper-wrapper .swiper-slide { height: auto; } .article_detail .carousel_block:has(.img_name_block) .item { height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; } .article_detail .carousel_block:has(.img_name_block) .item>* { width: 100%; } .article_detail .carousel_block .img_block { background-color: var(--color-3); } .article_detail .carousel_block .img_block img { transition: all .3s; } .article_detail .carousel_block .img_block:hover img, .article_detail .carousel_block .img_container:hover img { opacity: .3; } .article_detail .carousel_block .name_block h4 { transition: all .3s; } .article_detail .carousel_block .name_block:hover h4 { color: var(--color-4); } /*article detail license carousel*/ .license_carousel .img_block { position: relative; height: 0; overflow: hidden; padding-bottom: 141%; } .license_carousel .img_block img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .license_carousel .img_block::before { content: url(/local/templates/spa_2022/img/photo_i.svg); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: all .3s; pointer-events: none; } .license_carousel .img_block:hover::before { opacity: 1; } .license_carousel .img_block:hover img { opacity: .3; } /*expert_block*/ #expert_block .flex { gap: 30px; } #expert_block .flex .img_block { flex: 250px; max-width: 250px; width: 100%; } #expert_block .img_block img { width: 100%; } #expert_block .flex .img_block+.info_block { flex: calc(100% - 280px); max-width: calc(100% - 280px); width: 100%; } #expert_block .flex .info_block>* { margin: 0; } #expert_block .flex .info_block .post { margin-top: 10px; color: var(--color-3); } #expert_block .flex .info_block .btn_block { margin-top: 20px; } @media screen and (max-width:767px) { #expert_block .flex { flex-direction: column; align-items: center; } #expert_block .flex>* { flex: 100% !important; max-width: 100% !important; } #expert_block .flex .info_block { text-align: center; } } /*-------------------------------analyzes page-------------------------------*/ #analyzes_page { margin-bottom: 130px; } .analyzes_section { margin-bottom: 0; } .analyzes_description { margin-bottom: 50px; text-align: left; } .analyzes_list { display: flex; flex-direction: column; gap: 30px; } .analyze_item { background-color: var(--color-2); padding: 30px; transition: all .3s; } .analyze_item:hover { background-color: var(--color-1); filter: drop-shadow(0px 30px 60px rgba(194, 149, 146, 0.2)); } .analyze_item_header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 15px; flex-wrap: wrap; gap: 15px; } .analyze_code { font-size: 14px; line-height: 20px; color: var(--color-4); font-weight: 500; } .analyze_price { font-size: 24px; line-height: 32px; color: var(--color-4); font-weight: 500; } .analyze_title { font-size: 18px; line-height: 26px; color: var(--color-4); margin-bottom: 20px; } .analyze_delivery { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 20px; font-size: 14px; line-height: 20px; color: #4CAF50; } .analyze_delivery svg { flex-shrink: 0; margin-top: 2px; } .analyze_delivery span { color: var(--color-4); } .analyze_btn_block { display: flex; justify-content: flex-end; } .analyze_btn { background-color: var(--color-3); color: var(--color-1); border-color: var(--color-3); padding: 10px 30px; } .analyze_btn:hover { opacity: .8; color: var(--color-1); background-color: var(--color-3); border-color: var(--color-3); } @media only screen and (max-width: 1259px) { #analyzes_page { margin-bottom: 80px; } } @media only screen and (max-width: 767px) { #analyzes_page { margin-bottom: 40px; } .analyze_item { padding: 20px; } .analyze_item_header { flex-direction: column; align-items: flex-start; } .analyze_price { font-size: 20px; line-height: 28px; } .analyze_title { font-size: 16px; line-height: 24px; } .analyze_btn_block { justify-content: flex-start; } .analyze_btn { width: 100%; text-align: center; } } /*-------------------------------analyze detail page-------------------------------*/ #analyze_detail_page { margin-bottom: 130px; } .analyze_detail_content { display: flex; gap: 40px; align-items: flex-start; } .analyze_detail_main { flex: 1; max-width: calc(100% - 380px); } .analyze_detail_sidebar { flex: 0 0 340px; max-width: 340px; position: sticky; top: 20px; } .analyze_detail_header { display: flex; align-items: center; gap: 15px; margin-bottom: 30px; } .analyze_back_link { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; color: var(--color-3); transition: all .3s; flex-shrink: 0; } .analyze_back_link:hover { color: var(--color-4); transform: translateX(-5px); } .analyze_detail_header h1 { font-size: 32px; line-height: 42px; margin: 0; padding: 0; text-align: left; } .analyze_detail_header_info { display: flex; justify-content: flex-end; margin-bottom: 30px; } .analyze_detail_price_block { text-align: right; } .analyze_detail_price { font-size: 32px; line-height: 42px; font-weight: 500; color: var(--color-4); margin-bottom: 10px; } .analyze_detail_phone { font-size: 14px; line-height: 20px; color: var(--color-4); } .analyze_detail_phone a { color: var(--color-3); } .analyze_detail_phone a:hover { color: var(--color-4); } .analyze_tabs { display: flex; gap: 0; margin-bottom: 30px; border-bottom: 1px solid var(--color-5); } .analyze_tab { background: none; border: none; padding: 15px 30px; font-size: 16px; line-height: 24px; color: var(--color-4); cursor: pointer; position: relative; transition: all .3s; font-family: 'Alegreya Sans', sans-serif; border-bottom: 2px solid transparent; margin-bottom: -1px; } .analyze_tab:hover { color: var(--color-3); } .analyze_tab.active { color: var(--color-3); border-bottom-color: var(--color-3); } .tab_panel { display: none; } .tab_panel.active { display: block; } .tab_panel h2 { font-size: 28px; line-height: 36px; margin-bottom: 20px; color: var(--color-4); } .tab_panel p { margin-bottom: 20px; } .composition_list { display: flex; flex-direction: column; gap: 15px; } .composition_item { display: flex; gap: 20px; align-items: flex-start; padding-bottom: 15px; border-bottom: 1px solid var(--color-5); } .composition_item:last-child { border-bottom: none; padding-bottom: 0; } .composition_code { font-size: 14px; line-height: 20px; color: var(--color-4); font-weight: 500; flex-shrink: 0; min-width: 80px; } .composition_name { font-size: 16px; line-height: 24px; color: var(--color-4); } .preparation_list { list-style: none; padding: 0; margin: 0; } .preparation_list li { position: relative; padding-left: 30px; margin-bottom: 15px; font-size: 16px; line-height: 24px; color: var(--color-4); } .preparation_list li::before { content: ''; position: absolute; width: 8px; height: 8px; border: 1px solid var(--color-3); top: 7px; left: 0; border-radius: 50%; } .analyze_sidebar_card { background-color: var(--color-1); padding: 30px; box-shadow: 0px 20px 50px rgba(194, 149, 146, 0.1); } .analyze_sidebar_price { margin-bottom: 20px; } .analyze_sidebar_price_label { font-size: 14px; line-height: 20px; color: var(--color-4); margin-bottom: 5px; } .analyze_sidebar_price_value { font-size: 32px; line-height: 42px; font-weight: 500; color: var(--color-4); } .analyze_sidebar_biomaterial { font-size: 14px; line-height: 20px; color: var(--color-4); margin-bottom: 20px; } .biomaterial_price { display: inline-block; padding: 5px 12px; background-color: var(--color-2); border-radius: 20px; font-size: 12px; color: var(--color-4); } .analyze_sidebar_btn_block { margin-bottom: 30px; } .analyze_order_btn { width: 100%; text-align: center; background-color: #4CAF50; color: var(--color-1); border-color: #4CAF50; padding: 12px 30px; display: block; } .analyze_order_btn:hover { opacity: .8; color: var(--color-1); background-color: #4CAF50; border-color: #4CAF50; } .analyze_sidebar_discount { font-size: 14px; line-height: 20px; color: var(--color-4); margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid var(--color-5); } .helix_link { color: var(--color-3); } .helix_link:hover { color: var(--color-4); } .analyze_sidebar_apps { margin-bottom: 20px; } .analyze_sidebar_apps_title { font-size: 14px; line-height: 20px; color: var(--color-4); margin-bottom: 15px; } .analyze_sidebar_apps_links { display: flex; gap: 10px; } .app_link { padding: 8px 15px; border: 1px solid var(--color-5); border-radius: 4px; font-size: 12px; color: var(--color-4); transition: all .3s; } .app_link:hover { border-color: var(--color-3); color: var(--color-3); } .analyze_sidebar_card .analyze_detail_phone { margin-top: 0; margin-bottom: 20px; } .analyze_sidebar_disclaimer { display: flex; gap: 10px; align-items: flex-start; font-size: 12px; line-height: 18px; color: #76757b; } .analyze_sidebar_disclaimer svg { flex-shrink: 0; margin-top: 2px; } @media only screen and (max-width: 1259px) { #analyze_detail_page { margin-bottom: 80px; } .analyze_detail_content { flex-direction: column; gap: 30px; } .analyze_detail_main { max-width: 100%; } .analyze_detail_sidebar { flex: 1; max-width: 100%; position: relative; top: 0; } .analyze_detail_header h1 { font-size: 28px; line-height: 36px; } .analyze_detail_price { font-size: 28px; line-height: 36px; } } @media only screen and (max-width: 767px) { #analyze_detail_page { margin-bottom: 40px; } .analyze_detail_header { flex-wrap: wrap; } .analyze_detail_header h1 { font-size: 24px; line-height: 32px; } .analyze_detail_header_info { justify-content: flex-start; margin-top: 20px; } .analyze_detail_price_block { text-align: left; } .analyze_tabs { flex-wrap: wrap; gap: 0; } .analyze_tab { flex: 1; min-width: calc(33.333% - 1px); padding: 12px 10px; font-size: 14px; text-align: center; } .tab_panel h2 { font-size: 24px; line-height: 32px; } .composition_item { flex-direction: column; gap: 5px; } .composition_code { min-width: auto; } .analyze_sidebar_card { padding: 20px; } } footer .social_block li { margin-left: 8px; } header .right_part .lvl_1 .social_links li { margin-left: 8px; } .namination_icon_block a { display: block; line-height: 0; } .namination_icon_block a:hover { opacity: .7; } .namination_icon_block.desc_hide { display: none; } .namination_icon_block img { /* width: 57px; height: 57px; */ width: 85px; height: 85px; } /* Шапка «ТОП-предложения»: заголовок по центру контейнера, бейдж номинации справа */ #top_offers .container > .flexbox { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px; width: 100%; position: relative; margin-bottom: 39px; } #top_offers .container > .flexbox > h2.style { grid-column: 2; justify-self: center; margin: 0; min-width: 0; text-align: center; } #top_offers .container > .flexbox > .namination_link { grid-column: 3; justify-self: end; align-self: center; } #top_offers .namination_link { display: block; max-width: calc(136px / 1.3); line-height: 0; transition: opacity .3s; margin-bottom: 21px; } #top_offers .namination_link:hover { opacity: .7; } #top_offers .namination_link img { display: block; max-width: calc(136px / 1.3); width: 100%; height: auto; } #advantages .maxwidth-theme > .flexbox { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px 24px; position: relative; width: 100%; } #advantages .namination_link { display: block; position: absolute; bottom: 40px; right: 0; flex-basis: 136px; max-width: 136px; transition: opacity .3s; } #advantages .namination_link:hover { opacity: .7; } #advantages .namination_link img { max-width: 136px; width: 100%; } .namination_icon_block { display: none !important; } @media screen and (max-width: 520px) { #top_offers .container > .flexbox { grid-template-columns: 1fr; justify-items: center; } #top_offers .container > .flexbox > .namination_link { grid-column: 1; grid-row: 1; justify-self: center; } #top_offers .container > .flexbox > h2.style { grid-column: 1; grid-row: 2; } } /* End */ /* /local/templates/spa_2022/css/fancybox.css?166993108815598 */ /* /local/templates/spa_2022/css/flexbox.css?16699310885511 */ /* /local/templates/spa_2022/css/swiper.min.css?166993108818613 */ /* /local/templates/spa_2022/components/bitrix/news.list/social_mob/style.css?1669931088241 */ /* /local/templates/spa_2022/components/bitrix/system.pagenavigation/.default/style.min.css?16699310883386 */ /* /local/templates/spa_2022/components/bitrix/news.list/social_footer/style.css?1669931088241 */ /* /local/templates/spa_2022/components/bitrix/news.list/pages/style.css?1702719767241 */ /* /local/templates/spa_2022/template_styles.css?1775203709130000 */