/* Start:/local/templates/ikc.gatchina/css/fancybox.min.css?173926240424699*/ :root{--f-spinner-width:36px;--f-spinner-height:36px;--f-spinner-color-1:rgba(0,0,0,.1);--f-spinner-color-2:rgba(17,24,28,.8);--f-spinner-stroke:2.75}.f-spinner{height:var(--f-spinner-height);margin:auto;padding:0;width:var(--f-spinner-width)}.f-spinner svg{animation:f-spinner-rotate 2s linear infinite;height:100%;vertical-align:top;width:100%}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg :first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg :last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{to{transform:rotate(1turn)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:f-throwOutUp .175s ease-out both}.f-throwOutDown{animation:f-throwOutDown .175s ease-out both}@keyframes f-throwOutUp{to{opacity:0;transform:translate3d(0,-150px,0)}}@keyframes f-throwOutDown{to{opacity:0;transform:translate3d(0,150px,0)}}.f-zoomInUp{animation:var(--f-transition-duration,.2s) ease-out .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration,.2s) ease-out both f-zoomOutDown}@keyframes f-zoomInUp{0%{opacity:0;transform:scale(.975) translate3d(0,16px,0)}to{opacity:1;transform:scale(1) translateZ(0)}}@keyframes f-zoomOutDown{to{opacity:0;transform:scale(.975) translate3d(0,16px,0)}}.f-fadeIn{animation:var(--f-transition-duration,.2s) ease both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration,.2s) ease both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration,.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration,.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeSlowOut{to{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration,.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration,.2s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}to{opacity:1}}@keyframes f-fadeFastOut{to{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration,.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, .2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}to{transform:translateZ(0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}to{transform:translateZ(0)}}@keyframes f-slideOutNext{to{transform:translateX(-100%)}}@keyframes f-slideOutPrev{to{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{opacity:0;transform:translateX(-75px)}to{opacity:1;transform:translateZ(0)}}@keyframes f-classicInPrev{0%{opacity:0;transform:translateX(75px)}to{opacity:1;transform:translateZ(0)}}@keyframes f-classicOutNext{to{opacity:0;transform:translateX(-75px)}}@keyframes f-classicOutPrev{to{opacity:0;transform:translateX(75px)}}:root{--f-button-width:40px;--f-button-height:40px;--f-button-border:0;--f-button-border-radius:0;--f-button-color:#374151;--f-button-bg:#f8f8f8;--f-button-hover-bg:#e0e0e0;--f-button-active-bg:#d0d0d0;--f-button-shadow:none;--f-button-transition:all 0.15s ease;--f-button-transform:none;--f-button-svg-width:20px;--f-button-svg-height:20px;--f-button-svg-stroke-width:1.5;--f-button-svg-fill:none;--f-button-svg-filter:none;--f-button-svg-disabled-opacity:0.65}.f-button{align-items:center;background:var(--f-button-bg);border:var(--f-button-border);border-radius:var(--f-button-border-radius);box-shadow:none;box-sizing:content-box;color:var(--f-button-color);cursor:pointer;display:flex;height:var(--f-button-height);justify-content:center;margin:0;padding:0;pointer-events:all;position:relative;transition:var(--f-button-transition);width:var(--f-button-width)}@media (hover:hover){.f-button:hover:not([disabled]){background-color:var(--f-button-hover-bg);color:var(--f-button-hover-color)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{box-shadow:inset 0 0 0 var(--f-button-outline,2px) var(--f-button-outline-color,var(--f-button-color));outline:none}.f-button svg{fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;filter:var(--f-button-svg-filter);height:var(--f-button-svg-height);pointer-events:none;transform:var(--f-button-transform);transition:opacity .15s ease;width:var(--f-button-svg-width)}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-next,.f-carousel__nav .f-button.is-prev,.fancybox__nav .f-button.is-next,.fancybox__nav .f-button.is-prev{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{left:var(--f-button-prev-pos);right:auto}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev{left:50%;top:auto;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg{transform:rotate(90deg)}html.with-fancybox{overflow:visible;scroll-behavior:auto;width:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden!important;overscroll-behavior-y:none;width:auto}.fancybox__container{--fancybox-color:#dbdbdb;--fancybox-hover-color:#fff;--fancybox-bg:rgba(24,24,27,.98);--fancybox-slide-gap:10px;--f-spinner-width:50px;--f-spinner-height:50px;--f-spinner-color-1:hsla(0,0%,100%,.1);--f-spinner-color-2:#bbb;--f-spinner-stroke:3.65;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;text-size-adjust:100%;bottom:0;box-sizing:border-box;color:#f8f8f8;direction:ltr;display:flex;flex-direction:column;left:0;margin:0;outline:none;overflow:visible;overscroll-behavior-y:contain;padding:0;position:fixed;right:0;top:0;transform-origin:top left;z-index:var(--fancybox-zIndex,1050)}.fancybox__container *,.fancybox__container :after,.fancybox__container :before{box-sizing:inherit}.fancybox__backdrop{background:var(--fancybox-bg);bottom:0;left:0;opacity:var(--fancybox-opacity,1);position:fixed;right:0;top:0;will-change:opacity;z-index:-1}.fancybox__carousel{box-sizing:border-box;flex:1;min-height:0;overflow-x:clip;overflow-y:visible;position:relative;z-index:10}.fancybox__viewport{height:100%;width:100%}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__track{display:flex;height:100%;margin:0 auto}.fancybox__slide{align-items:center;backface-visibility:hidden;display:flex;flex:0 0 auto;flex-direction:column;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;overflow:auto;padding:4px;position:relative;transform:translateZ(0);width:100%}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-html5video,.fancybox__slide.has-iframe,.fancybox__slide.has-image,.fancybox__slide.has-video{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide:after,.fancybox__slide:before{content:"";flex:0 0 0;margin:auto}.fancybox__content{align-self:center;background:var(--fancybox-content-bg,#fff);border-radius:0;color:var(--fancybox-content-color,#374151);cursor:default;display:flex;flex-direction:column;margin:0;max-width:100%;padding:2px;position:relative;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [contenteditable],.fancybox__content [data-selectable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{backface-visibility:hidden;background:transparent;background-position:50%;background-repeat:no-repeat;background-size:contain;min-height:1px;padding:0;transform:translateZ(0);transition:none}.fancybox__slide.has-image>.fancybox__content>picture>img{height:auto;max-height:100%;width:100%}.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content,.is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content{visibility:hidden}.is-animating .fancybox__content,.is-dragging .fancybox__content{filter:blur(0);will-change:transform,width,height}.fancybox-image{display:block;height:100%;margin:auto;min-height:0;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.fancybox__caption{align-self:center;color:var(--fancybox-color,currentColor);cursor:auto;flex-shrink:0;line-height:1.375;margin:0;max-width:100%;opacity:var(--fancybox-opacity,1);overflow-wrap:anywhere;padding:14px 0 4px;visibility:visible}.is-closing .fancybox__caption,.is-loading .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width:2;position:absolute;right:8px;top:0;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width:34px;--f-button-height:34px;--f-button-border-radius:4px;--f-button-color:var(--fancybox-color,#fff);--f-button-hover-color:var(--fancybox-color,#fff);--f-button-bg:transparent;--f-button-hover-bg:transparent;--f-button-active-bg:transparent;--f-button-svg-width:22px;--f-button-svg-height:22px;opacity:.75;position:absolute;right:0;top:-38px}.is-loading .fancybox__content>.f-button.is-close-btn,.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{margin:0;padding:0;position:relative}.fancybox__footer .fancybox__caption{opacity:var(--fancybox-opacity,1);padding:24px;transition:all .25s ease;width:100%}.is-compact .fancybox__footer{background:rgba(24,24,27,.5);bottom:0;left:0;position:absolute;right:0;z-index:20}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius:50%;--f-button-color:#fff;--f-button-hover-color:#fff;--f-button-outline-color:#000;--f-button-bg:rgba(0,0,0,.6);--f-button-active-bg:rgba(0,0,0,.6);--f-button-hover-bg:rgba(0,0,0,.6);--f-button-svg-width:18px;--f-button-svg-height:18px;--f-button-svg-filter:none;right:5px;top:5px}.fancybox__nav{--f-button-width:50px;--f-button-height:50px;--f-button-border:0;--f-button-border-radius:50%;--f-button-color:var(--fancybox-color);--f-button-hover-color:var(--fancybox-hover-color);--f-button-bg:transparent;--f-button-hover-bg:rgba(24,24,27,.3);--f-button-active-bg:rgba(24,24,27,.5);--f-button-shadow:none;--f-button-transition:all 0.15s ease;--f-button-transform:none;--f-button-svg-width:26px;--f-button-svg-height:26px;--f-button-svg-stroke-width:2.5;--f-button-svg-fill:none;--f-button-svg-filter:drop-shadow(1px 1px 1px rgba(24,24,27,.5));--f-button-svg-disabled-opacity:0.65;--f-button-next-pos:1px;--f-button-prev-pos:1px;opacity:var(--fancybox-opacity,1)}.fancybox__nav .f-button:before{bottom:-30px;content:"";left:-20px;position:absolute;right:-20px;top:-30px;z-index:1}.is-idle .fancybox__nav,.is-idle.is-compact .fancybox__footer{animation:f-fadeOut .15s ease-out both}.is-idle.is-compact .fancybox__footer{pointer-events:none}.fancybox__slide>.f-spinner{cursor:pointer;left:50%;margin:var(--f-spinner-top,calc(var(--f-spinner-width) * -.5)) 0 0 var(--f-spinner-left,calc(var(--f-spinner-height) * -.5));position:absolute;top:50%;z-index:30}.fancybox-protected{bottom:0;right:0}.fancybox-ghost,.fancybox-protected{left:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:40}.fancybox-ghost{height:100%;min-height:0;-o-object-fit:contain;object-fit:contain;pointer-events:none;width:100%}.fancybox-focus-guard{opacity:0;outline:none;pointer-events:none;position:fixed}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>:not(.fancybox__content),.fancybox__container.is-animated[aria-hidden=false]>:not(.fancybox__backdrop,.fancybox__carousel){animation:f-fadeIn .25s ease .1s backwards}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:f-fadeIn .35s ease backwards}.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>:not(.fancybox__content),.fancybox__container.is-animated[aria-hidden=true]>:not(.fancybox__backdrop,.fancybox__carousel){animation:f-fadeOut .15s ease forwards}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:f-fadeOut .35s ease forwards}.has-html5video .fancybox__content,.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-vimeo .fancybox__content,.has-youtube .fancybox__content{flex-shrink:1;max-width:100%;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{height:100%;width:100%}.fancybox__container:not(.is-compact) .has-iframe .fancybox__content,.fancybox__container:not(.is-compact) .has-map .fancybox__content,.fancybox__container:not(.is-compact) .has-pdf .fancybox__content{height:90%;width:calc(100% - 120px)}.has-html5video .fancybox__content,.has-vimeo .fancybox__content,.has-youtube .fancybox__content{height:540px;max-height:100%;max-width:100%;width:960px}.has-html5video .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-vimeo .fancybox__content,.has-youtube .fancybox__content{background:rgba(24,24,27,.9);color:#fff;padding:0}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{background:transparent;border:0;display:block;height:100%;width:100%}.fancybox-placeholder{clip:rect(1px,1px,1px,1px)!important;border:0!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.f-carousel__thumbs{--f-thumb-width:96px;--f-thumb-height:72px;--f-thumb-outline:0;--f-thumb-outline-color:#5eb0ef;--f-thumb-opacity:1;--f-thumb-hover-opacity:1;--f-thumb-selected-opacity:1;--f-thumb-border-radius:2px;--f-thumb-offset:0px;--f-button-next-pos:0;--f-button-prev-pos:0}.f-carousel__thumbs.is-classic{--f-thumb-gap:8px;--f-thumb-opacity:0.5;--f-thumb-hover-opacity:1;--f-thumb-selected-opacity:1}.f-carousel__thumbs.is-modern{--f-thumb-gap:4px;--f-thumb-extra-gap:20px;--f-thumb-clip-width:46px}.f-thumbs{-webkit-tap-highlight-color:rgba(0,0,0,0);flex:0 0 auto;margin:0;overflow:hidden;perspective:1000px;position:relative;transform:translateZ(0);-webkit-user-select:none;-moz-user-select:none;user-select:none}.f-thumbs .f-spinner{background-image:linear-gradient(#ebeff2,#e2e8f0);border-radius:2px;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{height:auto;overflow:hidden;width:100%}.f-thumbs__track{display:flex;will-change:transform}.f-thumbs__slide{align-items:center;box-sizing:content-box;cursor:pointer;display:flex;flex:0 0 auto;height:var(--f-thumb-height);justify-content:center;margin:0;min-width:var(--f-thumb-width);overflow:visible;padding:0;position:relative;width:var(--f-thumb-width)}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:-moz-max-content;width:max-content}.is-modern .f-thumbs__track:before{bottom:0;content:"";cursor:pointer;left:calc(var(--left, 0)*1px);position:absolute;top:0;width:calc(100% - var(--width, 0)*1px)}.is-modern .f-thumbs__slide{--clip-path:inset(0 calc((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 * (1 - var(--progress, 0))) round var(--f-thumb-border-radius,0));pointer-events:none;transform:translate3d(calc(var(--shift, 0) * -1px),0,0);transition:none}.is-modern .f-thumbs__slide>*{-webkit-clip-path:var(--clip-path);clip-path:var(--clip-path)}.is-modern:not(.is-using-mouse) .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0 0 var(--f-thumb-outline-color)) drop-shadow(2px 0 0 var(--f-thumb-outline-color)) drop-shadow(0 -1px 0 var(--f-thumb-outline-color)) drop-shadow(0 2px 0 var(--f-thumb-outline-color))}.is-modern.in-touch .f-thumbs__slide{filter:none}.is-modern.is-resting .f-thumbs__slide,.is-modern.is-resting .f-thumbs__slide>*{transition:all .33s ease}.f-thumbs__slide__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--f-thumb-border-radius);cursor:pointer;height:100%;margin:0;opacity:var(--f-thumb-opacity);outline:none;overflow:hidden;padding:0;pointer-events:auto;position:relative;touch-action:manipulation;transition:opacity .2s ease;width:100%}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{opacity:var(--f-thumb-selected-opacity);outline:none}.is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-nav-selected .f-thumbs__slide__button:after{animation:f-fadeIn .2s ease-out;border:var(--f-thumb-outline,0) solid var(--f-thumb-outline-color,transparent);border-radius:var(--f-thumb-border-radius);bottom:0;content:"";height:auto;left:0;position:absolute;right:0;top:0;z-index:10}.f-thumbs__slide__img{bottom:0;box-sizing:border-box;height:100%;left:0;-o-object-fit:cover;object-fit:cover;overflow:hidden;padding:var(--f-thumb-offset);pointer-events:none;position:absolute;right:0;top:0;width:100%}.f-thumbs.is-horizontal .f-thumbs__track{margin:0 auto;padding:8px 0 12px}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;margin:auto 0;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width:96px;--f-thumb-height:72px;--f-thumb-border-radius:2px;--f-thumb-outline:2px;--f-thumb-outline-color:#ededed;opacity:var(--fancybox-opacity,1);position:relative;transition:max-height .35s cubic-bezier(.23,1,.32,1)}.fancybox__thumbs.is-classic{--f-thumb-gap:8px;--f-thumb-opacity:0.5;--f-thumb-hover-opacity:1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(hsla(0,0%,100%,.1),hsla(0,0%,100%,.05))}.fancybox__thumbs.is-modern{--f-thumb-gap:4px;--f-thumb-extra-gap:20px;--f-thumb-clip-width:46px;--f-thumb-opacity:1;--f-thumb-hover-opacity:1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(hsla(0,0%,100%,.1),hsla(0,0%,100%,.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width:64px;--f-thumb-clip-width:32px;--f-thumb-height:48px;--f-thumb-extra-gap:10px}.fancybox__thumbs.is-masked{max-height:0!important}.is-closing .fancybox__thumbs{transition:none!important}.fancybox__toolbar{--f-progress-color:var(--fancybox-color,hsla(0,0%,100%,.94));--f-button-width:46px;--f-button-height:46px;--f-button-color:var(--fancybox-color);--f-button-hover-color:var(--fancybox-hover-color);--f-button-bg:rgba(24,24,27,.65);--f-button-hover-bg:rgba(70,70,73,.65);--f-button-active-bg:rgba(90,90,93,.65);--f-button-border-radius:0;--f-button-svg-width:24px;--f-button-svg-height:24px;--f-button-svg-stroke-width:1.5;--f-button-svg-filter:drop-shadow(1px 1px 1px rgba(24,24,27,.15));--f-button-svg-fill:none;--f-button-svg-disabled-opacity:0.65;color:var(--fancybox-color,currentColor);display:flex;flex-direction:row;font-family:-apple-system,BlinkMacSystemFont,Segoe UI Adjusted,Segoe UI,Liberation Sans,sans-serif;justify-content:space-between;margin:0;opacity:var(--fancybox-opacity,1);padding:0;pointer-events:none;text-shadow:var(--fancybox-toolbar-text-shadow,1px 1px 1px rgba(0,0,0,.5));z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{left:0;position:absolute;right:0;top:0}.is-idle .fancybox__toolbar{animation:f-fadeOut .15s ease-out both;pointer-events:none}.fancybox__toolbar__column{align-content:flex-start;display:flex;flex-direction:row;flex-wrap:wrap}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-basis:0;flex-grow:1}.fancybox__toolbar__column.is-right{display:flex;flex-wrap:nowrap;justify-content:flex-end}.fancybox__infobar{-webkit-font-smoothing:subpixel-antialiased;cursor:default;font-size:17px;font-variant-numeric:tabular-nums;line-height:var(--f-button-height);padding:0 5px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child,[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child,[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{background:var(--f-progress-color,var(--f-carousel-theme-color,#0091ff));height:3px;left:0;pointer-events:none;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:30} /* End */ /* Start:/local/templates/ikc.gatchina/css/swiper-bundle.min.css?173926240417391*/ @font-face{font-family:swiper-icons;font-style:normal;font-weight:400;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")}:root{--swiper-theme-color:#007aff}.swiper,swiper-container{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:content-box;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-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,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-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-centered>.swiper-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-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid transparent;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-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container: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;margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);z-index:10}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);font-variant:normal;letter-spacing:0;line-height:1;text-transform:none!important}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{left:auto;right:var(--swiper-navigation-sides-offset,10px)}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom: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-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{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.swiper-pagination-bullet{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet: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-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.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,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .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 .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{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,rgba(0,0,0,.1));border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-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% - 2 * var(--swiper-scrollbar-sides-offset,1%));z-index:50}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%));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,rgba(0,0,0,.5));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%}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .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-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}.swiper-cube .swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0}.swiper-cube .swiper-cube-shadow:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}.swiper-creative .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom} /* End */ /* Start:/local/templates/ikc.gatchina/css/common.css?1753080930115343*/ @-webkit-keyframes fadeIn { 0% { -webkit-transform: translateY(40rem); transform: translateY(40rem); opacity: 0; } to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes fadeIn { 0% { -webkit-transform: translateY(40rem); transform: translateY(40rem); opacity: 0; } to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-webkit-keyframes fadeOut { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } to { -webkit-transform: translateY(40rem); transform: translateY(40rem); opacity: 0; } } @keyframes fadeOut { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } to { -webkit-transform: translateY(40rem); transform: translateY(40rem); opacity: 0; } } @-webkit-keyframes slideDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes slideUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } to { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes slideUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } to { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @font-face { font-style: normal; font-weight: 400; src: url(/local/templates/ikc.gatchina/css/../fonts/Inter-Regular.woff2) format("woff2"), url(/local/templates/ikc.gatchina/css/../fonts/Inter-Regular.woff) format("woff"); font-family: Inter; font-display: swap; } @font-face { font-style: normal; font-weight: 400; src: url(/local/templates/ikc.gatchina/css/../fonts/ViaodaLibre-Regular.woff2) format("woff2"), url(/local/templates/ikc.gatchina/css/../fonts/ViaodaLibre-Regular.woff) format("woff"); font-family: Viaoda Libre; font-display: swap; } *, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; } html { width: 100vw; overflow-x: hidden; font-size: .052083333333333vw; line-height: 1.15; scroll-behavior: smooth; -webkit-text-size-adjust: 100%; } body { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; margin: 0; background: #fff; color: #333; -webkit-box-orient: vertical; -webkit-box-direction: normal; } details, main { display: block; } h1 { margin: .67em 0; font-size: 2em; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } code, kbd, pre, samp { font-size: 1em; font-family: monospace, monospace; } a { background-color: transparent; } abbr[title] { border-bottom: none; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } img { border-style: none; } button, input, optgroup, select, textarea { margin: 0; font-size: 100%; line-height: 1.15; font-family: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button; } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border-style: none; } [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: 1rem dotted ButtonText; } fieldset { padding: .35em .75em .625em; } legend { display: table; max-width: 100%; color: inherit; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type=checkbox], [type=radio], legend { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2rem; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } summary { display: list-item; } [hidden], template { display: none; } input:focus-visible, textarea:focus-visible { outline: 0; } @media (min-width: 1920.98px) { html { font-size: 1px; } } @media (max-width: 1199.98px) { html { font-size: .083333333333333vw; } } @media (max-width: 767.98px) { html { font-size: .266666666666667vw; } } html.is-menu-open { overflow: hidden; } * { scrollbar-color: #2b582f #fff; scrollbar-width: thin; } ::-webkit-scrollbar { width: 6rem; height: 6rem; } ::-webkit-scrollbar-track { border-radius: 4rem; background-color: #fff; } ::-webkit-scrollbar-track:active, ::-webkit-scrollbar-track:hover { background-color: #fff; } ::-webkit-scrollbar-thumb { border-radius: 4rem; background-color: #2b582f; } ::-webkit-scrollbar-thumb:active, ::-webkit-scrollbar-thumb:hover { background-color: #2b582f; } ::-moz-selection { background-color: rgba(43, 88, 47, .5); } ::selection { background-color: rgba(43, 88, 47, .5); } :focus { outline: 0; } :focus-visible { outline: 1rem solid #2b582f; outline-offset: 6rem; } ol:not([class]), ul:not([class]) { margin: 20rem 0; padding: 0; list-style: none; } ol:not([class]) li:not([class]), ul:not([class]) li:not([class]) { position: relative; padding-left: 40rem; } ul:not([class]) li:not([class]):before { position: absolute; top: 9rem; left: 13rem; width: 5rem; height: 5rem; border-radius: 50%; background: #2b582f; content: ""; } ol:not([class]) { counter-reset: num; } ol:not([class]) li:not([class]):before { position: absolute; top: 0; left: 13rem; content: counter(num) "."; color: #2b582f; counter-increment: num; } @media (max-width: 767.98px) { .table-responsive { width: 100vw; margin-right: -16rem; margin-left: -16rem; overflow-x: auto; } } .c-btn, .f-bquadro__text, .f-link, .m1-play__text, .m3-date, .m3-tag, .m4-tag, .text-1 { font-style: normal; font-weight: 400; font-size: 14rem; line-height: normal; font-family: Inter, sans-serif; } .text-2, body { font-size: 16rem; line-height: 1.5; } .text-2, .text-3, body { font-style: normal; font-weight: 400; font-family: Inter, sans-serif; } .text-3 { font-size: 18rem; line-height: 1.444; } .h1, h1 { font-style: normal; font-weight: 400; font-size: 80rem; line-height: 1.25; font-family: Viaoda Libre, sans-serif; } @media (max-width: 767.98px) { .h1, h1 { font-size: 28rem; line-height: normal; } } .h2, h2 { font-style: normal; font-weight: 400; font-size: 60rem; line-height: normal; font-family: Viaoda Libre, sans-serif; } @media (max-width: 767.98px) { .h2, h2 { font-size: 28rem; } } .h3, .ps-input, .sp-input, h3 { font-style: normal; font-weight: 400; font-size: 32rem; line-height: normal; font-family: Inter, sans-serif; } @media (max-width: 767.98px) { .h3, .ps-input, .sp-input, h3 { font-size: 24rem; } } .h4, h4 { font-style: normal; font-weight: 400; font-size: 24rem; line-height: normal; font-family: Inter, sans-serif; } @media (max-width: 767.98px) { .h4, h4 { font-size: 18rem; line-height: 1.444; } } .h5, h5 { font-style: normal; font-weight: 500; font-size: 18rem; line-height: 1.444; font-family: Inter, sans-serif; } @media (max-width: 767.98px) { .h5, h5 { font-size: 16rem; line-height: 1.5; } } h1:not([class]), h2:not([class]), h3:not([class]), h4:not([class]), h5:not([class]), h6:not([class]) { margin-top: 60rem; margin-bottom: 20rem; } @media (max-width: 767.98px) { h1:not([class]), h2:not([class]), h3:not([class]), h4:not([class]), h5:not([class]), h6:not([class]) { margin-top: 40rem; } } .wrapper { width: 100%; max-width: 1920rem; margin-right: auto; margin-left: auto; padding-right: 40rem; padding-left: 40rem; } @media (max-width: 767.98px) { .wrapper { max-width: 375rem; padding-right: 16rem; padding-left: 16rem; } } .h-logo__svg { display: block; width: auto; height: 72rem; } @media (max-width: 767.98px) { .h-logo__svg { height: 45rem; } } .h-logo__box, .h-logo__icon { -webkit-transition: fill .6s cubic-bezier(.25, .74, .22, .99); -o-transition: fill .6s cubic-bezier(.25, .74, .22, .99); transition: fill .6s cubic-bezier(.25, .74, .22, .99); fill: #2b582f; } .h-logo__icon { fill: #fff; } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .h-logo:hover .h-logo__box { fill: #438048; } .h-logo:hover .h-logo__icon { fill: #f4f4f4; } } .h-link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; align-items: center; color: currentColor; line-height: normal; text-decoration: none; -webkit-transition: color .6s cubic-bezier(.25, .74, .22, .99); -o-transition: color .6s cubic-bezier(.25, .74, .22, .99); transition: color .6s cubic-bezier(.25, .74, .22, .99); -webkit-box-align: center; -ms-flex-align: center; } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .h-link:hover { color: #2b582f; } } .h-link__icon { width: 25rem; height: 25rem; margin-right: 6rem; -o-object-fit: contain; object-fit: contain; stroke: currentColor; fill: none; } .h-btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; align-items: center; padding: 0; border: 0; background: 0 0; color: currentColor; line-height: normal; cursor: pointer; -webkit-transition: color .6s cubic-bezier(.25, .74, .22, .99); -o-transition: color .6s cubic-bezier(.25, .74, .22, .99); transition: color .6s cubic-bezier(.25, .74, .22, .99); -webkit-box-align: center; -ms-flex-align: center; } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .h-btn:hover { color: #2b582f; } } .h-btn__icon { width: 25rem; height: 25rem; margin-right: 6rem; -o-object-fit: contain; object-fit: contain; stroke: currentColor; fill: none; } .h-burger { position: relative; padding: 0; overflow: hidden; border: 0; background: 0 0; color: currentColor; line-height: normal; cursor: pointer; -webkit-transition: color .6s cubic-bezier(.25, .74, .22, .99); -o-transition: color .6s cubic-bezier(.25, .74, .22, .99); transition: color .6s cubic-bezier(.25, .74, .22, .99); } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .h-burger:hover { color: #2b582f; } } .h-burger__text-1, .h-burger__text-2 { display: block; -webkit-transition: -webkit-transform .6s cubic-bezier(.25, .74, .22, .99); -o-transition: transform .6s cubic-bezier(.25, .74, .22, .99); transition: -webkit-transform .6s cubic-bezier(.25, .74, .22, .99); transition: transform .6s cubic-bezier(.25, .74, .22, .99); transition: transform .6s cubic-bezier(.25, .74, .22, .99), -webkit-transform .6s cubic-bezier(.25, .74, .22, .99); } .h-burger.is-active .h-burger__text-1 { position: absolute; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .h-burger__text-2 { position: absolute; top: 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .h-burger.is-active .h-burger__text-2 { position: static; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .f-logo__svg { display: block; width: 72rem; height: auto; } @media (max-width: 767.98px) { .f-logo__svg { width: 47rem; } } .f-logo__box, .f-logo__icon { -webkit-transition: fill .6s cubic-bezier(.25, .74, .22, .99); -o-transition: fill .6s cubic-bezier(.25, .74, .22, .99); transition: fill .6s cubic-bezier(.25, .74, .22, .99); fill: #2b582f; } .f-logo__icon { fill: #fff; } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .f-logo:hover .f-logo__box { fill: #438048; } .f-logo:hover .f-logo__icon { fill: #f4f4f4; } } .f-social { display: block; width: 34rem; height: 34rem; overflow: hidden; border-radius: 50%; background: #b1b1b1; color: #fff; text-decoration: none; -webkit-transition: background .6s cubic-bezier(.25, .74, .22, .99), color .6s cubic-bezier(.25, .74, .22, .99); -o-transition: background .6s cubic-bezier(.25, .74, .22, .99), color .6s cubic-bezier(.25, .74, .22, .99); transition: background .6s cubic-bezier(.25, .74, .22, .99), color .6s cubic-bezier(.25, .74, .22, .99); } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .f-social:hover { background: #2b582f; } } .f-social__icon { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; fill: currentColor; } .f-link { color: #b1b1b1; text-decoration: none; -webkit-transition: color .6s cubic-bezier(.25, .74, .22, .99); -o-transition: color .6s cubic-bezier(.25, .74, .22, .99); transition: color .6s cubic-bezier(.25, .74, .22, .99); } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .f-link:hover { color: #2b582f; } } .f-bquadro { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; } .f-bquadro__text { margin-top: 0; margin-right: 12rem; margin-bottom: 0; color: #b1b1b1; } .f-bquadro__link { color: currentColor; text-decoration: none; -webkit-transition: color .6s cubic-bezier(.25, .74, .22, .99); -o-transition: color .6s cubic-bezier(.25, .74, .22, .99); transition: color .6s cubic-bezier(.25, .74, .22, .99); } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .f-bquadro__link:hover { color: #2b582f; } } .f-bquadro__icon { display: block; width: auto; height: 17rem; fill: currentColor; } .c-close { position: relative; width: 20rem; height: 20rem; padding: 0; border: 0; background: 0 0; color: #fff; cursor: pointer; -webkit-transition: color .6s cubic-bezier(.25, .74, .22, .99); -o-transition: color .6s cubic-bezier(.25, .74, .22, .99); transition: color .6s cubic-bezier(.25, .74, .22, .99); } @media (max-width: 767.98px) { .c-close { width: 16rem; height: 16rem; } } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .c-close:hover { color: #b1b1b1; } } .c-close--black { color: #333; } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .c-close--black:hover { color: #2b582f; } } .c-close:before { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .c-close:after, .c-close:before { position: absolute; top: 50%; left: 50%; width: 1rem; height: 100%; background: currentColor; content: ""; } .c-close:after { -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .c-btn { padding: 11rem 31rem; border: 0; border-radius: 100rem; background: #fff; color: #3e3333; cursor: pointer; -webkit-transition: background .6s cubic-bezier(.25, .74, .22, .99), color .6s cubic-bezier(.25, .74, .22, .99); -o-transition: background .6s cubic-bezier(.25, .74, .22, .99), color .6s cubic-bezier(.25, .74, .22, .99); transition: background .6s cubic-bezier(.25, .74, .22, .99), color .6s cubic-bezier(.25, .74, .22, .99); } @media (max-width: 767.98px) { .c-btn { padding: 7rem 21rem 8rem; font-size: 12rem; } } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .c-btn:hover { background: #438049; color: #fff; } } .ps-input { display: block; -webkit-appearance: none; width: 100%; height: 150rem; padding: 0; border: 0; border-radius: 0; background: 0 0; color: #333; -webkit-transition: color .6s cubic-bezier(.25, .74, .22, .99), border-color .6s cubic-bezier(.25, .74, .22, .99); -o-transition: color .6s cubic-bezier(.25, .74, .22, .99), border-color .6s cubic-bezier(.25, .74, .22, .99); transition: color .6s cubic-bezier(.25, .74, .22, .99), border-color .6s cubic-bezier(.25, .74, .22, .99); } @media (max-width: 767.98px) { .ps-input { height: 80rem; } } .ps-input::-moz-placeholder { color: #b1b1b1; opacity: 1; -moz-transition: color .6s cubic-bezier(.25, .74, .22, .99); transition: color .6s cubic-bezier(.25, .74, .22, .99); } .ps-input::-webkit-input-placeholder { color: #b1b1b1; opacity: 1; -webkit-transition: color .6s cubic-bezier(.25, .74, .22, .99); transition: color .6s cubic-bezier(.25, .74, .22, .99); } .ps-input:-ms-input-placeholder { color: #b1b1b1; opacity: 1; -ms-transition: color .6s cubic-bezier(.25, .74, .22, .99); transition: color .6s cubic-bezier(.25, .74, .22, .99); } .ps-input::-ms-input-placeholder { color: #b1b1b1; opacity: 1; -ms-transition: color .6s cubic-bezier(.25, .74, .22, .99); transition: color .6s cubic-bezier(.25, .74, .22, .99); } .ps-input::placeholder { color: #b1b1b1; opacity: 1; -webkit-transition: color .6s cubic-bezier(.25, .74, .22, .99); -o-transition: color .6s cubic-bezier(.25, .74, .22, .99); transition: color .6s cubic-bezier(.25, .74, .22, .99); } .ps-input::-webkit-search-cancel-button, .ps-input::-webkit-search-decoration, .ps-input::-webkit-search-results-button, .ps-input::-webkit-search-results-decoration { display: none; } .ps-input:-webkit-autofill, .ps-input:-webkit-autofill:focus, .ps-input:-webkit-autofill:hover { -webkit-box-shadow: inset 0 0 0 1000rem #fff; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; -webkit-text-fill-color: currentColor; } .ps-card { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; align-items: flex-start; color: currentColor; text-decoration: none; -webkit-transition: color .6s cubic-bezier(.25, .74, .22, .99); -o-transition: color .6s cubic-bezier(.25, .74, .22, .99); transition: color .6s cubic-bezier(.25, .74, .22, .99); -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: start; -ms-flex-align: start; } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .ps-card:hover { color: #438048; } } .ps-card__title { display: block; } .ps-card__title b, .sp-card__text b, .sp-card__title b { color: #438048; } .ps-btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; align-items: center; justify-content: center; padding: 19rem 27rem; border: 0; border-radius: 100rem; background: #2b582f; color: #fff; font-size: 18rem; line-height: normal; text-align: center; text-decoration: none; cursor: pointer; -webkit-transition: background .6s cubic-bezier(.25, .74, .22, .99), color .6s cubic-bezier(.25, .74, .22, .99); -o-transition: background .6s cubic-bezier(.25, .74, .22, .99), color .6s cubic-bezier(.25, .74, .22, .99); transition: background .6s cubic-bezier(.25, .74, .22, .99), color .6s cubic-bezier(.25, .74, .22, .99); -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; } @media (max-width: 767.98px) { .ps-btn { padding: 13rem 27rem 14rem; font-size: 16rem; } } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .ps-btn:hover { background: #438048; } } .sp-input { display: block; -webkit-appearance: none; width: 100%; padding: 0 0 40rem 40rem; border: 0; border-bottom: 1rem solid; border-radius: 0; background: 0 0; color: #333; -webkit-transition: color .6s cubic-bezier(.25, .74, .22, .99), border-color .6s cubic-bezier(.25, .74, .22, .99); -o-transition: color .6s cubic-bezier(.25, .74, .22, .99), border-color .6s cubic-bezier(.25, .74, .22, .99); transition: color .6s cubic-bezier(.25, .74, .22, .99), border-color .6s cubic-bezier(.25, .74, .22, .99); } @media (max-width: 767.98px) { .sp-input { padding-bottom: 20rem; } } .sp-input::-moz-placeholder { color: #b1b1b1; opacity: 1; -moz-transition: color .6s cubic-bezier(.25, .74, .22, .99); transition: color .6s cubic-bezier(.25, .74, .22, .99); } .sp-input::-webkit-input-placeholder { color: #b1b1b1; opacity: 1; -webkit-transition: color .6s cubic-bezier(.25, .74, .22, .99); transition: color .6s cubic-bezier(.25, .74, .22, .99); } .sp-input:-ms-input-placeholder { color: #b1b1b1; opacity: 1; -ms-transition: color .6s cubic-bezier(.25, .74, .22, .99); transition: color .6s cubic-bezier(.25, .74, .22, .99); } .sp-input::-ms-input-placeholder { color: #b1b1b1; opacity: 1; -ms-transition: color .6s cubic-bezier(.25, .74, .22, .99); transition: color .6s cubic-bezier(.25, .74, .22, .99); } .sp-input::placeholder { color: #b1b1b1; opacity: 1; -webkit-transition: color .6s cubic-bezier(.25, .74, .22, .99); -o-transition: color .6s cubic-bezier(.25, .74, .22, .99); transition: color .6s cubic-bezier(.25, .74, .22, .99); } .sp-input::-webkit-search-cancel-button, .sp-input::-webkit-search-decoration, .sp-input::-webkit-search-results-button, .sp-input::-webkit-search-results-decoration { display: none; } .sp-input:-webkit-autofill, .sp-input:-webkit-autofill:focus, .sp-input:-webkit-autofill:hover { -webkit-box-shadow: inset 0 0 0 1000rem #fff; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; -webkit-text-fill-color: currentColor; } .sp-card { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: start; -ms-flex-align: start; } .sp-card__title { display: block; color: currentColor; text-decoration: none; -webkit-transition: color .6s cubic-bezier(.25, .74, .22, .99); -o-transition: color .6s cubic-bezier(.25, .74, .22, .99); transition: color .6s cubic-bezier(.25, .74, .22, .99); } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .sp-card__title:hover { color: #438048; } } .sp-card__text { display: -webkit-box; max-width: 1200rem; margin-top: 20rem; margin-bottom: 0; overflow: hidden; color: #b1b1b1; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } @media (max-width: 767.98px) { .sp-card__text { margin-top: 10rem; } } .fade-in { opacity: 0; -webkit-transition: opacity 1.2s cubic-bezier(.25, .74, .22, .99) .2s; -o-transition: opacity 1.2s cubic-bezier(.25, .74, .22, .99) .2s; transition: opacity 1.2s cubic-bezier(.25, .74, .22, .99) .2s; } .fade-in.is-visible { opacity: 1; } .m1-audio { position: relative; width: 60rem; height: 60rem; padding: 0; border: 0; border-radius: 50%; background: #2b582f; color: #fff; cursor: pointer; -webkit-transition: background .6s cubic-bezier(.25, .74, .22, .99); -o-transition: background .6s cubic-bezier(.25, .74, .22, .99); transition: background .6s cubic-bezier(.25, .74, .22, .99); } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .m1-audio:hover { background: #438048; } } .m1-audio:after { position: absolute; top: 50%; left: 52.5%; width: 2rem; height: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(0); -ms-transform: translate(-50%, -50%) rotate(45deg) scale(0); transform: translate(-50%, -50%) rotate(45deg) scale(0); background: currentColor; content: ""; -webkit-transition: -webkit-transform .6s cubic-bezier(.25, .74, .22, .99); -o-transition: transform .6s cubic-bezier(.25, .74, .22, .99); transition: -webkit-transform .6s cubic-bezier(.25, .74, .22, .99); transition: transform .6s cubic-bezier(.25, .74, .22, .99); transition: transform .6s cubic-bezier(.25, .74, .22, .99), -webkit-transform .6s cubic-bezier(.25, .74, .22, .99); } .m1-audio.is-active:after { -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(1); -ms-transform: translate(-50%, -50%) rotate(45deg) scale(1); transform: translate(-50%, -50%) rotate(45deg) scale(1); } .m1-audio__icon { position: absolute; top: 50%; left: 50%; width: 13rem; height: auto; -webkit-transform: translate(-55%, -50%); -ms-transform: translate(-55%, -50%); transform: translate(-55%, -50%); fill: currentColor; } .m1-play { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; align-items: center; padding: 0; border: 0; background: 0 0; color: #fff; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; } .m1-play__circle { position: relative; width: 60rem; height: 60rem; margin-right: 20rem; border-radius: 50%; background: #2b582f; -webkit-transition: background .6s cubic-bezier(.25, .74, .22, .99); -o-transition: background .6s cubic-bezier(.25, .74, .22, .99); transition: background .6s cubic-bezier(.25, .74, .22, .99); } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .m1-play:hover .m1-play__circle { background: #438048; } } .m1-play__icon { position: absolute; top: 50%; left: 50%; width: 15rem; height: auto; -webkit-transform: translate(-35%, -50%); -ms-transform: translate(-35%, -50%); transform: translate(-35%, -50%); fill: currentColor; } .m1-play__text, .m2-link { color: #7e7e7e; -webkit-transition: color .6s cubic-bezier(.25, .74, .22, .99); -o-transition: color .6s cubic-bezier(.25, .74, .22, .99); transition: color .6s cubic-bezier(.25, .74, .22, .99); } .m2-link { color: currentColor; font-style: normal; font-size: 20rem; line-height: normal; text-decoration: none; } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .m1-play:hover .m1-play__text { color: #438048; } } @media (max-width: 767.98px) { .m2-link { font-size: 16rem; } } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .m2-link:hover { color: #2b582f; } } .m2-card { position: relative; width: 100%; height: 100%; padding: 30rem 30rem 65rem; background: #f4f4f4; -webkit-transition: background .6s cubic-bezier(.25, .74, .22, .99), color .6s cubic-bezier(.25, .74, .22, .99); -o-transition: background .6s cubic-bezier(.25, .74, .22, .99), color .6s cubic-bezier(.25, .74, .22, .99); transition: background .6s cubic-bezier(.25, .74, .22, .99), color .6s cubic-bezier(.25, .74, .22, .99); } @media (max-width: 767.98px) { .m2-card { padding: 20rem 20rem 55rem; } } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .m2-card:hover { background: #2b582f; color: #fff; } } .m2-card__date { margin-top: 0; margin-bottom: 0; color: #7e7e7e; line-height: normal; -webkit-transition: color .6s cubic-bezier(.25, .74, .22, .99); -o-transition: color .6s cubic-bezier(.25, .74, .22, .99); transition: color .6s cubic-bezier(.25, .74, .22, .99); } @media (max-width: 767.98px) { .m2-card__date { font-size: 11rem; } } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .m2-card:hover .m2-card__date { color: #fff; } } .m2-card__descr, .m2-card__heading { margin-top: 20rem; margin-bottom: 0; } .m2-card__descr { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } @media (max-width: 767.98px) { .m2-card__descr { margin-top: 10rem; font-size: 14rem; line-height: normal; } } .m2-card__link { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .filter-btn { display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1; position: relative; align-items: center; justify-content: center; padding: 19rem 27rem; overflow: hidden; border: 0; border-radius: 100rem; background: #f4f4f4; color: #3e3333; font-size: 18rem; line-height: normal; text-align: center; text-decoration: none; cursor: pointer; -webkit-transition: color .6s cubic-bezier(.25, .74, .22, .99); -o-transition: color .6s cubic-bezier(.25, .74, .22, .99); transition: color .6s cubic-bezier(.25, .74, .22, .99); -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; } @media (max-width: 767.98px) { .filter-btn { padding: 13rem 27rem 14rem; font-size: 16rem; } } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .filter-btn:hover { color: #2b582f; } } .filter-btn::after, .filter-btn::before { position: absolute; left: 0; width: 100%; content: ""; } @media (max-width: 767.98px) { .filter-btn::after, .filter-btn::before { display: none; } } .filter-btn::after { top: 0; height: 100%; border: 0 solid #2b582f; border-radius: inherit; -webkit-transition: border-width .6s cubic-bezier(.25, .74, .22, .99); -o-transition: border-width .6s cubic-bezier(.25, .74, .22, .99); transition: border-width .6s cubic-bezier(.25, .74, .22, .99); } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .filter-btn:hover::after { border-width: 3rem; } } .filter-btn::before { z-index: -1; top: 100%; height: 0; padding-bottom: 100%; border-radius: 50%; background: #2b582f; -webkit-transition: top .6s cubic-bezier(.25, .74, .22, .99), -webkit-transform .6s cubic-bezier(.25, .74, .22, .99); -o-transition: transform .6s cubic-bezier(.25, .74, .22, .99), top .6s cubic-bezier(.25, .74, .22, .99); transition: top .6s cubic-bezier(.25, .74, .22, .99), -webkit-transform .6s cubic-bezier(.25, .74, .22, .99); transition: transform .6s cubic-bezier(.25, .74, .22, .99), top .6s cubic-bezier(.25, .74, .22, .99); transition: transform .6s cubic-bezier(.25, .74, .22, .99), top .6s cubic-bezier(.25, .74, .22, .99), -webkit-transform .6s cubic-bezier(.25, .74, .22, .99); } .filter-btn--main { min-width: 200rem; } @media (max-width: 767.98px) { .filter-btn--main { min-width: 160rem; } } .filter-btn.is-active { color: #fff; pointer-events: none; } .filter-btn.is-active::before { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .filter-btn:active { color: #fff; } .filter-btn:active::before { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } .bq-form-popup-open { border: 1px solid #2b582f; } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .bq-form-popup-open:hover { color: #2b582f; background-color: transparent; } .bq-form-popup-open:active { color: #fff; } } .filter { z-index: 3; position: relative; } .filter__toggler { display: none; position: relative; width: 100%; padding: 19rem 40rem 19rem 30rem; border: 0; border-radius: 100rem; background: #f4f4f4; color: #333; font-size: 18rem; line-height: normal; text-align: left; cursor: pointer; -webkit-transition: background .6s cubic-bezier(.25, .74, .22, .99); -o-transition: background .6s cubic-bezier(.25, .74, .22, .99); transition: background .6s cubic-bezier(.25, .74, .22, .99); } @media (max-width: 767.98px) { .filter__toggler { display: block; } } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .filter__toggler:hover { background: #d3e2d4; } } .filter__toggler.is-active { border-top-right-radius: 30rem; border-top-left-radius: 30rem; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .filter__current { display: block; width: 100%; max-width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .filter__icon { display: block; position: absolute; top: 50%; right: 30rem; width: 9rem; height: 7rem; -o-object-fit: contain; object-fit: contain; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: -webkit-transform .6s cubic-bezier(.25, .74, .22, .99); -o-transition: transform .6s cubic-bezier(.25, .74, .22, .99); transition: -webkit-transform .6s cubic-bezier(.25, .74, .22, .99); transition: transform .6s cubic-bezier(.25, .74, .22, .99); transition: transform .6s cubic-bezier(.25, .74, .22, .99), -webkit-transform .6s cubic-bezier(.25, .74, .22, .99); fill: #2b582f; } .filter__toggler.is-active .filter__icon { -webkit-transform: translateY(-50%) rotate(-180deg); -ms-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); } @media (max-width: 767.98px) { .filter__menu { display: none; z-index: 1; position: absolute; top: 100%; left: 0; width: 100%; overflow: hidden; border-bottom-right-radius: 30rem; border-bottom-left-radius: 30rem; background: #f4f4f4; } .filter__toggler.is-active ~ .filter__menu { display: block; } } .filter__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -2.5rem; padding: 0; list-style: none; } @media (max-width: 767.98px) { .filter__list { display: block; max-height: 180rem; margin: 0; overflow-y: auto; scrollbar-color: #2b582f #f4f4f4; } .filter__list::-webkit-scrollbar-track { background-color: #f4f4f4; } } .filter__item { flex-shrink: 0; margin: 2.5rem; -ms-flex-negative: 0; } .filter__item--bq { margin: 0 0 0 auto; } @media (max-width: 767.98px) { .filter__item { margin: 0; } .filter__btn:not(.bq-form-popup-open) { justify-content: flex-start; width: 100%; padding: 19rem 30rem; border-top: 1rem solid #d9d9d9; border-radius: 0; background: 0 0; font-size: 18rem; -webkit-box-pack: start; -ms-flex-pack: start; } .filter__btn.is-active { display: none; } .filter-btn.bq-form-popup-open { width: 100%; margin-top: 10rem; } } .m3-card, .m3-card__top { position: relative; width: 100%; } .m3-card__top { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; align-items: center; height: 540rem; overflow: hidden; -webkit-transition: border-radius .3s cubic-bezier(.25, .74, .22, .99), -webkit-transform .3s cubic-bezier(.25, .74, .22, .99); -o-transition: border-radius .3s cubic-bezier(.25, .74, .22, .99), transform .3s cubic-bezier(.25, .74, .22, .99); transition: border-radius .3s cubic-bezier(.25, .74, .22, .99), -webkit-transform .3s cubic-bezier(.25, .74, .22, .99); transition: border-radius .3s cubic-bezier(.25, .74, .22, .99), transform .3s cubic-bezier(.25, .74, .22, .99); transition: border-radius .3s cubic-bezier(.25, .74, .22, .99), transform .3s cubic-bezier(.25, .74, .22, .99), -webkit-transform .3s cubic-bezier(.25, .74, .22, .99); -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: center; -ms-flex-align: center; } @media (max-width: 1199.98px) { .m3-card__top { height: 436rem; } } @media (max-width: 767.98px) { .m3-card__top { height: 310rem; } } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .m3-card:hover .m3-card__top { -webkit-transform: scaleX(.9); -ms-transform: scaleX(.9); transform: scaleX(.9); border-radius: 50%; } } .m3-card__img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: -webkit-transform .3s cubic-bezier(.25, .74, .22, .99); -o-transition: transform .3s cubic-bezier(.25, .74, .22, .99); transition: -webkit-transform .3s cubic-bezier(.25, .74, .22, .99); transition: transform .3s cubic-bezier(.25, .74, .22, .99); transition: transform .3s cubic-bezier(.25, .74, .22, .99), -webkit-transform .3s cubic-bezier(.25, .74, .22, .99); } .no-image .m3-card__img { padding: 175rem 160rem; } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .m3-card:hover .m3-card__img { -webkit-transform: scaleX(1.1); -ms-transform: scaleX(1.1); transform: scaleX(1.1); } } @media (max-width: 1199.98px) { .no-image .m3-card__img { padding: 140rem 130rem; } } @media (max-width: 767.98px) { .no-image .m3-card__img { padding: 100rem 90rem; } } .m3-card__tag { position: absolute; top: 400rem; justify-content: center; max-width: calc(100% - 40rem); margin-top: 0; margin-bottom: 0; text-align: center; -webkit-transition: opacity .3s cubic-bezier(.25, .74, .22, .99), max-width .3s cubic-bezier(.25, .74, .22, .99), -webkit-transform .3s cubic-bezier(.25, .74, .22, .99); transition: opacity .3s cubic-bezier(.25, .74, .22, .99), max-width .3s cubic-bezier(.25, .74, .22, .99), -webkit-transform .3s cubic-bezier(.25, .74, .22, .99); -o-transition: opacity .3s cubic-bezier(.25, .74, .22, .99), transform .3s cubic-bezier(.25, .74, .22, .99), max-width .3s cubic-bezier(.25, .74, .22, .99); transition: opacity .3s cubic-bezier(.25, .74, .22, .99), transform .3s cubic-bezier(.25, .74, .22, .99), max-width .3s cubic-bezier(.25, .74, .22, .99); transition: opacity .3s cubic-bezier(.25, .74, .22, .99), transform .3s cubic-bezier(.25, .74, .22, .99), max-width .3s cubic-bezier(.25, .74, .22, .99), -webkit-transform .3s cubic-bezier(.25, .74, .22, .99); -webkit-box-pack: center; -ms-flex-pack: center; } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .m3-card:hover .m3-card__tag { max-width: calc(75% - 40rem); -webkit-transform: scaleX(1.1); -ms-transform: scaleX(1.1); transform: scaleX(1.1); } } @media (any-hover: hover) and (max-width: 767.98px),(hover: hover) and (pointer: fine) and (max-width: 767.98px) { .m3-card:hover .m3-card__tag { max-width: calc(70% - 20rem); } } @media (max-width: 1199.98px) { .m3-card__tag { top: 320rem; max-width: calc(100% - 40rem); } } @media (max-width: 767.98px) { .m3-card__tag { top: 230rem; max-width: calc(100% - 20rem); } } .m3-card__bottom { margin-top: 30rem; } @media (max-width: 767.98px) { .m3-card__bottom { margin-top: 20rem; } } .m3-card__heading { margin-top: 0; margin-bottom: 0; -webkit-transition: color .6s cubic-bezier(.25, .74, .22, .99); -o-transition: color .6s cubic-bezier(.25, .74, .22, .99); transition: color .6s cubic-bezier(.25, .74, .22, .99); } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .m3-card:hover .m3-card__heading { color: #2b582f; } } .m3-card__descr { display: -webkit-box; margin-top: 20rem; margin-bottom: 0; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } @media (max-width: 767.98px) { .m3-card__descr { margin-top: 10rem; font-size: 14rem; line-height: normal; } } .m3-card__date { margin-top: 30rem; margin-bottom: 0; } .m3-card__price { margin-top: 20rem; margin-bottom: 0; } .m3-card__link { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .m3-tag { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding: 11rem 20rem; border-radius: 100rem; background: #fff; color: #3e3333; } @media (max-width: 767.98px) { .m3-tag { padding: 7rem 26rem 8rem; font-size: 12rem; } } .m3-date { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding: 11rem 20rem; border-radius: 100rem; background: #f4f4f4; color: #333; } .arrow { position: relative; width: 60rem; height: 60rem; padding: 0; border: 0; background: transparent; color: #fff; cursor: pointer; -webkit-transition: opacity .6s cubic-bezier(.25, .74, .22, .99); -o-transition: opacity .6s cubic-bezier(.25, .74, .22, .99); transition: opacity .6s cubic-bezier(.25, .74, .22, .99); } @media (max-width: 1199.98px) { .arrow { width: 40rem; height: 40rem; } } .arrow::before { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; background: #2b582f; content: ''; -webkit-transition: background .6s cubic-bezier(.25, .74, .22, .99), -webkit-transform .6s cubic-bezier(.25, .74, .22, .99); transition: background .6s cubic-bezier(.25, .74, .22, .99), -webkit-transform .6s cubic-bezier(.25, .74, .22, .99); -o-transition: transform .6s cubic-bezier(.25, .74, .22, .99), background .6s cubic-bezier(.25, .74, .22, .99); transition: transform .6s cubic-bezier(.25, .74, .22, .99), background .6s cubic-bezier(.25, .74, .22, .99); transition: transform .6s cubic-bezier(.25, .74, .22, .99), background .6s cubic-bezier(.25, .74, .22, .99), -webkit-transform .6s cubic-bezier(.25, .74, .22, .99); } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .arrow:hover::before { -webkit-transform: translate(-50%, -50%) scale(0.909); -ms-transform: translate(-50%, -50%) scale(0.909); transform: translate(-50%, -50%) scale(0.909); background: #438048; } } .arrow.swiper-button-disabled { opacity: 0; pointer-events: none; } .arrow__icon { display: block; position: absolute; top: 50%; left: 50%; width: 20rem; height: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: -webkit-transform .6s cubic-bezier(.25, .74, .22, .99); transition: -webkit-transform .6s cubic-bezier(.25, .74, .22, .99); -o-transition: transform .6s cubic-bezier(.25, .74, .22, .99); transition: transform .6s cubic-bezier(.25, .74, .22, .99); transition: transform .6s cubic-bezier(.25, .74, .22, .99), -webkit-transform .6s cubic-bezier(.25, .74, .22, .99); fill: currentColor; } @media (max-width: 1199.98px) { .arrow__icon { width: 14rem; } } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .arrow:hover .arrow__icon { -webkit-transform: translate(-50%, -50%) scale(1.514); -ms-transform: translate(-50%, -50%) scale(1.514); transform: translate(-50%, -50%) scale(1.514); } } .m4-history { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: flex-end; -webkit-box-align: end; -ms-flex-align: end; } .m4-history__img-wrapper { position: relative; width: 99rem; height: 138rem; overflow: hidden; border-radius: 50%; } .m4-history__img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-transition: -webkit-transform 1.2s cubic-bezier(.25, .74, .22, .99) .2s; -o-transition: transform 1.2s cubic-bezier(.25, .74, .22, .99) .2s; transition: -webkit-transform 1.2s cubic-bezier(.25, .74, .22, .99) .2s; transition: transform 1.2s cubic-bezier(.25, .74, .22, .99) .2s; transition: transform 1.2s cubic-bezier(.25, .74, .22, .99) .2s, -webkit-transform 1.2s cubic-bezier(.25, .74, .22, .99) .2s; } .m4-history__img-wrapper.is-visible .m4-history__img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .m4-history__info { margin-bottom: 10rem; margin-left: 30rem; } .m4-history__year { margin-top: 0; margin-bottom: 0; color: #2b582f; font-style: normal; font-weight: 400; font-size: 80rem; line-height: .962; font-family: Viaoda Libre, sans-serif; font-variant-numeric: lining-nums proportional-nums; text-transform: uppercase; } .m4-history__year-span { display: block; overflow: hidden; } .m4-history__year-span-text { display: block; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; -webkit-transition: opacity 1.2s cubic-bezier(.25, .74, .22, .99) .2s, -webkit-transform 1.2s cubic-bezier(.25, .74, .22, .99) .2s; -o-transition: opacity 1.2s cubic-bezier(.25, .74, .22, .99) .2s, transform 1.2s cubic-bezier(.25, .74, .22, .99) .2s; transition: opacity 1.2s cubic-bezier(.25, .74, .22, .99) .2s, -webkit-transform 1.2s cubic-bezier(.25, .74, .22, .99) .2s; transition: opacity 1.2s cubic-bezier(.25, .74, .22, .99) .2s, transform 1.2s cubic-bezier(.25, .74, .22, .99) .2s; transition: opacity 1.2s cubic-bezier(.25, .74, .22, .99) .2s, transform 1.2s cubic-bezier(.25, .74, .22, .99) .2s, -webkit-transform 1.2s cubic-bezier(.25, .74, .22, .99) .2s; } .m4-history__descr.is-visible .m4-history__descr-span-text, .m4-history__year.is-visible .m4-history__year-span-text { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } .m4-history__descr { max-width: 225rem; margin-top: 5rem; margin-bottom: 0; color: #7e7e7e; } .m4-history__descr-span { display: block; overflow: hidden; } .m4-history__descr-span-text { display: block; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; -webkit-transition: opacity 1.2s cubic-bezier(.25, .74, .22, .99) .2s, -webkit-transform 1.2s cubic-bezier(.25, .74, .22, .99) .2s; -o-transition: opacity 1.2s cubic-bezier(.25, .74, .22, .99) .2s, transform 1.2s cubic-bezier(.25, .74, .22, .99) .2s; transition: opacity 1.2s cubic-bezier(.25, .74, .22, .99) .2s, -webkit-transform 1.2s cubic-bezier(.25, .74, .22, .99) .2s; transition: opacity 1.2s cubic-bezier(.25, .74, .22, .99) .2s, transform 1.2s cubic-bezier(.25, .74, .22, .99) .2s; transition: opacity 1.2s cubic-bezier(.25, .74, .22, .99) .2s, transform 1.2s cubic-bezier(.25, .74, .22, .99) .2s, -webkit-transform 1.2s cubic-bezier(.25, .74, .22, .99) .2s; } .m4-card, .m4-card__top { position: relative; width: 100%; } .m4-card__top { height: 583rem; overflow: hidden; } @media (max-width: 1199.98px) { .m4-card__top { height: 352rem; } } @media (max-width: 767.98px) { .m4-card__top { height: 195rem; } } .m4-card__img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: -webkit-transform .6s cubic-bezier(.25, .74, .22, .99); -o-transition: transform .6s cubic-bezier(.25, .74, .22, .99); transition: -webkit-transform .6s cubic-bezier(.25, .74, .22, .99); transition: transform .6s cubic-bezier(.25, .74, .22, .99); transition: transform .6s cubic-bezier(.25, .74, .22, .99), -webkit-transform .6s cubic-bezier(.25, .74, .22, .99); } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .m4-card:hover .m4-card__img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } } .m4-card__tag { position: absolute; bottom: 30rem; left: 30rem; margin-top: 0; margin-bottom: 0; } @media (max-width: 767.98px) { .m4-card__tag { bottom: 20rem; left: 20rem; } } .m4-card__bottom { margin-top: 30rem; } @media (max-width: 767.98px) { .m4-card__bottom { margin-top: 20rem; } } .m4-card__heading { margin-top: 0; margin-bottom: 0; -webkit-transition: color .6s cubic-bezier(.25, .74, .22, .99); -o-transition: color .6s cubic-bezier(.25, .74, .22, .99); transition: color .6s cubic-bezier(.25, .74, .22, .99); } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .m4-card:hover .m4-card__heading { color: #2b582f; } } .m4-card__place { margin-top: 20rem; margin-bottom: 0; color: #3e3333; } @media (max-width: 767.98px) { .m4-card__place { margin-top: 10rem; } } .m4-card__link { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .m4-tag { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; justify-content: center; min-width: 120rem; padding: 11rem 20rem; border-radius: 100rem; background: #fff; color: #3e3333; -webkit-box-pack: center; -ms-flex-pack: center; } @media (max-width: 767.98px) { .m4-tag { min-width: 100rem; padding: 7rem 26rem 8rem; font-size: 12rem; } } .m5-card, .m5-card__top { position: relative; width: 100%; } .m5-card__top { height: 560rem; overflow: hidden; } @media (max-width: 1199.98px) { .m5-card__top { height: 453rem; } } @media (max-width: 767.98px) { .m5-card__top { height: 321rem; } } .m5-card__img { display: block; position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: auto; -o-object-fit: cover; object-fit: cover; -webkit-transition: -webkit-transform .6s cubic-bezier(.25, .74, .22, .99); -o-transition: transform .6s cubic-bezier(.25, .74, .22, .99); transition: -webkit-transform .6s cubic-bezier(.25, .74, .22, .99); transition: transform .6s cubic-bezier(.25, .74, .22, .99); transition: transform .6s cubic-bezier(.25, .74, .22, .99), -webkit-transform .6s cubic-bezier(.25, .74, .22, .99); } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .m5-card:hover .m5-card__img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } } .m5-card__tag { position: absolute; bottom: 30rem; left: 30rem; margin-top: 0; margin-bottom: 0; } @media (max-width: 767.98px) { .m5-card__tag { bottom: 20rem; left: 20rem; } } .m5-card__bottom { margin-top: 30rem; } @media (max-width: 767.98px) { .m5-card__bottom { margin-top: 20rem; } } .m5-card__heading { margin-top: 0; margin-bottom: 0; -webkit-transition: color .6s cubic-bezier(.25, .74, .22, .99); -o-transition: color .6s cubic-bezier(.25, .74, .22, .99); transition: color .6s cubic-bezier(.25, .74, .22, .99); } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .m5-card:hover .m5-card__heading { color: #2b582f; } } .m5-card__city { margin-top: 20rem; margin-bottom: 0; color: #7e7e7e; } @media (max-width: 767.98px) { .m5-card__city { margin-top: 10rem; } } .m5-card__date { margin-top: 30rem; margin-bottom: 0; } .m5-card__link { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .m6-btn { z-index: 1; position: relative; padding: 19rem 46rem; overflow: hidden; border-radius: 100rem; background: #fff; color: #333; font-size: 18rem; line-height: normal; text-decoration: none; -webkit-transition: color .6s cubic-bezier(.25, .74, .22, .99); -o-transition: color .6s cubic-bezier(.25, .74, .22, .99); transition: color .6s cubic-bezier(.25, .74, .22, .99); } @media (max-width: 767.98px) { .m6-btn { padding: 13rem 36rem 14rem; font-size: 16rem; } } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .m6-btn:hover { color: #2b582f; } } .header:after, .m6-btn::after, .m6-btn::before { position: absolute; left: 0; width: 100%; content: ""; } .m6-btn::after { top: 0; height: 100%; border: 0 solid #2b582f; border-radius: inherit; -webkit-transition: border-width .6s cubic-bezier(.25, .74, .22, .99); -o-transition: border-width .6s cubic-bezier(.25, .74, .22, .99); transition: border-width .6s cubic-bezier(.25, .74, .22, .99); } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .m6-btn:hover::after { border-width: 3rem; } } .header:after, .m6-btn::before { z-index: -1; } .m6-btn::before { top: 100%; height: 0; padding-bottom: 100%; border-radius: 50%; background: #2b582f; -webkit-transition: top .6s cubic-bezier(.25, .74, .22, .99), -webkit-transform .6s cubic-bezier(.25, .74, .22, .99); -o-transition: transform .6s cubic-bezier(.25, .74, .22, .99), top .6s cubic-bezier(.25, .74, .22, .99); transition: top .6s cubic-bezier(.25, .74, .22, .99), -webkit-transform .6s cubic-bezier(.25, .74, .22, .99); transition: transform .6s cubic-bezier(.25, .74, .22, .99), top .6s cubic-bezier(.25, .74, .22, .99); transition: transform .6s cubic-bezier(.25, .74, .22, .99), top .6s cubic-bezier(.25, .74, .22, .99), -webkit-transform .6s cubic-bezier(.25, .74, .22, .99); } .m6-btn.is-active { color: #fff; pointer-events: none; } .m6-btn.is-active::before { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 767.98px) { .m6-btn::after, .m6-btn::before { display: none; } } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .m6-btn:active { color: #fff; } .m6-btn:active::before { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } .m7-card { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; width: 100%; -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; } .m7-card__img { display: block; width: auto; max-width: 260rem; height: auto; max-height: 60rem; margin-right: auto; margin-left: auto; -o-object-fit: contain; object-fit: contain; } @media (max-width: 767.98px) { .m7-card__img { max-width: 220rem; max-height: 50rem; } } .header { z-index: 3; position: fixed; top: 0; left: 0; width: 100vw; background: #fff; -webkit-transition: top .6s cubic-bezier(.25, .74, .22, .99), background .6s cubic-bezier(.25, .74, .22, .99), color .6s cubic-bezier(.25, .74, .22, .99); -o-transition: top .6s cubic-bezier(.25, .74, .22, .99), background .6s cubic-bezier(.25, .74, .22, .99), color .6s cubic-bezier(.25, .74, .22, .99); transition: top .6s cubic-bezier(.25, .74, .22, .99), background .6s cubic-bezier(.25, .74, .22, .99), color .6s cubic-bezier(.25, .74, .22, .99); } .header--green { background: #2b582f; color: #fff; } .header.is-scrolled { background: #fff; color: #333; } .header:after { bottom: 0; height: 1rem; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; background: #d9d9d9; -webkit-transition: background .6s cubic-bezier(.25, .74, .22, .99), -webkit-transform .6s cubic-bezier(.25, .74, .22, .99); -o-transition: background .6s cubic-bezier(.25, .74, .22, .99), transform .6s cubic-bezier(.25, .74, .22, .99); transition: background .6s cubic-bezier(.25, .74, .22, .99), -webkit-transform .6s cubic-bezier(.25, .74, .22, .99); transition: background .6s cubic-bezier(.25, .74, .22, .99), transform .6s cubic-bezier(.25, .74, .22, .99); transition: background .6s cubic-bezier(.25, .74, .22, .99), transform .6s cubic-bezier(.25, .74, .22, .99), -webkit-transform .6s cubic-bezier(.25, .74, .22, .99); } .header--green:after { background: #fff; } .header.is-scrolled:after { background: #d9d9d9; } .header.is-active:after { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } @media (max-width: 767.98px) { .header:after { display: none; } } .header__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; padding-top: 14rem; padding-bottom: 34rem; -webkit-box-align: center; -ms-flex-align: center; } @media (max-width: 767.98px) { .header__wrapper { padding-top: 10rem; padding-bottom: 10rem; } } .header__col-1 { position: relative; align-self: flex-start; width: 455rem; -ms-flex-item-align: start; } @media (max-width: 1199.98px) { .header__col-1 { width: auto; } } .header__logo { position: absolute; top: -14rem; left: 0; -webkit-transition: -webkit-transform .6s cubic-bezier(.25, .74, .22, .99); -o-transition: transform .6s cubic-bezier(.25, .74, .22, .99); transition: -webkit-transform .6s cubic-bezier(.25, .74, .22, .99); transition: transform .6s cubic-bezier(.25, .74, .22, .99); transition: transform .6s cubic-bezier(.25, .74, .22, .99), -webkit-transform .6s cubic-bezier(.25, .74, .22, .99); } @media (max-width: 767.98px) { .header__logo { top: -10rem; -webkit-transform: scale(1.92); -ms-transform: scale(1.92); transform: scale(1.92); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } } .header--main .header__logo { -webkit-transform: scale(1.92); -ms-transform: scale(1.92); transform: scale(1.92); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } .header.is-active .header__logo, .header.is-scrolled .header__logo { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .header--green.is-scrolled .header__logo:hover .header__logo-box { fill: #438048; } } .header--green .header__logo .header__logo-box { fill: #fff; } .header--green .header__logo .header__logo-icon, .header--green.is-scrolled .header__logo .header__logo-box { fill: #2b582f; } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .header--green .header__logo:hover .header__logo-icon { fill: #438048; } } .header--green.is-scrolled .header__logo .header__logo-icon { fill: #fff; } @media (max-width: 767.98px) { .header--main .header__logo-icon { -webkit-transform: translateY(16rem); -ms-transform: translateY(16rem); transform: translateY(16rem); -webkit-transition: -webkit-transform 1.2s cubic-bezier(.25, .74, .22, .99); -o-transition: transform 1.2s cubic-bezier(.25, .74, .22, .99); transition: -webkit-transform 1.2s cubic-bezier(.25, .74, .22, .99); transition: transform 1.2s cubic-bezier(.25, .74, .22, .99); transition: transform 1.2s cubic-bezier(.25, .74, .22, .99), -webkit-transform 1.2s cubic-bezier(.25, .74, .22, .99); } .header--main .header__col-1.is-visible .header__logo-icon { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .header__text { max-width: 293rem; margin-top: 0; margin-bottom: 0; margin-left: 68rem; font-style: normal; font-weight: 400; font-size: 16rem; line-height: 1.375; font-family: Inter, sans-serif; -webkit-transition: -webkit-transform .6s cubic-bezier(.25, .74, .22, .99); -o-transition: transform .6s cubic-bezier(.25, .74, .22, .99); transition: -webkit-transform .6s cubic-bezier(.25, .74, .22, .99); transition: transform .6s cubic-bezier(.25, .74, .22, .99); transition: transform .6s cubic-bezier(.25, .74, .22, .99), -webkit-transform .6s cubic-bezier(.25, .74, .22, .99); } @media (max-width: 767.98px) { .header__text { display: none; } } .header--main .header__text { -webkit-transform: translateX(46rem); -ms-transform: translateX(46rem); transform: translateX(46rem); } .header.is-active .header__text, .header.is-scrolled .header__text { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .header__col-2 { margin-right: auto; margin-left: auto; } @media (max-width: 1199.98px) { .header__col-2 { margin-right: 0; } } @media (max-width: 767.98px) { .header__col-2 { display: none; } } .header__ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; margin: -7.5rem -15rem; padding: 0; list-style: none; -webkit-box-align: center; -ms-flex-align: center; } @media (max-width: 1199.98px) { .header__ul { margin-right: -8rem; margin-left: -8rem; } } .header__li { margin: 7.5rem 15rem; } @media (max-width: 1199.98px) { .header__li { margin-right: 8rem; margin-left: 8rem; font-size: 12rem; } } .fancybox__content > .f-button.is-close-btn svg, .header__li--menu, .is-compact .fancybox__content > .f-button.is-close-btn svg { display: none; } @media (max-width: 767.98px) { .header__li--menu { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .header__li--contacts { display: none; } } .header__link { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .header--green .header__link:hover { color: #b1b1b1; } .header--green.is-scrolled .header__link:hover { color: #2b582f; } } .header__col-3 { width: 455rem; } @media (max-width: 1199.98px) { .header__col-3 { width: auto; margin-left: 20rem; } } @media (max-width: 767.98px) { .header__col-3 { margin-left: auto; } } .header__btn { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .header--green .header__btn:hover { color: #b1b1b1; } .header--green.is-scrolled .header__btn:hover { color: #2b582f; } } @media (max-width: 1199.98px) { .header__btn-icon { margin-right: 0; } .header__btn-text { display: none; } .header__link-icon { margin-right: 0; } .header__link-text { display: none; } } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .header--green .header__burger:hover { color: #b1b1b1; } .header--green.is-scrolled .header__burger:hover { color: #2b582f; } } .menu { display: none; z-index: 2; position: fixed; top: 0; left: 0; width: 100vw; height: 100%; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); background: #fff; -webkit-transition: -webkit-transform .6s cubic-bezier(.25, .74, .22, .99); -o-transition: transform .6s cubic-bezier(.25, .74, .22, .99); transition: -webkit-transform .6s cubic-bezier(.25, .74, .22, .99); transition: transform .6s cubic-bezier(.25, .74, .22, .99); transition: transform .6s cubic-bezier(.25, .74, .22, .99), -webkit-transform .6s cubic-bezier(.25, .74, .22, .99); } @media (max-width: 767.98px) { .menu { display: block; } } .menu--green { background: #2b582f; color: #fff; } .menu.is-scrolled { background: #fff; color: #333; } .menu.is-active { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .menu__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; height: 100%; padding-top: 85rem; padding-bottom: 40rem; overflow-y: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; } .menu__nav { margin-bottom: auto; } .menu__ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; align-items: flex-start; margin: -7.5rem 0; padding: 0; list-style: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: start; -ms-flex-align: start; } .menu__li { margin: 7.5rem 0; } .menu__link { display: block; } .menu--green .menu__link:hover { color: #b1b1b1; } .menu--green.is-scrolled .menu__link:hover { color: #2b582f; } .menu__socials { margin-top: 20rem; } .menu__socials-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -10rem; padding: 0; list-style: none; } .menu__socials-item { margin: 10rem; } .menu--green .menu__social-link { background: #fff; color: #2b582f; } .menu--green.is-scrolled .menu__social-link { background: #b1b1b1; color: #fff; } .menu--green .menu__social-link:hover { background: #fff; color: #438048; } .menu--green.is-scrolled .menu__social-link:hover { background: #2b582f; color: #fff; } .menu__copyright { margin-top: 20rem; } .menu__copyright-text { margin-top: 0; margin-bottom: 0; color: #b1b1b1; } .main { display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1; position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-direction: column; flex-direction: column; padding-top: 92rem; -webkit-box-flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; } @media (max-width: 1199.98px) { .main { padding-top: 79rem; } } @media (max-width: 767.98px) { .main { padding-top: 45rem; } } .footer { z-index: 1; position: relative; padding-bottom: 30rem; border-top: 1rem solid #d9d9d9; } @media (max-width: 767.98px) { .footer { padding-bottom: 21rem; } } .footer__top { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer__text { max-width: 292rem; margin-top: 32rem; margin-bottom: 0; margin-left: 22rem; line-height: normal; } @media (max-width: 767.98px) { .footer__text { max-width: 219rem; margin-top: 20rem; margin-left: 10rem; font-size: 12rem; } } .footer__nav { margin-top: 32rem; margin-left: auto; } @media (max-width: 767.98px) { .footer__nav { width: 100%; margin-top: 30rem; margin-left: 0; } } .footer__ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; margin: -6rem -15rem; padding: 0; list-style: none; -webkit-box-align: center; -ms-flex-align: center; } @media (max-width: 767.98px) { .footer__ul { -ms-flex-direction: column; flex-direction: column; align-items: flex-start; margin-right: 0; margin-left: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: start; -ms-flex-align: start; } } .footer__li { margin: 6rem 15rem; } @media (max-width: 767.98px) { .footer__li { margin-right: 0; margin-left: 0; } } .footer__link { display: block; } .footer__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: flex-end; margin-top: 47rem; -webkit-box-align: end; -ms-flex-align: end; } @media (max-width: 767.98px) { .footer__bottom { -ms-flex-direction: column; flex-direction: column; align-items: flex-start; margin-top: 40rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: start; -ms-flex-align: start; } .footer__socials { order: -2; -webkit-box-ordinal-group: -1; -ms-flex-order: -2; } } .footer__socials-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -10rem; padding: 0; list-style: none; } .footer__socials-item { margin: 10rem; } .footer__copyright { max-width: 717rem; margin-top: 0; margin-bottom: 0; margin-left: 40rem; color: #b1b1b1; } @media (max-width: 1199.98px) { .footer__copyright { max-width: 340rem; } } @media (max-width: 767.98px) { .footer__copyright { margin-top: 20rem; margin-left: 0; } } .footer__policy { margin-left: auto; } @media (max-width: 767.98px) { .footer__policy { order: -1; margin-top: 20rem; margin-left: 0; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; } } .footer__bquadro { margin-left: 221rem; } @media (max-width: 767.98px) { .footer__bquadro { margin-top: 41rem; margin-left: 0; } } .cookies { z-index: 4; position: fixed; right: 0; bottom: 0; width: 100%; max-width: 445rem; padding: 50rem 40rem 40rem 30rem; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); background: #2b582f; color: #fff; -webkit-transition: -webkit-transform 1.2s cubic-bezier(.25, .74, .22, .99); -o-transition: transform 1.2s cubic-bezier(.25, .74, .22, .99); transition: -webkit-transform 1.2s cubic-bezier(.25, .74, .22, .99); transition: transform 1.2s cubic-bezier(.25, .74, .22, .99); transition: transform 1.2s cubic-bezier(.25, .74, .22, .99), -webkit-transform 1.2s cubic-bezier(.25, .74, .22, .99); } @media (max-width: 767.98px) { .cookies { max-width: none; padding: 40rem 16rem 32rem; } } .cookies.is-active { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .cookies__text { max-width: 338rem; margin-top: 0; margin-bottom: 0; } @media (max-width: 767.98px) { .cookies__text { max-width: 289rem; font-size: 12rem; } } .cookies__close { position: absolute; top: 20rem; right: 20rem; } @media (max-width: 767.98px) { .cookies__close { top: 16rem; right: 16rem; } } .cookies__btn { margin-top: 40rem; } @media (max-width: 767.98px) { .cookies__btn { margin-top: 20rem; } } .f-in { -webkit-animation: fadeIn .6s cubic-bezier(.25, .74, .22, .99); animation: fadeIn .6s cubic-bezier(.25, .74, .22, .99); } .f-out { -webkit-animation: fadeOut .6s cubic-bezier(.25, .74, .22, .99); animation: fadeOut .6s cubic-bezier(.25, .74, .22, .99); } .s-down { -webkit-animation: slideDown .6s cubic-bezier(.25, .74, .22, .99); animation: slideDown .6s cubic-bezier(.25, .74, .22, .99); } .s-up { -webkit-animation: slideUp .6s cubic-bezier(.25, .74, .22, .99); animation: slideUp .6s cubic-bezier(.25, .74, .22, .99); } .fancybox__container { --f-spinner-color-1: #fff; --f-spinner-color-2: #2b582f; } .fancybox__backdrop { background: rgba(51, 51, 51, .9); } .fancybox__content { z-index: 4; background: #fff; color: #333; } .fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn { padding-top: 40rem; } @media (max-width: 767.98px) { .fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn { padding-top: 16rem; } } .fancybox__slide { padding: 40rem; } @media (max-width: 767.98px) { .fancybox__slide { padding: 16rem; } } .fancybox__content { padding: 50rem 40rem 40rem; } @media (max-width: 767.98px) { .fancybox__content { padding: 40rem 16rem 32rem; } } .has-html5video .fancybox__content, .has-vimeo .fancybox__content, .has-youtube .fancybox__content { width: 100%; max-width: 1840px; height: auto; } .fancybox__content > .f-button.is-close-btn, .is-compact .fancybox__content > .f-button.is-close-btn { top: 20rem; right: 20rem; width: 20rem; height: 20rem; border: 0; border-radius: 0; background: 0 0; -webkit-box-shadow: none; box-shadow: none; color: #333; opacity: 1; -webkit-transition: color .6s cubic-bezier(.25, .74, .22, .99); -o-transition: color .6s cubic-bezier(.25, .74, .22, .99); transition: color .6s cubic-bezier(.25, .74, .22, .99); } @media (max-width: 767.98px) { .fancybox__content > .f-button.is-close-btn, .is-compact .fancybox__content > .f-button.is-close-btn { top: 16rem; right: 16rem; width: 16rem; height: 16rem; } } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .fancybox__content > .f-button.is-close-btn:hover, .is-compact .fancybox__content > .f-button.is-close-btn:hover { color: #2b582f; } } .fancybox__content > .f-button.is-close-btn:before, .is-compact .fancybox__content > .f-button.is-close-btn:before { position: absolute; top: 50%; left: 50%; width: 1rem; height: 100%; -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); background: currentColor; content: ""; } .fancybox__content > .f-button.is-close-btn:after, .is-compact .fancybox__content > .f-button.is-close-btn:after { position: absolute; top: 50%; left: 50%; width: 1rem; height: 100%; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); background: currentColor; content: ""; } .has-html5video .fancybox__content > .f-button.is-close-btn, .has-vimeo .fancybox__content > .f-button.is-close-btn, .has-youtube .fancybox__content > .f-button.is-close-btn, .is-compact .has-html5video .fancybox__content > .f-button.is-close-btn, .is-compact .has-vimeo .fancybox__content > .f-button.is-close-btn, .is-compact .has-youtube .fancybox__content > .f-button.is-close-btn { width: 40rem; height: 40rem; border-radius: 50%; background: #2b582f; color: #fff; -webkit-transition: background .6s cubic-bezier(.25, .74, .22, .99); -o-transition: background .6s cubic-bezier(.25, .74, .22, .99); transition: background .6s cubic-bezier(.25, .74, .22, .99); } @media (max-width: 767.98px) { .has-html5video .fancybox__content > .f-button.is-close-btn, .has-vimeo .fancybox__content > .f-button.is-close-btn, .has-youtube .fancybox__content > .f-button.is-close-btn, .is-compact .has-html5video .fancybox__content > .f-button.is-close-btn, .is-compact .has-vimeo .fancybox__content > .f-button.is-close-btn, .is-compact .has-youtube .fancybox__content > .f-button.is-close-btn { width: 32rem; height: 32rem; } } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .has-html5video .fancybox__content > .f-button.is-close-btn:hover, .has-vimeo .fancybox__content > .f-button.is-close-btn:hover, .has-youtube .fancybox__content > .f-button.is-close-btn:hover, .is-compact .has-html5video .fancybox__content > .f-button.is-close-btn:hover, .is-compact .has-vimeo .fancybox__content > .f-button.is-close-btn:hover, .is-compact .has-youtube .fancybox__content > .f-button.is-close-btn:hover { background: #438048; } } .has-html5video .fancybox__content > .f-button.is-close-btn:after, .has-html5video .fancybox__content > .f-button.is-close-btn:before, .has-vimeo .fancybox__content > .f-button.is-close-btn:after, .has-vimeo .fancybox__content > .f-button.is-close-btn:before, .has-youtube .fancybox__content > .f-button.is-close-btn:after, .has-youtube .fancybox__content > .f-button.is-close-btn:before, .is-compact .has-html5video .fancybox__content > .f-button.is-close-btn:after, .is-compact .has-html5video .fancybox__content > .f-button.is-close-btn:before, .is-compact .has-vimeo .fancybox__content > .f-button.is-close-btn:after, .is-compact .has-vimeo .fancybox__content > .f-button.is-close-btn:before, .is-compact .has-youtube .fancybox__content > .f-button.is-close-btn:after, .is-compact .has-youtube .fancybox__content > .f-button.is-close-btn:before { height: 50%; } .popup-search { z-index: 4; position: fixed; top: 0; left: 0; width: 100vw; padding: 0; } .popup-search__form, .popup-search__top { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; } .popup-search__form { width: 100%; } .popup-search__btn { flex-shrink: 0; -ms-flex-negative: 0; } .popup-search__input { margin-left: 14rem; } @media (max-width: 767.98px) { .popup-search__input { margin-left: 4rem; } } .popup-search__close { flex-shrink: 0; margin-left: 20rem; -ms-flex-negative: 0; } @media (max-width: 767.98px) { .popup-search__close { margin-left: 10rem; } } .popup-search__result { padding-top: 40rem; padding-bottom: 60rem; border-top: 1rem solid #333; } @media (max-width: 767.98px) { .popup-search__result { padding-top: 20rem; padding-bottom: 40rem; } } .popup-search__result-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; align-items: flex-start; margin: 0; padding: 0; list-style: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: start; -ms-flex-align: start; } .popup-search__result-item { position: relative; padding-left: 40rem; } @media (max-width: 767.98px) { .popup-search__result-item:nth-child(n+4) { display: none; } } .popup-search__result-item:not(:first-child) { margin-top: 40rem; } @media (max-width: 767.98px) { .popup-search__result-item:not(:first-child) { margin-top: 20rem; } } .popup-search__result-item:before { position: absolute; top: 13rem; left: 13rem; width: 5rem; height: 5rem; border-radius: 50%; background: #2b582f; content: ""; } @media (max-width: 767.98px) { .popup-search__result-item:before { top: 10rem; } } .popup-search__result-btn { margin-top: 60rem; } @media (max-width: 767.98px) { .popup-search__result-btn { width: 100%; margin-top: 40rem; } } .popup-search__empty { color: #b1b1b1; } .popup-search .f-button { display: none; } .search-page { padding-bottom: 60rem; } @media (max-width: 767.98px) { .search-page { padding-bottom: 40rem; } } .search-page__form { position: relative; width: 100%; } .search-page__btn { position: absolute; top: 8rem; left: 0; } @media (max-width: 767.98px) { .search-page__btn { top: 4rem; } } .search-page__result { margin-top: 60rem; } @media (max-width: 767.98px) { .search-page__result { margin-top: 40rem; } } .search-page__result-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; align-items: flex-start; margin: 0; padding: 0; list-style: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: start; -ms-flex-align: start; } .search-page__result-item { position: relative; padding-left: 40rem; } .search-page__result-item:not(:first-child) { margin-top: 40rem; } @media (max-width: 767.98px) { .search-page__result-item:not(:first-child) { margin-top: 20rem; } } .search-page__result-item:before { position: absolute; top: 13rem; left: 13rem; width: 5rem; height: 5rem; border-radius: 50%; background: #2b582f; content: ""; } @media (max-width: 767.98px) { .search-page__result-item:before { top: 10rem; } } .search-page__pagination.pagination { padding-top: 60rem; padding-bottom: 0; } @media (max-width: 767.98px) { .search-page__pagination.pagination { padding-top: 40rem; padding-bottom: 0; } } .search-page__empty { color: #b1b1b1; } .main-1 { display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1; position: relative; -ms-flex-direction: column; flex-direction: column; min-height: calc(100vh - 92rem); color: #fff; -webkit-box-orient: vertical; -webkit-box-direction: normal; } @media (max-width: 767.98px) { .main-1 { min-height: 602rem; } } .main-1__video-wrapper { z-index: -1; position: absolute; top: 0; left: 50%; width: 100vw; height: 100%; overflow: hidden; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .main-1__video { position: absolute; top: 0; left: 50%; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: -webkit-transform 1.2s cubic-bezier(.25, .74, .22, .99); -o-transition: transform 1.2s cubic-bezier(.25, .74, .22, .99); transition: -webkit-transform 1.2s cubic-bezier(.25, .74, .22, .99); transition: transform 1.2s cubic-bezier(.25, .74, .22, .99); transition: transform 1.2s cubic-bezier(.25, .74, .22, .99), -webkit-transform 1.2s cubic-bezier(.25, .74, .22, .99); } @media (max-width: 767.98px) { .main-1__video { -webkit-transform: translateX(-50%) scale(1.3); -ms-transform: translateX(-50%) scale(1.3); transform: translateX(-50%) scale(1.3); } .main-1__video-wrapper.is-visible .main-1__video { -webkit-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); } } .main-1__bg-wrapper { display: none; z-index: -1; position: absolute; top: 0; left: 50%; width: 100vw; height: 100%; overflow: hidden; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 767.98px) { .main-1__bg-wrapper { display: block; } } .main-1__bg { z-index: -1; position: absolute; top: 0; left: 50%; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transform: translateX(-50%) scale(1.3); -ms-transform: translateX(-50%) scale(1.3); transform: translateX(-50%) scale(1.3); -webkit-transition: -webkit-transform 1.2s cubic-bezier(.25, .74, .22, .99); -o-transition: transform 1.2s cubic-bezier(.25, .74, .22, .99); transition: -webkit-transform 1.2s cubic-bezier(.25, .74, .22, .99); transition: transform 1.2s cubic-bezier(.25, .74, .22, .99); transition: transform 1.2s cubic-bezier(.25, .74, .22, .99), -webkit-transform 1.2s cubic-bezier(.25, .74, .22, .99); } .main-1__bg-wrapper.is-visible .main-1__bg { -webkit-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); } .main-1__inner { display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1; position: relative; -ms-flex: auto; flex: auto; -ms-flex-direction: column; flex-direction: column; align-items: flex-start; justify-content: flex-end; width: 100%; height: 100%; padding-top: 80rem; padding-bottom: 40rem; -webkit-box-flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: start; -ms-flex-align: start; -webkit-box-pack: end; -ms-flex-pack: end; } .main-1__descr { display: none; max-width: 224rem; margin-top: 0; margin-bottom: 0; font-size: 12rem; line-height: 1.333; } @media (max-width: 767.98px) { .main-1__descr { display: block; } } .main-1__heading { margin-top: 20rem; margin-bottom: 0; font-style: normal; font-weight: 400; font-size: 80rem; line-height: 1; font-family: Viaoda Libre, sans-serif; text-transform: uppercase; } .main-1__heading-span { display: block; overflow: hidden; } .main-1__heading-span-text { display: block; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); opacity: 0; -webkit-transition: opacity 1.2s cubic-bezier(.25, .74, .22, .99), -webkit-transform 1.2s cubic-bezier(.25, .74, .22, .99); -o-transition: opacity 1.2s cubic-bezier(.25, .74, .22, .99), transform 1.2s cubic-bezier(.25, .74, .22, .99); transition: opacity 1.2s cubic-bezier(.25, .74, .22, .99), -webkit-transform 1.2s cubic-bezier(.25, .74, .22, .99); transition: opacity 1.2s cubic-bezier(.25, .74, .22, .99), transform 1.2s cubic-bezier(.25, .74, .22, .99); transition: opacity 1.2s cubic-bezier(.25, .74, .22, .99), transform 1.2s cubic-bezier(.25, .74, .22, .99), -webkit-transform 1.2s cubic-bezier(.25, .74, .22, .99); } .main-1__heading.is-visible .main-1__heading-span-text, .main-3__tabs-item.is-active { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } @media (max-width: 767.98px) { .main-1__heading { font-size: 40rem; } } .main-1__audio { position: absolute; top: 40rem; right: 0; } @media (max-width: 767.98px) { .main-1__audio { display: none; } } .main-1__play { display: none; margin-top: 40rem; } @media (max-width: 767.98px) { .main-1__play { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } .main-2 { padding-top: 80rem; } @media (max-width: 767.98px) { .main-2 { padding-top: 40rem; } } .main-2__top { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; } @media (max-width: 767.98px) { .main-2__top { -ms-flex-direction: column; flex-direction: column; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: start; -ms-flex-align: start; } } .main-2__heading { margin-top: 0; margin-bottom: 0; } .main-2__link { margin-left: auto; } @media (max-width: 767.98px) { .main-2__link { margin-top: 20rem; margin-left: 0; } } .main-2__swiper { margin-top: 50rem; margin-right: -10rem; margin-left: -10rem; } @media (max-width: 767.98px) { .main-2__swiper { margin-top: 20rem; margin-right: -16rem; margin-left: -16rem; padding-right: 11rem; padding-left: 11rem; } } .main-2__swiper-wrapper { margin: 0; padding: 0; list-style: none; -webkit-transition: -webkit-transform .6s cubic-bezier(.25, .74, .22, .99) !important; -o-transition: transform .6s cubic-bezier(.25, .74, .22, .99) !important; transition: -webkit-transform .6s cubic-bezier(.25, .74, .22, .99) !important; transition: transform .6s cubic-bezier(.25, .74, .22, .99) !important; transition: transform .6s cubic-bezier(.25, .74, .22, .99), -webkit-transform .6s cubic-bezier(.25, .74, .22, .99) !important; } .main-2__slide { width: calc(25% - 20rem); height: auto; margin: 0 10rem; } @media (max-width: 1199.98px) { .main-2__slide { width: calc(33.333% - 20rem); } } @media (max-width: 767.98px) { .main-2__slide { width: 255rem; margin: 0 5rem; } } .main-2__swiper-prev { z-index: 1; position: absolute; top: 50%; left: 30rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 767.98px) { .main-2__swiper-prev { display: none; } } .main-2__swiper-next { z-index: 1; position: absolute; top: 50%; right: 30rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 767.98px) { .main-2__swiper-next { display: none; } } .main-3 { padding-top: 150rem; } @media (max-width: 767.98px) { .main-3 { padding-top: 80rem; } } .main-3__top { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; } @media (max-width: 767.98px) { .main-3__top { -ms-flex-direction: column; flex-direction: column; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: start; -ms-flex-align: start; } } .main-3__heading { display: inline; margin-top: 0; margin-bottom: 0; } .main-3__count { display: inline; color: #b1b1b1; } .main-3__link { margin-left: auto; } @media (max-width: 767.98px) { .main-3__link { margin-top: 20rem; margin-left: 0; } } .main-3__bottom { margin-top: 50rem; } @media (max-width: 767.98px) { .main-3__bottom { margin-top: 20rem; } } .main-3__tabs-list { position: relative; margin: 40rem 0 0; padding: 0; list-style: none; } @media (max-width: 767.98px) { .main-3__tabs-list { margin-top: 20rem; } } .main-3__tabs-item { visibility: hidden; position: absolute; top: 0; right: 0; left: 0; -webkit-transform: translateY(40rem); -ms-transform: translateY(40rem); transform: translateY(40rem); opacity: 0; pointer-events: none; } @media (max-width: 767.98px) { .main-3__tabs-item { -webkit-transform: translateY(16rem); -ms-transform: translateY(16rem); transform: translateY(16rem); } } .main-3__tabs-item.is-active { visibility: visible; position: static; pointer-events: all; -webkit-transition: opacity .6s cubic-bezier(.25, .74, .22, .99), visibility .6s cubic-bezier(.25, .74, .22, .99), -webkit-transform .6s cubic-bezier(.25, .74, .22, .99); -o-transition: opacity .6s cubic-bezier(.25, .74, .22, .99), visibility .6s cubic-bezier(.25, .74, .22, .99), transform .6s cubic-bezier(.25, .74, .22, .99); transition: opacity .6s cubic-bezier(.25, .74, .22, .99), visibility .6s cubic-bezier(.25, .74, .22, .99), -webkit-transform .6s cubic-bezier(.25, .74, .22, .99); transition: opacity .6s cubic-bezier(.25, .74, .22, .99), visibility .6s cubic-bezier(.25, .74, .22, .99), transform .6s cubic-bezier(.25, .74, .22, .99); transition: opacity .6s cubic-bezier(.25, .74, .22, .99), visibility .6s cubic-bezier(.25, .74, .22, .99), transform .6s cubic-bezier(.25, .74, .22, .99), -webkit-transform .6s cubic-bezier(.25, .74, .22, .99); } .main-3__swiper { margin-right: -10rem; margin-left: -10rem; } @media (max-width: 767.98px) { .main-3__swiper { margin-right: -16rem; margin-left: -16rem; padding-right: 11rem; padding-left: 11rem; } } .main-3__swiper-wrapper { margin: 0; padding: 0; list-style: none; -webkit-transition-property: -webkit-transform !important; transition-property: -webkit-transform !important; -o-transition-property: transform !important; transition-property: transform !important; transition-property: transform, -webkit-transform !important; -webkit-transition-timing-function: cubic-bezier(.25, .74, .22, .99) !important; -o-transition-timing-function: cubic-bezier(.25, .74, .22, .99) !important; transition-timing-function: cubic-bezier(.25, .74, .22, .99) !important; } .main-3__slide { display: none; width: calc(25% - 20rem); height: auto; margin: 0 10rem; } .main-3__slide.is-active { display: block; } .main-3__slide.is-hide, .main-3__slide.is-hide.is-active { display: none; } @media (max-width: 1199.98px) { .main-3__slide { width: calc(33.333% - 20rem); } } @media (max-width: 767.98px) { .main-3__slide { width: 255rem; margin: 0 5rem; } } .main-3__swiper-prev { z-index: 1; position: absolute; top: 240rem; left: 63rem; } @media (max-width: 1199.98px) { .main-3__swiper-prev { top: 198rem; } } @media (max-width: 767.98px) { .main-3__swiper-prev { display: none; } } .main-3__swiper-next { z-index: 1; position: absolute; top: 240rem; right: 30rem; } @media (max-width: 1199.98px) { .main-3__swiper-next { top: 198rem; } } @media (max-width: 767.98px) { .main-3__swiper-next { display: none; } } .main-4 { padding-top: 150rem; } @media (max-width: 767.98px) { .main-4 { padding-top: 80rem; } } .main-4__heading { margin-top: 0; margin-bottom: 0; font-style: normal; font-weight: 400; font-size: 80rem; line-height: 1; font-family: Viaoda Libre, sans-serif; font-variant-numeric: lining-nums proportional-nums; text-align: center; text-transform: uppercase; } @media (max-width: 767.98px) { .main-4__heading { font-size: 32px; line-height: 1; } .main-4__heading br { display: none; } } .main-4__heading-span { display: block; overflow: hidden; } .main-4__heading-span-text { display: block; } .main-4__heading-span:not(:first-child) .main-4__heading-span-text { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: opacity 1.2s cubic-bezier(.25, .74, .22, .99) .2s, -webkit-transform 1.2s cubic-bezier(.25, .74, .22, .99) .2s; -o-transition: opacity 1.2s cubic-bezier(.25, .74, .22, .99) .2s, transform 1.2s cubic-bezier(.25, .74, .22, .99) .2s; transition: opacity 1.2s cubic-bezier(.25, .74, .22, .99) .2s, -webkit-transform 1.2s cubic-bezier(.25, .74, .22, .99) .2s; transition: opacity 1.2s cubic-bezier(.25, .74, .22, .99) .2s, transform 1.2s cubic-bezier(.25, .74, .22, .99) .2s; transition: opacity 1.2s cubic-bezier(.25, .74, .22, .99) .2s, transform 1.2s cubic-bezier(.25, .74, .22, .99) .2s, -webkit-transform 1.2s cubic-bezier(.25, .74, .22, .99) .2s; } .main-4__descr.is-visible .main-4__descr-span-text, .main-4__heading.is-visible .main-4__heading-span-text { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } .main-4__top { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: flex-start; justify-content: center; margin-top: 36rem; -webkit-box-align: start; -ms-flex-align: start; -webkit-box-pack: center; -ms-flex-pack: center; } @media (max-width: 767.98px) { .main-4__top { margin-top: 30rem; } } .main-4__history, .main-4__text { width: 100%; max-width: 445rem; } .main-4__text { margin-top: 24rem; } @media (max-width: 767.98px) { .main-4__text { margin-top: 40rem; } } .main-4__descr { margin-top: 0; margin-bottom: 0; } .main-4__descr:not(:first-child) { margin-top: 10rem; } .main-4__descr-span { display: block; overflow: hidden; } .main-4__descr-span-text { display: block; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: opacity 1.2s cubic-bezier(.25, .74, .22, .99) .2s, -webkit-transform 1.2s cubic-bezier(.25, .74, .22, .99) .2s; -o-transition: opacity 1.2s cubic-bezier(.25, .74, .22, .99) .2s, transform 1.2s cubic-bezier(.25, .74, .22, .99) .2s; transition: opacity 1.2s cubic-bezier(.25, .74, .22, .99) .2s, -webkit-transform 1.2s cubic-bezier(.25, .74, .22, .99) .2s; transition: opacity 1.2s cubic-bezier(.25, .74, .22, .99) .2s, transform 1.2s cubic-bezier(.25, .74, .22, .99) .2s; transition: opacity 1.2s cubic-bezier(.25, .74, .22, .99) .2s, transform 1.2s cubic-bezier(.25, .74, .22, .99) .2s, -webkit-transform 1.2s cubic-bezier(.25, .74, .22, .99) .2s; } .main-4__middle { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 100rem; } @media (max-width: 767.98px) { .main-4__middle { margin-top: 50rem; } } .main-4__link { margin-left: auto; } @media (max-width: 767.98px) { .main-4__link { margin-left: 0; } } .main-4__swiper { margin-top: 30rem; margin-right: -10rem; margin-left: -10rem; } @media (max-width: 767.98px) { .main-4__swiper { margin-top: 20rem; margin-right: -16rem; margin-left: -16rem; padding-right: 11rem; padding-left: 11rem; } } .main-4__swiper-wrapper { margin: 0; padding: 0; list-style: none; -webkit-transition: -webkit-transform .6s cubic-bezier(.25, .74, .22, .99) !important; -o-transition: transform .6s cubic-bezier(.25, .74, .22, .99) !important; transition: -webkit-transform .6s cubic-bezier(.25, .74, .22, .99) !important; transition: transform .6s cubic-bezier(.25, .74, .22, .99) !important; transition: transform .6s cubic-bezier(.25, .74, .22, .99), -webkit-transform .6s cubic-bezier(.25, .74, .22, .99) !important; } .main-4__slide { width: calc(50% - 20rem); height: auto; margin: 0 10rem; } @media (max-width: 767.98px) { .main-4__slide { width: 304rem; margin: 0 5rem; } } .main-4__swiper-prev { z-index: 1; position: absolute; top: 261.5rem; left: 30rem; } @media (max-width: 1199.98px) { .main-4__swiper-prev { top: 156rem; } } @media (max-width: 767.98px) { .main-4__swiper-prev { display: none; } } .main-4__swiper-next { z-index: 1; position: absolute; top: 261.5rem; right: 30rem; } @media (max-width: 1199.98px) { .main-4__swiper-next { top: 156rem; } } @media (max-width: 767.98px) { .main-4__swiper-next { display: none; } } .main-5 { padding-top: 150rem; } @media (max-width: 767.98px) { .main-5 { padding-top: 80rem; } } .main-5__top { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; } @media (max-width: 767.98px) { .main-5__top { -ms-flex-direction: column; flex-direction: column; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: start; -ms-flex-align: start; } } .main-5__heading { display: inline; margin-top: 0; margin-bottom: 0; } .main-5__count { display: inline; color: #b1b1b1; } .main-5__link { margin-left: auto; } @media (max-width: 767.98px) { .main-5__link { margin-top: 20rem; margin-left: 0; } } .main-5__swiper { margin-top: 50rem; margin-right: -10rem; margin-left: -10rem; } @media (max-width: 767.98px) { .main-5__swiper { margin-top: 20rem; margin-right: -16rem; margin-left: -16rem; padding-right: 11rem; padding-left: 11rem; } } .main-5__swiper-wrapper { margin: 0; padding: 0; list-style: none; -webkit-transition: -webkit-transform .6s cubic-bezier(.25, .74, .22, .99) !important; -o-transition: transform .6s cubic-bezier(.25, .74, .22, .99) !important; transition: -webkit-transform .6s cubic-bezier(.25, .74, .22, .99) !important; transition: transform .6s cubic-bezier(.25, .74, .22, .99) !important; transition: transform .6s cubic-bezier(.25, .74, .22, .99), -webkit-transform .6s cubic-bezier(.25, .74, .22, .99) !important; } .main-5__slide { width: calc(25% - 20rem); height: auto; margin: 0 10rem; } @media (max-width: 1199.98px) { .main-5__slide { width: calc(33.333% - 20rem); } } @media (max-width: 767.98px) { .main-5__slide { width: 255rem; margin: 0 5rem; } } .main-5__swiper-prev { z-index: 1; position: absolute; top: 250rem; left: 30rem; } @media (max-width: 1199.98px) { .main-5__swiper-prev { top: 206.5rem; } } @media (max-width: 767.98px) { .main-5__swiper-prev { display: none; } } .main-5__swiper-next { z-index: 1; position: absolute; top: 250rem; right: 30rem; } @media (max-width: 1199.98px) { .main-5__swiper-next { top: 206.5rem; } } @media (max-width: 767.98px) { .main-5__swiper-next { display: none; } } .main-5__slide:nth-child(4n+2) .main-5__card-top, .main-5__slide .main-5__card-top.no-image .m5-card__img { height: 364rem; } @media (max-width: 1199.98px) { .main-5__slide:nth-child(4n+2) .main-5__card-top, .main-5__slide .main-5__card-top.no-image .m5-card__img { height: 297rem; } } @media (max-width: 767.98px) { .main-5__slide:nth-child(4n+2) .main-5__card-top, .main-5__slide .main-5__card-top.no-image .m5-card__img { height: 321rem; } } .main-5__slide:nth-child(4n+4) .main-5__card-top { height: 447rem; } @media (max-width: 1199.98px) { .main-5__slide:nth-child(4n+4) .main-5__card-top { height: 361rem; } } @media (max-width: 767.98px) { .main-5__slide:nth-child(4n+4) .main-5__card-top { height: 321rem; } } .main-6 { display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1; position: relative; -ms-flex-direction: column; flex-direction: column; align-items: center; margin-top: 150rem; padding-top: 210rem; padding-bottom: 210rem; color: #fff; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: center; -ms-flex-align: center; } @media (max-width: 767.98px) { .main-6 { margin-top: 80rem; padding-top: 118rem; padding-bottom: 108rem; } } .main-6:after, .main-6__bg { z-index: -1; position: absolute; top: 0; left: 50%; width: 100vw; height: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .main-6:after { background: -o-linear-gradient(bottom, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)); background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .4)), to(rgba(0, 0, 0, .4))); background: linear-gradient(0deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)); content: ""; } .main-6__bg { -o-object-fit: cover; object-fit: cover; } .main-6__heading { margin-top: 0; margin-bottom: 0; font-style: normal; font-weight: 400; font-size: 80rem; line-height: .875; font-family: Viaoda Libre, sans-serif; text-align: center; } @media (max-width: 767.98px) { .main-6__heading { font-size: 32rem; line-height: 1; } } .main-6__btn { margin-top: 50rem; } @media (max-width: 767.98px) { .main-6__btn { margin-top: 30rem; } } .main-7 { padding-top: 150rem; } @media (max-width: 767.98px) { .main-7 { padding-top: 80rem; } } .main-7__heading { margin-top: 0; margin-bottom: 0; } .main-7__swiper { margin-top: 65rem; margin-right: -10rem; margin-left: -10rem; } @media (max-width: 767.98px) { .main-7__swiper { margin-top: 30rem; margin-right: -16rem; margin-left: -16rem; } } .main-7__swiper-wrapper { margin: 0; padding: 0; list-style: none; -webkit-transition: -webkit-transform .6s cubic-bezier(.25, .74, .22, .99) !important; -o-transition: transform .6s cubic-bezier(.25, .74, .22, .99) !important; transition: -webkit-transform .6s cubic-bezier(.25, .74, .22, .99) !important; transition: transform .6s cubic-bezier(.25, .74, .22, .99) !important; transition: transform .6s cubic-bezier(.25, .74, .22, .99), -webkit-transform .6s cubic-bezier(.25, .74, .22, .99) !important; } .main-7__slide { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; width: calc(25% - 20rem); height: auto; margin: 0 10rem; -webkit-box-align: center; -ms-flex-align: center; } @media (max-width: 1199.98px) { .main-7__slide { width: calc(33.333% - 20rem); } } @media (max-width: 767.98px) { .main-7__slide { width: auto; margin: 0 16rem; } .main-7__slide:not(:last-child) .main-7__img { margin-right: 14rem; } } .main-7__swiper-prev { z-index: 1; position: absolute; top: 50%; left: 30rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 767.98px) { .main-7__swiper-prev { display: none; } } .main-7__swiper-next { z-index: 1; position: absolute; top: 50%; right: 30rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 767.98px) { .main-7__swiper-next { display: none; } } .main-8 { padding-top: 150rem; } @media (max-width: 767.98px) { .main-8 { padding-top: 80rem; } } .main-8__heading { margin-top: 0; margin-bottom: 0; } .main-8__bottom { margin-top: 50rem; } @media (max-width: 767.98px) { .main-8__bottom { margin-top: 30rem; } } .main-8__tabs-list { position: relative; margin: 50rem 0 0; padding: 0; list-style: none; } @media (max-width: 767.98px) { .main-8__tabs-list { margin-top: 40rem; } } .main-8__tabs-item { visibility: hidden; position: absolute; top: 0; right: 0; left: 0; -webkit-transform: translateY(40rem); -ms-transform: translateY(40rem); transform: translateY(40rem); opacity: 0; pointer-events: none; } @media (max-width: 767.98px) { .main-8__tabs-item { -webkit-transform: translateY(16rem); -ms-transform: translateY(16rem); transform: translateY(16rem); } } .main-8__tabs-item.is-active { visibility: visible; position: static; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; pointer-events: all; -webkit-transition: opacity .6s cubic-bezier(.25, .74, .22, .99), visibility .6s cubic-bezier(.25, .74, .22, .99), -webkit-transform .6s cubic-bezier(.25, .74, .22, .99); -o-transition: opacity .6s cubic-bezier(.25, .74, .22, .99), visibility .6s cubic-bezier(.25, .74, .22, .99), transform .6s cubic-bezier(.25, .74, .22, .99); transition: opacity .6s cubic-bezier(.25, .74, .22, .99), visibility .6s cubic-bezier(.25, .74, .22, .99), -webkit-transform .6s cubic-bezier(.25, .74, .22, .99); transition: opacity .6s cubic-bezier(.25, .74, .22, .99), visibility .6s cubic-bezier(.25, .74, .22, .99), transform .6s cubic-bezier(.25, .74, .22, .99); transition: opacity .6s cubic-bezier(.25, .74, .22, .99), visibility .6s cubic-bezier(.25, .74, .22, .99), transform .6s cubic-bezier(.25, .74, .22, .99), -webkit-transform .6s cubic-bezier(.25, .74, .22, .99); } .main-8__title { margin-top: 0; margin-bottom: 0; color: #7e7e7e; } @media (max-width: 767.98px) { .main-8__title { font-size: 24rem; } } .main-8__descr { max-width: 910rem; margin-top: 18rem; margin-bottom: 0; font-size: 24rem; line-height: 1.333; } @media (max-width: 767.98px) { .main-8__descr { margin-top: 10rem; font-size: 16rem; line-height: 1.5; } .main-8__descr br { display: none; } } .main-8__map { position: relative; left: 50%; width: 100vw; height: 840rem; margin-top: 80rem; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 1199.98px) { .main-8__map { height: 525rem; } } @media (max-width: 767.98px) { .main-8__map { height: 502rem; margin-top: 50rem; } } .no-image { background-color: #2B582F; } .no-image img { padding: 100rem; -o-object-fit: contain !important; object-fit: contain !important; } #sights__onmap { display: none; } #sights__onmap--clone { width: 800rem; max-width: calc(100vw - 80rem); height: 600rem; padding: 0; max-height: calc(100vh - 80rem); } @media (max-width: 767.98px) { #sights__onmap--clone { max-width: calc(100vw - 32rem); max-height: calc(100vh - 32rem); } } .bx-core .header { top: initial; } .header__80v img { height: 100%; } /**/ .h-logo__svg { height: 92rem; } .header__80v { position: absolute; top: -14rem; right: -50rem; background: #FCE4C4; padding: 9rem 8rem; height: 92rem; } .header__logo { transform: scale(1) !important; } .header__text { transform: translateX(0) !important; margin-left: 85rem; } @media (max-width: 1198px) { .header__text { font-size: 12rem; max-width: 270rem ; } .header__80v { right: -48rem; height: 81rem; } .h-logo__svg { height: 86rem; } } @media (max-width: 767.98px) { .header__80v { right: -138rem; height: 45rem; top: -10rem; } .h-logo__svg { height: 45rem; } } .detail__text img { max-width: 100%; height: auto; } .bq-form-popup__content { border-radius: 20px; max-width: 500px; } .bq-form-input, .bq-form-select { border-radius: 20px; border-color: transparent; background-color: #f4f4f4 } .bq-form-input:focus-visible, .is-error .bq-form-input:focus-visible { border-color: #2b582f; } .bq-form-radio__input:checked ~ .bq-form-radio__text::before, .bq-form-checkbox__input:checked ~ .bq-form-checkbox__text::before{ border-color: #2b582f; background-color: #2b582f; } .bq-form-popup-open:hover, .bq-form-popup-open:focus-visible{ background-color: #f4f4f4; border-color: #2b582f; outline: none; } .bq-form-title { font-family: Viaoda Libre, sans-serif; } .bq-form-checkbox__text::before { border-radius: 5px ; } .bq-form-success { margin: 16px; } .bq-form-success__text { font-size: 24px; text-align: center; line-height: normal; font-family: Viaoda Libre, sans-serif; } @media (any-hover: hover),(hover: hover) and (pointer: fine) { .bq-form-submit:hover { background: transparent; } } @media(max-width: 767.98px) { .bq-form-success__text { font-size: 18px; } } /* End */ /* Start:/local/templates/ikc.gatchina/css/common-kuz.min.css?173926240412717*/ .btn,.btn a{text-decoration:none}.btn{display:block;width:100%;padding:20rem;border:0;border-radius:100rem;background-color:#2b582f;color:#fff;font-size:16rem;line-height:normal;text-align:center;cursor:pointer;-webkit-transition:color .3s,background-color .3s;-o-transition:color .3s,background-color .3s;transition:color .3s,background-color .3s}.btn a{color:inherit}.btn--white{background-color:#fff;color:#333}@media (hover:hover){.btn:hover{background-color:#438048}.btn--white:hover{color:#fff}}.sights__about{top:0;width:522rem;padding:50rem 30rem;background:#f4f4f4;font-size:24rem;line-height:29rem}.sights__about-title{margin-bottom:40rem;font-size:24rem;line-height:29rem}.sights__about-item:not(:last-child){margin-bottom:30rem}.sights__about-item-small-title{margin-bottom:5rem;color:#333;opacity:.6}.sights__about-item-small-title,.sights__about-item-val{font-size:18rem;line-height:26rem}.sights__about-item-val a,.sights__onmap{color:#2b582f;-webkit-text-decoration-line:underline;text-decoration-line:underline}.sights__about-item-val a{font-size:inherit;line-height:inherit;word-break:break-all}.sights__onmap{margin-top:5rem;font-size:16rem;line-height:24rem;cursor:pointer;-webkit-transition:color .3s;-o-transition:color .3s;transition:color .3s}@media (hover:hover){.sights__about-item-val a:hover,.sights__onmap:hover{color:#438048}}@media (max-width:767px){.sights__about{width:100%;padding:40rem 30rem}.sights__about-title{margin-bottom:30rem;font-size:18rem}.sights__about-item-small-title,.sights__about-item-val,.sights__onmap{font-size:16rem}.sights__about-item:not(:last-child){margin-bottom:20rem}}.detail__news{top:0;width:522rem;background:#f4f4f4}.detail__news-top{position:relative;padding:50rem 30rem;font-size:24rem;line-height:29rem}.detail__news-item:before,.detail__news-top:before{position:absolute;bottom:0;left:30rem;width:calc(100% - 60rem);height:1rem;background:#2b582f;content:""}.detail__news-item{display:block;position:relative;padding:30rem 30rem 50rem;color:inherit;text-decoration:none}.detail__news-item-link{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.detail__news-item-date{margin-bottom:20rem;color:#7e7e7e}.detail__news-item-title{margin-bottom:20rem;font-size:24rem;line-height:29rem;-webkit-transition:color .6s cubic-bezier(.25,.74,.22,.99);-o-transition:color .6s cubic-bezier(.25,.74,.22,.99);transition:color .6s cubic-bezier(.25,.74,.22,.99)}@media (any-hover:hover),(hover:hover) and (pointer:fine){.detail__news-item:hover .detail__news-item-title{color:#2b582f}}.detail__news-item:last-child:before{display:none}@media (max-width:767px){.detail__news{width:100%}}.excursion__about{width:522rem;padding:50rem 30rem;background-color:#2b582f}.excursion__about-title{margin-bottom:40rem;color:#f4f4f4;font-size:24rem;line-height:normal}.excursion__about-table-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.excursion__about-table-row:not(:first-child){margin-top:10rem}.excursion__about-table:not(:last-child){margin-bottom:40rem}.excursion__about-item-col,.excursion__about-table-col{color:#fff;font-size:18rem;line-height:26rem}.excursion__about-item:not(:last-child){margin-bottom:20rem}.excursion__about-item-col:first-child,.excursion__about-table-col:first-child{opacity:.6}.excursion__about-table-col:last-child{width:59.523%}.excursion__about-table-col:first-child{width:40.477%;padding-right:15rem}.excursion__about-item-col:not(:first-child){margin-top:5rem}.excursion__about-cost{margin-top:60rem;margin-bottom:30rem;color:#f4f4f4;font-size:24rem;line-height:normal}.excursion__about .btn{margin-top:30rem}@media (max-width:767px){.excursion__about{width:100%}.excursion__about-table-col:first-child{width:60%}.excursion__about-table-col:last-child{width:40%}.excursion__about-item-col,.excursion__about-table-col{font-size:16rem}.excursion__about{padding:40rem 30rem}.excursion__about-cost{margin-top:40rem}.excursion__about-cost,.excursion__about-title{margin-bottom:30rem;font-size:18rem}.excursion__about-table:not(:last-child){margin-bottom:30rem}}.sections__about{width:522rem;padding:30rem 30rem 80rem;background:#f4f4f4}.sections__about-small-title{margin-bottom:30rem;color:#333;font-size:16rem;line-height:24rem;opacity:.6}.sections__about-title{margin-bottom:30rem;color:#333;font-size:32rem;line-height:normal}.sections__about-title:last-child{margin-bottom:0}.sections__about a{display:block;color:#2b582f;font-size:32rem;line-height:normal;-webkit-text-decoration-line:underline;text-decoration-line:underline}.sections__about a:not(:last-child){margin-bottom:30rem}@media (hover:hover){.sections__about a:hover{color:#438048}}@media (max-width:767px){.sections__about{width:100%;padding:40rem 30rem}.sections__about a,.sections__about-title{font-size:18rem}.sections__about a:not(:last-child),.sections__about-title{margin-bottom:20rem}.sections__about-small-title{margin-bottom:20rem}}.pagination{display:flex;display:-webkit-box;display:-ms-flexbox;position:relative;align-items:center;-webkit-align-items:center;justify-content:center;margin-top:60rem;margin-bottom:150rem;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center}a.pagination__next,a.pagination__prev{display:block;position:relative;width:35rem;height:35rem;text-decoration:none;cursor:pointer;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}a.pagination__prev{margin-right:20rem}a.pagination__next{margin-left:20rem}a.pagination__next:after,a.pagination__next:before,a.pagination__prev:after,a.pagination__prev:before{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;content:"";-webkit-transition:.3s;-o-transition:.3s;transition:.3s}a.pagination__prev:before{background-image:url(/images/pagination-left.svg)}a.pagination__next:before{background-image:url(/images/pagination-next.svg)}.pagination__item,a.pagination__item{display:block;width:35rem;height:35rem;color:#b1b1b1;font-size:16rem;line-height:35rem;text-align:center;text-decoration:none;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.pagination__item--current{color:#333}@media (hover:hover){a.pagination__next:hover:before,a.pagination__prev:hover:before{opacity:.7}a.pagination__next:hover,a.pagination__prev:hover{color:#2b582f}a.pagination__item:hover{color:#333}}@media (max-width:1200px){.pagination{margin-top:40rem;margin-bottom:80rem}}@media (max-width:767px){.pagination{margin-top:30rem;margin-bottom:60rem}}.more{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;margin-top:80rem;margin-bottom:60rem;-webkit-box-pack:center;-ms-flex-pack:center}.more .btn{max-width:403rem}@media (max-width:1200px){.more{margin-top:60rem;margin-bottom:40rem}}@media (max-width:767px){.more{margin-top:30rem;margin-bottom:30rem}}.detail__text a{word-break:break-all}.blind{z-index:999;position:fixed;top:0;left:0;width:100%;height:0;overflow:hidden;background-color:#e6e6e6!important;-webkit-box-shadow:0 2px 4px 1px rgb(1 1 1/13%);box-shadow:0 2px 4px 1px rgb(1 1 1/13%);font-size:16px;-webkit-transition:height .6s cubic-bezier(.25,.74,.22,.99);-o-transition:height .6s cubic-bezier(.25,.74,.22,.99);transition:height .6s cubic-bezier(.25,.74,.22,.99)}.html--blind .blind{height:40px}.html--blind{margin-top:40px}.html--blind header{top:40px}.blind__color,.blind__font,.blind__wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;align-items:center;-webkit-box-align:center;-ms-flex-align:center}.blind__wrap{width:100%;max-width:1920rem;height:40px;margin-right:auto;margin-left:auto;padding-right:40rem;padding-left:40rem;font-size:16px}.blind__color,.blind__font{margin-right:20px}.blind-color__btn,.blind-font__btn{margin-right:10px;padding:5px 10px;border:1px solid #000;color:#000!important;line-height:20px;cursor:pointer}.blind-color__btn--active,.blind-font__btn--active,.blind__remove:hover{background-color:#000;color:#fff!important}.blind__remove{margin-left:auto;padding:5px 10px;border:1px solid #000;line-height:20px;cursor:pointer;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.blind-font__btn--small{font-size:12px}.blind-font__btn--middle{font-size:16px}.blind-font__btn--big{font-size:20px}.blind__title{margin-right:12px;color:#000!important}@media (max-width:767px){.blind__wrap{max-width:375rem;padding-right:16rem;padding-left:16rem;font-size:14px}}@media (max-width:650px){.blind__title{display:none}.blind__wrap,.html--blind .blind{height:50px}.blind__remove{text-align:center}.html--blind{margin-top:50px}.html--blind header{top:50px}.blind__font{margin-left:auto}.blind-color__btn,.blind-font__btn{margin-right:5px}.blind-font__btn--big{margin-right:0}.blind__wrap{font-size:10px}.blind__color,.blind__font{margin-right:0}}.header__blind{cursor:pointer}.html--blind .header__blind svg use{fill:#bbb}html{-webkit-transition:margin .6s cubic-bezier(.25,.74,.22,.99);-o-transition:margin .6s cubic-bezier(.25,.74,.22,.99);transition:margin .6s cubic-bezier(.25,.74,.22,.99)}html.html--font-small{font-size:calc(.052083333333333vw*.8)}html.html--font-middle{font-size:.052083333333333vw}html.html--font-big{font-size:calc(.052083333333333vw*1.2)}@media (min-width:1920.98px){html.html--font-small{font-size:1px}html.html--font-middle{font-size:calc(1px*1.1)}html.html--font-big{font-size:calc(1px*1.3)}}@media (max-width:1199.98px){html.html--font-small{font-size:.083333333333333vw}html.html--font-middle{font-size:calc(.083333333333333vw*1.1)}html.html--font-big{font-size:calc(.083333333333333vw*1.3)}}@media (max-width:767.98px){html.html--font-small{font-size:.266666666666667vw}html.html--font-middle{font-size:calc(.266666666666667vw*1.1)}html.html--font-big{font-size:calc(.266666666666667vw*1.3)}}.html--blind #calendar,.html--blind .fancybox__container,.html--blind .menu__wrapper,.html--blind .wrapper,.html--blind footer,.html--blind header{-webkit-filter:grayscale(1);filter:grayscale(1)}.html--blind .menu{background-color:#4b4b4b}.html--blind .menu__wrapper{padding-top:calc(85rem + 50px)}.html--dark .fancybox__content,.html--dark .header,.html--dark body{background-color:#000;color:#fff}.html--dark .detail__col,.html--dark .events__item-date,.html--dark .excursions__item-date,.html--dark .excursions__item-tag,.html--dark .m2-card,.html--dark .places__item-tag{color:#000}.html--blind .menu__link,.html--dark .c-close--black,.html--dark .contacts__info-value,.html--dark .contacts__info-value a,.html--dark .contacts__info-value a[download],.html--dark .detail__text a,.html--dark .events__item-place,.html--dark .m4-card__place,.html--dark .m4-history__descr,.html--dark .m4-history__year,.html--dark .m5-card__city,.html--dark .main-5__count,.html--dark .news__item-date,.html--dark .ps-input,.html--dark .sp-input,.html--dark ol:not([class]) li:not([class]):before{color:#fff}.html--dark table th,.html--dark table tr:nth-child(odd),.html--dark ul:not([class]) li:not([class]):before{background:#707070}.html--dark a.pagination__prev:before{background-image:url(/images/pagination-left-white.svg)}.html--dark a.pagination__next:before{background-image:url(/images/pagination-next-white.svg)}.html--dark .pagination__item--current,.html--dark .ps-card__title b,.html--dark .sp-card__title b{color:#4ea956}.html--dark .detail__back-link-icon{fill:#fff}.html--dark .page-top__calendar .icon *{stroke:#bbb}.html--dark .page-top__calendar:hover .icon *{stroke:#868786}.html--font-big .excursion__about-table-col,.html--font-middle .excursion__about-table-col{width:100%!important}.html--dark .page-top__calendar:hover{color:#4ea956}.html--dark .m7-card__img{-webkit-filter:invert(1);filter:invert(1)}@media (any-hover:hover),(hover:hover) and (pointer:fine){.html--dark .c-close--black:hover,.html--dark .events__item:hover .events__item-title,.html--dark .excursions__item:hover .excursions__item-title,.html--dark .f-link:hover,.html--dark .h-btn:hover,.html--dark .h-link:hover,.html--dark .header--green.is-scrolled .header__btn:hover,.html--dark .header--green.is-scrolled .header__link:hover,.html--dark .m2-link:hover,.html--dark .m3-card:hover .m3-card__heading,.html--dark .m4-card:hover .m4-card__heading,.html--dark .m5-card:hover .m5-card__heading,.html--dark .news__item:not(.news__item--main.news__item--img):hover .news__item-title,.html--dark .page-top__calendar:hover,.html--dark .places__item:hover .places__item-title,.html--dark a.pagination__item:hover{color:#4ea956}.html--dark .m2-card:hover .m2-card__date{color:#fff}.html--dark .detail__back-link:hover{color:#4ea956}.html--dark .filter-btn:hover,.html--dark .m2-card:hover{background-color:#5da963}} /* End */ /* Start:/local/templates/ikc.gatchina/css/common-anik.min.css?17392624046083*/ a{color:#2b582f}a:hover{text-decoration:none}.breadcrumbs{margin:30rem 0 50rem;font-size:14rem;line-height:17rem}.breadcrumbs__item,.page-top__title .h1 h1{display:inline-block}.breadcrumbs__link{color:inherit;text-decoration:none;opacity:.5}.breadcrumbs__link:hover{opacity:1}.breadcrumbs__link:after{content:">"}.page--green-top .breadcrumbs,.page--green-top .page-top{color:#fff}@media (max-width:767.98px){.breadcrumbs{margin-top:63rem}}.page-top,.page-top__cont{position:relative}.page-top__cont{z-index:2}.page-top__title .h1 span{color:#b1b1b1}.page--green-top .page-top::before{position:absolute;left:50%;width:100vw;height:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background:#2b582f;content:""}.page--detail .page-top{padding-bottom:150rem}.page-top__calendar{display:inline-block;position:relative;margin-bottom:20rem;padding-left:30rem;font-size:20rem;line-height:24rem;cursor:pointer}.page-top__calendar .icon{display:block;position:absolute;top:0;bottom:0;left:0;width:26rem;height:26rem;margin:auto}.page-top__calendar .icon svg{width:100%;height:100%;fill:transparent}.page-top__calendar .icon *{stroke:#333}.page-top__calendar:hover{color:#2b582f}.page-top__calendar:hover .icon *{stroke:#2b582f}.page-top__title{margin:65rem 0 50rem}.page-top__title h1{margin:0}.page--green-top .page-top__title{margin:50rem 0}.page-top__title--link{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;-webkit-box-pack:justify;-ms-flex-pack:justify}.page-top__title--link .h1{width:calc(100% - 200rem)}@media (max-width:1200px){.page--detail-text .page-top{padding-bottom:100rem}}@media (max-width:767px){.page-top__title--link .h1{width:100%}.page-top__calendar{margin-top:21rem;margin-bottom:0;font-size:18rem}}.detail{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-ms-flex-wrap:wrap;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;padding-right:92rem;padding-bottom:150rem;-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:justify;-ms-flex-pack:justify}.detail__cont{position:relative;width:910rem}.detail__text{margin:20rem 0}.detail__cont.detail__cont--img{margin-top:-110rem}.detail__cont blockquote{position:relative;max-width:76.7%;margin:50rem 0;padding:27rem 0 27rem 30rem;font-size:24rem;line-height:34rem;font-family:Viaoda Libre}.detail__cont blockquote:before{position:absolute;top:0;left:0;width:1rem;height:100%;background:#2b582f;content:""}.detail__img{margin-bottom:30rem}.detail__img,.detail__img img{max-width:100%}.detail__date{position:absolute;top:0;left:0;-webkit-transform:translateY(calc(-100% - 20rem));-ms-transform:translateY(calc(-100% - 20rem));transform:translateY(calc(-100% - 20rem));color:#fff}.detail__col{z-index:2;order:2;margin-top:-110rem;-webkit-box-ordinal-group:3;-ms-flex-order:2}.detail.detail--no-img .detail__col{margin-top:20px}.detail__back{margin-top:60rem}.detail__back-link{position:relative;padding-left:34rem;color:inherit;text-decoration:none}.detail__back-link-icon{position:absolute;top:0;bottom:0;left:0;width:24rem;height:18rem;margin:auto;fill:#333}.detail__back-link:hover{color:#2b582f}.detail__back-link:hover .detail__back-link-icon{fill:#2b582f}.detail--img .detail__img{position:relative;width:100%;margin-top:-110rem}.detail--img .detail__img:before{display:block;width:100%;padding-top:46%;content:""}.detail--img .detail__img img,.slider .slider__slide-img img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media (max-width:1200px){.detail{padding-right:0;padding-bottom:100rem}.detail__col{width:400rem}.detail__col>*,.detail__cont blockquote{max-width:100%}.detail__cont{width:650rem}}@media (max-width:767px){.detail__col{order:0;width:100%;margin-top:20px;-webkit-box-ordinal-group:1;-ms-flex-order:0}.detail__cont{width:100%}.detail{padding-bottom:50rem}.detail__cont.detail__cont--img{margin-top:-50rem}}.slider{margin:80rem 0 60rem}.slider .slider__swiper-wrapper{margin-right:-10rem;margin-left:-10rem}@media (max-width:767.98px){.slider .slider__swiper-wrapper{margin-right:-16rem;margin-left:-16rem;padding-right:11rem;padding-left:11rem}}.slider .swiper-wrapper{margin:0;padding:0;list-style:none;-webkit-transition:-webkit-transform .6s cubic-bezier(.25,.74,.22,.99)!important;-o-transition:transform .6s cubic-bezier(.25,.74,.22,.99)!important;transition:transform .6s cubic-bezier(.25,.74,.22,.99)!important;transition:transform .6s cubic-bezier(.25,.74,.22,.99),-webkit-transform .6s cubic-bezier(.25,.74,.22,.99)!important}.slider .slider__slide{width:calc(100% - 20rem);height:auto;margin:0 10rem}.slider .slider__slide-img{display:block;position:relative;cursor:pointer}.slider .slider__slide-img:before{display:block;padding-top:64.6%;content:""}.slider .slider__slide-img img{-o-object-fit:contain;object-fit:contain}.slider .slider__swiper-next,.slider .slider__swiper-prev{z-index:1;position:absolute;top:calc((100% - 40rem)/2);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.slider .slider__swiper-prev{left:30rem}.slider__num{margin-top:20rem;padding:0 10rem}@media (max-width:767.98px){.slider .slider__swiper-prev{display:none}}.slider .slider__swiper-next{right:30rem}@media (max-width:767.98px){.slider .slider__swiper-next{display:none}}.tabs{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:40rem;font-size:18rem;line-height:21.78rem}.tabs-item{margin-right:5px;margin-bottom:5px;padding:19rem 27rem;border-radius:60rem;background:#f4f4f4;color:inherit;text-decoration:none}.tabs-item:not(.active):hover{background:#d3e2d4}.tabs-item.active{padding:19rem 41rem;border-radius:60rem;background:#2b582f;color:#fff}table{width:100%;margin:20rem 0;border-spacing:0}table th{padding:15rem 30rem;background:#f4f4f4;text-align:left}table tr:nth-child(odd){background:#eef8ef}table td{padding:15rem 30rem} /* End */ /* Start:/local/templates/ikc.gatchina/css/news.min.css?17392624043918*/ .news{margin-bottom:150rem}.news .filter{margin-bottom:40rem}.news .filter__list{padding-bottom:0}.news>div:last-child{margin-bottom:0}.news-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:calc(100% + 20rem);margin:0-10rem}.news__item{position:relative;width:calc(25% - 20rem);min-height:540rem;margin:0 10rem 20rem;color:inherit;text-decoration:none}.news__item-link,.news__item:after{position:absolute;top:0;left:0;width:100%;height:100%}.news__item-link{display:block;z-index:5}.news__item-cont{z-index:2;padding:30rem}.news__item.news__item--img .news__item-cont{padding-bottom:100rem}.news__item.news__item--main{width:calc(50% - 20rem)}.news__item:after{border:1px solid #ccc;content:"";pointer-events:none}.news__item-cont,.news__item-img{position:relative}.news__item-img:before{display:block;width:100%;padding-top:67.4%;content:""}.news__item-img img{-o-object-fit:cover;object-fit:cover}.news__item-date{margin-bottom:20rem;color:#7e7e7e}.news__item-text,.news__item-title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.news__item-title{margin-bottom:20rem;font-size:24rem;line-height:29rem;-webkit-transition:color .6s cubic-bezier(.25,.74,.22,.99);-o-transition:color .6s cubic-bezier(.25,.74,.22,.99);transition:color .6s cubic-bezier(.25,.74,.22,.99);-webkit-line-clamp:3}@media (any-hover:hover),(hover:hover) and (pointer:fine){.news__item:not(.news__item--main.news__item--img):hover .news__item-title{color:#2b582f}.news__item.news__item--main.news__item--img:hover .news__item-title{text-decoration:underline}}.news__item.news__item--main .news__item-date{margin-bottom:27rem}.news__item.news__item--main .news__item-title{margin-bottom:20rem;font-size:32rem}.news__item-img img,.news__item.news__item--main.news__item--img .news__item-img{position:absolute;top:0;left:0;width:100%;height:100%}.news__item.news__item--main.news__item--img .news__item-img:before{z-index:2;position:absolute;top:0;left:0;height:100%;padding:0;background:#000;opacity:.2}.news__item.news__item--main.news__item--img,.news__item.news__item--main.news__item--img .news__item-date{color:#fff}.news__item-text{-webkit-line-clamp:9}.news__item-img+.news__item-cont .news__item-text{display:none}@media (max-width:1200px){.news__item{width:calc(33.33% - 20rem)}.news__item.news__item--main{width:calc(66.66% - 20rem)}}@media (max-width:767px){.news__item,.news__item.news__item--main{width:calc(100% - 20rem)}.news__item{min-height:519rem}.news__item-title,.news__item.news__item--main .news__item-title{font-size:18rem;line-height:20rem}.news{margin-bottom:100rem}.news__item-text{-webkit-line-clamp:13}}.detail__news{position:sticky;top:0;width:522rem;background:#f4f4f4}.detail__news-top{position:relative;padding:50rem 30rem 30px;font-size:24rem;line-height:29rem}.detail__news-item:before,.detail__news-top:before{position:absolute;bottom:0;left:30rem;width:calc(100% - 60rem);height:1rem;background:#2b582f;content:""}.detail__news-item{display:block;position:relative;padding:30rem 30rem 50rem;color:inherit;text-decoration:none}.detail__news-item-date{margin-bottom:20rem;color:#7e7e7e}.detail__news-item-title{margin-bottom:20rem;font-size:24rem;line-height:29rem}.detail__news-item:last-child:before{display:none}.detail__news-item-text{display:-webkit-box;overflow:hidden;-webkit-line-clamp:9;-webkit-box-orient:vertical}@media (max-width:767.98px){.detail--news .detail__col{order:2;-webkit-box-ordinal-group:3;-ms-flex-order:2}.detail__news-item{width:33.33%}.detail__news-item:before{display:none}.detail__news{width:100%;width:calc(100% + 32rem)!important;max-width:none!important;margin:0-16rem;margin-top:40rem}.detail__news-list{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:auto}.detail__news-item{min-width:255rem}.detail__news-item-title{font-size:18rem}.detail__news-item-text{font-size:14rem;-webkit-line-clamp:13}} /* End */ /* Start:/local/templates/ikc.gatchina/css/events.min.css?17392624045201*/ .events{margin-bottom:150rem}.events .filter{margin-bottom:40rem}.events .filter__list{padding-bottom:0}.events>div:last-child{margin-bottom:0}.events-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:calc(100% + 20rem);margin:0-10rem}.events__item{position:relative;width:calc(25% - 20rem);margin:0 10rem 60rem;color:inherit;text-decoration:none}.events__item-img{position:relative;margin-bottom:30rem;overflow:hidden;-webkit-transition:border-radius .6s cubic-bezier(.25,.74,.22,.99),-webkit-transform .6s cubic-bezier(.25,.74,.22,.99);-o-transition:border-radius .6s cubic-bezier(.25,.74,.22,.99),transform .6s cubic-bezier(.25,.74,.22,.99);transition:border-radius .6s cubic-bezier(.25,.74,.22,.99),transform .6s cubic-bezier(.25,.74,.22,.99);transition:border-radius .6s cubic-bezier(.25,.74,.22,.99),transform .6s cubic-bezier(.25,.74,.22,.99),-webkit-transform .6s cubic-bezier(.25,.74,.22,.99)}.events__item-img:before{display:block;width:100%;padding-top:125.8%;content:""}.events__item.events__item--odd .events__item-img:before{display:block;width:100%;padding-top:81.7%;content:""}.events__item-img img{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;margin:auto;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform .6s cubic-bezier(.25,.74,.22,.99);-o-transition:transform .6s cubic-bezier(.25,.74,.22,.99);transition:transform .6s cubic-bezier(.25,.74,.22,.99);transition:transform .6s cubic-bezier(.25,.74,.22,.99),-webkit-transform .6s cubic-bezier(.25,.74,.22,.99)}.events__item-img.no-image img{max-height:360rem}.events__item-date,.events__item-tag{padding:11.5rem 20rem;border-radius:25rem;font-size:14rem}.events__item-tag{position:absolute;bottom:30rem;left:30rem;background:#fff}.events__item-date{display:inline-block;margin-top:30rem;background:#f4f4f4}.events__item-title{font-size:24rem;line-height:29rem;-webkit-transition:color .6s cubic-bezier(.25,.74,.22,.99);-o-transition:color .6s cubic-bezier(.25,.74,.22,.99);transition:color .6s cubic-bezier(.25,.74,.22,.99)}.events__item-place{margin-top:20rem;color:#7e7e7e}@media (any-hover:hover),(hover:hover) and (pointer:fine){.events__item:hover .events__item-img img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.events__item:hover .events__item-title{color:#2b582f}}@media (any-hover:hover) and (max-width:767.98px),(hover:hover) and (pointer:fine) and (max-width:767.98px){.events__item:hover .events__item-tag{-webkit-transform:translateX(-16rem);-ms-transform:translateX(-16rem);transform:translateX(-16rem)}}@media (max-width:1199.98px){.events__item{width:calc(33.33% - 20rem)}}@media (max-width:767px){.events__item{width:calc(100% - 20rem)}.events__item-title{margin-bottom:10rem;font-size:18rem;line-height:26rem}.events__item-text{font-size:14rem}.events{margin-bottom:100rem}}.detail__events{position:sticky;top:0;width:522rem;background:#f4f4f4}.detail__events-top{position:relative;padding:50rem 30rem 30px;font-size:24rem;line-height:29rem}.detail__events-item:before,.detail__events-top:before{position:absolute;bottom:0;left:30rem;width:calc(100% - 60rem);height:1rem;background:#2b582f;content:""}.detail__events-item{display:block;position:relative;padding:30rem 30rem 50rem;color:inherit;text-decoration:none}.detail__events-item-date{margin-bottom:20rem;color:#7e7e7e}.detail__events-item-title{margin-bottom:20rem;font-size:24rem;line-height:29rem}.detail__events-item:last-child:before{display:none}.events-slider{margin-bottom:100rem}.events-slider .other-slider__title{margin-top:0;margin-bottom:50rem}.events-slider .other__swiper{margin-right:-10rem;margin-left:-10rem}@media (max-width:767.98px){.events-slider .other__swiper{margin-right:-16rem;margin-left:-16rem;padding-right:11rem;padding-left:11rem}}.events-slider .other__swiper-wrapper{margin:0;padding:0;list-style:none;-webkit-transition:-webkit-transform .6s cubic-bezier(.25,.74,.22,.99)!important;-o-transition:transform .6s cubic-bezier(.25,.74,.22,.99)!important;transition:transform .6s cubic-bezier(.25,.74,.22,.99)!important;transition:transform .6s cubic-bezier(.25,.74,.22,.99),-webkit-transform .6s cubic-bezier(.25,.74,.22,.99)!important}.events-slider .other__slide{width:calc(25% - 20rem);height:auto;margin:0 10rem}@media (max-width:1199.98px){.events-slider .other__slide{width:calc(33.333% - 20rem)}}@media (max-width:767.98px){.events-slider .other__slide{width:255rem;margin:0 5rem}}.events-slider .other__swiper-next,.events-slider .other__swiper-prev{z-index:1;position:absolute;top:250rem}.events-slider .other__swiper-prev{left:30rem}.events-slider .other__swiper-next{right:30rem}.events-slider .events__item{display:block;width:100%;margin:0}@media (max-width:1199.98px){.events-slider .other__swiper-next,.events-slider .other__swiper-prev{top:206.5rem}}@media (max-width:767.98px){.events-slider .other-slider__title{margin-bottom:30rem}.events-slider .other__swiper-next,.events-slider .other__swiper-prev{display:none}}.detail--events .detail__col--mob{display:none}@media (max-width:767.98px){.detail--events .detail__col--mob{display:block}.detail--events .detail__col--desc{display:none}} /* End */ /* Start:/local/templates/ikc.gatchina/css/excursions.css?17530809308883*/ .excursions { margin-bottom: 150rem; } .excursions__top{ margin-bottom: 40rem; display: flex; } .excursions .filter__list { padding-bottom: 0; } .excursions>div:last-child { margin-bottom: 0; } .excursions-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 20rem); margin: 0 -10rem; } .excursions__item { position: relative; width: calc(25% - 20rem); min-height: 540rem; margin: 0 10rem 60rem; color: inherit; text-decoration: none; } .excursions__item.excursions__item--big .excursions__item-cont { width: 75%; } .excursions__item.excursions__item--big { width: calc(50% - 20rem); } .excursions__item-link { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .excursions__item-img { position: relative; margin-bottom: 30rem; overflow: hidden; -webkit-transition: border-radius .3s cubic-bezier(.25, .74, .22, .99), -webkit-transform .3s cubic-bezier(.25, .74, .22, .99); transition: border-radius .3s cubic-bezier(.25, .74, .22, .99), -webkit-transform .3s cubic-bezier(.25, .74, .22, .99); -o-transition: border-radius .3s cubic-bezier(.25, .74, .22, .99), transform .3s cubic-bezier(.25, .74, .22, .99); transition: border-radius .3s cubic-bezier(.25, .74, .22, .99), transform .3s cubic-bezier(.25, .74, .22, .99); transition: border-radius .3s cubic-bezier(.25, .74, .22, .99), transform .3s cubic-bezier(.25, .74, .22, .99), -webkit-transform .3s cubic-bezier(.25, .74, .22, .99); } .excursions__item-img:before { display: block; width: 100%; padding-top: 121%; content: ""; } .excursions__item.excursions__item--big .excursions__item-img:before { display: block; width: 100%; padding-top: 59.3%; content: ""; } .excursions__item-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: -webkit-transform .3s cubic-bezier(.25, .74, .22, .99); transition: -webkit-transform .3s cubic-bezier(.25, .74, .22, .99); -o-transition: transform .3s cubic-bezier(.25, .74, .22, .99); transition: transform .3s cubic-bezier(.25, .74, .22, .99); transition: transform .3s cubic-bezier(.25, .74, .22, .99), -webkit-transform .3s cubic-bezier(.25, .74, .22, .99); } .excursions__item-tag { position: absolute; bottom: 30rem; left: 30rem; padding: 11.5rem 20rem; border-radius: 25rem; background: #fff; font-size: 14rem; -webkit-transition: opacity .3s cubic-bezier(.25, .74, .22, .99), -webkit-transform .3s cubic-bezier(.25, .74, .22, .99); transition: opacity .3s cubic-bezier(.25, .74, .22, .99), -webkit-transform .3s cubic-bezier(.25, .74, .22, .99); -o-transition: opacity .3s cubic-bezier(.25, .74, .22, .99), transform .3s cubic-bezier(.25, .74, .22, .99); transition: opacity .3s cubic-bezier(.25, .74, .22, .99), transform .3s cubic-bezier(.25, .74, .22, .99); transition: opacity .3s cubic-bezier(.25, .74, .22, .99), transform .3s cubic-bezier(.25, .74, .22, .99), -webkit-transform .3s cubic-bezier(.25, .74, .22, .99); } .excursions__item-date { display: inline-block; margin: 30rem 0 20rem; margin-bottom: 0; padding: 11.5rem 20rem; border-radius: 25rem; background: #F4F4F4; font-size: 14rem; } .excursions__item-price { font-size: 24rem; line-height: 29rem; margin-top: 20rem; } .excursions__item-title { display: -webkit-box; margin-bottom: 20rem; overflow: hidden; font-size: 24rem; line-height: 29rem; -webkit-transition: color .6s cubic-bezier(.25, .74, .22, .99); -o-transition: color .6s cubic-bezier(.25, .74, .22, .99); transition: color .6s cubic-bezier(.25, .74, .22, .99); -webkit-line-clamp: 2; -webkit-box-orient: vertical; } @media (any-hover: hover), (hover:hover) and (pointer:fine) { .excursions__item:hover .excursions__item-img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } /* .excursions__item:hover .excursions__item-img { border-radius:50%; transform: scaleX(.9) } .excursions__item:hover .excursions__item-tag { opacity:0; transform: translateX(-40rem) }*/ .excursions__item:hover .excursions__item-title { color: #2b582f; } } /* @media (any-hover: hover) and (max-width:767.98px),(hover:hover) and (pointer:fine) and (max-width:767.98px) { .excursions__item:hover .excursions__item-tag { transform:translateX(-16rem) } }*/ .excursions__item-text { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .excursions__item-text * { display: inline; margin-top: 0; margin-bottom: 0; } @media(max-width: 1200px) { .excursions__item, .excursions__item.excursions__item--big { width: calc(33.33% - 20rem); } .excursions__item.excursions__item--big .excursions__item-img:before { padding-top: 121%; } .excursions__item.excursions__item--big .excursions__item-cont { width: 100%; } } @media(max-width: 767px) { .excursions__top { display: block; } .excursions__item, .excursions__item.excursions__item--big { width: calc(100% - 20rem); } .excursions__item { min-height: auto; } .excursions__item-title { margin-bottom: 10rem; font-size: 18rem; line-height: 26rem; } .excursions__item-text { font-size: 14rem; } .excursions__item-tag { bottom: 20rem; left: 20rem; } .excursions { margin-bottom: 100rem; } } .detail__excursions { position: sticky; top: 0; width: 522rem; background: #F4F4F4; } .detail__excursions-top { position: relative; padding: 50rem 30rem 30px; font-size: 24rem; line-height: 29rem; } .detail__excursions-top:before, .detail__excursions-item:before { position: absolute; bottom: 0; left: 30rem; width: calc(100% - 60rem); height: 1rem; background: #2B582F; content: ""; } .detail__excursions-item { display: block; position: relative; padding: 30rem 30rem 50rem; color: inherit; text-decoration: none; } .detail__excursions-item-date { margin-bottom: 20rem; color: #7E7E7E; } .detail__excursions-item-title { margin-bottom: 20rem; font-size: 24rem; line-height: 29rem; } .detail__excursions-item:last-child:before { display: none; } @media(max-width:1200px) {} .excursions-slider { margin: 0 0 100rem; } .excursions-slider .other-slider__title { margin-top: 0; margin-bottom: 50rem; } .excursions-slider .other__swiper { margin-right: -10rem; margin-left: -10rem; } @media (max-width: 767.98px) { .excursions-slider .other__swiper { margin-right: -16rem; margin-left: -16rem; padding-right: 11rem; padding-left: 11rem; } } .excursions-slider .other__swiper-wrapper { margin: 0; padding: 0; list-style: none; -webkit-transition: -webkit-transform .6s cubic-bezier(.25, .74, .22, .99) !important; transition: -webkit-transform .6s cubic-bezier(.25, .74, .22, .99) !important; -o-transition: transform .6s cubic-bezier(.25, .74, .22, .99) !important; transition: transform .6s cubic-bezier(.25, .74, .22, .99) !important; transition: transform .6s cubic-bezier(.25, .74, .22, .99), -webkit-transform .6s cubic-bezier(.25, .74, .22, .99) !important; } .excursions-slider .other__slide { width: calc(25% - 20rem); height: auto; margin: 0 10rem; } @media (max-width: 1199.98px) { .excursions-slider .other__slide { width: calc(33.333% - 20rem); } } @media (max-width: 767.98px) { .excursions-slider .other__slide { width: 255rem; margin: 0 5rem; } } .excursions-slider .other__swiper-prev, .excursions-slider .other__swiper-next { z-index: 1; position: absolute; top: 240rem; } .excursions-slider .other__swiper-prev { left: 30rem; } .excursions-slider .other__swiper-next { right: 30rem; } .excursions-slider .excursions__item { display: block; width: 100%; margin: 0; } @media (max-width: 1199.98px) { .excursions-slider .other__swiper-prev, .excursions-slider .other__swiper-next { top: 198rem; } } @media (max-width: 767.98px) { .excursions-slider .other-slider__title { margin-bottom: 30rem; } .excursions-slider .other__swiper-prev, .excursions-slider .other__swiper-next { display: none; } } /* End */ /* Start:/local/templates/ikc.gatchina/css/places.min.css?17392624044031*/ .places{margin-bottom:150rem}.places .filter{margin-bottom:40rem}.places .filter__list{padding-bottom:0}.places>div:last-child{margin-bottom:0}.places-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:calc(100% + 20rem);margin:0-10rem}.places__item{position:relative;margin:0 10rem 60rem;color:inherit;text-decoration:none}.places__item,.places__item.places__item--big{width:calc(50% - 20rem)}.places__item-img{position:relative;margin-bottom:30rem;overflow:hidden}.places__item-img:before{display:block;width:100%;padding-top:59.3%;content:""}.places__item-img img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform .6s cubic-bezier(.25,.74,.22,.99);-o-transition:transform .6s cubic-bezier(.25,.74,.22,.99);transition:transform .6s cubic-bezier(.25,.74,.22,.99);transition:transform .6s cubic-bezier(.25,.74,.22,.99),-webkit-transform .6s cubic-bezier(.25,.74,.22,.99)}.places__item-tag{position:absolute;bottom:30rem;left:30rem;padding:11.5rem 20rem;border-radius:25rem;background:#fff;font-size:14rem}.places__item-title{margin-bottom:20rem;font-size:24rem;line-height:29rem;-webkit-transition:color .6s cubic-bezier(.25,.74,.22,.99);-o-transition:color .6s cubic-bezier(.25,.74,.22,.99);transition:color .6s cubic-bezier(.25,.74,.22,.99)}@media (any-hover:hover),(hover:hover) and (pointer:fine){.places__item:hover .places__item-img img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.places__item:hover .places__item-title{color:#2b582f}}@media (max-width:767px){.places__item,.places__item.places__item--big{width:calc(100% - 20rem)}.places__item-title{margin-bottom:10rem;font-size:18rem;line-height:26rem}.places__item-text{font-size:14rem}.places__item-tag{bottom:20rem;left:20rem;min-width:100rem;padding:7rem 26rem 8rem;font-size:12rem}.places__item:last-child{margin-bottom:0}.places{margin-bottom:100rem}}.detail__places{position:sticky;top:0;width:522rem;background:#f4f4f4}.detail__places-top{position:relative;padding:50rem 30rem 30px;font-size:24rem;line-height:29rem}.detail__places-item:before,.detail__places-top:before{position:absolute;bottom:0;left:30rem;width:calc(100% - 60rem);height:1rem;background:#2b582f;content:""}.detail__places-item{display:block;position:relative;padding:30rem 30rem 50rem;color:inherit;text-decoration:none}.detail__places-item-date{margin-bottom:20rem;color:#7e7e7e}.detail__places-item-title{margin-bottom:20rem;font-size:24rem;line-height:29rem}.detail__places-item:last-child:before{display:none}.places-slider{margin:0 0 100rem}.places-slider .other-slider__title{margin-top:0;margin-bottom:50rem}.places-slider .other__swiper{margin-right:-10rem;margin-left:-10rem}@media (max-width:767.98px){.places-slider .other__swiper{margin-right:-16rem;margin-left:-16rem;padding-right:11rem;padding-left:11rem}}.places-slider .other__swiper-wrapper{margin:0;padding:0;list-style:none;-webkit-transition:-webkit-transform .6s cubic-bezier(.25,.74,.22,.99)!important;-o-transition:transform .6s cubic-bezier(.25,.74,.22,.99)!important;transition:transform .6s cubic-bezier(.25,.74,.22,.99)!important;transition:transform .6s cubic-bezier(.25,.74,.22,.99),-webkit-transform .6s cubic-bezier(.25,.74,.22,.99)!important}.places-slider .other__slide{width:calc(50% - 20rem);height:auto;margin:0 10rem}@media (max-width:767.98px){.places-slider .other__slide{width:255rem;margin:0 5rem}}.places-slider .places__item{display:block;width:100%;margin:0}.places-slider .other__swiper-next,.places-slider .other__swiper-prev{z-index:1;position:absolute;top:261.5rem}.places-slider .other__swiper-prev{left:30rem}.places-slider .other__swiper-next{right:30rem}@media (max-width:1199.98px){.places-slider .other__swiper-next,.places-slider .other__swiper-prev{top:156rem}}@media (max-width:767.98px){.places-slider .other-slider__title{margin-bottom:30rem}.places-slider .other__swiper-next,.places-slider .other__swiper-prev{display:none}} /* End */ /* Start:/local/templates/ikc.gatchina/css/contacts.min.css?17392624041391*/ .contacts{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:150rem}.contacts__map{width:910rem}.contacts__map .js-map{width:100%;height:500rem}.contacts__info{width:calc(100% - 910rem);padding-left:100rem}.contacts__info-item .h4{margin-top:0;margin-bottom:20rem}.contacts__info-item{margin-bottom:40rem}.contacts__info-value{color:#333;font-size:18rem;line-height:26rem}.contacts__info-value a{color:#333;text-decoration:none;-webkit-transition:color .3s;-o-transition:color .3s;transition:color .3s}.contacts__info-value a[download]{color:#2b582f;font-size:18rem;line-height:26rem;text-decoration:underline}@media (hover:hover){.contacts__info-value a:hover{color:#438048}.contacts__info-value a[download]:hover{text-decoration:none}}@media (max-width:1200px){.contacts__map{width:750rem}.contacts__info{width:calc(100% - 750rem);padding-left:50rem}.contacts__info-item .h4{margin-bottom:10rem}.contacts{padding-bottom:60rem}}@media (max-width:767px){.contacts__map{order:2;width:calc(100% + 30px);margin-right:-15rem;margin-left:-15rem;-webkit-box-ordinal-group:3;-ms-flex-order:2}.contacts__info{order:1;width:100%;margin-top:0;padding-left:0;-webkit-box-ordinal-group:2;-ms-flex-order:1}.contacts__info-item{margin-bottom:30rem}.contacts{padding-bottom:0}.contacts__map .js-map{height:419px}.contacts__info-item .h4{font-size:24rem}} /* End */ /* Start:/local/templates/ikc.gatchina/css/calendar.min.css?17392624045284*/ body{position:relative}#calendar{display:none;z-index:2;position:absolute;top:100%;right:0;width:300rem;padding:0;background:#d3e2d4;-webkit-box-shadow:0 0 15rem rgba(0,0,0,.2);box-shadow:0 0 15rem rgba(0,0,0,.2);color:#333;font-size:14rem;-moz-user-select:none}#calendar table tr:nth-child(odd){background:0 0}.Chrome #calendar{-webkit-backdrop-filter:blur(56rem);backdrop-filter:blur(56rem);background-image:none;background-color:rgba(61,83,126,.83)}.IE #calendar{background:#4f5689}#calendar-body{padding:20rem 29rem}#calendar-body .table-responsive{width:100%;margin:0;padding:0}#calendar-bottom{padding:0 20rem 29rem}.calendar-line{width:100%;height:1rem;background-color:#333}#calendar .navigation{position:relative;margin-bottom:16rem;padding:1rem 1rem 12rem;border-bottom:1rem solid #333;color:#333;font-weight:700}@media (max-width:767px){#calendar .navigation{margin-bottom:0}}#calendar .navigation .title{height:26rem;margin:0 2.3em;font-size:16rem;line-height:20rem;text-align:center;text-transform:uppercase}#calendar .navigation .next,#calendar .navigation .prev{position:absolute;top:4rem;width:12rem;height:15rem;padding:0;border:0;background:0 0;color:#000;text-decoration:none;cursor:pointer;opacity:.3;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}#calendar .navigation .next:after,#calendar .navigation .next:before,#calendar .navigation .prev:after,#calendar .navigation .prev:before{display:block;position:absolute;width:8rem;height:2rem;border-radius:2rem;background-color:#333;content:""}#calendar .navigation .prev:after{top:7rem;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)}#calendar .navigation .prev:before{top:2rem;transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg)}#calendar .navigation .next:after{top:2rem;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)}#calendar .navigation .next:before{top:7rem;transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg)}#calendar .navigation .prev{left:8rem}#calendar .navigation .next{right:8rem}#calendar .navigation .next:hover,#calendar .navigation .prev:hover{opacity:1}#calendar table{width:100%;margin-bottom:16rem;border-collapse:collapse;table-layout:fixed}#calendar table td a,#calendar table th{color:#333;font-weight:700;letter-spacing:.04em;text-align:center}#calendar table th{padding:.3em;border:0;font-style:normal;font-size:11rem;line-height:14rem;font-family:Arial,sans-serif;text-transform:uppercase}#calendar table td{position:relative;padding:2rem;border:0;border-radius:0;text-align:center}#calendar table td a{display:block;font-size:14rem;line-height:30rem;text-decoration:none;cursor:default;opacity:.7;-webkit-transition:background-color .3s,color .3s;-o-transition:background-color .3s,color .3s;transition:background-color .3s,color .3s}#calendar table td.current a,#calendar table td.today a{color:#333;cursor:pointer;opacity:1}#calendar table td.holidays a{color:#bbb}#calendar table td.active a{background-color:#2b582f;color:#333}#calendar table td.events a{background-color:#2b582f;color:#fff;font-weight:700}#calendar table td.today a{background:#bbb}#calendar table td:hover a{background-color:#438048;color:#fff}#calendar-close{display:none;position:absolute;top:5rem;right:7rem;width:20rem;height:20rem;background-image:url(/local/templates/ikc.gatchina/css/../img/close.svg);background-position:center;background-size:10rem;background-repeat:no-repeat;cursor:pointer}#calendar-close .icon-bar{display:block;width:16rem;height:3rem;margin-top:9rem;margin-left:-3rem;background:#ccc;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}#calendar-close .icon-bar:nth-child(1){-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg)}#calendar-close .icon-bar:nth-child(2){-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg)}#calendar-close:hover .icon-bar{background:#15b0e3}#calendar-close .icon-bar+.icon-bar{margin-top:-3rem}#mylistsearch #allres{margin:0;padding:8rem 28rem;background:#e1e1e1;font-weight:500;font-size:12rem;line-height:16rem}#mylistsearch #allres a{display:block}#mylistsearch #allres span:hover{border:0}#mylistsearch #allres .allres_num{padding-right:10rem}@media (max-width:991px){#calendar.head_calendar:before{top:21rem}#calendar.head_calendar:after{top:19rem}}@media (max-width:767px){#calendar{display:none;position:fixed}#calendar-close{display:block}#calendar:before{border-width:0 6rem 6rem;border-color:transparent transparent #fff}#calendar:after{border-width:0 8rem 8rem 9rem;border-color:transparent transparent #e8e8e8}}@media (max-width:399px){#calendar{-webkit-transition:top .3s ease-out;-o-transition:top .3s ease-out;transition:top .3s ease-out}#calendar.isSearch:after,#calendar.isSearch:before{display:none}}.calendar-overlay{display:none;z-index:1;position:fixed;top:0;left:0;width:100%;height:100%} /* End */ /* /local/templates/ikc.gatchina/css/fancybox.min.css?173926240424699 */ /* /local/templates/ikc.gatchina/css/swiper-bundle.min.css?173926240417391 */ /* /local/templates/ikc.gatchina/css/common.css?1753080930115343 */ /* /local/templates/ikc.gatchina/css/common-kuz.min.css?173926240412717 */ /* /local/templates/ikc.gatchina/css/common-anik.min.css?17392624046083 */ /* /local/templates/ikc.gatchina/css/news.min.css?17392624043918 */ /* /local/templates/ikc.gatchina/css/events.min.css?17392624045201 */ /* /local/templates/ikc.gatchina/css/excursions.css?17530809308883 */ /* /local/templates/ikc.gatchina/css/places.min.css?17392624044031 */ /* /local/templates/ikc.gatchina/css/contacts.min.css?17392624041391 */ /* /local/templates/ikc.gatchina/css/calendar.min.css?17392624045284 */