

/* Start:/local/templates/new_design/css/swiper-bundle.min.css?176553053813918*/
/**
 * Swiper 12.0.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 21, 2025
 */

:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon{transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon{transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon{transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon{transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon{transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}
/* End */


/* Start:/local/templates/new_design/css/animate.min.css?176553053871750*/
@charset "UTF-8";/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*0.8);animation-duration:calc(var(--animate-duration)*0.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.animate__headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.animate__swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.animate__heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}@keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}@keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}@keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}@keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animate__animated.animate__flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
/* End */


/* Start:/local/templates/new_design/css/global.css?17658741274191*/
@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&family=Manrope:wght@200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

@font-face {
	font-family: 'Jun Regular';
	src: url('/local/templates/new_design/css/../fonts/Jun_Regular.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Jun Italic';
	src: url('/local/templates/new_design/css/../fonts/Jun_Italic.otf') format('opentype');
	font-weight: normal;
	font-style: italic;
}

:root {
	--manrope: "Manrope", "Inter";
	--inter: "Inter";
	--jun: "Jun Regular";
	--jun-italic: "Jun Italic";
	--greyish: rgba(60, 57, 63, 1);
	--light-greyish: rgba(121, 118, 124, 1);
	--milky-way: rgba(247, 246, 242, 1);
	--beige: rgba(239, 237, 229, 1);
	--soft-pink: rgba(255, 204, 220, 1);
	--candy-pink: rgba(255, 173, 199, 1);
	--beige: rgba(239, 237, 229);
}

/* Reset and base styles  */
* {
  padding: 0;
  margin: 0;
  border: none;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Links */
a,
a:link,
a:visited,
a:hover {
  text-decoration: none;
}

/* Common */
aside,
nav,
footer,
header,
section,
main {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-size: inherit;
  font-weight: inherit;
	margin: 0;
}

ul,
ul li, ol {
  list-style: none;
}

img,
svg {
  max-width: 100%;
  height: auto;
	fill: none;
}

address {
  font-style: normal;
}

/* Form */
input,
textarea,
button,
select {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background-color: transparent;
}

button,
input[type=submit] {
  display: inline-block;
  box-shadow: none;
  background-color: transparent;
  background: none;
  cursor: pointer;
}

input:focus,
input:active,
button:focus,
button:active {
  outline: none;
}

html {
  scroll-behavior: smooth;
}

body {
	margin: 0 auto;
	background: var(--milky-way);
	font-family: var(--manrope);
	position: relative;
}

header {
	height: 100px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 14px 40px 0 40px;

	color: var(--milky-way);

	position: fixed;
	width: 100%;
	top: 0;
	z-index: 1000;
}

h1 {
	font-family: var(--jun);
	font-weight: normal;
	font-size: 120px;
	text-align: center;
	text-transform: uppercase;
	color: var(--milky-way);
}

h3 {
	font-family: var(--jun);
	font-weight: normal;
	font-size: 90px;
	text-transform: uppercase;
	color: var(--greyish);
	line-height: 100%;

	max-width: 1109px;
}
h2 {
	font-family: var(--jun);
	font-weight: 400;
	font-size: 120px;
	line-height: 100%;
	letter-spacing: -0.02em;
	text-align: center;
	text-transform: uppercase;
	color: var(--milky-way);
	z-index: 5;
}
.pink-text {
	color: var(--candy-pink);
}
/* buttons */
.btn {
	font-family: var(--manrope);
	border-radius: 5px;
	transition: background 0.3s ease;
	transition: color 0.3s ease;
	padding: 9px 40px;
}

.btn-dark {
	background: rgba(247, 246, 242, 0.05);
	border: 1px solid rgba(247, 246, 242, 0.2);
	backdrop-filter: blur(30px);
	color: var(--milky-way);
}

.btn-dark:hover {
	background: var(--milky-way);
	color: var(--greyish);
}

header.filled .btn-dark {
	color: var(--greyish);
	border: 1px solid var(--greyish);
}

.btn-light {
	background: var(--milky-way);
	border: 1px solid var(--greyish);
	color: var(--greyish);
	transition: background .3s ease-in-out;
}

.btn-light:hover, .blog-filter .blog-filter-item:not(.active):hover {
	background: var(--candy-pink);
	color: var(--greyish);
}

.btn-black {
	background: var(--greyish);
	backdrop-filter: blur(30px);
	border: none;
	border-radius: 5px;
	width: 100%;
	color: var(--milky-way);
	padding: 10px 0;
}

.zoom-btn {
	width: 40px;
	height: 40px;
	background: var(--milky-way);
	border: 1px solid var(--greyish);
	border-radius: 10px;
	font-size: 20px;
	font-weight: bold;
}

.desktop-btn {
	display: block;
}

.mobile-btn {
	display: none;
}

.our_adresses__header {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.our_adresses__header p.main-text {
	max-width: 633px;
	margin: 0 auto;
}


@media (max-width: 1180px) {
	.desktop-btn {
		display: none;
	}

	.mobile-btn {
		display: block;
	}
}
/* End */


/* Start:/local/templates/new_design/css/template.css?17661352861700*/
.bg-section-template {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.main-content__right .main-content__text:nth-child(2) {
	/*padding-top: 40px;*/
}
.flex-block .left-text {
	max-width: 30%;
}
.template-container,
.template-container-blog {
	padding: 120px 80px;
}
.template-block,
.template-block-blog {
	padding-bottom: 120px;
}
.template-date {
	font-family: var(--manrope);
	font-weight: 400;
	font-size: 12px;
	line-height: 100%;
	letter-spacing: 0;
	text-transform: uppercase;

	color: var(--light-greyish);
}

/* Шаблон деталки статьи блога */
.back-block {
	width: 100%;
	padding: 100px 0 40px 80px;
	background: var(--greyish);
}
.back-block a {
	display: flex;
	align-items: center;
	gap: 8px;
}
.back-block a span {
	font-family: var(--manrope);
	font-weight: 400;
	font-size: 15px;
	line-height: 100%;
	letter-spacing: 0;
	text-transform: uppercase;

	color: var(--milky-way);
}
.article-bottom {
	margin-top: 120px;
	margin-left: 34%;

	padding-top: 40px;
	border-top: 1px solid var(--light-greyish);

	display: flex;
	align-items: center;
	justify-content: space-between;
}
.article-bottom__hashtag {
	padding: 9px 20px;
	border-radius: 5px;
	border: 1px solid var(--greyish);
}
.article-bottom__contacts {
	display: flex;
	align-items: center;
	gap: 20px;
}
.article-bottom__socials {
	display: flex;
	align-items: center;
	gap: 12px;
}
.article-bottom__socials a.social-item {
	border: 1px solid var(--greyish);
}
.article-bottom__socials a.social-item svg,
.article-bottom__socials a.social-item svg path {
	fill: var(--greyish);
}
.detail-articles__container {
	padding: 0 80px 120px 80px;
}


/* End */


/* Start:/local/templates/new_design/css/index.css?178825805950665*/
/* header */

.header {
  transition: background-color 0.2s;
}
.header.transparent {
  background-color: transparent; /* без фона */
}
.header.filled {
  background-color: var(--milky-way) !important; /* с фоном */
	color: var(--greyish) !important;
}
.header.filled .btn__find-clinic {
	background: var(--candy-pink);
}
.header.filled .search-top-box{
	color: var(--milky-way);
}
.header.filled .search-top-box a{
	color: var(--milky-way);
}
.header a{
	color: var(--milky-way);
}

.header.filled a,
.header.filled .main-menu li a {
	color: var(--greyish) /* !important; */
}
.header.filled button svg {
	stroke: var(--greyish) !important;
}
.header.filled .dropdown-menu {
	background: var(--milky-way);
	padding: 20px 20px 0px 20px;
	margin-left: -20px;
	z-index: 100;
}
.header.filled svg.arrow {
	fill: var(--greyish) !important;
	color: var(--greyish) !important;
}
.header.filled .header__logo {
	background: var(--milky-way) !important;
	padding: 14px;
	top: -7px;
	border-radius: 50%;
}
.header.filled .header__logo svg {
	fill: var(--candy-pink) !important;
}
.main-menu {
	display: flex;
	gap: 40px;
}
.main-menu .close {
	display: none;
}
.dropdown-menu {
	position: absolute;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease;
	padding-top: 16px;
}
.dropdown-menu li {
	padding-bottom: 16px;
}
.dropdown-menu.show {
	max-height: 500px;
}
.header__logo {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.header__logo a,
.header__profile a {
	display: block;
	color: var(--milky-way);
}
.main-menu li a {
	color: var(--milky-way);
	text-transform: uppercase;
}

.menu-logo {
	display: none;
	position: absolute;
	width: 135px;
	height: 135px;
	bottom: 30px;
	left: 30px;
	color: rgba(247, 246, 242, 0.2) !important;
}

.header li.menu-item:hover {
	border-bottom: 1px solid var(--milky-way);
}

.menu-item.dropdown .arrow {
  transition: transform 0.3s ease;
  vertical-align: middle;
}

.menu-item.dropdown.open .arrow {
  transform: rotate(180deg);
}

.header__right {
	display: flex;
	gap: 20px;
	align-items: center;
}

.header__geo,
.header__search {
	cursor: pointer;
}

.header__geo {
	display: flex;
	gap: 10px;
	align-items: center;
}

.main-swiper {
	height: 100vh;
}

.main-swiper .swiper-wrapper {
	transition: transform 0.8s ease-in-out;
}

.main-swiper .swiper-slide {
	transition: transform 0.5s ease-in-out;
}

.swiper-slide {
	position: relative;
	overflow: hidden;
}

.swiper-slide img {
	display: block;
	width: 100%;
}

.hero .swiper-slide::after,
.articles .swiper-slide::after,
.our_adresses .swiper-slide::after,
.bg-section::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(circle,
		rgba(30, 30, 30, 0) 0%,
		rgba(30,30,30,.5) 66%
	);
	pointer-events: none;
	overflow: hidden;
	transition: transform 0.3s ease;
}

&.swiper-pagination-bullets-dynamic,
.swiper-pagination {
	bottom: 40px !important;
}




/* Стили для видео в слайдере */

.main-swiper {
    position: relative;
    overflow: hidden;
}

/* Фиксированная подложка под слайдами */
.slider-bg-video-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; /* Видео на самом нижнем слое */
    pointer-events: none; /* Клики проходят сквозь видео */
}

.slider-bg-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Слайды и навигация */
.main-swiper .swiper-wrapper {
    position: relative;
    z-index: 2;
}

.main-swiper .swiper-slide {
    background: transparent;
}

.main-swiper .navigation-container {
    position: absolute;
    z-index: 10;
}

/* Стрелки перелистывания строго абсолютные поверх всего */
.main-swiper .swiper-button-prev,
.main-swiper .swiper-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 15;
    cursor: pointer;
}

.main-swiper .swiper-button-prev {
    left: 20px;
}

.main-swiper .swiper-button-next {
    right: 20px;
}




/* Общий контейнер навигации */
.navigation-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px; /* Расстояние между точками и прогрессбаром */
	position: absolute;
	bottom: 40px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 3;
}

/* Стандартные точки пагинации (Swiper генерирует .swiper-pagination-bullet) */
.swiper-pagination {
  position: static; /* Чтобы не позиционировался абсолютно */
}

.swiper-pagination-bullet {
  width: 4px;
  height: 4px;
  background-color: rgba(247, 246, 242, 0.2); /* Полупрозрачные неактивные */
  opacity: 1;
  border-radius: 50%;
  transition: all 0.3s ease;
  margin: 0 4px; /* Расстояние между точками */
}

.swiper-pagination-bullet-active {
  background-color: var(--milky-way); /* Активная точка (бордовый, как на фото) */
  transform: scale(1.2); /* Лёгкое увеличение для акцента */
  box-shadow: 0 0 5px var(--milky-way); /* Свечение */
}

/* Прогрессбар */
.progress-bar {
  width: 40px; /* Ширина бара (адаптируйте) */
  height: 4px; /* Тонкая полоса */
  background-color: rgba(247, 246, 242, 0.2); /* Фон бара */
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}

.progress-fill {
  height: 100%;
  background-color: var(--milky-way); /* Цвет заполнения (градиент для фото-стиля) */
  border-radius: 10px;
  transition: width 0.3s ease; /* Плавная анимация заполнения */
  width: 0%; /* Начальное значение */
}



.hero .swiper-button-prev, 
.hero .swiper-button-next {
	margin: 0 40px;
	width: 48px;
	height: 48px;
	transition: background .2s ease-in-out;
	border-radius: 5px;
}

.hero .swiper-button-prev:hover, 
.hero .swiper-button-next:hover {
	background: rgba(247, 246, 242, .5);
	border: 1px solid rgba(247, 246, 242, .5);
	backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
}

.articles-swiper-button-prev,
.articles-swiper-button-next,
.clinics-swiper-button-prev,
.clinics-swiper-button-next,
.steps__swiper-button-prev,
.steps__swiper-button-next {
	margin: 0 40px !important;
	width: 48px;
	height: 48px;
	transition: background .2s ease-in-out;
	border-radius: 5px;

	display: flex;
	justify-content: center;
	align-items: center;
}

.articles-swiper-button-prev:hover,
.articles-swiper-button-next:hover,
.clinics-swiper-button-prev:hover,
.clinics-swiper-button-next:hover {
	background: #EEEBE2;
}

.articles-swiper-button-prev svg,
.articles-swiper-button-next svg,
.swiper-button-prev svg,
.swiper-button-next svg,
.steps__swiper-button-prev svg,
.steps__swiper-button-next svg {
	height: 36px;
	color: var(--milky-way);
}

.articles-swiper-button-prev svg,
.steps__swiper-button-prev svg {
	transform: rotate(180deg);
}

.swiper-pagination-bullet-active {
	background: var(--milky-way) !important;
}

.slide-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0; /* за контентом */
}

.slide-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

.main-text {
	font-family: var(--manrope);
	font-weight: 400;
	font-size: 20px;
}

.main-sub-text {
	font-family: var(--manrope);
	font-weight: 400;
	font-size: 16px;
	text-transform: uppercase;
}

.hero .swiper-content {
	position: absolute;
	bottom: 84px;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	z-index: 8;
	min-width: 65%;
}

.swiper__sub-title {
	color: var(--milky-way);
	text-transform: uppercase;
	padding-bottom: 20px;
}

.swiper__title {
	font-family: var(--jun);
	font-weight: 400;
	font-size: 120px;
	letter-spacing: -0.02em;
	line-height: 100%;

	text-transform: uppercase;
	color: var(--milky-way);
}

.swiper__desc {
	font-family: var(--manrope);
	font-weight: 400;
	font-size: 20px;
	text-align: center;

	color: var(--milky-way);
	max-width: 581px;
	margin: 8px auto 40px;
}

.btn-feedback {
	position: fixed;
	right: 40px;
	bottom: 40px;

	padding: 13px;
	background: var(--milky-way);
	z-index: 11;

	width: 60px;
	height: 60px;
}

/* articles */

.articles {
	/* margin-top: 120px; */
	/* margin-left: 80px; */

	position: relative;
}

.articles-title__keysy {
	font-family: var(--jun);
	margin-bottom: 20px;
	font-size: 35px;
	text-transform: uppercase;
}

.articles .swiper-slide img,
.gigiena__container .swiper-slide img {
	overflow: hidden;
	transition: transform 0.3s ease;
	transform-origin: center;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.articles .swiper-slide:hover img,
.articles .swiper-slide:hover .swiper-slide::after,
.gigiena__container .swiper-slide:hover img, 
.gigiena__container .swiper-slide:hover .swiper-slide::after {
	transform: scale(1.1);
}

.swiper {
	overflow: hidden;
}

.articles .swiper-content,
.gigiena__container .swiper-content {
	position: absolute;
	bottom: 40px;
	left: 40px;
	z-index: 5;
}

.gigiena__container .articles__sub-title {
	font-size: 20px;
}

.gigiena__container {
	margin-top: 0 !important;
}

.articles__sub-title {
	color: var(--milky-way);
	margin-bottom: 12px;
	font-size: 16px;
	text-transform: uppercase;
}

.articles__title {
	font-family: var(--jun);
	font-weight: 400;
	font-size: 70px;
	letter-spacing: -0.02em;
	line-height: 90%;
	padding-right: 42px;

	color: var(--milky-way);
	margin-bottom: 36px;

	min-width: 574px;
	max-width: 673px;
}


.buttons-after-slider {
	height: 44px;
	width: 120px;
	position: absolute;

	transform: translateX(-50%);
	display: flex;

	margin-top: 40px;
}

.articles .buttons-after-slider {
	left: 50%;
}
.newSwiper .buttons-after-slider {
	left: 34%;
	bottom: 15%;
	transform: translateX(0);
	z-index: 10;
}
.newSwiper .buttons-after-slider svg {
	color: var(--milky-way);
}
.our_adresses .buttons-after-slider {
	left: 50.5%;
}

.buttons-after-slider svg {
	color: var(--greyish);
}

.articles-swiper-button-prev, .articles-swiper-button-next,
.clinics-swiper-button-prev, .clinics-swiper-button-next,
.steps__swiper-button-prev, .steps__swiper-button-next {
	margin: 0 !important;
	cursor: pointer;
}

.clinics-swiper-button-prev svg {
	transform: rotate(180deg);
}

.arrow-show {
	transform: rotate(180deg);
}


/* blog */

.blog {
	margin: 196px 80px 196px 80px;

	text-align: center;
}

.blog h3, .our_adresses h3 {
	margin: 0 auto;
}

.blog button {
	margin-top: 30px;
}

.blog__container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	width: 100%;
	justify-content: center;
}

a.detail-blog__page,
a.detail-category__page {
	width: 100%;
}

.blog__item {
	height: 730px;

	font-family: var(--manrope);
	text-align: left;
}

.item__img {
	margin-bottom: 20px;
	height: 580px;
	position: relative;
	overflow: hidden;
}

.item__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;	
	transform-origin: center;
	transition: transform 0.3s ease;
}

.item__img:hover img {
	transform: scale(1.1);
}

.item__data {
	font-weight: 400;
	font-size: 16px;
	color: var(--light-greyish);
}

.item__title {
	font-weight: 500;
	font-size: 24px;
	letter-spacing: -0.02em;
	color: var(--greyish);

	max-width: 400px;
	margin-top: 6px;
}

.item__img {
	margin-bottom: 20px;
	/* width: 587px; */
	height: 580px;
	position: relative;
}

.item__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

/* блок с формой */
.form {
	background: url('/local/templates/new_design/css/../img/form-back.png');
	width: 100%;
	min-height: 734px;
	padding: 0 80px;
	background-size: cover;

	position: relative;
}

.form__container {
	display: flex;
	color: var(--milky-way);
}

.form__container h3 {
	text-align: left;
	color: var(--milky-way);
	max-width: 554px;
}

.form__text-block {
	width: 50%;
	position: relative;
}

.form__text .main-text {
	margin-top: 20px;
	max-width: 435px;
}

.form__text {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.form__content {
	width: 50%;
	min-height: 734px;
	z-index: 2;
	position: relative;
}

.form::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	background-color: rgba(247, 246, 242, 0.05);
	backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
  pointer-events: none;
  z-index: 1;
}

.form__block {
	display: flex;
	flex-direction: column;

	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 440px;
}

.form__block input {
	border-bottom: 1px solid #F7F6F2;
	height: 30px;
	margin-bottom: 24px;
}

.form__block input::placeholder {
	color: var(--milky-way);
	font-size: 16px;
}

.form__block button {
	margin-top: 8px;
	background: url(/local/templates/new_design/css/../img/form-back.png);
	background-position-x: 37%;
	backdrop-filter: blur(100px);
}

.form__agree {
	margin-top: 16px;
	display: flex;
}

.form__agree label {
	padding-left: 9px;
	font-weight: 400;
	font-size: 14px;
	color: rgba(247, 246, 242, .5);
	cursor: pointer;
}

.form__agree input[type="checkbox"] {
	width: 20px;
	height: 20px;
	border-radius: 5px;
	color: #F7F6F2;
	accent-color: var(--candy-pink);
	background: none;      /* Убрать фон */
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid rgba(247, 246, 242, .2);  
	cursor: pointer;
	
	position: relative;
}

input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 6px;
    width: 6px;
    height: 12px;
    border: solid var(--milky-way);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* our_adresses */
.our_adresses {
	margin: 196px 0px 196px 0px;

	text-align: center;
}

.our_adresses h3 {
	max-width: 1497px !important;
}

.our_adresses__header {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.our_adresses__header p.main-text {
	max-width: 633px;
}

.location-selector {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 70px 80px 40px;
}

.custom-select-wrapper {
    position: relative;
    width: 293px;
	text-align: left;
}

.custom-select {
    padding: 11px 0px;
    cursor: pointer;
    border-bottom: 1px solid var(--greyish);
}

.custom-select .arrow {
    float: right;
    width: 0; 
    height: 0; 
    margin-top: 8px; /* расположение стрелки */
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #000; /* стрелочка вверх */
    /* для стрелочки вниз: border-top заменить на border-bottom */
}

.select-options {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: var(--milky-way);
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    z-index: 10;
}

.option {
    padding: 10px 15px;
    cursor: pointer;
}
.option:hover {
    background-color: #f0f0f0;
}

.our_adresses .btn__open-map {
	width: 293px;
}

.btn__close-map {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

.clinics-swiper .swiper-content {
	position: absolute;
	bottom: 32px;
	left: 32px;
	z-index: 5;
	text-align: left;
}

.clinics-swiper .swiper-slide::after {
	transition: all 0.03s ease-in-out;
}

.clinics-swiper .swiper-slide:hover::after {
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.clinics__title {
	font-family: var(--jun);
	font-weight: 400;
	font-size: 40px;
	line-height: 90%;
	letter-spacing: -0.02em;
	color: var(--milky-way);
}

.clinics__sub-title {
	margin-top: 12px;
	color: var(--milky-way);
	font-size: 16px;
}

/* footer */
footer {
	background: var(--greyish);
	width: 100%;
	padding: 70px 80px 28px 80px;
}

.footer__logo,
.footer__logo img {
	width: 166px;
	height: 166px;
}

.footer__logo a {
	display: block;
}

.footer__container-main {
	display: flex;
	justify-content: space-between;
}

.footer__container-main .main-menu {
	gap: 100px;
}


.footer__menu li.menu-item > a {
	font-family: var(--manrope);
	font-weight: 400;
	font-size: 14px;
	line-height: 100%;
	color: rgba(247, 246, 242, 0.5) !important;
	text-transform: none;
}

.footer__menu li.menu-item a {
	display: inline-block;
	margin-bottom: 24px;
}

.footer__dropdown-menu li {
	margin-bottom: 5px;
}

.footer__dropdown-menu li a {
	font-family: var(--manrope);
	font-weight: 400;
	font-size: 15px;
	line-height: 15%;
	text-transform: uppercase;

	color: var(--milky-way);
}

.footer__socials button {
	width: 296px;
}

.footer__socials {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.footer__social-icons {
	display: flex;
	gap: 12px;
	justify-content: flex-end;
}
.footer__social-icons svg {
	fill: var(--milky-way);
}

a.social-item {
	display: block;
	width: 40px;
	height: 40px;
	border: 1px solid rgba(247, 246, 242, .2);
	backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
	border-radius: 5px;

	position: relative;
}

.social-item:hover {
	background-color: var(--candy-pink);
	border: 1px solid rgba(247, 246, 242, .2);
	transition: background-color 0.2s;
}

a.social-item svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.footer__container-bottom::before {
	content: "";
	position: absolute;
	height: 1px;
	width: 90%;
	background: rgb(247, 246, 242, .1);
}

.footer__container-bottom {
	margin-top: 60px;
	width: 100%;
}

.footer__bottom-content {
	display: grid;
	grid-template-columns: 23% 1fr 14%;

	padding-top: 24px;
}

.footer__bottom-content p,
.footer__bottom-content a {
	color: rgba(247, 246, 242, .5) !important;
}


/* Файлы Cokkie */
.cookie-notice {
    position: fixed;
    bottom: 20px;
    left: 20px;
    right: 20px;
    max-width: 900px;
    margin: 0 auto;
    background-color: var(--greyish);
    color: #ffffff;
    padding: 16px 24px;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    z-index: 99999;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.5;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.cookie-notice--visible {
    opacity: 1;
    transform: translateY(0);
}

.cookie-notice__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.cookie-notice__text {
    margin: 0;
    color: #e0e0e0;
}

.cookie-notice__link {
    color: #4dabf7;
    text-decoration: underline;
    margin-left: 5px;
    white-space: nowrap;
}

.cookie-notice__link:hover {
    text-decoration: none;
    color: #74c0fc;
}

.cookie-notice__btn {
    background-color: #ffffff;
    color: #2b2b2b;
    border: none;
    padding: 10px 24px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 6px;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color 0.2s ease, transform 0.1s ease;
}

.cookie-notice__btn:hover {
    background-color: #f1f1f1;
}

.cookie-notice__btn:active {
    transform: scale(0.97);
}




/* modal */
.modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}

.modal.active {
	display: block;
}

.modal-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(60, 57, 63, .7);
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

.modal.active .modal-overlay {
	opacity: 1;
}

.modal-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0.8);
	background: var(--milky-way);
	max-width: 60%;
	opacity: 0;
	transition: all 0.3s ease-in-out;
}

.modal.active .modal-content {
  transform: translate(-50%, -50%) scale(1);  /* Полный размер */
  opacity: 1;
}

.close {
  position: absolute;
  top: 24px;
  right: 24px;
  font-size: 28px;
  cursor: pointer;
  color: var(--light-greyish);
  z-index: 1;
	padding: 0 10px;
	border: 1px solid var(--light-greyish);
	border-radius: 2px;
}

.modal-body {
	padding: 120px 150px;
}

.modal-body .main-text {
	text-align: center;
}

.modal-body h3 {
	max-width: 554px;
	margin: 0 auto;
	text-align: center;
}

.modal-body .main-text {
	max-width: 452px;
	margin: 20px auto 40px;
}

.modal-body form {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.modal-body form input {
	border-bottom: 1px solid var(--light-greyish);
	height: 30px;
	margin-bottom: 24px;
}

.modal-body form .form__agree input[type="checkbox"] {
	border-color: var(--light-greyish) !important;
	color: var(--light-greyish) !important;
}

.modal-body form .form__agree label {
	color: var(--light-greyish) !important;
}

.modal-body form input[type="checkbox"]:checked::after {
	border-color: var(--light-greyish) !important;
}



/* MAP */

.city-map-widget {
	margin: 0 80px 60px 80px;
	opacity: 0;
	height: 0;
	overflow: hidden;
	transition: opacity 0.5s ease, height 0.5s ease;
}
.city-map-widget:not(.hidden) {
	opacity: 1;
	height: auto;
}
.map-container {
  display: flex;
  height: 800px;
  width: 100%;
	display: flex;
	gap: 40px;
}
.sidebar-left {
  width: 400px;
  background: var(--beige);
}
.search-box {
	padding: 30px;
  display: flex;
	position: relative;
}

.search-box input {
  flex: 1;
	border-bottom: 1px solid var(--light-greyish);
	height: 30px;
}

.search-box input::placeholder {
	font-size: 16px;
	line-height: 120%;
	color: var(--greyish);
}

.search-box button {
  color: var(--greyish);
  border: none;
  cursor: pointer;
	position: absolute;
	right: 30px;
}

#map {
  flex: 1;
  height: 800px;
  min-height: 800px;
  position: relative;
	overflow: hidden;
}

.ymaps-2-1-79-ground-pane {
	filter: grayscale(1) !important;
	-ms-filter: grayscale(1) !important;
	-webkit-filter: grayscale(1) !important;
	-moz-filter: grayscale(1) !important;
	-o-filter: grayscale(1) !important;
}

.ymaps-2-1-79-placemark-overlay.ymaps-2-1-79-user-selection-none {
	color: var(--candy-pink);
	filter: none !important;
	-ms-filter: none !important;
  -webkit-filter: none !important;
  -moz-filter: none !important;
  -o-filter: none !important;
}
.locations-list {
	height: 710px;
	overflow-y: scroll;
	padding: 0 30px;
}

.locations-list::-webkit-scrollbar {
	width: 6px;
}

.locations-list::-webkit-scrollbar-track {
	background: transparent;
}

.locations-list::-webkit-scrollbar-thumb {
  background: #79767C;
  border: none; 
  border-radius: 0;
}

.location-card {
  background: transparent;
  margin-bottom: 15px;
	cursor: pointer;
	text-align: left;
}

.location-card h6 {
  font-family: var(--jun);
	font-weight: 400;
	font-size: 40px;
	line-height: 90%;
	letter-spacing: -0.02em;
	color: var(--greyish);
	margin-bottom: 12px;
	transition: color .3s ease-in-out;
}
.location-card h6:hover,
.location-card h6:hover ~ .location-contacts a,
.location-card h6:hover ~ .btn {
	color: var(--candy-pink) !important;
}
.location-card h6:hover ~ .location-contacts a::before {
	background-color: var(--candy-pink) !important;
}

.location-text {
	font-family: var(--manrope);
	font-weight: 400;
	font-size: 14px;
	line-height: 100%;
	color: var(--light-greyish);
	margin-top: 12px;
}

.location-text p:nth-child(1) {
	padding-bottom: 2px;
}

.location-contacts {
	margin-top: 12px;
	display: flex;
	flex-direction: column;
}

.location-contacts a {
	display: inline-block;
	position: relative;
	margin-left: 34px;
	margin-bottom: 8px;
	color: var(--greyish) !important;
	transition: color .3s ease-in-out;
}

.location-contacts a::before {
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	position: absolute;
	left: -34px;
	background-color: var(--greyish);
	border-radius: 5px;
	margin-bottom: 8px;
	margin-right: 10px;
	background-repeat: no-repeat;
	background-position: center;
	transition: background-color .3s ease-in-out;
}

.location__email::before {
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.0001 3L14 7.96875C14 8.48759 13.7777 8.98677 13.3786 9.36389C12.9795 9.74102 12.434 9.9675 11.8538 9.99688L11.725 10H2.275C1.6939 10 1.13482 9.80153 0.712438 9.4452C0.290057 9.08888 0.0363991 8.60175 0.00350008 8.08375L0 7.96875L7.26283e-05 3L6.75647 6.16C6.83164 6.19515 6.91522 6.21351 7.00007 6.21351C7.08492 6.21351 7.16851 6.19515 7.24367 6.16L14.0001 3ZM2.275 1.47532e-08H11.725C12.2889 -6.06342e-05 12.8327 0.186872 13.251 0.524542C13.6693 0.862212 13.9322 1.32655 13.9888 1.8275L7 5.09625L0.0112 1.8275C0.0654664 1.34645 0.310135 0.898448 0.701225 0.564039C1.09232 0.22963 1.60418 0.0307419 2.1448 0.00312509L2.275 1.47532e-08Z' fill='%23EFEDE5'/%3E%3C/svg%3E%0A") !important;
	background-size: 14px 10px;
}

.location__phone::before {
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 8.30739L8.48636 7.90069L6.80622 9.58083C4.91365 8.61804 3.37529 7.07968 2.4125 5.18712L4.09931 3.5003L3.69261 0H0.0189601C-0.36774 6.78726 5.21274 12.3677 12 11.981V8.30739Z' fill='%23EFEDE5'/%3E%3C/svg%3E%0A");
	background-size: 12px 12px;
}

.location__website::before {
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.321 0.237112C3.15664 0.574902 2.12153 1.25435 1.35073 2.18681C0.579924 3.11927 0.109211 4.26146 0 5.46435H2.75387C2.9144 3.63387 3.4473 1.85508 4.32014 0.236255M2.75387 6.53568H0C0.108984 7.73861 0.579495 8.8809 1.35015 9.81352C2.1208 10.7461 3.15581 11.4258 4.32014 11.7638C3.4473 10.1449 2.9144 8.36615 2.75387 6.53568ZM5.70052 11.9926C4.65712 10.3446 4.01742 8.47529 3.83305 6.53568H8.16609C7.98172 8.47529 7.34201 10.3446 6.29862 11.9926C6.09938 12.0025 5.89976 12.0025 5.70052 11.9926ZM7.67986 11.7629C8.84406 11.425 9.87898 10.7455 10.6496 9.81301C11.4203 8.88056 11.8909 7.73846 12 6.53568H9.24613C9.0856 8.36615 8.5527 10.1449 7.67986 11.7638M9.24613 5.4652H12C11.891 4.26227 11.4205 3.11998 10.6499 2.18736C9.8792 1.25474 8.84419 0.575101 7.67986 0.237112C8.5527 1.85593 9.0856 3.63473 9.24613 5.4652ZM5.70052 0.00741844C5.90005 -0.00247281 6.09995 -0.00247281 6.29948 0.00741844C7.34257 1.65554 7.98198 3.5248 8.16609 5.46435H3.83391C4.02065 3.51281 4.66179 1.64184 5.70052 0.00741844Z' fill='%23EFEDE5'/%3E%3C/svg%3E%0A");
	background-size: 12px 12px;
}

.location-card button {
	margin-top: 30px;
}

.location-card::after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 1px;
	background: var(--light-greyish);
	margin-top: 30px;
}

.service-btn {
    background: #ff69b4; /* Розовый как маркеры */
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 10px;
}

.close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    z-index: 1001;
}

.map__baloon {
	background: var(--greyish);
	padding: 18px 20px;
	z-index: 1001;
	display: none;
	pointer-events: none;
	position: absolute;
	border-radius: 5px;
	color: var(--milky-way);
	min-width: 259px;
	min-height: 99px;
	transform: translate(-45%, -105%);
}

.ymaps-2-1-79-balloon__layout {
	background: none !important;
}

.ymaps-2-1-79-balloon__content {
	background: none !important;
}
.ymaps-2-1-79-balloon__close, .ymaps-2-1-79-balloon__tail {
	display: none !important;
}
.ymaps-2-1-79-balloon__close+.ymaps-2-1-79-balloon__content {
	margin-right: 0 !important;
}
.ymaps-2-1-79-balloon__content {
	padding: 0 !important;
}
.map__baloon {
	padding: 18px 20px;
}
.map__baloon h6 {
	font-family: var(--jun);
	font-weight: 400;
	font-size: 40px;
	line-height: 90%;
	letter-spacing: -0.02em;
	color: var(--milky-way);
	margin-bottom: 8px;
}
.map__baloon p {
	font-family: var(--manrope);
	font-weight: 400;
	font-size: 16px;
	line-height: 120%;
	color: var(--milky-way);
}
.map__buttons {
	display: flex;
	align-items: center;
	gap: 10px;
	position: absolute;
	z-index: 10;
	bottom: 30px;
	left: 30px;
}
.map__buttons button:nth-child(1) {
	width: 185px;
}
.map__buttons button:nth-child(2), .map__buttons button:nth-child(3){
	width: 150px;
}

.custom-zoom {
	position: absolute;
	right: 18px;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: center;
	z-index: 10;
}

.menu-open {
	display: none;
	width: 32px;
	height: 32px;
	background: rgba(247, 246, 242, 0.05);
	border: 0.4px solid rgba(247, 246, 242, 0.2);
}

.mobile__header-left {
	display: none;
	align-items: center;
	gap: 12px;
}


/* СТРАНИЦА GBT В ДЕЙСТВИИ */
.page-title__block {
	min-height: 480px;
	width: 100%;
}
.bg__gbt-action, .bg__history-ems, .bg__blog, .bg__template {
	background: url('/local/templates/new_design/css/../img/other-pages/gbt-action-bg.png');
}
.bg-section {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;

	display: flex;
	align-items: center;
	justify-content: center;
}
.bg-section h2 {
	margin-top: 100px;
	max-width: 70%;
}
.container {
	margin: 0 auto;
	padding: 60px 80px 40px 80px;
}
.main-title h3 {
	text-align: left;
	padding-bottom: 40px;
	padding-top: 10px;
	max-width: 1190px;
}
.main-content__right {
	padding-left: 34%;
}
.main-content__right .btn {
	margin-top: 20px;
}
.main__right-block {
	display: flex;
	gap: 67px;
	padding-bottom: 60px;
}
.main-content__text, .aftermath__text {
	font-family: var(--manrope);
	font-weight: 400;
	font-size: 20px;
	line-height: 120%;
	color: var(--greyish);
	letter-spacing: 0em;
}
.main-content__sub-title {
	font-family: var(--jun);
	font-weight: 400;
	font-size: 70px;
	line-height: 90%;
	letter-spacing: -0.02em;
	color: var(--greyish);
}
.gallery-case__content {
	border-top: 1px solid var(--light-greyish);
	display: flex;
	justify-content: space-between;
	gap: 200px;
}
.gallery-case__info {
	margin-top: 30px;
}
.case__name {
	font-family: var(--manrope);
	font-weight: 400;
	font-size: 20px;
	line-height: 100%;
	text-transform: uppercase;
	color: var(--greyish);
	margin-bottom: 8px;
}
.gallery-case__photos {
	display: flex;
}
.gallery-case__photo {
	width: 586px;
	height: 400px;
	position: relative;
}
.gallery-case__photo-keysy{
	position: relative;
}

.gallery-case__photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gallery-case__photo.__dark-gray,
.item__img.__dark-gray,
.content__right-img.__dark-gray,
.blog-item__img.__dark-gray {
	background: var(--greyish);
}
.gallery-case__photo.__light-gray,
.item__img.__light-gray,
.blog-item__img.__light-gray {
	background: var(--greyish);
	opacity: .9;
}
.badge {
	position: absolute;
	top: 32px;
	left: 32px;
	padding: 9px 15px;
	font-family: var(--manrope);
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	color: var(--milky-way);
	background: rgba(247, 246, 242, 0.05);
	backdrop-filter: blur(30px);
	border: 1px solid rgba(247, 246, 242, 0.2);
	border-radius: 5px;
}
.case__text {
	font-family: var(--manrope);
	font-weight: 400;
	font-size: 16px;
	line-height: 120%;
	color: var(--greyish);
	margin-bottom: 20px;
}
.block__gbt-guided {
	min-height: 740px;
	background: url('/local/templates/new_design/css/../img/other-pages/bg-block-1.png');
	background-position: center;
	background-size: cover;
	text-align: left !important;
	position: relative;
}

.block__gbt-guided h3,
.block__gbt-guided .text-block {
	text-align: left;
	max-width: 840px;
	color: var(--milky-way);
}
.block__gbt-guided .text-block p {
	font-size: 20px;
}
.block__gbt-guided .text-block p:nth-child(1) {
	padding: 20px 0 30px 0;
}
.info__spec-block {
	position: absolute;
	bottom: 80px;
	right: 80px;
	background: rgba(247, 246, 242, 0.05);
	backdrop-filter: blur(100px);
	max-width: 587px;
	font-size: 16px;
	color: var(--milky-way);
	padding: 40px 80px 40px 40px;
	border-radius: 40px;
	border: 1px solid rgba(247, 246, 242, 0.2);
}
.info__spec-block a {
	border-bottom: 1px solid;
}
.info__spec-block::after {
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	background: url('/local/templates/new_design/css/../img/icon-info.svg');
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 32px;
	right: 32px;
}

.img-container {
	padding-bottom: 60px;
}
.img-container img {
	max-width: 440px;
}
.img-container p {
	max-width: 275px;
}
.block__eight-steps {
	background: var(--greyish);
}
.block__eight-steps h3 {
	margin-bottom: 20px;
}
.block__eight-steps h3,
.block__eight-steps p {
	color: var(--milky-way) !important;
}
.block__eight-steps p {
	max-width: 55%;
}



/* Базовые стили для слайдера */
.stepsSwiper {
  width: 100%;
  background-color: var(--greyish);
  position: relative;
}

.slide-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: white;
}

.slide-content h2 {
  font-size: 2.5em;
  margin-bottom: 10px;
  color: white;
}

.slide-content h3 {
  font-size: 1.5em;
  margin-bottom: 20px;
  color: #ff69b4; /* Розовый для подзаголовка */
}

.slide-content p {
  font-size: 1.1em;
  line-height: 1.5;
  margin-bottom: 30px;
  max-width: 530px;
}

.slide-image img {
  max-width: 400px;
  height: auto;
}

.block__eight-steps {
	padding-bottom: 0;
}

.slide-image {
	background: var(--milky-way);
	border-radius: 50%;
	outline: 1px solid var(--milky-way);
}
.slide-content h4 {
	font-family: var(--jun);
	font-weight: 400;
	font-size: 70px;
	line-height: 90%;
	letter-spacing: -0.02em;
	color: var(--milky-way);
}

.swiper-slide {
 	display: flex;
  	align-items: center;
}

.blog .swiper-slide{
	display: block;
}

.articles__container .swiper-slide{
	display: block;
}

.blog .swiper{
	margin-top: 40px;
}

.step-number {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: var(--candy-pink);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
		z-index: 2;
}

.step-number::after {
	content: "";
	display: inline-block;
	background: rgba(247, 246, 242, 0.2);
	height: 1px;
	width: 100%;
	position: absolute;
	z-index: 1;
}

.block__eight-steps .main-content__right, 
.block__eight-steps .main__right-block {
	padding-bottom: 0;
}


.main-content__right button {
	width: 293px;
	position: relative;
	top: -40px;
}

.gallery-case__info button {
	min-width: 293px;
	max-width: 293px;
	margin-bottom: 12px;
}

.list {
	font-family: var(--jun);
	font-size: 40px;
}

.list li {
	position: relative;
	padding-left: 20px;
}

.list li::before  {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 6px;
	height: 10px;
	background-image: url('/local/templates/new_design/css/../img/arrow.svg');
	background-repeat: no-repeat;
	background-size: contain;
}

.gigiena-aftermath {
	display: flex;
	justify-content: space-between;
	align-items: end;
	gap: 50px;
	border-bottom: 1px solid var(--light-greyish);
}
.aftermath__info {
	max-width: 50%;
	padding-bottom: 30px;
}
.aftermath__title {
	font-family: var(--jun);
	font-weight: 400;
	font-size: 40px;
	line-height: 90%;
	letter-spacing: -0.02em;
	padding-bottom: 20px;
}
.aftermath__img {
	width: 530px;
	height: auto;
}
.aftermath__img img {
	width: 100%;
	object-fit: cover;
	object-position: center;
}

.newSwiper {
	padding-top: 20px;
	padding-bottom: 80px;
	position: relative;
}
.newSwiper .swiper-slide {
	gap: 50px;
}
.newSwiper .slide-content {
	width: 50%;
}
.newSwiper .slide-content h4 {
	padding-bottom: 40px;
}
.newSwiper .swiper-pagination-steps {
	display: flex;
	align-items: center;
	padding-left: 0 20px;
	justify-content: space-between;
	position: relative;
}
.newSwiper .swiper-pagination-bullet,
.newSwiper .swiper-pagination-bullet-active {
  width: 60px !important;
  height: 60px;
  border-radius: 50%;
  background-color: #454248 !important;
  color: var(--light-greyish);
  display: flex;
  align-items: center;
  justify-content: center;
	z-index: 2;
	box-shadow: none !important;
	transform: scale(1);
}

.newSwiper .swiper-pagination-steps .swiper-pagination-bullet-act  {
  background-color: var(--candy-pink) !important;
  width: 80px !important;
  height: 80px;
	color: var(--milky-way);
}

.slider-pagination::before {
	content: "";
	width: 35%;
	height: 1px;
	background: rgba(247, 246, 242, 0.2);
	position: absolute;
	top: 40px;
	left: 0;
}
.pagination-line::after {
	content: "";
	width: 70%;
	height: 1px;
	background: rgba(247, 246, 242, 0.2);
	position: absolute;
	right: -70%;
}
.pagination-line {
	width: 100%;
	height: 1px;
	background: rgba(247, 246, 242, 0.2);
	position: absolute;
	top: 40px;
	left: 34%;
}

.slider-line {
	content: "";
	width: 100%;
	height: 1px;
	position: absolute;
	background: rgba(247, 246, 242, 0.2);
	display: block;
	top: 9%;
	left: 0;
}

/* страница История EMS */
.main__middle-text {
	font-family: var(--jun);
	font-weight: 400;
	font-size: 40px;
	line-height: 90%;
	letter-spacing: -0.02em;
	color: var(--greyish);
}
.flex-block {
	display: flex;
	justify-content: space-between;
}
.flex-block .main-title {
	width: 34%;
}
.flex-block .main-content__right {
	padding-left: 0;
	width: 66%;
}
.content__right-img {
	max-height: 760px;
	height: 760px;
	overflow: hidden;
	object-fit: cover;
	object-position: center;
}
.content__right-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.main-history-ems .main-title h3 {
	max-width: 1110px;
}
.main-content__right .main__right-block:nth-of-type(2) {
  padding-top: 60px;
}
.valle-de-ju-block, .from-valley-to-top-block, .mission-values-block {
	padding-top: 0 !important;
}
.valle-de-ju-block .mini-title {
	font-family: var(--manrope);
	font-weight: 500;
	font-size: 24px;
	line-height: 120%;
	letter-spacing: -0.02em;
	color: var(--greyish);
	
	max-width: 15%;
}
.valle-de-ju-block .mini-content__text {
	font-family: var(--manrope);
	font-weight: 400;
	font-size: 16px;
	line-height: 120%;
	letter-spacing: 0;

	color: var(--greyish);
	max-width: 70%;
	padding-bottom: 40px;
}
/* БЛОГ */
.blog-container {
	padding: 120px 80px;
}
.blog-filter-select.mobile {
	display: none;
}
.blog-filter {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
}
.blog-filter a {
	color: var(--greyish);
}
.blog-filter .blog-filter-item {
	display: block;
	background: var(--milky-way);
	padding: 9px 20px;
	border-radius: 5px;
	border: 1px solid var(--greyish);
	transition: background .3s ease-in-out;
}
.blog-filter-item.active {
	background: var(--greyish);
	color: rgba(239, 237, 229, 1) !important;
}
.blog-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr); 
	margin-top: 40px;
	gap: 50px;
	align-items: stretch; /* Растягивает все карточки ряда на одинаковую высоту */
}
.blog-item {
	display: flex;
    flex-direction: column;
    background: #F2F3F5; /* Более мягкий пастельный оттенок вместо резкого wheat */
    border: 1px solid rgba(0, 0, 0, 0.08); /* Тонкая полупрозрачная рамка */
    border-radius: 20px;
    overflow: hidden; /* Обрезает углы картинки ровно по радиусу карточки */
    transition: transform 0.2s ease, box-shadow 0.2s ease;
	height: 100%;
}
.blog-item:hover {
    transform: translateY(-4px);
}
a.blog-item-link {
	margin-bottom: 120px;
}
.blog-item__img {
	height: 380px;
	overflow: hidden;
}
.blog-item__img img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
}
.blog-item .item__data {
	display: block;
	padding: 16px 20px 8px;
}
.blog-item h4 {
	font-family: var(--manrope);
	font-weight: 500;
	font-size: 24px;
	line-height: 120%;
	letter-spacing: -0.02em;
	color: var(--greyish);
	padding: 0 20px 20px 20px; /* Одинаковые боковые отступы */

	max-width: 85%;
}
.pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 42px;
}
.pagination__items {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}
.pagination__item,
.pagination__arrow,
.pagination__dots {
	font-family: var(--manrope);
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	color: var(--light-greyish);
	transition: color .3s ease-in-out;
}
.pagination__item:hover,
.pagination__arrow:hover,
.pagination__item--active {
	color: var(--greyish);
}
a.pagination__item-active {
	border-bottom: 1px solid var(--light-greyish) !important;
}
a.pagination__item-active:focus {
	color: var(--candy-pink);
}

/* ПОИСК */
.search-top-box {
	display: none;

	min-height: 158px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #3C393F;
	backdrop-filter: blur(30px);
	z-index: 100;

	flex-direction: column;
	align-items: center;
	padding-top: 30px;
}
.search-t-box__content {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
}
.search-top-box input::placeholder {
	color: var(--milky-way);
}
.search-t-box__content input {
	min-width: 440px;
	border-bottom: 1px solid rgba(247, 246, 242, 0.5);
	padding-bottom: 6px;
}
.search-t-box__content button {
	color: var(--greyish);
	padding: 6px 50px;
	background: var(--milky-way);
	backdrop-filter: blur(30px);
	border-radius: 5px;
}
.search-close {
	padding: 8px;
	background: var(--milky-way);
	border-radius: 5px;
	display: flex;
	cursor: pointer;
}
.search-results {
	max-width: 80%;
	margin-top: 40px;
	margin-bottom: 60px;
	margin-left: auto;
    margin-right: auto;
}
.search-results__title {
	text-align: center;
}
.search-results__title,
.search-item__title {
	font-family: var(--manrope);
	font-weight: 400;
	font-size: 20px;
	line-height: 100%;
	letter-spacing: 0;
	text-transform: uppercase;
	color: var(--milky-way);
}
.search-results__container {
	margin-top: 40px;
	display: flex;
	flex-direction: column;
	gap: 40px;
	max-height: 80vh;
	overflow-y: scroll;
}
.search-results__container::-webkit-scrollbar {
	display: none;
}
.search-result__item {
	padding-bottom: 20px;
	border-bottom: 1px solid var(--milky-way);
}
.search-item__description {
	font-family: var(--manrope);
	font-weight: 400;
	font-size: 16px;
	line-height: 120%;
	letter-spacing: 0;
	color: var(--milky-way);
	padding-top: 20px;
}
#search_button{
	border-bottom:none;
	min-width:auto;
	padding: 6px 30px;
    background: var(--milky-way);
    backdrop-filter: blur(30px);
    border-radius: 5px;
	color: var(--greyish);
	margin-left: 10px;
}

.privacy__policy{
	background-color: var(--milky-way);
}
.privacy__policy .container{
    padding: 80px 40px 80px;
}
.privacy__policy h1{
	color: var(--greyish);
	font-size: clamp(20px, 6vw, 120px);
}

.keysy-description {
	font-size: 15px;
	margin-top: 18px;
	line-height: 100%;
}

.popup {
	display: none; /* Скрываем изначально */
    position: fixed;
    bottom: 20px;
    left: 20px;
    background: var(--beige, #f5f5dc);
    width: 350px;
    min-height: 100px;
    border-radius: 5px;
    z-index: 9999; /* Чтобы был поверх всего */
    box-shadow: 0 5px 15px rgba(0,0,0,0.2); /* Чтобы не сливался с фоном */
    flex-direction: column;
    justify-content: center;
}
.popup-container {
	text-align: center;
    padding-top: 15px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.popup__header {
	
}
.popup__buttons {
	display: flex;
    justify-content: center;
    gap: 60px;
	padding-bottom: 15px;
}
.popup__button {
	color: #F7F6F2;
    background-color: #3C393F;
    border: 1px solid rgba(247, 246, 242, 0.2);

}

/* Страница для мам и детей */
.moms-kids__width-400 {
	width: 400px;
}
.moms-kids__spacer {
	margin-bottom: 70px;
}

.moms-kids__heading {
	font-size: 40px;
	font-family: var(--jun);
	padding-bottom: 20px;
	padding-top: 20px;
	line-height: 100%;
	width: 300px;
}

.moms-kids__text--normal-case {
	text-transform: none;
}

.moms-kids-badge {
	background: rgba(247, 246, 242, 0.05);
	border: 1px solid rgba(247, 246, 242, 0.2);
	backdrop-filter: blur(30px);
	color: var(--milky-way);
	padding: 10px 15px;
	border-radius: 5px;
}
.moms-kids-slide {
	position: relative;
}
.moms-kids-slide__content {
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 10;
}

.moms-kids__text-placeholder {
	background-color: var(--greyish);
	color: #fff;
	text-align: center;
}

/* Общий контейнер сетки */
.moms-kids-cases {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0;
	width: 100%;
	background-color: #3d3b3c;
}

/* Базовый элемент сетки */
.moms-kids-cases__item {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
	aspect-ratio: 4 / 3;
}

/* Элементы с картинками */
.moms-kids-cases__item--image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Элементы с текстом */
.moms-kids-cases__item--text {
	background-color: #3d3b3c;
	padding: 30px;
	color: #fff;
	box-sizing: border-box;
}

/* Растягивание текстового блока во второй строке на 2 колонки */
.moms-kids-cases__item--span-2 {
	grid-column: span 2;
	aspect-ratio: auto;
	gap: 30px;
}

/* Стилизация текста */
.moms-kids-cases__text {
	font-size: 18px;
	color: #fff;
}

/* Кнопка "Смотреть все кейсы" */
.moms-kids-cases__btn {
	display: inline-block;
	align-self: flex-start;
	padding: 12px 30px;
	background-color: #2b292a;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	border-radius: 4px;
	border: 1px solid #4f4d4e;
	transition: background 0.3s ease;
}
.moms-kids-cases__btn:hover {
	background-color: #1f1e1f;
}

/* Плашки До и После */
.moms-kids-cases__badge {
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 5;
	background: rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(5px);
	color: #fff;
	padding: 4px 14px;
	font-size: 12px;
	border-radius: 4px;
}

/* Заголовок внутри выделенного блока */
.moms-kids-quote__title {
	font-family: var(--jun);
	font-size: 20px;
	font-weight: 500;
	margin: 0 0 15px 0;
}

/* Список внутри выделенного блока */
.moms-kids-quote__list {
	list-style: none;
	padding: 0;
	margin: 0;
}

/* Строки списка */
.moms-kids-quote__list li {
	line-height: 1.6;
	margin-bottom: 8px;
	position: relative;
	font-weight: 500;
}
.moms-kids-quote__list li:last-child {
	margin-bottom: 0;
}

.moms-kids-photos--four {
	grid-template-columns: repeat(4, 1fr);
}

.moms-kids-protocol {
	list-style: none;
	padding: 0;
	margin: 0;
}

/* Каждая строчка списка */
.moms-kids-protocol li {
	position: relative;
	font-family: var(--jun);
	line-height: 1.6;
	padding-left: 25px;
	margin-bottom: 15px;
}

/* Создаем кастомный значок перед каждой строкой */
.moms-kids-protocol li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 6px solid #1a1a1a;
}

.moms-kids__no-padding {
	padding: 0 0px !important;
}

.moms-kids--mobile {
	display: none;
}

.moms-kids-guided__spec {
	background: rgba(247, 246, 242, 0.05);
	backdrop-filter: blur(100px);
	color: var(--milky-way);
	border-radius: 40px;
	border: 1px solid rgba(247, 246, 242, 0.2);
}

.moms-kids-guided__spec--mobile {
	display: none;
}
.moms-kids__block-padding {
	padding-right: 10px;
	padding-left: 10px;
}
/* ===== МОБИЛЬНЫЙ ХЕДЕР =====
   Порядок: Логотип -> Гамбургер -> Найти клинику -> Поиск
   Десктоп не трогаем, всё только внутри media-запроса.
*/
@media (max-width: 768px) {

	.header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		padding: 8px 16px;
	}

	/* логотип первым, без абсолютного позиционирования */
	.header .header__logo {
		position: static;
		left: auto;
		transform: none;
		order: 1;
		flex-shrink: 0;
	}
	.header.filled .header__logo {
		top: 0;
		padding: 8px;
	}

	/* гамбургер показываем, кнопку "Найти клинику" внутри этого блока тоже показываем */
	.mobile__header-left {
		display: flex;
		order: 2;
		align-items: center;
		gap: 12px;
		flex-grow: 1;
	}
	.menu-open {
		display: flex;
		align-items: center;
		justify-content: center;
		order: 1;
		flex-shrink: 0;
	}
	.mobile__header-left .mobile-btn {
		order: 2;
		padding: 8px 16px;
		font-size: 13px;
		white-space: nowrap;
	}

	/* десктопная кнопка "Найти клинику" дублирует мобильную - прячем */
	.header__right .desktop-btn {
		display: none;
	}

	/* в header__right остаётся только поиск, ставим его последним */
	.header__right {
		order: 3;
		flex-shrink: 0;
		gap: 0;
	}


    
}

/* Утилиты страницы «Для мам и детей» */
.moms-kids__pb-30 {
	padding-bottom: 30px;
}
.moms-kids__pt-30 {
	padding-top: 30px;
}
.moms-kids__mt-60 {
	margin-top: 60px;
}
.moms-kids__mt-40 {
	margin-top: 40px;
}
.moms-kids__mt-20 {
	margin-top: 20px;
}
.moms-kids__gap-0 {
	gap: 0;
}
.moms-kids-img--no-pb {
	padding-bottom: 0;
}
.moms-kids-img__caption {
	max-width: none;
}
.moms-kids-btn--details {
	top: 0 !important;
    margin-top: 25px;
    padding: 6px 30px !important;
    border-radius: 5px;
    min-width: 235px;
}
.moms-kids-slide--grey {
	background: var(--greyish);
}
.moms-kids-slide__img--cover {
	height: 100%;
	object-fit: cover;
}
.moms-kids-container--pb-10 {
	padding: 0 0 10px 0 !important;
}
.moms-kids-container--pt-10 {
	padding: 10px 0 0 0 !important;
}
.moms-kids-container--pt-10-pb-0 {
	padding: 10px 0 0 0 !important;
}
.moms-kids-container--pt-10-pb-10 {
	padding: 10px 0 !important;
}
.moms-kids-container--pt-0 {
	padding: 0 0 0 0 !important;
}
.container-six-grid-elem {
	padding-bottom: 40px;
}

/* Равная высота изображений в рядах */
.container-six-grid-elem .blog__container .swiper-slide {
	align-items: stretch;
	height: 100%;
	overflow: hidden;
}
.container-six-grid-elem .blog__container .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
/* End */


/* Start:/local/templates/new_design/css/adaptive.css?178755599125495*/
@media (min-width: 1531px) {
	.main-content__right {
		margin-bottom: 40px;
	}
}
@media (max-width: 1750px) {
	h2 {
		font-size: 80px;
	}
	.page-title__block {
		min-height: 320px;
	}
	.articles {
		margin-top: 0px;
	}
	.container, .template-container {
		padding: 80px 20px;
	}
	.template-block {
		padding-bottom: 30px;
	}
	.main-sub-text {
		font-size: 12px;
	}
	.main-title h3 {
		padding-bottom: 30px;
		max-width: 814px;
		font-size: 60px;
	}
	.main__right-block {
		flex-direction: column;
		gap: 30px;
		padding-bottom: 40px;
		max-width: 700px;
	}
	.main-content__text, .aftermath__text {
		font-size: 16px;
	}
	.main-content__sub-title {
		font-size: 46px;
		max-width: 780px;
	}
	.gallery-case__content {
		gap: 45px;
	}
	.gallery-case__info {
		margin-top: 20px;
	}
	.case__name {
		font-size: 14px;
	}
	.block__gbt-guided {
		min-height: 540px;
	}
	.block__gbt-guided h3, .block__gbt-guided .text-block {
		max-width: 480px;
		font-size: 60px;
	}
	.block__gbt-guided .text-block p {
		font-size: 16px;
	}
	.info__spec-block {
		bottom: 30px;
		right: 20px;
		max-width: 520px;
		font-size: 14px;
		padding: 24px 90px 24px 24px;
	}
	.info__spec-block::after {
		width: 24px;
		height: 24px;
		top: 20px;
		right: 20px;
	}
	.img-container img {
		max-width: 415px;
	}
	.img-container p {
		max-width: 235px;
	}
	.block__eight-steps h3 {
		margin-bottom: 30px;
	}
	.slider-line {
		top: 10%;
	}
	.newSwiper .swiper-pagination-steps .swiper-pagination-bullet-act- {
		width: 60px !important;
		height: 60px;
	}
	.newSwiper .swiper-pagination-bullet {
		width: 40px !important;
		height: 40px;
	}
	.newSwiper .swiper-slide {
		gap: 20px;
	}
	.newSwiper .slide-content h4 {
		padding-bottom: 20px;
	}
	.slide-content h4 {
		font-size: 46px;
	}
	.slide-content p {
		margin-bottom: 0;
		max-width: 410px;
	}
	.slide-image img {
		max-width: 250px;
	}
	.main-content__right button {
		width: 207px;
	}
	.aftermath__info {
		padding-bottom: 10px;
	}
	.aftermath__title {
		font-size: 28px;
		padding-bottom: 10px;
	}
	.aftermath__img {
		width: 310px;
	}
	.list {
		font-size: 28px;
	}
	.articles .swiper-content, .gigiena__container .swiper-content {
		bottom: 24px;
		left: 24px;
	}
	.gigiena__container .articles__sub-title {
		font-size: 14px;
	}
	.blog__item {
		height: 550px;
	}
	.item__data {
		font-size: 12px;
	}
	.item__img {
		height: 400px;
	}
	.gigiena__container .articles__sub-title {
		font-size: 14px;
	}
	.blog__item {
		height: 550px;
	}
	.item__data {
		font-size: 12px;
	}
	.item__img {
		height: 400px;
	}
	.item__title {
		font-size: 20px;
		max-width: 390px;
	}
	.case__text {
		font-size: 14px;
	}
	.gallery-case__info button {
		min-width: 235px;
		max-width: 235px;
		display: block;
		padding: 6px 30px;
	}
	.gallery-case__photo {
		width: 414px;
		height: 280px;
	}
	.badge {
		top: 20px;
		left: 20px;
		padding: 5px 15px;
		font-size: 14px;
	}
}

@media (max-width: 1700px) {
	header {
		height: 68px;
		padding: 8px 20px 0 20px;
	}
	.main-menu {
		gap: 20px;
	}
	.main-menu li a {
		font-size: 12px;
	}
	.header__logo svg {
		width: 60px;
		height: 60px;
	}
	.header__right {
		gap: 12px;
	}
	.header__right svg {
		width: 20px;
		height: 20px;
	}
	.header__geo {
		gap: 8px;
	}
	.btn {
		padding: 15px 45px;
		font-size: 14px;
	}
	.hero .swiper-content {
		bottom: 52px;
	}
	.swiper__sub-title {
		padding-bottom: 12px;
	}
	.main-text {
		font-size: 14px;
	}
	.swiper__title {
		font-size: 78px;
	}
	.swiper__desc {
		font-size: 16px;
		max-width: 480px;
		margin: 6px auto 28px;
	}
	.navigation-container {
		gap: 15px;
		bottom: 20px;
	}
	.btn-feedback {
		right: 20px;
		bottom: 20px;
		width: 40px;
		height: 40px;
	}

	.articles {
		margin-top: 0px;
	}
	.articles .swiper-content {
		bottom: 30px;
		left: 30px;
	}
	.articles__sub-title {
		font-size: 12px;
	}
	.articles__title {
		font-size: 46px;
		padding-right: 50px;
		margin-bottom: 30px;
		min-width: 370px;
		max-width: 465px;
	}
	.buttons-after-slider {
		width: 70px;
		margin-top: 30px;
		gap: 15px;
	}
	.articles-swiper-button-prev, .articles-swiper-button-next, .clinics-swiper-button-prev, .clinics-swiper-button-next {
		width: 24px;
		height: 24px;
	}
	svg.swiper-navigation-icon {
		width: 24px;
		height: 24px;
	}

	.blog {
		margin: 130px 20px 80px 20px;
	}
	.main-sub-text, .item__data {
		font-size: 12px;
	}
	h3 {
		font-size: 60px;
		max-width: 665px;
	}
	.blog button {
		margin-top: 20px;
	}
	.blog__item {
		height: 540px;
	}
	.item__img {
		height: 400px;
	}
	.item__title {
		font-size: 20px;
		max-width: 385px;
	}

	.form {
		height: 500px;
	}
	.form__container h3 {
		max-width: 385px;
	}
	.form__text .main-text {
		margin-top: 12px;
		max-width: 295px;
	}
	.form__block {
		width: 400px;
	}
	.form__block input {
		margin-bottom: 20px;
	}
	.form__block input::placeholder {
		font-size: 14px;
	}
	.form__agree input[type="checkbox"] {
		width: 16px;
		height: 16px;
	}
	.form__agree label {
		font-size: 12px;
	}

	.our_adresses {
		margin: 80px 0 134px 0;
	}
	.our_adresses h3 {
		max-width: 1043px !important;
	}
	.our_adresses__header p.main-text {
		max-width: 445px;
		margin-top: 10px;
	}
	.location-selector {
		margin: 40px 20px 0px;
	}
	.custom-select-wrapper, .our_adresses .btn__open-map, .footer__socials button {
		width: 207px;
	}
	.custom-select {
		padding: 6px 0;
		font-size: 14px;
	}
	.select-options .option {
		font-size: 12px;
	}
	.city-map-widget:not(.hidden) {
		margin-top: 30px;
	}
	.clinics-swiper .swiper-content {
		left: 24px;
		bottom: 24px;
	}
	.clinics__title {
		font-size: 28px;
	}
	.clinics__sub-title {
		margin-top: 6px;
	}

	footer {
		padding: 50px 20px 20px;
	}
	.footer__logo, .footer__logo img {
		width: 130px;
		height: 130px;
	}
	.footer__container-main .main-menu {
		gap: 80px;
	}
	.footer__menu li.menu-item a {
		margin-bottom: 16px;
	}
	.footer__social-icons {
		gap: 10px;
	}
	a.social-item {
		width: 30px;
		height: 30px;
	}
	.footer__container-bottom {
		margin-top: 50px;
	}
	.footer__container-bottom::before {
		width: 97%;
	}
	.footer__bottom-content p, .footer__bottom-content a {
		font-size: 12px;
	}
	.footer__bottom-content {
		grid-template-columns: 20% 1fr 17%;
		padding-top: 18px;
	}
	.btn-feedback {
		padding: 8px;
		width: 40px;
		height: 40px;
	}

	.city-map-widget {
		margin: 0 20px 80px 20px;
	}
	.map-container {
		height: 555px;
		gap: 30px;
	}
	.sidebar-left {
		width: 22%;
	}
	.search-box {
		padding: 30px 30px 20px 30px;
	}
	.search-box input::placeholder {
		font-size: 14px;
	}
	.locations-list {
		height: 475px;
	}
	.location-card h6 {
		font-size: 28px;
		margin-bottom: 8px;
	}
	.location-card p {
		font-size: 14px;
	}
	.location-text {
		font-size: 12px;
		margin-top: 8px;
	}
	.location-contacts a {
		margin-left: 30px;
		font-size: 14px;
	}
	.location-contacts a::before {
		width: 20px;
		height: 20px;
		left: -30px;
	}
	.location-card button, .location-card::after {
		margin-top: 20px;
	}
	#map {
		height: 550px;
		min-height: 550px;
	}
	.map__buttons {
		bottom: 20px;
		left: 20px;
	}
	.map__buttons button:nth-child(1) {
		width: 155px;
	}
	.map__buttons button:nth-child(2), .map__buttons button:nth-child(3) {
		width: 125px;
	}
	.custom-zoom {
		right: 10px;
	}

	.modal-body {
		padding: 80px 70px;
	}
	.back-block {
		padding: 100px 0 24px 20px;
	}
	.back-block a svg {
		width: 40px;
	}
	.back-block a span {
		font-size: 12px;
	}
	.template-container-blog {
		padding: 80px 20px;
	}
	.template-block-blog {
		padding-bottom: 60px;
	}
	.article-bottom {
		margin-top: 80px;
		padding-top: 20px;
	}
	.article-bottom__hashtag {
		padding: 6px 16px;
		font-size: 14px;
	}
	.article-bottom__socials {
		gap: 6px;
	}
	.detail-articles__container {
		padding: 0 20px 80px 20px;
	}
}

@media (max-width: 1530px) {
	.gallery-case__photo {
		width: 365px !important;
		height: 245px !important;
	}
	.articles {
		margin-top: 0px;
	}
	.main__middle-text {
		font-size: 28px;
	}
	.valle-de-ju-block .mini-title {
		font-size: 20px;
		max-width: 20%;
	}
	.valle-de-ju-block .mini-content__text {
		font-size: 14px;
		padding-bottom: 30px;
	}
	.main-content__right .main__right-block:nth-of-type(2) {
		padding-top: 30px;
	}
	.main__right-block {
		padding-bottom: 30px;
	}
	.flex-block .content__right-img {
		max-height: 465px;
		height: 465px;
	}
	.flex-block {
		padding-bottom: 40px;
	}
	/* БЛОГ */
	.blog-container {
		padding: 80px 20px;
	}
	.blog-filter {
		gap: 8px;
	}
	.blog-filter .blog-filter-item {
		padding: 6px 16px;
	}
	.blog-grid {
		margin-top: 30px;
	}
	a.blog-item-link {
		margin-bottom: 80px;
	}
	.blog-item__img {
		height: 400px;
	}
	.blog-item h4 {
		font-size: 20px;
		max-width: 90%;
	}
	.pagination__arrow svg {
		width: 24px;
	}
	/* ПОИСК */
	.search-top-box {
		min-height: 140px;
	}
	.search-t-box__content button {
		padding: 6px 30px;
	}
	.search-close {
		padding: 4px;
	}
	.search-results {
		max-width: 80%;
		margin-bottom: 80px;
	}
	.search-results__title, .search-item__title {
		font-size: 14px;
	}
	.search-results__container {
		margin-top: 30px;
		gap: 20px;
	}
}


@media (max-width: 1180px) {
	header .main-menu {
		flex-direction: column;
		position: absolute;
		background: var(--greyish);
		height: 100vh;
		left: 0;
		top: 0;
		padding: 30px;
		min-width: 375px;

		display: none;
	}
	header .main-menu .close {
		display: block;
		color: var(--milky-way) !important;
		background-color: rgba(247, 246, 242, 0.05);
	}
	header .main-menu li {
		padding-bottom: 20px;
	}
	header .main-menu.active {
		display: block;
		z-index: 100;
	}
	header .main-menu.active .menu-logo {
		display: block;
	}
	.header li.menu-item:hover {
		border-bottom: none;
	}
	.header.filled .main-menu li a, .header.filled svg.arrow {
		color: var(--milky-way) !important;
	}
	.header.filled .dropdown-menu {
		background: none;
	}
	.dropdown-menu {
		position: relative;
		max-height: auto;
		padding: 20px 20px 0 30px;
		display: none;
	}
	.dropdown-menu.show {
		max-height: auto;
		display: block;
	}
	.menu-open {
        display: block;
        height: auto;
        width: auto;
        padding: 8px 14px;
        border-radius: 5px;
    }
	.swiper__title {
		font-size: 64px;
	}
	.hero .swiper-button-prev, 
	.hero .swiper-button-next {
		margin: 0 20px;
		width: 24px;
		height: 24px;
	}
	.articles {
		margin-top: 0px;
	}
	.articles .swiper-content {
		bottom: 20px;
		left: 20px;
	}
	.articles__title {
		font-size: 36px;
		padding-right: 20px;
		margin-bottom: 20px;
		max-width: 330px;
	}
	.blog {
		margin: 130px 0 80px;
	}
	.blog-swiper a {
		text-decoration: none;
	}
	h3 {
		font-size: 56px;
		max-width: 540px;
	}
	.mobile__header-left  {
		display: flex;

	}
	.item__title {
		max-width: 360px;
		font-size: 16px;
	}
	.blog__container {
		justify-content: flex-start;
	}
	.blog__item {
		height: 514px;
	}

	.form {
		height: 882px;
		padding: 0 110px;
	}
	.form::before {
		right: 0;
		left: 50%;
		top: 62%;
		transform: translate(-50%, -50%);
		min-width: 546px;
		height: 444px;
	}
	.form__container {
		display: block;
		width: 100%;
	}
	.form__text-block {
		width: 410px;
		margin: 0 auto;
		position: relative;

	}
	.form__text {
		position: relative;
		transform: none;
		top: 140px;
	}
	.form__text, .form__text h3 {
		text-align: center;
		margin: 0 auto;
	}
	.form__text .main-text {
		margin: 12px auto 0 auto;
	}
	.form__content {
		width: 100%;
		min-height: 434px;
	}
	.form__block {
		top: 90%;
	}
	.our_adresses__header {
		padding: 0 20px;
	}
	.our_adresses h3 {
		max-width: 680px !important;
	}
	.our_adresses__header p.main-text {
		max-width: 510px;
	}

	.footer__logo, .footer__logo img {
		width: 144px;
		height: 144px;
	}

	.footer__container-main {
		align-items: flex-start;
		gap: 70px;
	}
	.footer__logo {
		order: 1;
	}
	.footer__logo, .footer__logo img {
		width: 144px;
		height: 144px;
	}
	.footer__menu {
		order: 2;
		width: 100%;
	}
	.main-menu {
		flex-wrap: wrap;
		justify-content: flex-start;
		gap: 55px;
	}
	li.menu-item:nth-child(1) {
		width: 100%;
		text-align: left;
	}
	li.menu-item:nth-child(2) {
		width: 35%;
		text-align: left;
	}
	li.menu-item:nth-child(3) {
		width: 50%;
		text-align: left;
	}
	.footer__socials {
		order: 3;
		gap: 85px;
		position: absolute;
		right: 20px;
	}
	.footer__bottom-content {
		grid-template-columns: 25% 1fr 25%;
	}
	.btn__close-map svg {
		max-width: 20px;
	}
	.map-container {
		gap: 0px;
	}
	.sidebar-left {
		width: 37%;
	}
	.location-card {
		margin-bottom: 20px;
	}
	.location__email::before {
		background-size: 11px 8px;
	}
	.custom-zoom {
		right: 12px;
		top: 55px;
	}
	.zoom-btn {
		font-size: 24px;
	}
	.map__baloon h6 {
		font-size: 28px !important;
	}
	.map__baloon p {
		font-size: 14px !important;
	}
	.ymaps-2-1-79-balloon {
		box-shadow: none !important;
	}
	.bg-section h2 {
		margin-top: 120px;
		max-width: 85%;
	}
	h2 {
		font-size: 64px;
	}
	.main-title h3 {
		font-size: 56px;
		max-width: 655px;
	}
	.main-content__right {
		padding-left: 0;
	}
	.main__right-block {
		gap: 20px;
	}
	.main-content__sub-title {
		max-width: 570px;
	}
	.block__gbt-guided {
		min-height: 640px;
	}
	.block__gbt-guided h3, .block__gbt-guided .text-block {
		max-width: 640px;
	}
	.info__spec-block {
		bottom: 40px;
		left: 20px;
		right: 0;
		max-width: 455px;
		padding: 32px 70px 40px 32px;
	}
	.main__right-block, .main-content__sub-title {
		max-width: 640px;
	}
	.main-content__sub-title {
		font-size: 36px;
	}
	.block__eight-steps h3 {
		margin-bottom: 20px;
	}
	.block__eight-steps p {
		max-width: 80%;
	}
	.newSwiper .swiper-slide {
		display: flex;
		justify-content: center;
	}
	.newSwiper .buttons-after-slider {
		top: 45%;
		width: 100%;
		transform: translateY(-45%);
		display: flex;
		justify-content: space-between;
		align-items: center;
		left: 0;
		margin-top: 0px;
	}
	.steps__swiper-button-prev {
		position: absolute;
		left: 0;
	}
	.steps__swiper-button-next {
		position: absolute;
		right: 0;
	}
	.slide-image img {
		max-width: 190px;
	}
	.block__eight-steps {
		max-height: 700px;
	}
	.gigiena-aftermath {
		gap: 15px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.aftermath__info {
		padding-bottom: 15px;
	}
	.gigiena__main-block {
		display: flex;
		justify-content: space-between;
		gap: 25px;
	}
	.list li::before {
		top: 25%;
		transform: translateY(25%);
	}
	.gigiena__container {
		display: flex;
		flex-direction: column;
		width: 50%;
	}
	.gigiena__container .swiper-slide {
		max-width: 364px;
		max-height: 236px;
	}
	.blog__item {
		height: 385px;
	}
	.item__img {
		height: 250px;
	}
	.item__title {
		max-width: 250px;
	}
	.gallery-case__content {
		flex-direction: column;
		gap: 20px;
	}
	.gallery-case__info {
		margin-top: 0;
		order: 2;
	}
	.gallery-case__photos {
		order: 1;
		width: 100%;
	}
	.gallery-case__photo {
		width: 50% !important;
	}
	.case__text {
		max-width: 460px;
	}
	.gallery-case__info button {
		display: inline-block;
	}
	.gallery-case__info .btn-dark {
		height: 33px;
	}
	.articles__container {
		padding-left: 0;
		padding-right: 0;
	}
	.articles__container .main-title {
		padding: 0 20px;
	}
	.flex-block {
		flex-direction: column;
		gap: 30px;
	}
	.flex-block .main-title {
		width: 100%;
	}
	.flex-block .main-content__right {
		width: 95%;
	}
	.flex-block .main-content__right img {
		max-width: 90%;
	}
	.from-valley-to-top-block {
		padding-bottom: 30px;
	}
	.valle-de-ju-block .mini-title {
		font-size: 16px;
		max-width: 28%;
		padding-bottom: 12px;
	}
	.valle-de-ju-block .mini-content__text, .main__middle-text {
		max-width: 90%;
	}
	.flex-block .left-text {
		max-width: 80%;
	}
	.flex-block .content__right-img {
		max-height: 400px;
	}
	.template__hero-content {
		bottom: 60px;
	}
	/* БЛОГ */
	.blog-container {
		padding: 60px 20px 80px 20px;
	}
	.blog-grid {
		margin-top: 60px;
		grid-template-columns: repeat(2, 1fr);
	}
	a.blog-item-link {
		margin-bottom: 40px;
	}
	.blog-item__img {
		height: 300px;
	}
	.blog-item h4 {
		font-size: 16px;
	}
	.back-block {
		padding: 80px 0 20px 20px;
	}
	.detail-articles__container {
		padding: 0 0 80px 0;
	}
	.detail-articles__container .main-title {
		padding-left: 20px;
	}
	.article-bottom {
		margin-top: 40px;
		margin-left: 0;
		padding-top: 20px;
	}
	.article-bottom-top {
		margin-top: 80px;
	}
	/* ПОИСК */
	.search-t-box__content button {
		padding: 5px 30px;
		font-size: 14px;
	}
	.search-close {
		padding: 5px;
	}
	.search-results {
		max-width: 81%;
		margin-top: 30px;
	}
	.search-item__description,
	.search-t-box__content input::placeholder {
		font-size: 14px;
	}
	/* .container-six-grid-elem {
		display: grid;

	} */

	.moms-kids-guided__spec--desktop {
		display: none;
	}
	.moms-kids-guided__spec--mobile {
		display: block;
		padding: 20px 20px 20px 20px;
		margin-top: 50px;
    	width: 100%;
	}

}
@media (max-width: 920px) {
	.blog-item__img {
		height: 250px;
	}
	.articles {
		margin-top: 0px;
	}
}
@media (max-width: 768px) {
	.modal-content {
		width: 85%;
	}
	.articles {
		margin-top: 0px;
	}
	.modal-body {
		padding: 35px 20px;
	}
	header {
		padding: 8px 10px 0 10px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
	}
	.header__logo {
		position: static;
		left: auto;
		transform: none;
		order: 1;
		flex-shrink: 0;
	}
	.mobile__header-left {
		order: 2;
		flex-grow: 1;
		gap: 10px;
	}
	.mobile__header-left .mobile-btn {
		display: flex;
		align-items: center;
		justify-content: center;
		order: 2;
		flex-shrink: 0;
		padding: 8px 14px;
		font-size: 13px;
		white-space: nowrap;
	}
	.menu-open {
        order: 1;
        flex-shrink: 0;
        height: auto;
        width: auto;
        padding: 8px 14px;
        border-radius: 5px;
    }
	.header__right {
		order: 3;
		flex-shrink: 0;
	}
	.header__right .desktop-btn {
		display: none;
	}
	.slide-background__copy {
		position: absolute;
		top: 100px;
		left: 50%;
		width: 250px;
		height: 250px;
		z-index: 2;
		transform: translateX(-50%);
		border-radius: 50%;
		overflow: hidden;
		outline: 1px solid var(--milky-way);
		outline-offset: 12px;
	}
	/* .slide-background .slide-video {
		filter: blur(100px);
	} */



	.cookie-notice {
        bottom: 12px;
        left: 12px;
        right: 12px;
        padding: 14px 18px;
    }

    .cookie-notice__container {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .cookie-notice__btn {
        width: 100%;
        text-align: center;
    }


	.swiper__title {
		font-size: 46px;
	}
	.swiper__desc {
		max-width: 335px;
	}
	.hero .swiper-button-prev, .hero .swiper-button-next {
		top: 220px;
	}
	.articles {
		margin: 0px 0px 10px 0px;
	}
	.articles .swiper-wrapper {
		/*flex-direction: column !important;*/
	}
	.articles__title {
		width: 314px;
		min-width: 314px;
		max-width: 314px;
	}
	.articles .buttons-after-slider, .our_adresses .buttons-after-slider {
		display: none;
	}
	.blog {
		margin: 80px 0 80px;
	}
	h3 {
		font-size: 32px;
		max-width: 365px;
	}
	.blog__item {
		height: 360px;
	}
	.item__img {
		height: 250px;
	}
	.item__title {
		max-width: 90%;
	}
	.form {
		height: 784px;
		padding: 0;
		background: url('/local/templates/new_design/css/../img/form-back-mobile.png');
		background-repeat: no-repeat;
		background-size: cover;
	}
	.form::before {
		min-width: 335px;
		filter: blur(30px);
	}
	.form__text-block {
		width: 375px;
	}
	.form__block {
		width: 275px;
		top: 95%;
	}
	.form__agree input[type="checkbox"] {
		width: 25px;
		height: 20px;
	}
	.our_adresses {
		margin: 80px 0 80px 0;
	}
	.our_adresses h3 {
		max-width: 303px !important;
	}
	.our_adresses__header p.main-text {
		max-width: 320px;
	}
	.location-selector {
		flex-direction: column;
		gap: 40px;
		margin: 40px 10px 0px;
	}
	.our_adresses .btn__open-map {
		order: 1;
		width: 178px;
	}
	.our_adresses .custom-select-wrapper {
		order: 2;
		width: 100%;
	}
	.city-map-widget {
		margin: 0 20px 20px 20px;
	}
	footer {
		padding: 60px 10px 10px;
	}
	.footer__container-main {
		align-items: center;
		gap: 60px;
		flex-direction: column;
	}
	.main-menu {
		gap: 50px;
		justify-content: center;
	}
	li.menu-item:nth-child(1), li.menu-item:nth-child(2), li.menu-item:nth-child(3) {
		width: auto;
	}
	.footer__socials {
		order: 3;
		gap: 12px;
		position: relative;
		flex-direction: row;
	}
	.footer__social-icons {
		order: 2;
	}
	.our_adresses .btn__open-map {
		order: 1;
		width: auto;
	}
	.footer__container-bottom {
		margin-top: 40px;
		margin-bottom: 35px;
	}
	.footer__bottom-content {
		display: flex;
		flex-direction: column;
		text-align: center;
		gap: 20px;
	}
	.form__text-block {
		max-width: 350px;
	}
	.menu-logo {
		width: 100px;
		height: 100px;
		top: 30px;
		color: var(--milky-way);
	}
	header .main-menu {
		padding: 170px 30px 30px 30px;
	}
	.btn__close-map {
		width: auto;
	}
	.city-map-widget {
		margin: 0 10px 20px 10px;
	}
	.map-container {
		flex-direction: column;
	}
	.sidebar-left {
		width: 100%;
	}
	.search-box {
		padding: 30px 100px 20px 30px;
	}
	.locations-list {
		height: 260px;
		padding: 0 100px 0px 30px;
	}
	.city-map-widget:not(.hidden) {
		height: 767px;
	}
	.map__buttons .btn-light {
		padding: 6px 10px;
	}
	#map {
		display: flex;
		flex-direction: column;
		min-height: 450px;
	}
	.ymaps-2-1-79-map {
		max-height: 380px;
	}
	.map__buttons {
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: relative;
		order: 2;
		left: 0;
	}
	.bg-section h2 {
		font-size: 46px;
		margin-top: 130px;
		max-width: 90%;
	}
	.bg__template h2 {
		font-size: 32px;
	}
	.container {
		padding: 60px 10px;
	}
	.main-title h3 {
		font-size: 35px;
		max-width: 355px;
	}
	.main__right-block {
		padding-bottom: 30px;
	}
	.main-content__sub-title {
		font-size: 32px;
	}
	.main-content__sub-title {
		max-height: 675px;
	}
	.block__gbt-guided h3, .block__gbt-guided .text-block {
		max-width: 330px;
		font-size: 36px;
	}
	.block__gbt-guided .text-block p:nth-child(1) {
		padding: 15px 0 20px 0;
	}
	.info__spec-block {
		bottom: 60px;
		left: 50%;
		transform: translateX(-50%);
		width: 355px;
		padding: 25px 50px 25px 25px;
	}
	.img-container img, .main-content__sub-title, .case__text {
		max-width: 355px;
	}
	.img-container {
		font-size: 14px;
	}
	.block__eight-steps {
		max-height: 830px;
	}
	.newSwiper {
		padding-bottom: 60px;
	}
	.slider-line {
		top: 7%;
	}
	.newSwiper .swiper-slide {
		flex-direction: column;
	}
	.newSwiper .slide-content {
		order: 2;
		width: 90%;
	}
	.newSwiper .slide-content h4 {
		font-size: 32px;
	}
	.block__eight-steps p {
		max-width: 90%;
	}
	.slide-content p {
		font-size: 1em;
	}
	.newSwiper .buttons-after-slider {
		top: 30%;
		transform: translateY(-30%);
	}
	/* .aftermath__img {
		display: none;
	} */
	.aftermath__info {
		max-width: 100%;
		padding-top: 40px;
	}
	.gigiena__main-block {
		flex-direction: column;
	}
	.gigiena__container .swiper-slide {
		max-width: 354px;
		max-height: 248px;
	}
	.gigiena__container .swiper-content {
		left: 20px;
	}
	.aftermath__text {
		width: 400px;
	}
	.gallery-case__content {
		gap: 30px;
	}
	.gallery-case__photos {
		flex-direction: column;
	}
	.gallery-case__photo {
		width: 100% !important;
	}
	.flex-block .main-content__right {
		width: 100%;
	}
	.flex-block .main-content__right img {
		max-width: 100%;
	}
	.from-valley-to-top-block {
		padding-bottom: 20px;
	}
	.valle-de-ju-block .mini-title {
		max-width: 50%;
	}
	.template-container {
		padding: 60px 20px;
	}
	.flex-block .content__right-img {
		max-height: 245px;
	}
	.template__hero-content {
		bottom: 40px;
	}


	/* Для мам и детей */
	.margin-or-padding-or-gap__768 {
		gap: 0;
	}
	.moms-kids__spacer {
		margin-bottom: 50px;
	}
	.main-title .h3-width__768 {
		max-width: 100%;
	}
	.main-content__right .h3-width__768 {
		max-width: 75%;
		padding-top: 30px;
	}
	.moms-kids__no-padding {
		padding: 0 0px;
	}
	.moms-kids-cases__btn--hide-mobile {
        display: none;
    }
	/* .moms-kids-photos--four {
		width: 25%;
	} */

	.moms-kids-photos--four {
		grid-template-columns: repeat(2, 1fr);
		display: grid;
		width: 100%;
	}
}
@media (max-width: 666px) {
	.moms-kids--desktop {
		display: none;
	}
	.moms-kids--mobile {
		display: grid;
	}
}
@media (max-width: 650px) {
	.blog-container {
		padding: 50px 10px 80px 10px;
	}
	.blog-filter-select.mobile {
		display: block;
		width: 100%;
	}
	.blog-filter {
		display: none;
	}
	.blog-grid {
		margin-top: 30px;
		grid-template-columns: repeat(1, 1fr);
	}
	a.blog-item-link {
		margin-bottom: 30px;
	}
	.template-container-blog {
		padding: 40px 10px 80px 10px;
	}
	.template-block-blog {
		padding-bottom: 0px;
	}
	.articles {
		margin: 0px;
	}
	.article-bottom {
		margin-top: 0;
	}
	.article-bottom__contacts span {
		display: none;
	}
	/* ПОИСК */
	.search-top-box {
		min-height: 80px;
		padding-top: 20px;
	}

	.search-t-box__content {
		/*gap: 5px;*/
	}

	.search-t-box__content input {
		min-width: 150px;
	}
	.search-results {
		max-width: 95%;
		margin-top: 50px;
		margin-bottom: 200px;
	}
	.aftermath__text {
		width: 200px;
	}
	.gigiena__container {
		width: 100%;
	}
	.gigiena__container .swiper-slide {
		max-width: 100%;
	}
	.img-container img {
		max-width: 100%;
	}
	.flex-block .content__right-img {
		margin-bottom: 20px;
	}
}

@media (max-width: 570px) {
    .cookie-notice__link {
        margin-left: 0px;
    }
}

@media (max-width: 560px) {
	.blog__container {
		grid-template-columns: repeat(1, 1fr);
	}
	.container-six-grid-elem {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}
/* End */


/* Start:/local/templates/new_design/css/map.css?177867232843131*/
/* Стили для заголовка страницы */
      #header1 {
        display: flex;
        justify-content: space-between; /* Распределяет пространство между элементами */
        align-items: center; /* Центрирует элементы по вертикали */
        padding: 10px 20px; /* Добавляет отступы слева и справа */
        background-color: var(--milky-way);
        z-index: 1000;
      }
  
      /* Контейнер для левой части заголовка */
      .header-left {
        display: flex;
        align-items: center;
        gap: 20px; /* Расстояние между элементами слева */
      }
  
      /* Стили для блока авторизации */
      #auth-link {
        text-align: center;
  margin-top: 5px; /* Уменьшаем отступ сверху, чтобы ссылка располагалась ближе к карте */
  padding: 5px;
  font-size: 16px;
      }
  
      #auth-link a {
        color: var(--greyish);
        text-decoration: none;
        font-size: 16px;
        font-weight: 600;
      }
  
      #auth-link a:hover {
        text-decoration: underline;
      }
  
      #openCount {
        display: none;
      }
  
      #openNow {
        display: none;
      }
  
      /* Основной контейнер */
      #container1 {
        display: flex;
        flex: 1;
        position: relative;
        margin: 20px 20px 0 20px;
        gap: 30px;
      }
  
      /* Стили для боковой панели */
      #sidebar {
        width: 25%;
        padding: 10px 30px 30px 30px;
        background: var(--beige);
        overflow-y: auto;
        height: 800px;
      }
  
      #sidebar::-webkit-scrollbar {
        width: 10px;
      }
  
      #sidebar::-webkit-scrollbar-thumb {
        background-color: var(--greyish);
        border-radius: 5px;
      }
  
      /* Контейнер для карты */
      #map-container {
        position: relative;
        flex-grow: 1;
        height: 60vh; /* Обрезаем карту по высоте */
        width: 75%;
        z-index: 1;
        margin-bottom: 0; /* Убедитесь, что отступ снизу отсутствует */
      }
  
      /* Стили для кнопок фильтрации */
      #filterButtons {
        position: absolute;
        bottom: -20px;
        left: 20px; /* Сдвигаем фильтры в левый нижний угол */
        display: flex;
        gap: 10px; /* Отступы между кнопками */
        z-index: 1001; /* Увеличиваем z-index, чтобы кнопки были над картой */
      }
  
      /* Стили для кнопок */
      .filter-button {
        padding: 10px 20px;
        font-size: 14px;
        font-family: "Inter", sans-serif;
        border: 1px solid var(--greyish);
        border-radius: 5px;
        cursor: pointer;
        background-color: white;
        color: #343a40;
        position: relative;
        transition: color 0.3s ease, background-color 0.3s ease;
      }
  
      /* Изменение цвета текста при наведении */
      .filter-button:hover {
        color: var(--greyish);
      }
  
      /* Изменение цвета текста и фона при нажатии */
      .filter-button.active {
        color: white;
        background-color: var(--greyish);
      }
  
      /* Стили для tooltip */
      /* Tooltip, выровненный по правому нижнему углу кнопки */
      .filter-button-tooltip {
        position: absolute;
        bottom: -25px; /* Расположение ниже кнопки */
        right: -200px; /* Выравнивание по правому краю */
        width: 200px; /* Фиксированная ширина для всех tooltip */
        background-color: rgba(0, 0, 0, 0.75);
        color: white;
        padding: 5px 10px;
        border-radius: 5px;
        font-size: 9px;
        white-space: normal; /* Позволяет тексту переноситься */
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s;
        z-index: 100;
        text-align: center;
      }
  
      /* Показ tooltip при наведении */
      .filter-button:hover .filter-button-tooltip {
        opacity: 1;
      }
  
      /* Карта */
      #map {
        width: 100%;
        height: 100%;
       /*  filter: grayscale(25%);*/
      }
  
      #openCount {
        color: var(--greyish);
        font-weight: bold;
      }
    
      /* Стили для селектора города */
      .city-selector-container {
        border-bottom: solid 1px var(--greyish);
        position: relative;
        width: 250px;
        height: 50px;
        cursor: pointer;
        font-weight: 700;
        font-size: 14px;
      }
  
      .selected-city {
        padding: 0 40px 0 20px; /* Центрирование текста */
        color: var(--greyish);
        font-size: 14px;
        font-family: "Inter", sans-serif;
        display: flex;
        /* justify-content: center; */
        align-items: center;
        height: 100%;
        position: relative;
        text-align: center;
      }
  
      .selected-city::after {
        content: "▼"; /* Изначально стрелка вниз */
        font-size: 10px; /* Немного уменьшен размер стрелки */
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        color: var(--greyish);
        transition: transform 0.3s ease;
        width: 26px;
      }
  
      .city-selector-container.active .selected-city::after {
        content: "▲"; /* Изменение на стрелку вверх при открытии */
      }
  
      .city-options {
        list-style: none;
        padding: 0;
        margin: 0;
        max-height: 200px;
        overflow-y: auto;
        display: none;
        position: absolute;
        width: 100%;
        top: 100%;
        left: 0;
        background: var(--milky-way);
        z-index: 1000;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
      }
  
      .city-options li {
        padding: 11px 15px; /* Отступ сверху и снизу для каждого элемента списка */
        text-align: left; /* Выравнивание текста по левому краю */
        font-size: 14px;
        font-family: "Inter", Arial, Helvetica, sans-serif;
        cursor: pointer;
        color: #343a40;
        font-weight: 400;
      }
  
      .city-options li:last-child {
        border-bottom: none; /* Убираем бордер у последнего элемента */
      }
  
      .city-options li:hover {
        color: var(--greyish); /* Меняем цвет текста при наведении */
      }
  
      .city-options .active {
        font-weight: bold;
      }
  
      .city-options::-webkit-scrollbar {
        width: 10px;
      }
  
      .city-options::-webkit-scrollbar-thumb {
        background-color: var(--greyish);
        border-radius: 5px;
      }
  
      /* Стили для маркеров на карте */
      .marker-class {
        width: 23px;
        height: 32px;
        background-size: cover;
        cursor: pointer;
      }
  
      .marker-tooltip {
        position: absolute;
        background: white;
        padding: 5px;
        border: 1px solid #ddd;
        border-radius: 8px;
        font-size: 10px;
        white-space: nowrap;
        z-index: 1001;
        left: 100%; /* Сдвигаем tooltip вправо от метки */
        top: 100%; /* Сдвигаем tooltip вниз от метки */
        transform: translate(8px, 8px); /* Минимальное смещение, чтобы tooltip был близко к метке */
        pointer-events: none;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
        display: none;
      }
  
      /* Общий стиль для блока с клиниками */
      .clinic-item {
        padding: 10px;
        border-bottom: 1px solid var(--greyish);
        user-select: none;
        cursor: pointer;
        font-size: 14px; /* Общий размер текста */
        line-height: 1.4;
        position: relative;
        text-align: left;
        background: var(--beige);
        transition: background-color 0.3s ease, padding 0.3s ease;
      }
  
      .clinic-item strong {
        font-size: 19px; /* Увеличенный размер для названия клиники */
        font-weight: 700;
        color: var(--greyish);
      }
  
      .clinic-item .clinic-time {
        font-size: 13px; /* Уменьшенный размер для времени работы */
        color: #a6abbd; /* Серый цвет для времени работы */
        margin-top: 2px;
      }
  
      .clinic-item .clinic-address {
        font-size: 13px;
        color: var(--greyish);
      }
  
      .clinic-item .clinic-distance {
        font-size: 13px;
        color: #a6abbd;
        margin-top: 5px;
      }
  
      /* Подсветка блока красноватым цветом при наведении */
      .clinic-item:hover {
        /*background-color: #ffe5e5;*/ /* Красноватый цвет при наведении */
      }
  
      /* Стрелка, появляющаяся при наведении */
      .clinic-item::after {
        content: "";
        background-image: url("/local/templates/new_design/css/map-arrow.svg");
        background-size: contain;
        background-repeat: no-repeat;
        width: 15px;
        height: 15px;
        position: absolute;
        bottom: 10px; /* Отступ от нижнего края */
        right: 10px; /* Отступ от правого края */
        display: none; /* По умолчанию скрыта */
        transition: opacity 0.3s ease;
      }
  
      /* Отображение стрелки при наведении */
      .clinic-item:hover::after {
        display: block;
        opacity: 1;
      }
  
      /* Дополнительная информация (при раскрытии блока) */
      .clinic-info {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease-out; /* Плавное раскрытие */
      }
  
      .clinic-info a {
        display: block;
        color: var(--greyish);
        text-decoration: none;
        margin-bottom: 5px;
        font-size: 13px; /* Уменьшенный размер текста для почты, телефона и сайта */
      }
  
      .clinic-info i {
        margin-right: 8px;
        font-size: 13px; /* Уменьшенный размер иконок */
        color: var(--greyish);
      }
  
      .clinic-item.expanded .clinic-info {
        max-height: 500px; /* Достаточно большое значение для отображения всего содержимого */
        transition: max-height 0.3s ease-in;
      }

      .search-clinic__title {
            text-align: center;
            margin-top: 75px;
            font-size: 40px;
            line-height: 1.2;
            font-weight: 500;
            font-family: Philosopher, Arial, Helvetica, sans-serif;
            color: #c60000;
            text-transform: uppercase;
            letter-spacing: 0.011em;
      }
  
      /* Стили для попапов */
      /* Стили для попапов: панель только внутри оверлея (перебивает глобальные конфликты по .popup-start) */
      .popup-overlay > .popup-start,
      .popup-start-overlay > .popup-start,
      .popup-overlay > .popup-basic,
      .popup-overlay > .popup-advanced {
        position: relative;
        box-sizing: border-box;
        display: block;
        width: min(900px, calc(100vw - 32px));
        max-width: 100%;
        margin: 0;
        flex: 0 1 auto;
        align-self: center;
        max-height: 90vh;
        overflow-y: auto;
        font-family: "Inter", sans-serif;
        border-radius: 20px;
      }

      .popup-start {
        background: var(--milky-way);
        border: 1px solid var(--milky-way);
        padding: 15px;
        border-radius: 8px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
      }
  
      /* Анимация появления */
      @keyframes popup-appearance {
        from {
          opacity: 0;
          transform: scale(0.95);
        }
        to {
          opacity: 1;
          transform: scale(1);
        }
      }
  
      /* Стилизация скролла внутри попапа */
      .popup-start::-webkit-scrollbar,
      .popup-basic::-webkit-scrollbar,
      .popup-advanced::-webkit-scrollbar {
        width: 6px;
      }
  
      .popup-start::-webkit-scrollbar-thumb,
      .popup-basic::-webkit-scrollbar-thumb,
      .popup-advanced::-webkit-scrollbar-thumb {
        background-color: var(--greyish);
        border-radius: 4px;
        min-height: 20px;
      }
  
      /* Контент внутри попапа */
      .popup-start .popup-content {
        white-space: normal;
        color: #333;
        font-size: 14px;
        line-height: 1.6;
      }
  
      /* Линия между секциями */
      .popup-start .section-divider {
        border-top: 1px solid #ddd;
        margin: 15px 0;
      }
  
      /* Кнопка закрытия */
      .popup-start .popup-close {
        position: absolute;
        top: 10px;
        right: 10px;
        background: transparent;
        border: none;
        color: var(--greyish);
        font-size: 20px;
        cursor: pointer;
        transition: color 0.3s ease;
      }
  
      .popup-start .popup-close:hover {
        color: var(--greyish);
      }
  
      /* Видео */
      /* Видео во всех попапах: ширина под модалку, высота по 16:9 */
      .popup-start iframe,
      .popup-basic iframe,
      .popup-advanced iframe {
        width: 100%;
        max-width: 100%;
        aspect-ratio: 16 / 9;
        height: auto;
        border: 0;
        margin-bottom: 15px;
        border-radius: 8px;
        display: block;
      }

  
      /* Врачи */
      .popup-content .doctor-container {
        display: flex;
        flex-direction: column; /* Выровнены по вертикали */
        align-items: flex-start;
        margin-bottom: 15px;
      }
  
      .popup-content .doctor {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
      }
  
      .popup-content .doctor img {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        object-fit: cover;
        margin-right: 10px; /* Отступ справа для имени */
      }
  
      .popup-content .doctor-name {
        font-size: 14px;
      }
  
      /* Контактные данные */
      .popup-content .contacts {
        margin-top: 10px;
      }
  
      .popup-content .contacts a {
        color: var(--greyish);
        text-decoration: none;
        display: flex;
        align-items: center;
        margin-bottom: 5px;
        font-size: 14px;
      }
  
      .popup-content .contacts a i {
        margin-right: 5px;
        font-size: 16px;
      }

      /* Заголовки всех попапов — как у popup-advanced (Inter, кегли, цвет) */
      .popup-start .popup-content > strong:first-of-type,
      .popup-basic .clinic-name,
      .popup-advanced .clinic-name {
        font-family: "Inter", sans-serif;
        font-size: 24px;
        font-weight: 700;
        line-height: 1.25;
        color: var(--greyish);
        margin: 0 0 10px;
        padding-right: 2rem;
        text-align: left;
        display: block;
      }

      .popup-basic .clinic-name strong {
        font-size: inherit;
        font-weight: inherit;
      }

      .popup-content .doctor-section-title,
      .popup-content .contacts-section-title,
      .popup-basic .clinic-subtitle,
      .popup-advanced .clinic-subtitle {
        font-family: "Inter", sans-serif;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.3;
        color: var(--greyish);
        margin-bottom: 10px;
        text-align: left;
      }
  
      /* Основные стили для popup-basic */
      .popup-basic {
        background: var(--milky-way);
        border: 1px solid var(--milky-way);
        padding: 15px;
        border-radius: 8px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
      }
      
      /* Затемнение фона для popup-basic */
      .popup-overlay,
      .popup-start-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        max-width: 100vw;
        max-height: 100vh;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 16px;
        overflow-y: auto;
        overflow-x: hidden;
        background-color: rgba(0, 0, 0, 0.7);
        z-index: 2147483000;
        isolation: isolate;
      }
  
      /* Кнопка закрытия попапа */
      .popup-close {
        position: absolute;
        top: 10px;
        right: 10px;
        background: none;
        border: none;
        color: var(--greyish);
        font-size: 24px;
        cursor: pointer;
        z-index: 100003;
      }
  
      .popup-close:hover {
        color: #ff1a1a;
      }
  
      /* Описание клиники */
      .popup-advanced .clinic-description {
        font-size: 16px;
        margin-bottom: 15px;
        color: #333;
      }
  
      /* Разделительная линия между блоками */
      .section-divider {
        border-top: 1px solid #ddd;
        margin: 15px 0;
      }
  
      /* Подзаголовки для разделов: Врачи, Контактная информация и Оставить заявку */
      .popup-advanced .clinic-subtitle {
        font-size: 18px;
        font-weight: bold;
        color: var(--greyish);
        margin-bottom: 10px;
        text-align: left;
      }
  
      /* Стили для контейнера с врачами */
      .doctors-container {
        display: flex;
        flex-direction: column;
        gap: 15px;
        margin-bottom: 15px;
      }
  
      /* Врач */
      .doctor {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
      }
  
      /* Фото врача */
      .doctor-photo {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        object-fit: cover;
        margin-right: 10px;
      }
  
      /* Имя врача */
      .doctor-name {
        font-size: 16px;
        color: #333;
      }
  
      /* Ссылки для контактов (телефон, email, сайт) */
      .popup-links {
        display: flex;
        flex-direction: column;
        gap: 5px;
        margin-bottom: 15px;
      }
  
      /* Контактные ссылки (с иконками) */
      .popup-link {
        display: flex;
        align-items: center;
        font-size: 16px;
        color: var(--greyish);
        text-decoration: none;
        font-weight: 400;
      }
  
      .popup-link i {
        margin-right: 8px;
        font-size: 18px;
      }
  
      /* Форма заявки */
      #requestFormPopup {
        margin-top: 10px;
      }
  
      #requestForm label {
        display: block;
        font-weight: bold;
        margin-bottom: 5px;
        font-size: 14px;
        color: #333;
      }
  
      #requestForm input[type="text"] {
        width: 100%;
        padding: 10px;
        margin-bottom: 10px;
        border: 1px solid #ddd;
        border-radius: 5px;
        font-size: 14px;
      }
  
      /* Кнопка отправки заявки */
      .button-style {
        background-color: var(--greyish);
        color: #fff;
        padding: 10px 20px;
        border: none;
        border-radius: 5px;
        font-size: 16px;
        cursor: pointer;
        transition: background-color 0.3s ease;
      }
  
      .button-style:hover {
        background-color: #e04444;
      }
  
      /* Кнопка закрытия попапа */
      .popup-close {
        position: absolute;
        top: 10px;
        right: 10px;
        background: none;
        border: none;
        color: var(--greyish);
        font-size: 24px;
        cursor: pointer;
        z-index: 100003;
      }
  
      .popup-close:hover {
        color: #ff1a1a;
      }
  
      /* Описание клиники */
      .popup-advanced .clinic-description {
        font-size: 16px;
        margin-bottom: 15px;
        color: #333;
      }
  
      /* Разделительная линия между блоками */
      .section-divider {
        border-top: 1px solid #ddd;
        margin: 15px 0;
      }
  
      /* Стили для контейнера с врачами */
      .doctors-container {
        display: flex;
        flex-direction: column;
        gap: 15px;
        margin-bottom: 15px;
      }
  
      /* Врач */
      .doctor {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
      }
  
      /* Фото врача */
      .doctor-photo {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        object-fit: cover;
        margin-right: 10px;
      }
  
      /* Имя врача */
      .doctor-name {
        font-size: 16px;
        color: #333;
      }
  
      /* Ссылки для контактов (телефон, email, сайт) */
      .popup-links {
        display: flex;
        flex-direction: column;
        gap: 5px;
        margin-bottom: 15px;
      }
  
      /* Контактные ссылки (с иконками) */
      .popup-link {
        display: flex;
        align-items: center;
        font-size: 16px;
        color: var(--greyish);
        text-decoration: none;
        font-weight: 400;
      }
  
      .popup-link i {
        margin-right: 8px;
        font-size: 18px;
      }
  
      /* Форма заявки */
      #requestFormPopup {
        margin-top: 10px;
      }
  
      #requestForm label {
        display: block;
        font-weight: bold;
        margin-bottom: 5px;
        font-size: 14px;
        color: #333;
      }
  
      #requestForm input[type="text"] {
        width: 100%;
        padding: 10px;
        margin-bottom: 10px;
        border: 1px solid #ddd;
        border-radius: 5px;
        font-size: 14px;
      }
  
      /* Кнопка отправки заявки */
      .button-style {
        background-color: var(--greyish);
        color: #fff !important;
        padding: 10px 20px;
        border: none;
        border-radius: 5px;
        font-size: 16px;
        cursor: pointer;
        transition: background-color 0.3s ease;
      }
  
      .button-style:hover {
        background-color: #e04444;
      }

  
      .popup-advanced .contacts a {
        color: var(--greyish); /* Красный цвет для текста */
        text-decoration: none; /* Убираем подчеркивание */
        display: inline-flex; /* Используем inline-flex для выравнивания */
        align-items: center; /* Центрируем элементы по вертикали */
        gap: 8px; /* Отступ между иконкой и текстом */
        margin-bottom: 5px; /* Отступ между ссылками */
        font-size: 14px; /* Размер текста */
      }
  
      .popup-advanced .contacts a i {
        font-size: 16px; /* Размер иконки */
        color: var(--greyish); /* Красный цвет иконок */
      }
  
      /* Основной контейнер попапа */
      .popup-advanced {
        background: var(--milky-way);
        border: 1px solid var(--milky-way);
        padding: 15px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
      }
  
      /* Стили для поисковика клиник */
      #search-container {
        width: 100%;
        margin: 10px 0;
        position: relative;
      }
  
      #search-bar {
        width: 100%;
        padding: 10px;
        border-bottom: solid 1px var(--greyish);
      }
  
      #search-container button {
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
        background: none;
        border: none;
      }
  
      #search-container button svg {
        /* fill: #aaa; */
      }
  
      #search-container button:hover svg {
        fill: #333;
      }
  
      /* Стили для авторизации */
      #auth-link {
        text-align: center;
  margin-top: 5px; /* Уменьшаем отступ сверху, чтобы ссылка располагалась ближе к карте */
  padding: 5px;
  font-size: 16px;
      }
  
      #auth-link a {
        color: var(--greyish);
        text-decoration: none;
        font-size: 16px;
        font-weight: 600;
      }
  
      #auth-link a:hover {
        text-decoration: underline;
      }

      @media (min-width: 1920px) {
          #filterButtons{
              bottom: -230px;
          }
      }

      @media (min-width: 1700px) and (max-width: 1919px){
          #filterButtons{
              bottom: -280px;
          }
      }
  
      /* Медиа-запросы для адаптации */
      @media (max-width: 1700px) {
          #sidebar{
            height: 550px;
      }

      @media (max-width: 1024px) {
        #filterButtons {
          position: absolute;
          left: 80px;
          transform: translateX(-50%);
          display: flex;
          flex-direction: column;
          gap: 10px;
        }
  
        /* Если кнопки кажутся слишком большими, можно уменьшить их размеры */
        .filter-button {
          padding: 8px 15px; /* Уменьшение padding для кнопок */
          font-size: 14px; /* Уменьшение шрифта */
        }
      }
  
      /* Стили для мобильных устройств */
      @media (max-width: 767.98px) {
        #container1 {
          display: flex;
          flex-direction: column;
          gap: 60px;
        }
  
        #map-container {
          order: 1; /* Перемещаем карту вверх */
          height: 50vh; /* Уменьшаем высоту карты */
          width: auto;
          box-sizing: border-box; /* Учитываем отступы в общей ширине и высоте */
        }
  
        #sidebar {
          order: 2; /* Перемещаем список клиник вниз */
          width: auto;
          padding: 10px;
          background: var(--beige);
          height: 300px; /* Ограничиваем высоту списка клиник */
          overflow-y: auto;
        }
  
        #filterButtons {
          bottom: -5px;
         /* display: none; *//* Скрываем кнопки фильтров на мобильных устройствах */
        }
  
        #clinicList {
          margin-top: 15px; /* Отступ сверху между картой и списком клиник */
          padding: 10px; /* Внутренние отступы для списка клиник */
        }
  
        #search-container {
          margin-top: 10px; /* Отступ сверху для поисковика */
        }
  
        #header1 {
          align-items: flex-start;
        }
  
        .header-left {
          flex-direction: column;
          gap: 10px;
        }
  
        #auth-link {
          align-self: flex-end;
          margin-top: 10px;
        }
      }
  
      /* Кнопки для формы в popup advanced */
      .button-style {
        background-color: var(--greyish);
        color: var(--greyish);
        padding: 10px 20px;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        font-size: 14px;
        text-align: center;
        display: inline-block;
        margin-top: 15px;
      }
  
      .button-style:hover {
        background-color: #e04444;
      }
  
      /* Стили для полей ввода в форме */
      #requestForm {
        display: flex;
        flex-direction: column;
        align-items: flex-start; /* Выравнивание текста слева */
      }
  
      .form-group {
        display: flex;
        flex-direction: column;
        margin-bottom: 15px;
      }
  
      .form-group label {
        font-weight: bold;
        margin-bottom: 5px;
        font-size: 14px;
      }
  
      #requestForm input[type="text"] {
        padding: 10px;
        border-radius: 5px;
        border: 1px solid #ccc;
        width: 75%; /* Растягиваем поле на всю ширину контейнера */
        background-color: #ffffff;
      }
  
      /* Кнопка отправки */
      #requestForm button {
        align-self: flex-start; /* Выравнивание кнопки по левому краю */
        padding: 10px 20px;
        border-radius: 5px;
        background-color: var(--greyish);
        color: #fff;
        border: none;
        cursor: pointer;
        font-size: 14px;
        margin-top: 15px;
      }
  
      #requestForm button:hover {
        background-color: #e04444;
      }
  
      /* Попап для мобильных устройств */
      @media (max-width: 767.98px) {
        .popup-overlay > .popup-start,
        .popup-start-overlay > .popup-start,
        .popup-overlay > .popup-basic,
        .popup-overlay > .popup-advanced {
          width: min(100%, calc(100vw - 24px));
          max-width: 100%;
          padding: 8px 10px;
          max-height: 90vh;
          box-sizing: border-box;
        }
        .popup-start .popup-content > strong:first-of-type,
        .popup-basic .clinic-name,
        .popup-advanced .clinic-name {
          font-size: 20px;
          line-height: 1.3;
          padding-right: 1.75rem;
        }

        .popup-start .doctor-section-title,
        .popup-start .contacts-section-title,
        .popup-basic .clinic-subtitle,
        .popup-advanced .clinic-subtitle {
          font-size: 16px;
        }

        .popup-basic .clinic-photo-in-popup,
        .popup-basic .clinic-photos-in-popup img {
          max-width: 100%;
          height: auto;
        }
      }



.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1060;

    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;

    outline: 0;
}

.modal-dialog {
    position: relative;

    width: auto;
    margin: 0.5rem;

    pointer-events: none;
}

.modal.fade .modal-dialog {
    transform: translate(0, -50px);

    transition: transform 0.3s ease-out;
}

@media (prefers-reduced-motion: reduce) {
}

.modal.show .modal-dialog {
    transform: none;
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02);
}

.modal-dialog-scrollable {
    height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden;
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem);
}

.modal-content {
    position: relative;

    display: flex;
    flex-direction: column;
    width: 100%;

    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;

    pointer-events: auto;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: var(--greyish);
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.show {
    opacity: 0.5;
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;

    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

.modal-header .btn-close {
    margin: -0.5rem -0.5rem -0.5rem auto;
    padding: 0.5rem;
}

.modal-title {
    margin-bottom: 0;

    line-height: 1.5;
}

.modal-body {
    position: relative;

    flex: 1 1 auto;
    padding: 1rem;
}

.modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    padding: 0.75rem;

    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px);
}

.modal-footer > * {
    margin: 0.25rem;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }

    .modal-dialog-scrollable {
        height: calc(100% - 3.5rem);
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }

    .modal-sm {
        max-width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px;
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px;
    }
}

@media (min-width: 1180px) and (max-width: 1700px) {
     #container1{
        margin: 20px 80px 0 80px;
     }
     #header1{
        padding: 10px 80px;
     }
     #filterButtons{
        bottom: -20px;
     }
}


@media (min-width: 768px) and (max-width: 1180px)  {
    #container1  {
        gap: 0px;
    }
    #sidebar{
      width: 38%;
    }
    #map-container{
      width: 62%;
    }
    #filterButtons{
      bottom: -20px;
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
}

.modal-fullscreen .modal-content {
    height: 100%;

    border: 0;
    border-radius: 0;
}

.modal-fullscreen .modal-header {
    border-radius: 0;
}

.modal-fullscreen .modal-body {
    overflow-y: auto;
}

.modal-fullscreen .modal-footer {
    border-radius: 0;
}

@media (max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    .modal-fullscreen-sm-down .modal-content {
        height: 100%;

        border: 0;
        border-radius: 0;
    }

    .modal-fullscreen-sm-down .modal-header {
        border-radius: 0;
    }

    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto;
    }

    .modal-fullscreen-sm-down .modal-footer {
        border-radius: 0;
    }
}

@media (max-width: 767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    .modal-fullscreen-md-down .modal-content {
        height: 100%;

        border: 0;
        border-radius: 0;
    }

    .modal-fullscreen-md-down .modal-header {
        border-radius: 0;
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto;
    }

    .modal-fullscreen-md-down .modal-footer {
        border-radius: 0;
    }
}

@media (max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    .modal-fullscreen-lg-down .modal-content {
        height: 100%;

        border: 0;
        border-radius: 0;
    }

    .modal-fullscreen-lg-down .modal-header {
        border-radius: 0;
    }

    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto;
    }

    .modal-fullscreen-lg-down .modal-footer {
        border-radius: 0;
    }
}

@media (max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    .modal-fullscreen-xl-down .modal-content {
        height: 100%;

        border: 0;
        border-radius: 0;
    }

    .modal-fullscreen-xl-down .modal-header {
        border-radius: 0;
    }

    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto;
    }

    .modal-fullscreen-xl-down .modal-footer {
        border-radius: 0;
    }
}

@media (max-width: 1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;

        border: 0;
        border-radius: 0;
    }

    .modal-fullscreen-xxl-down .modal-header {
        border-radius: 0;
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto;
    }

    .modal-fullscreen-xxl-down .modal-footer {
        border-radius: 0;
    }
}

.nav {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
    padding-left: 0;

    list-style: none;
}

.nav-link {
    display: block;
    padding: 0.5rem 1rem;

    color: #0d6efd;
    text-decoration: none;

    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }

    .nav-link {
        transition: none;
    }
}

.nav-link:focus,
.nav-link:hover {
    color: #0a58ca;
}

.nav-link.disabled {
    color: #6c757d;

    cursor: default;

    pointer-events: none;
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-link {
    margin-bottom: -1px;

    background: 0 0;
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6;

    isolation: isolate;
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;

    background-color: transparent;
    border-color: transparent;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;

    background-color: #ffffff;
    border-color: #dee2e6 #dee2e6 #ffffff;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;

    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: 0.25rem;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #ffffff;

    background-color: #0d6efd;
}

.nav-fill .nav-item,
.nav-fill > .nav-link {
    flex: 1 1 auto;

    text-align: center;
}

.nav-justified .nav-item,
.nav-justified > .nav-link {
    flex-grow: 1;
    flex-basis: 0;

    text-align: center;
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
    width: 100%;
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.accordion-button {
    position: relative;

    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;

    font-size: 1rem;
    text-align: left;
    color: #212529;

    background-color: #ffffff;
    border: 0;
    border-radius: 0;

    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s;

    overflow-anchor: none;
}

@media (prefers-reduced-motion: reduce) {
}

.accordion-button:not(.collapsed) {
    color: #0c63e4;

    background-color: #e7f1ff;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}

.accordion-button::after {
    content: "";

    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;

    transition: transform 0.2s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button {
        transition: none;
    }

    .accordion-button::after {
        transition: none;
    }
}

.accordion-button:hover {
    z-index: 2;
}

.accordion-button:focus {
    z-index: 3;

    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.accordion-header {
    margin-bottom: 0;
}

.accordion-item {
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

.accordion-item:first-of-type {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.accordion-item:not(:first-of-type) {
    border-top: 0;
}

.accordion-item:last-of-type {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}

.accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.accordion-body {
    padding: 1rem 1.25rem;
}

.accordion-flush .accordion-collapse {
    border-width: 0;
}

.accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

.accordion-flush .accordion-item:first-child {
    border-top: 0;
}

.accordion-flush .accordion-item:last-child {
    border-bottom: 0;
}

.accordion-flush .accordion-item .accordion-button {
    border-radius: 0;
}

.fade {
    transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none;
    }
}

.fade:not(.show) {
    opacity: 0;
}

.collapse:not(.show) {
    display: none;
}

.collapsing {
    height: 0;
    overflow: hidden;

    transition: height 0.35s;
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none;
    }
}

@media (max-width: 500px) {
  .city-selector-container{
    width: 130px;
  }
}

.map__baloon {
	padding: 18px 20px;
	display: none;
	z-index: 1001;
	pointer-events: none;
	position: absolute;
  transform: translate(-45%, -105%);
}
/* End */


/* Start:/local/templates/new_design/components/bitrix/menu/top_menu_new/style.min.css?1764589406490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/new_design/components/bitrix/menu/top_menu_new/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/new_design/components/bitrix/search.page/top_search/style.css?1765970472163*/
a.search-page-params {
	border-bottom: 1px dashed blue;
	text-decoration: none;
}
div.search-page-params {
	margin-top: 6px;
}
.search-item-rate {font-size: 11px;}
/* End */
/* /local/templates/new_design/css/swiper-bundle.min.css?176553053813918 */
/* /local/templates/new_design/css/animate.min.css?176553053871750 */
/* /local/templates/new_design/css/global.css?17658741274191 */
/* /local/templates/new_design/css/template.css?17661352861700 */
/* /local/templates/new_design/css/index.css?178825805950665 */
/* /local/templates/new_design/css/adaptive.css?178755599125495 */
/* /local/templates/new_design/css/map.css?177867232843131 */
/* /local/templates/new_design/components/bitrix/menu/top_menu_new/style.min.css?1764589406490 */
/* /local/templates/new_design/components/bitrix/search.page/top_search/style.css?1765970472163 */
